body {
	margin:0 auto;
	font-family:Microsoft YaHei,Arial;
	font-size:14px; 
	color:#333; 
	background:#f9f9f9;
	
}

ul{ padding:0; margin:0; list-style:none;}
li{ list-style: none;}
dl,dd{ margin:0; list-style: none;}
a{ cursor:pointer; color:#fff; transition:color .3s linear;}
a,a:link,a:visited{ text-decoration: none;}
form{ margin:0px}
a img{ border:0px;}
h1,h2,h3,h4,h5,h6,p{ margin:0;}
hr{ border:0; border-bottom:1px solid #eee; height:0px; overflow:hidden;}
i,em,u{ text-decoration:none; font-style:normal;}

.fl{float:left}
.fr{float:right}

.header{
	overflow: hidden;
	background: #646464;
	height: 50px;
}
.header img{
	padding: 7px 20px;
	height: 36px;

}
.header i{
	padding: 7px 20px;
	color: #fff;
	line-height: 36px;
	font-size: 20px;
}
.content{
	margin: 0 auto;
	width: 97%;
	overflow: hidden;
}

.main{
	width: 100%;
	overflow: hidden;
}
.main a{
	float: left;;
	width: 25%;
	overflow: hidden;
	
}
.main a span{
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	
}
.main a span img{
	display: block;
	width: 100%;
	transition: .3s;
}
.main a:hover img{
	transform: scale(1.1);
}
.main a span .view{
	position: absolute;
	top: 0;
	width: 101%;
	height: 101%;
	background:url(../images/view.png) center center no-repeat rgba(0,0,0,.7);
	opacity: 0;
	transform:scale(1.1);
	transition: .3s;
}
.main a:hover span .view{
	opacity: 1;
	transform:scale(1);
}

.main a p{
	display: block;
	padding: 5%;
	background:url(../images/work_bg.gif) right no-repeat #f5f6f5;
	color:#000;
	font-size: 13px;
	line-height: 200%;
	transition: .3s;
}
.main a p strong{
	
	font-weight: 400;
	font-size: 18px;
}
.main a:hover p{
	background: #c62721;
	color: #fff;
}

.go-back{
	position: fixed;
	width: 40px;
	height: 40px;
	left: 1.5%;
	top:.5%;
	z-index: 9;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: #646464;
	background: #fff;
	transition: .3s;
}
.go-back:hover{
	color: #fff;
	background: #646464;
}