@charset "utf-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: "宋体", "微软雅黑";
}

body{
	
 background: #000000;
}
.div-1{
	cursor: pointer;
	width: 150px;
	height: 50px;
	float: right;
	border-radius: 10px;
	border: 2px solid #FFFFFF; 
	opacity: 0.2;
	
}
.div-1 a:link{color: #FFFFFF;}
.div-1 a:visited{color: #FFFFFF;}
.div-1:hover{
	box-shadow: 0 0 50px #FFFFFF;
	opacity: 1;
}
.div-2{
	cursor: pointer;
	width: 150px;
	height: 50px;
	float:left;
	border-radius: 10px;
	border: 2px solid #FFFFFF; 
	opacity: 0.2;
	
}
.div-2 a:link{color: #FFFFFF;}
.div-2 a:visited{color: #FFFFFF;}
.div-2:hover{
	box-shadow: 0 0 50px #FFFFFF;
	opacity: 1;
}
.div-3{
	cursor: pointer;
	width: 150px;
	height: 50px;
	margin: 0px auto;
	border-radius: 10px;
	border: 2px solid #FFFFFF; 
	opacity: 0.2;
	
}
.div-3 a:link{color: #FFFFFF;}
.div-3 a:visited{color: #FFFFFF;}
.div-3:hover{
	box-shadow: 0 0 50px #FFFFFF;
	opacity: 1;
}
.div-4{
	transition: 0.5s;
	position:absolute;
	box-shadow: 0 25px 40px rgba(0,0,0,0.5);
}
.div-4:hover{
	transform: scale(1.10);
	box-shadow: 0 25px 40px rgba(0,0,0,.5);
	z-index: 1;
}
.div-5{
	transition: 0.5s;
	position:absolute;
	box-shadow: 0 25px 40px rgba(0,0,0,0.3);
}
.div-5:hover{
	transform: scale(1.10);
	box-shadow: 0 25px 40px rgba(0,0,0,.6);
	z-index: 1;
}
.div-6{
	transition: 0.5s;
	position:absolute;
	
}
.div-6:hover{
	transform: scale(1.10);
	
	z-index: 1;
}
.div-7{
	width:322.36px;
	height: 456px;
	background-image: url(  img/心向东方.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-8{
	width:322.56px;
	height: 456px;
	background-image: url( img/心向东方2.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-9{
	width:322.59px;
	height: 456px;
	background-image: url(img/心向东方3.png);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-10{
	width:304px;
	height:456px;
	background-image: url( img/暗调.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-11{
	width:304px;
	height:456px;
	background-image: url( img/亮调.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-12{
	width:256.44px;
	height:456px;
	background-image: url( img/构图.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-13{
	width:607.25px;
	height:456px;
	background-image: url( img/POP.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-14{
	width:388.83px;
	height:456px;
	background-image: url( img/展示.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-15{
	width:366.75px;
	height:400px;
	background-image: url( img/网页2.jpeg);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-16{
	width:611.55px;
	height:320px;
	background-image: url( img/网页1.png);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-17{
	width:382.59px;
	height:456px;
	background-image: url( img/名片2.png);
	background-size:100%;
	background-repeat: no-repeat;
}
.div-18{
	width:313.45px;
	height:400px;
	background-image: url( img/名片1.png);
	background-size:100%;
	background-repeat: no-repeat;
}