.project-top{position:relative;width:100%;}
.project-top>img{height:100%;width:100%;}
.project-top>span{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 340px;height: 70px;line-height:60px;
	border: solid 1px #ffffff;font-size:48px;color: #fff;text-align: center;}


/*项目*/
.square{font-size:30px;font-family: Helvetica;position:relative;/* padding-left:28px */}
/* .square:before{position: absolute;left:0;top:50%;transform:translateY(-50%);	width: 13px;height: 13px;background-color: #000000;content: "";} */
.project {margin-top:120px;}
@media only screen and (min-width:1200 ) {
	.project,.design{padding:0 35px;}
}
.project,.design{padding:0 50px;}
.project-list>li{width: 49%;margin-top:60px;}
.project-list>li:nth-child(odd){
	margin-right:20px;
}
.project-list>li>a{width:100%;height:300px;}
.project-list>li img{width:100%;height:100%;}
.project-list>li p{width:100%;font-size: 24px;text-align:left;margin-top:5px;}
.design{margin:90px 0 120px 0;}
.design a{margin-top:60px;}
.design a img{width:100%;/* height: 500px; */}
.design p:last-child{margin-top:30px;font-size:20px;}

	
@media only screen and (max-width:767px) {
	.project-top{position:relative;width:100%;height: auto;}
	.project {margin-top:30px;}
	.project-list>li{width:100%;margin-top:20px;}
	.project-list>li>a{width:100%;height:300px;}
	.design{margin:30px 0 50px 0;}
	.design a{margin-top:20px;}
	/* .design a img{height: 160px;} */
	.magnify-banner{width:90%;height:400px;}
	.close-box{right:5%;top:5%;}
	.project, .design{padding:0;}
	.project-list>li p{font-size: 16px;}
	.square {font-size: 20px;}
	.design p:last-child{    margin-top: 30px;font-size:16px;}
	.faw {
		display: block;
		/* align-items: center;
		flex-wrap: wrap; */
	}
	.project-list>li:nth-child(odd){
		margin-right:0;
	}
}