nav{
	background-color: white;
	position: fixed;
	top: 1.76rem;
	height: 1.76rem;
	line-height: 1.76rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
	z-index: 100;
}
nav a{
	display: block;
	float: left;
	width: 25%;
	font-size: 0.56rem;
}
nav a.cur_nav{
	color:#3598dc;
}



.caseWrap{
	padding:0.8rem 0;/*20/50*/
	overflow: hidden;
	margin-top: 3.54rem;/*177/50*/
	background-color: white;
	margin-bottom: 1.98rem;
}
.caseWrap ul{
	width: 45.3125%;/*290/640*/
	float: left;
	position: relative;
	margin-left: 3.125%;/*20/640*/
	margin-bottom: 0.8rem;
}
.caseWrap ul li:first-child img{
	width: 100%;
}
.caseWrap ul li:last-child{
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	color: white;
	font-size: 0.56rem;/*28/50*/
	text-align: center;
	line-height: 1rem;
}

/*案例详情*/
.case_detail{
	margin-top: 1.76rem;
	background-color: white;
}
.case_detail h2{
	line-height: 1.76rem;
	color:#646464;
	font-size: 0.56rem;
	text-align: center;
	border-bottom: 1px solid #eee;
	background-color: white;
}
.case_detail .icon{
	margin: auto;
	padding: 2rem 0 1.5rem;
	border-bottom: 1px dashed #eee;
}
.case_detail .icon img{
	width: 5rem;
	margin: auto;
}
.icon ul{
	overflow: hidden;
	font-size: 0.56rem;
	position: relative;
	width: 10.8rem;
	margin: auto;
	padding-top: 1rem;
}
.icon ul li{
	float: left;
	padding: 10px 0;
	width: 5rem;
	text-align: center;
	background-color: #3598dc;
	color: white;
	margin:0 0.2rem;
}
.icon ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

.case_detail .code{
	padding: 1rem 0;
}
.code p{
	font-size: 0.6rem;
	text-align: center;
	padding-bottom: 1rem;
	color: #333;
}
.code img{
	width: 6rem;
	margin: auto;
}

.intro,.screen{
	width: 94%;
	border: 1px solid #eee;
	margin: 1rem auto;
	background-color: #f7f7f7;
	box-sizing: border-box;
	padding: 0.6rem;
}
.intro h1,.screen h1{
	font-size: 0.6rem;
	color: #333;
	padding-bottom: 0.4rem;
	color: #3598dc;
	font-weight: bold;
}
.intro p{
	font-size: 0.56rem;
	line-height: 1.5;
	text-align: justify;
}
.screenBox{
	widows: 100%;
	overflow-x:scroll;
	overflow-y:hidden;
}
.screenBox ul{
	width:38.4rem;
	overflow: hidden;
}
.screenBox li{
	width: 9.2rem;/*230/25*/
	float: left;
	margin-right: 0.4rem;
	overflow: hidden;
}
.screenBox li img{
	width: 100%;
}

.case_detail .footer{
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	background-color: #f7f7f7;
	border-top: 1px solid #eee;
	font-size: 0.6rem;
	color: #646464;
}
#dcontent img{    display: inline;}