@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{background:#000;}
h1{color:#fff;margin-top:30px;}
.container{width:100%;box-sizing:border-box;}
/* .container::after{height:0;content:".";clear:both;overflow:hidden;} */
.tittle{font-size:24px;color:#f00;margin:30px auto;text-align:center;margin-bottom:0;}
.content{width:96%;margin:0 auto;text-align:center;}
.content .art{
	width:30%;
	height:320px;
	display:inline-block;
	overflow:hidden;
	border:2px solid #fff;
	-webkit-box-shadow:1px 1px 1px #eee;
	-moz-box-shadow:1px 1px 1px #eee;
	box-shadow:1px 1px 1px #eee;
	margin:20px 20px 0 0;
	position:relative;
	box-sizing:border-box;
	padding:10px;
	}
.content .art:hover{
	border:3px solid #fff;
	box-shadow:0px 0px 25px 2px #fff;
	-webkit-box-shadow:0px 0px 25px 2px #fff;
	-moz-box-shadow:0px 0px 25px 2px #fff;
	transition:300ms all ease;
	-webkit-transition:300ms all ease;
	-moz-transition:300ms all ease;
	}
.art img{width:100%;height:256px;margin-top: 20px;}
/* .art p{color:#fff;text-align:center;font-size:24px;display:block;margin-top:15px;} */
.art p.txt{color:#fff;text-align:center;font-size:20px;display:block;margin-top:8px;}
.content .none .art{
	width:30%;
	height:300px;
	display:inline-block;
	overflow:hidden;
	border:2px solid #fff;
	-webkit-box-shadow:1px 1px 1px #eee;
	-moz-box-shadow:1px 1px 1px #eee;
	box-shadow:1px 1px 1px #eee;
	margin:20px 20px 0 0;
	position:relative;
	box-sizing:border-box;
	padding:10px;
	}
	.link{
		color:#fff;
		text-decoration:none;
		background:rgba(255,255,255,.3);
		box-shadow:0 1px rgba(255,255,255,0.15) inset;
		font-size:24px;
		padding:8px 12px;
		border-radius:6px;
		display:inline-block;
		margin-left:50px;
		margin-top:25px;
		-webkit-transition:all 0.3s ease-in-out 0.3s;
		-moz-transition:all 0.3s ease-in-out 0.3s;
		-ms-transition:all 0.3s ease-in-out 0.3s;
		-o-transition:all 0.3s ease-in-out 0.3s;
		transition:all 0.3s ease-in-out 0.3s;
	 }
	 .link:hover{
		background:rgba(214, 18, 155, 0.6);
		box-shadow:0 0 20px 5px rgba(255,255,255,0.2) ;
		cursor:pointer;
	 }
#totop{position:fixed;bottom:40px;right:40px;z-index:999;width:71px; cursor:pointer; display:none;}
*html #totop{position:absolute;cursor:pointer;right:10px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}
#totop a{display:block;outline:none;width:60px;height:112px;padding-top:48px;background:url(../images/zhu.png) no-repeat;_background:url(../images/zhu.gif) no-repeat;}
#totop a.cur{background-position:-58px 0;text-decoration:none;color:#3a9}
h1{margin-top:20px;}
p{font-size:16px;margin-top:12px;}
.page{opacity:0.05;}
@media screen and (max-width:720px){
.content .art,.content .none .art{width:90%;margin:20px auto;}
	
}