/* CSS Document */
.M-design{
	text-align:center;
	display:block;
	width:202px;

	position:relative; left:0px;
}
.Brand{
	text-align:center;
	display:block;
	width:202px;

	position:relative; left:0px;
}
.move{
	text-align:center;
	display:block;
	width:202px;

	position:relative; left:0px;
}
.ui{
	text-align:center;
	display:block;
	width:202px;
	position:relative; left:0px;
}
.M-design-ico{
	background:url(icon1.png) no-repeat;
	width:202px;
	height:202px;
	display:block;
	+margin-left:0px !important;
}
.Brand-ico{
	background:url(icon2.png) no-repeat;
	width:202px;
	height:202px;
	display:block;
	+margin-left:0px !important;
}
.move-ico{
	background:url(icon3.png) no-repeat;
	width:202px;
	height:202px;
	display:block;
	+margin-left:0px !important;
}
.ui-ico{
	background:url(icon4.png) no-repeat;
	width:202px;
	height:203px;
	display:block;
	+margin-left:0px !important;
}
.M-design:hover em{
	background:url(hover1.png) no-repeat;
}
.Brand:hover em{
	background:url(hover2.png) no-repeat;
}
.move:hover em{
	background:url(hover3.png) no-repeat;
}
.ui:hover em{
	background:url(hover4.png) no-repeat;
}



.M-design-title span{
	font-family:"微软雅黑";
	display:block;
	text-align:center;
	font-size:16px;
	color:#222;
	margin-top:30px;
}
.M-design-title font{
	display:block;
	text-transform:uppercase; font-size:12px; font-family:"Arial Unicode MS"; color:#888;
	text-align:center;	
}
.M-design-bottom{
	height:70px;
	overflow:hidden;
	text-align:center;
}
.M-btn{
	background:url(more.png) no-repeat;
	width:138px;
	height:31px;
	display:block;
	line-height:31px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#000;
	margin-top:30px;
	margin-left:30px;

	*margin-left:0px;
}




.M-work-list{
	width:181px;
	height:181px;
	text-align:left;
	float:left;
}
.item6{position:relative;float:left;width:181px;height:181px;cursor:pointer;overflow:hidden;}
.item6 div{position:absolute;width:0;height:0;background:url(demo02.png) repeat;overflow:hidden;_zoom:1; border-radius:181px;line-height:181px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; }
.item6 .cornerCC{left:78px;top:78px;}
.item6 dl{position:absolute;top:0;left:0;width:181px;height:181px;display:none;line-height:181px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold;}
.item6 dd{width:181px;line-height:181px;color:#FFF; text-align:center; font-family:"微软雅黑"; font-size:24px; font-weight:bold;}

.M-case-list{
	width:400px;
	height:304px;
	text-align:left;
	float:left;
	overflow:hidden;
}
.item7{position:relative;float:left;	width:400px;
	height:304px;cursor:pointer;overflow:hidden;}
.item7 .cornerCC{left:78px;top:78px;position:absolute;width:0;height:0;background:url(demo02.png) repeat;overflow:hidden;_zoom:1; line-height:304px; }
.item7 dl{position:absolute;top:0;left:0;	width:400px;
	height:304px;display:none;line-height:304px; text-align:center; font-family:"微软雅黑"; font-weight:700;

	z-index:1}
.item7 dl span.number{
	position:absolute;top:-50px;left:0;	
	width:338px;
	padding-right:25px;
    text-align:right; 
    font-family:Arial, Helvetica, sans-serif;
	font-size:88px;
	z-index:2;
	color:#222; }
.item7 dl span{
position:absolute;top:60px;left:0;	
width:338px;
padding-right:20px;
padding-left:20px;

text-align:right; 
font-size:20px;
z-index:2;
color:#222;}
.item7 dl span.font8{
position:absolute;top:230px;left:0;	
width:338px;
padding-right:20px;
padding-left:20px;
text-align:right;
font-size:8px;
line-height:14px;
text-transform:uppercase;
font-weight:100;
color:#222;
-webkit-text-size-adjust:none;
z-index:2}
	
	
	
.M-ld-list{
	width:333px;
	height:304px;
	text-align:left;
	float:left;
}
.item8{position:relative;float:left;	width:333px;
	height:304px;cursor:pointer;overflow:hidden;}
.item8 div{position:absolute;width:0;height:0;background:url(demo02.png) repeat;overflow:hidden;_zoom:1; line-height:304px; }
.item8 .cornerCC{left:78px;top:78px;}
.item8 dl{position:absolute;top:0;left:0;	width:333px;
	height:304px;display:none;line-height:304px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold;}
	
	
@media only screen and (max-width: 768px) {
.M-work-list2{
width:48%;
height:244px;
float:left;
margin:1%;
}
.item9{position:relative;float:left;width:100%;height:244px;cursor:pointer;overflow:hidden; margin:0 auto;}
.item9 dl{position:absolute;top:0;left:0;width:100%;height:244px;display:none;}

}
@media only screen and (min-width: 769px) {
.M-work-list2{
width:30%;
height:244px;
float:left;
margin:1%;
}
.item9{position:relative;float:left;width:244px;height:244px;cursor:pointer;overflow:hidden; margin:0 auto;}
.item9 dl{position:absolute;top:0;left:0;width:244px;height:244px;display:none;}
}
	

.item9 div{overflow:hidden;_zoom:1; display:block; position:relative}
.item9 dd{}