* {
	margin: 0px;
	padding: 0px;
	font-family:Microsoft YaHei;
	color: #666;
}
a{
	text-decoration: none;
	font-weight: normal;
}
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
input, select { 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	-o-appearance: none; 
	appearance: none; 
}

.select dt{width:100%;}
.select dt li{width:33%;height:190px;margin-top:10px;position:relative;}
.select dt li a{}
.select dt li a.t{margin-top:40px;display:inline-block;width:100px;line-height:60px;font-size:24px;border-bottom:1px solid #000;}
.select dt li a.more{margin-top:10px;display:inline-block;line-height:25px;padding:0 10px;font-size:18px;border:1px solid #000;}
.select dt li.fr{width:65%;height:390px;}
.select dt li.fl img{width:100%;height:190px;}
.select dt li.fr img{width:100%;height:390px;}
.select dt li abbr{position:absolute;left:10px;bottom:5px;font-size:16px;color:#fff;}
.select dd{width:100%;height:60px;line-height:30px;padding:9px 0;}
.select dd li.fl{width:22%;border-right:1px solid #ddd;}
.select dd li.fr{width:76%;}
.select dd li.fr a{float:left;width:33%;}
@media screen and (max-width: 480px) {
.select dt li,.select dt li.fl img{height:120px;}
.select dt li a.t{margin-top:0;}
.select dt li.fr,.select dt li.fr img{height:250px;}
}

/*h1,h2,h3{
	font-weight: normal;
}*/
/*Fix Float BUG 万能闭合*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear{
	clear: both;
}
/*公用头部分*/
body{
	background: #f0f0f0;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1;
	position: relative;
}
.wapM{
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}
header {
	background-color: #ffffff;
	padding: 15px 0%;
}
header h1 { 
	font-size:16px;
	height: 13px;
	line-height: 12px;
	text-align: center;
	font-weight: normal;
}
.goBack img{
	width: 11px;
	height: 20px;
	float: left; 
	cursor: pointer;
}
/*案例列表页*/
.mCase{
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
}
.mCaseNav{
	border:1px solid #cccccc;
	height: 42px;
	line-height: 42px;
	z-index:999;
	background: #fff;
	width:99.5%;
}
.mCaseNav > ul li{
	width: 24.69%;
	height: 42px;overflow:hidden;
	line-height: 42px;
	float: left;
	border-right: 1px solid #ccc;
	list-style-type: none;
	text-indent: 8%;
	background: url(../images/down.png) no-repeat 86% center;
	cursor: pointer;
}
.mCaseNav > ul li:last-child{
	border-right: none;
}
.mCaseNavDown{
	margin-top:1px;
	padding: 15px 3%;
	background:rgba(255,255,255,0.8) none repeat scroll !important;
	display: none;
	position: absolute;
	z-index:999;
	width: 94%;
}
.mCaseNavDown ul li{
	height: 38px;
	width: 30%;
	border:1px solid #ccc;
	list-style: none;
	text-align: center;
	float: left;
	margin-right: 2.659%;
	margin-bottom: 15px;
}
.mCaseNavDown ul{
	display: none;
}


/*局部空间列表页面*/
.mSpecialList ul{
	padding: 15px 3.125%;
	padding-top: 46px;
	-webkit-column-count: 2;
    -webkit-column-gap: 1%;
    /*-webkit-column-rule: 5px solid #333；
    -webkit-column-width: 210px；*/

    -moz-column-count: 2;
    -moz-column-gap: 1%;
    /*-moz-column-rule: 5px solid #333；
    -moz-column-width: 210px；*/

    column-count: 2;
    column-gap:1%;
    /*column-rule: 5px solid #333；
    column-width: 210px；*/
}
.mSpecialList ul li{
	list-style-type: none;
	float: left;
	width: 100%;
}
.mSpecialList ul li img{
	width: 100%;
	padding-top: 10px;
}
/*案例图册有结果页面*/
.mCaseSearch{
	padding: 15px 3.125%;
	background: #fff;
}
.mCaseSea{
	width: 100%;
	height: 40px;
}
.mCaseSea input{
	width: 72.4%;
	height: 38px;
	line-height: 38px;
	text-indent: 10px;
	box-shadow: none;
	background: none;
	float: left;
	outline: 0; 
	resize: none; 
	border: 1px solid #ccc;
	border-radius: 5px;
	border-right: none;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 14px;
}
.mCaseSearchBtn{
	width: 27.5%;
	height: 40px;
	float: right;
	background: #fa4c06;
	border-radius: 5px;
	margin-left: -5px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.mCaseSearch p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #333333;
	font-size: 14px;
	margin-top:10px;
}
.mCaseSearch p span{
	color: #fa0606;
	font-size: 14px;
}
.mCaseSearch p.noResult{
	text-align: center;
	margin-top:20px;
	height: 20px;
	line-height: 20px;
}
.mCaseSearch p.noResult1{
	text-align: center;
	margin-top:5px;
	height: 20px;
	line-height: 20px;
}
.noResultUl{
	width: 100%;
	height: auto;
	margin-top:25px;
}
.noResultUl ul li{
	list-style: none;
	width: 17%;
	float: left;
	height: 40px;
	line-height: 40px;
	border:1px solid #ccc;
	float: left;
	border-radius: 5px;
	color: #999999;
	font-size: 14px;
	text-align: center;
	margin-right: 2.923%;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.noResultUl ul li:nth-child(5n){
	margin-right: 0px;
}
.noResultUl ul li a{
	color: #999999;
	font-size: 14px;
}
.mNoResult{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../images/noResultBg.png) no-repeat center center;
	color:#313131;
	font-size:16px;
	text-align: center;
}
.mSpecilNo{
	padding-top: 0px;
	padding-bottom: 0px;
}
.mSpecilNos ul li{
	margin-bottom: 0px;
}
.mSpecilNo .mNoResult{
	padding-bottom: 15px;
}
.mSpecialList ul li:nth-child(2n){
	float: right;
}
/*案例详情页*/
.case_detail{
	width: 100%;
	height: auto;
	background: #f0f0f0;
}
.caseDetail_sjs{
	padding: 10px 3.125%;
	background: #fff;
	margin-top:10px;
	position: relative;
}
.caseSjsIcon{
	width: 80px;
	height: 64px;
	float: left;
}
.caseSjsIcon img{
	width: 64px;
	height: 64px;
	border-radius: 50px;
	border:3px solid #f0f0f0;
}
.caseSjsInfo{
	width: 40%;
	height: 64px;
	float: left;
	overflow:hidden;
}
.caseSjsInfo h3{
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:8px;
	font-weight: normal;
	font-size: 16px;
}
.caseSjsInfo p{
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
}
.caseSjsYy{
	width: 74px;
	height: 40px;
	line-height: 40px;
	float: right;
	text-align: center;
	color: #fff;
	background: #fa4c06;
	font-size: 14px;
	cursor:pointer;
	position: absolute;
	right: 3.125%;
	z-index:1;
	top:12px;
}
.caseDetailMain{
	padding: 15px 3.125%;
	margin-top:10px;
	background: #fff;
}
.caseDetailHead{
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 10px;
}
.caseDetailHead h2{
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #333333;
	font-weight: normal;
	font-size: 16px;
}
.caseDetailHead p{
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #999999;
	font-size: 14px;
}
.caseDetailHead p span{
	height: 25px;
	line-height: 25px;
	color: #999999;
	font-size: 14px;
	margin-right: 10px;
}
.caseDetailBody{
	width: 100%;
	height: auto;

}
.caseDetailBody img{
	max-width:100%;
	border:1px solid #ccc;
}
.caseDetailBody p{
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #333333;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.caseDetailShare{
	width: 100%;
	height: 40px;
	line-height: 40px;

}
.caseDetailShare span{
	float: left;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #666;
}
.jiathis_style{
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	float: left;
	margin-left: 5px;
}
.caseDetailShare .jiathis_style_24x24 a{
	margin-top:7px;
	display: block;
	float: left;
	width: 35px;
	height: 35px;
}
/*.caseDetailShare .jiathis_style a.jiathis_button_qzone .jtico_qzone{
	background: url(../images/qq.png) no-repeat center top!important;
	background-size: 10%;
}*/
.jiathis_style .button, .jiathis_style .jiathis_txt{
	margin-top:7px;
}
.caseRelete{
	width: 100%;
	height: auto;

}
.caseReleteHead{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../images/noResultBg.png) no-repeat center center;
	color: #313131;
	font-size: 16px;
	text-align: center;
	margin-top:5px;
}
.caseReleteBody{
	padding: 10px 3.125%;
}
.caseReleteBody ul li{
	/*width: 49.167%;*/
	height: auto;
	/*float: left;*/
	list-style-type: none;
	background: #fff;
	overflow: hidden;
}
.caseReleteBody ul li img{
	width: 100%;
}
.caseReleteBody ul li span{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 14px;
	color: #333;
}
/*.caseReleteBody ul li:nth-child(2n){
	float: right;
}*/
/* mBanner */
.mBanner{
	width: 100%;
}
.mBanner img { 
	width:100%; 
	height:auto; 
}
.relative {
	position: relative;
	left: 0;
	top: 20%;
}
/*public scroll*/
.scroll{margin:0px auto;max-width:640px;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;left:45%;z-index:400px;bottom:5px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}
.special_detail{
	padding-top: 15px;
	padding-bottom: 15px;
	background: #fff;
	margin-top:15%;
	position: relative;
}
.scroll_wrap li a p{
	width: 100%;
	height: auto;
	line-height: 20px;
	line-height: 20px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	padding-top: 10px;
}
/*.wapMHide{
	background: #000;
	display: none;
}*/
/*.caseReleteBody ul{
	-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    /*-webkit-column-width: 210px;*/

    /*-moz-column-count: 2;
    -moz-column-gap: 10px;*/
   /* -moz-column-width: 210px;*/

    /*column-count: 2;
    column-gap: 10px;*/
    /*column-width: 210px;*/
/*}*/
.caseReleteBody ul li{
	margin-bottom: 10px;
}
.caseReleteBody ul{
	width: 49.17%;
	height: auto;
	float: left;
}
.caseReleteBody ul:nth-child(2n){
	float: right;
}