@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px)
{
.mod-data .detail {
    width:1070px;
    margin: 0 auto;
}
}
.index_content {
    width:100%;
	margin:0 auto 0px;
	/*padding:30px 0px 0px;*/
    min-height: 380px;
}
.awards {
    width:100%;
    padding: 0 0 0px;
    overflow: hidden;
}
.sort {
    display: block;
    width:100%;
    padding: 14px 20px;
    background: #f9f9ed;
    border: dashed 1px #f5da7c;
    margin: 0 12px 0px 0;
	position:relative;
}
.sort .search_box{ 
position:absolute; 
right:30px; 
top:45px;
width:120px;
height:55px;
background: #f0a741;
color:#fff;
font-size:14px;
text-align:center;
}
.sort .search_box .fdj_box{ 
display:inline-block;
width:28px; 
height:28px; 
margin-right:4px;
}
.sort .search_box a{ 
font-size:16px;
line-height:50px;
color:#fff;
}
.sort dl {
    width:100%;
    /*height: 30px;*/
    /*overflow: hidden;*/
    margin: 0 0 15px;
}
.sort dl:after{ display:block; content:""; clear:both;}
.sort dl.end{ margin-bottom:0px;}
.sort dl dt {
    width:0px;
    line-height: 24px;
    height: 24px;
    float: left;
    display:inline-block;
    color: #888;
    overflow: hidden;
    text-indent: -9999px;
}
.sort dl dd {
    width:100%;
    /*line-height: 24px;
    height: 24px;*/
    float: left;
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.sort dl dd a {
    padding:6px 8px;
    margin: 0 8px 8px 0;
    float: left;
    display: inline-block;
    color: #444;
}
.sort dl.end dd a{
	 padding:6px 14px;
	}
.sort dl.end dd a:first-child .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat 0px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(2) .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat -17px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(3) .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat -36px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(4) .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat -60px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(5) .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat -110px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(6) .icon_box{
	width:20px;
    height:20px;
    background: url(../../2021/images/icon_jx.png) no-repeat -88px 0px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}	

.sort dl.end dd a:first-child.correct .icon_box{
    background: url(../../2021/images/icon_jx01.png) no-repeat 0px 0px;
	width:20px;
    height:20px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(2).correct .icon_box{
    background: url(../../2021/images/icon_jx01.png) no-repeat -17px 0px;
	width:20px;
    height:20px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(3).correct .icon_box{
    background: url(../../2021/images/icon_jx01.png) no-repeat -36px 0px;
	width:20px;
    height:20px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(4).correct .icon_box{
    background: url(../../2021/images/icon_jx01.png) no-repeat -60px 0px;
	width:20px;
    height:20px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl.end dd a:nth-child(5).correct .icon_box{
    background: url(../../2021/images/icon_jx01.png) no-repeat -110px 0px;
	width:20px;
    height:20px;
	background-size:cover;
	display:inline-block;
	margin-right:4px;
	float:left;
	}
.sort dl dd a:last-child{ margin-right:0px; margin-bottom:0px;}
.sort dl dd a.correct {
    display: block;
    background:#f0a741;
    color: #fff;
}
.hottitles {
    font-size: 24px;
    line-height: 48px;
    height: 55px;
    margin: 20px 0 0px;
    font-family: "微软雅黑","黑体";
    font-style: italic;
    color:#ff9900 ;
    width:100%;
    float: left;
    display: inline;
	font-weight:400;
}
.piclist {
    width: 100%;
    /*border-top: 1px solid #ddd;*/
    float: left;
    display: inline;
}
.piclist li {
    float: left;
    display:inline-block;
    border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width:20%;
    padding: 20px 0px 0;
    height:auto;
	position:relative;
}
.piclist li.LiCss5{
	border-left: 1px solid #ddd;
}
.piclist li.LiCss1{
	border-top: 1px solid #ddd;
}
.piclist li img {
    width:81%;
    height:auto;
	display:block;
	margin:0 auto 10px;
}
.mod-data .detail .piclist li p{
	text-indent:0px;
	margin-top:0px;
	}
.piclist .casecompany2 {
    color: #666;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
	width:82%;
    margin: 0px auto;
    text-overflow: ellipsis;
	text-align:center;
	font-weight:bold;
}
.people li p.casecompany2{
	font-size:16px;
	}
.pinpai li p.casecompany2{
	height:auto;
	white-space:normal;
	line-height:20px;
	margin-bottom:20px;
	}
.pinpai li p.casehot{ min-height:15px}
.piclist li span.level_box{
position:absolute; right:9%; bottom:58px; display:inline-block; background:#f0a741; color:#fff; width:auto; height:26px; line-height:26px; padding-right:10px; font-size:12px;
}
.piclist li span.level_box02{ 
display:block;
position:static; 
width:75px; 
margin-left:20px; 
text-align:center;
background:url(../images/jiangbie.png) no-repeat -8px -1px;
background-size:auto 26px;
}
.piclist li span.level_box01{top:25px;}
.piclist li span.level_box b{
background:url(../images/gold-sz.png) no-repeat center center; width:26px; height:26px; background-size:22px auto; display:inline-block; float:left;
	}
.product li p.casecompany2{
	height:auto;
	white-space:normal;
	line-height:20px;
	margin-bottom:20px;
	}
.product li p.casehot{ display:none;}
.casecompany2 span{font-weight:normal;font-size:12px;}

.innovation li p.casecompany2{
	height:auto;
	white-space:normal;
	line-height:20px;
	margin-bottom:5px;
	text-align: left;
	}
.innovation li p.casehot{ 
display:block;
color:#888;
height:auto;
line-height:20px;
font-size: 12px;
width: 82%;
margin: 0px auto 10px;
text-align: left;
font-weight:normal;
white-space:normal;
}

.detail .index_content .awards .display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.detail .index_content .awards .flex-wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.casehot {
	min-height:15px;
	text-align:center;
    font-size: 12px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
   /* white-space: nowrap;
    height: 24px;
	text-overflow: ellipsis;*/
	width:88%;
	margin:0 auto;
}
@media (max-width: 1000px)
{
   .mod-data .detail {
    width:970px;
    }
	.piclist li{
		width:25%;
		}
	.piclist .casecompany2 { font-size:13px;}
	.casehot{ font-size:13px;}
}
.sort dl.end dd a .icon_box{
	width: 20px!important;
    height: 20px!important;
	display: inline-block!important;
    margin-right: 4px!important;
    float: left!important;
	}
/*设计师与人物用icons*/
.sort dl.end dd a .icon_box0{
	background: url(../../2021/images/icon_jx.png) no-repeat 0px 0px!important;
    background-size: cover!important;
}
/*创新产品与科学技术奖icons*/
.sort dl.end dd a .icon_box17{
	background: url(../../2021/images/icon_jx.png) no-repeat -17px 0px!important;
    background-size: cover!important;
}
/*品牌icons*/
.sort dl.end dd a .icon_box36{
	background: url(../../2021/images/icon_jx.png) no-repeat -36px 0px!important;
    background-size: cover!important;
}
/*工程设计奖与案例奖icons*/
.sort dl.end dd a .icon_box60{
	background: url(../../2021/images/icon_jx.png) no-repeat -60px 0px!important;
    background-size: cover!important;
}
/*照明建设奖icons*/
.sort dl.end dd a .icon_box88{
	background: url(../../2021/images/icon_jx.png) no-repeat -88px 0px!important;
    background-size: cover!important;
}
/*创意作品奖与创意设计奖icons*/
.sort dl.end dd a .icon_box110{
	background: url(../../2021/images/icon_jx.png) no-repeat -110px 0px!important;
    background-size: cover!important;
}
/*十周年特别奖icons*/
.sort dl.end dd a .icon_box139{
	background: url(../../2021/images/icon_jx.png) no-repeat -139px 0px!important;
    background-size: cover!important;
}
/*当前*/
/*设计师与人物用icons*/
.sort dl.end dd a.correct .icon_box0{
	background: url(../../2021/images/icon_jx01.png) no-repeat 0px 0px!important;
    background-size: cover!important;
}
/*创新产品与科学技术奖icons*/
.sort dl.end dd a.correct .icon_box17{
	background: url(../../2021/images/icon_jx01.png) no-repeat -17px 0px!important;
    background-size: cover!important;
}
/*品牌icons*/
.sort dl.end dd a.correct .icon_box36{
	background: url(../../2021/images/icon_jx01.png) no-repeat -36px 0px!important;
    background-size: cover!important;
}
/*工程设计奖与案例奖icons*/
.sort dl.end dd a.correct .icon_box60{
	background: url(../../2021/images/icon_jx01.png) no-repeat -60px 0px!important;
    background-size: cover!important;
}
/*照明建设奖icons*/
.sort dl.end dd a.correct .icon_box88{
	background: url(../../2021/images/icon_jx01.png) no-repeat -88px 0px!important;
    background-size: cover!important;
}
/*创意作品奖与创意设计奖icons*/
.sort dl.end dd a.correct .icon_box110{
	background: url(../../2021/images/icon_jx01.png) no-repeat -110px 0px!important;
    background-size: cover!important;
}
/*十周年特别奖icons*/
.sort dl.end dd a.correct .icon_box139{
	background: url(../../2021/images/icon_jx01.png) no-repeat -139px 0px!important;
    background-size: cover!important;
}

@media (max-width:768px)
{
	.mod-data .detail{
		width:100%;
		}
	.sort {
    box-sizing: border-box;
    padding: 14px 10px;
    }
	.sort dl {
	height:auto;
    font-size: 12px;
    }
	.sort dl dt {
		float:none;
	}
	.sort .search_box{ 
	position:static; 
	height:36px; 
	line-height:36px; 
	width:100%; 
	margin:0 auto;
	border-radius:4px;
	}
	.sort .search_box .fdj_box{ width:20px; height:20px;}
	.sort .search_box a{ font-size:14px; line-height:36px;}
	.sort dl dd{
	display:inline-block;
	height:auto;
	font-size:12px;
	font-weight:normal;
	width:100%;
	/*margin-bottom:10px;*/
	margin-bottom:0px;
	}
	.sort dl dd a{ 
	padding:4px 9px; 
	margin-right:6px; 
	/*margin-bottom:5px;*/
	margin-bottom:10px;
	}
	.sort dl dd a:nth-child(4n){ margin-right:0px;}
	.sort dl.end dd a{ padding:4px 12px;}
	.sort dl.end dd a:nth-child(4n){ margin-right:6px;}
	.sort dl.end dd a:nth-child(3n){ margin-right:0px;}
	.sort dl.end{
		padding-bottom:15px;
		}
	.hottitles {
		font-size: 2rem;
		line-height: 30px;
		height: 30px;
		margin: 16px auto 0px;
	}
	.piclist {
		margin: 0 auto;
	}
	.piclist li {
		box-sizing: border-box;
		float: left;
		padding: 20px 15px 0;
		width: 50%;
		border:none;
	}
	.piclist li.LiCss1,.piclist li.LiCss5{
		border:none;
	}

	.piclist li img {
		width: 100%;
	}
	.piclist .casecompany2 { font-size:14px; width:100%; line-height:18px;}
	.pinpai li p.casecompany2{line-height:18px; margin-bottom:10px;}
	.product li p.casecompany2{line-height:18px; margin-bottom:10px;}
	.casehot{ font-size:12px; height:auto;}

	.sort dl.end dd a:first-child .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat 0px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(2) .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat -14px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(3) .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat -28px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(4) .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat -48px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(5) .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat -88px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(6) .icon_box{
		width:16px;
		height:16px;
		background: url(../../2021/images/icon_jx.png) no-repeat -68px 0px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
		
	.sort dl.end dd a:first-child.correct .icon_box{
		background: url(../../2021/images/icon_jx01.png) no-repeat 0px 0px;
		width:16px;
		height:16px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(2).correct .icon_box{
		background: url(../../2021/images/icon_jx01.png) no-repeat -14px 0px;
		width:16px;
		height:16px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(3).correct .icon_box{
		background: url(../../2021/images/icon_jx01.png) no-repeat -28px 0px;
		width:16px;
		height:16px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(4).correct .icon_box{
		background: url(../../2021/images/icon_jx01.png) no-repeat -48px 0px;
		width:16px;
		height:16px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}
	.sort dl.end dd a:nth-child(5).correct .icon_box{
		background: url(../../2021/images/icon_jx01.png) no-repeat -88px 0px;
		width:16px;
		height:16px;
		background-size:cover;
		display:inline-block;
		margin-right:4px;
		float:left;
		}

	.sort dl{ margin-bottom:0px;}
	.piclist li span.level_box{
	font-size:14px;
	bottom:34px;
	}
	.piclist li span.level_box01{ top:20px;}
	.piclist li span.level_box b{
	 background-size:20px auto;
		}
	.piclist li span.level_box02{ 
	width:60px;
	background-size: auto 22px;
	height:22px;
	line-height:22px;
	margin-left:0px;
	}

	.innovation li p.casecompany2{
		height:auto;
		white-space:normal;
		line-height:20px;
		margin-bottom:5px;
		text-align: left;
		font-size:12px;
		}
	.innovation li p.casehot{ 
	display:block;
	color:#888;
	height:auto;
	line-height:20px;
	font-size: 12px;
	width: 100%;
	margin: 0px auto 10px;
	text-align: left;
	font-weight:normal;
	white-space:normal;
	}
	.sort dl.end dd a .icon_box{
	width:16px!important;
    height:16px!important;
	}
/*设计师与人物用icons*/
.sort dl.end dd a .icon_box0{
	background: url(../../2021/images/icon_jx.png) no-repeat 0px 0px!important;
    background-size: cover!important;
}
/*创新产品与科学技术奖icons*/
.sort dl.end dd a .icon_box17{
	background: url(../../2021/images/icon_jx.png) no-repeat -14px 0px!important;
    background-size: cover!important;
}
/*品牌icons*/
.sort dl.end dd a .icon_box36{
	background: url(../../2021/images/icon_jx.png) no-repeat -28px 0px!important;
    background-size: cover!important;
}
/*工程设计奖与案例奖icons*/
.sort dl.end dd a .icon_box60{
	background: url(../../2021/images/icon_jx.png) no-repeat -48px 0px!important;
    background-size: cover!important;
}
/*照明建设奖icons*/
.sort dl.end dd a .icon_box88{
	background: url(../../2021/images/icon_jx.png) no-repeat -68px 0px!important;
    background-size: cover!important;
}
/*创意作品奖与创意设计奖icons*/
.sort dl.end dd a .icon_box110{
	background: url(../../2021/images/icon_jx.png) no-repeat -88px 0px!important;
    background-size: cover!important;
}
/*十周年特别奖icons*/
.sort dl.end dd a .icon_box139{
	background: url(../../2021/images/icon_jx.png) no-repeat -111px 0px!important;
    background-size: cover!important;
}
/*当前*/
/*设计师与人物用icons*/
.sort dl.end dd a.correct .icon_box0{
	background: url(../../2021/images/icon_jx01.png) no-repeat 0px 0px!important;
    background-size: cover!important;
}
/*创新产品与科学技术奖icons*/
.sort dl.end dd a.correct .icon_box17{
	background: url(../../2021/images/icon_jx01.png) no-repeat -14px 0px!important;
    background-size: cover!important;
}
/*品牌icons*/
.sort dl.end dd a.correct .icon_box36{
	background: url(../../2021/images/icon_jx01.png) no-repeat -28px 0px!important;
    background-size: cover!important;
}
/*工程设计奖与案例奖icons*/
.sort dl.end dd a.correct .icon_box60{
	background: url(../../2021/images/icon_jx01.png) no-repeat -48px 0px!important;
    background-size: cover!important;
}
/*照明建设奖icons*/
.sort dl.end dd a.correct .icon_box88{
	background: url(../../2021/images/icon_jx01.png) no-repeat -68px 0px!important;
    background-size: cover!important;
}
/*创意作品奖与创意设计奖icons*/
.sort dl.end dd a.correct .icon_box110{
	background: url(../../2021/images/icon_jx01.png) no-repeat -88px 0px!important;
    background-size: cover!important;
}
/*十周年特别奖icons*/
.sort dl.end dd a.correct .icon_box139{
	background: url(../../2021/images/icon_jx01.png) no-repeat -111px 0px!important;
    background-size: cover!important;
}

}