*{
	margin: 0;
	padding:0;
	border: 0;
}
body{
	overflow-x: hidden;
	background-color: #333333;
}
p{
	font-size:26px;
	text-indent: 2em;
	text-align: justify;
}
a{
	text-decoration: none;
}
/* 正在建设的页面 */
#building{
	background-color: #FFFFFF;
	border-radius: 3.125rem;
	width:400px;
	margin:auto;
	padding:20px 0;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#building div{
	width:200px;
	margin:auto;
}
#building p{
	font-size:40px;
	text-indent: 0;
	text-align: center;
}
/* 首页样式 */
#content{
	width:1920px;
	position: relative;
	margin:0 auto;
	background-color: #ffffff;
}
#head,#main,#footer{
	margin:0 auto;
}
#head{
	height:902px;
	background:url(../img/img18.png) no-repeat;
}
#nav,#logo,#menu{
	height:108px;
}
#nav #nav_c{ /* 导航安全区设定 */
	width:1200px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
#logo{
	width:169px;
	height:50px;
	float:left;
	position: absolute;
	top:29px;
	color:#ffffff;
}
#menu{
	line-height: 108px;
	float:right;
}
#nav #menu a{
	color:white;
	margin-left:50px;
	text-decoration-line: none;
}
#nav #menu a:hover{
	color:#fed52b;
}
#nav #menu .active{
	border-bottom:2px solid #fed52b;
}
#banner{
	width:1920px;
	position: relative;
}
#banner .img_1{
	width:896px;
	margin:0 auto;
	margin-top:200px;
}
#banner .img_2{
	width:320px;
	margin:100px auto;
}
.clear{clear: both;}
/* 遮罩层效果 */
#banner .mask{
	width:320px;
	height:71px;
	background-color: black;
	opacity: 0;
	position: absolute;
	top:233px;
	left:800px;
}
/* 遮罩层hover效果 */
#banner .mask:hover{
	opacity: 0.3;
	cursor: hand;
}
#aboutme{
	height:910px;
	padding-top:100px;
	background:url(../img/img19.png) no-repeat;
}
.mtitle,#myintro,#me{
	margin:auto;
	width:1180px;
}
.mtitle{
	margin-bottom:60px;
	padding-bottom:5px;
	width:125px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	border-bottom:3px solid #21bdb8;
}
#myintro p{
	font-size:16px;
	text-indent: 0;
}
#me{
	width:1264px;
	height:614px;
	background: url(../img/img20.png) no-repeat;
	position: relative;
}
#me .flist{
	width:588px;
	overflow: hidden;
	position: absolute;
	right:50px;
	top:7.2rem;
}
#me .mlist{
	width:190px;
	height:190px;
	float:left;
}
#myskill{
	height:736px;
	padding-top:100px;
	background:url(../img/img21.png) no-repeat;
}
#myskill .flist, #myworks .flist{
	width:1250px;
	margin-left:360px;
}
#myskill .mlist, #myworks .mlist{
	width:385px;
	height:235px;
	float:left;
	margin-right:22px;
	margin-bottom:22px;
	opacity: 1;
	transition: all 0.5s; /* 添加过渡效果 */
}
#myskill .mlist:hover, #myworks .mlist:hover{
	transform: scale(1.05);/* 2D转换变大 */
}
/* #myskill .mlist:hover,#myworks .mlist:hover{ 半透高亮效果 
	opacity: 0.8;
} */
#myworks{
	height:990px;
	padding-top:100px;
	background:url(../img/img28.png) no-repeat;
}
#footer{
	height:782px;
	padding-top:100px;
}
#footer #icons{
	overflow: initial;
	height:143px;
	width:760px;
	margin:60px auto;
	/* border:1px solid #000000; */
}
#icons div{
	float:left;
	margin:0 25px 0 65px;
}
#respond{ /* 留言板div块 */
	margin:0 auto;
	width:1170px;
	/* border:1px solid #000; */
}
#respond #commentform{ /* form表单 */
	margin:0 auto;
	width:900px;
	/* border:1px solid red; */
}
#respond #commentform p{
	font-size: 14px;
	text-indent: 0;
	padding:0;
	margin:0;
	color:#ccc;
}
#respond #commentform #comment,
#respond #commentform #author,
#respond #commentform #email{
	border:1px solid #ccc;
	border-radius: 0.5rem;
	padding:12px;
	margin:10px auto;
	width:880px;
}
#respond #commentform #submit{ /* 提交按钮 */
	width:150px;
	height:45px;
	cursor: pointer;
	margin:20px 0 90px 375px;
	border:1px solid #ccc;
	background-color: #ffffff;
}
#respond #commentform #submit:hover{
	background-color: #f4f4f4;
}
#copyright{
	height:100px;
	background-color: #747474;
}
#copyright p{
	text-align: center;
	font-size: 20px;
	line-height: 100px;
	color:#ffffff;
}
.more{
	width:30px;
	height:30px;
	float:left;
	transition: all 0.3s;
}
.more:hover{
	transform: scale(1.2);
}