.main_container{

    /*box-shadow: 0 0 25px #aaa;*/

}

.floor1_caption{

	height: 70px;

	line-height: 70px;

}

.floor1_caption>h3{

    color: #575756;

    font-size: 18pt;

	float: left;

	font-family: GothamBook;

	line-height: 70px;

}

.floor1_caption::after{

	content: "";

	display: block;

	clear: both;

}

.floor1_caption>ul {

    float: right;

    margin: 0;

}

.floor1_caption>ul li {

    float: left;



}

.floor1_caption>ul li a, .floor1_caption>ul span {

    color: #9C9B9B;

    font-size: 14px;

}

.floor1_caption>ul li a:hover{

	color: #000;

}

.floor1_caption>ul span {

    float: left;

    margin: 0 15px;

}

.floor1_caption>ul .active a {

    color: #000;

}





.view_ul{

	margin: 0;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	width: 100%;

}

.view_ul::after{

	content: "";

	display: block;

	clear: both;

}

.view_ul li{

	width: 20%;

	overflow: hidden;

	box-sizing: border-box;

	box-shadow: 0 0 2px #aaa;

	transition: all .6s ease-out;

    padding: 32px 45px 35px;

}

.view_ul li img{

	max-width: 100%;

}

.view_ul li:hover{

	box-shadow: 0 0 25px #aaa;

}



.view_ul li a h5{

	color: #575756;

	font-size: 13pt;

	line-height: 18pt;

	margin-bottom: 16px;

	font-family: SiYuan;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.view_ul li a p{

	color: #9D9D9C;

	font-size: 11pt;

	line-height: 18pt;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-family: Gotham Book-regular;

	

}



.view_ul li a div{

	width: 100%;

	text-align: center;

	overflow: hidden;

	margin-bottom: 27px;

}

.view_ul li a div img{

	width: 100%;

	border-radius: 50%;

}

.view_ul li a div img:last-child{

	display: none;

}

.view_ul li:hover a div img:last-child{

	display: block;

}

.view_ul li:hover a div img:first-child{

	display: none;

}





/*详情*/

.floor2{

	padding-top: 15px;

}

.floor2_caption{

	border-bottom: 1px solid #eee;

}

.floor2_caption h4{

	color: #575756;

    font-size: 18px;

    margin-bottom: 8px;

    font-family: Gotham Book;

}

.floor2_caption h5{

	/*color: #9D9D9C;*/

	font-size: 18px;

	margin-bottom: 10px;

	font-family: SiYuan;

}

.floor2_caption h5::after{

	content: "";

	display: block;

	clear: both;

}

.floor2_caption .back_btn a, .floor2_caption .back_btn span {

    font-size: 18px;

    font-family: SiYuan;

    color: #333;

}

.floor2_caption .back_btn span {

    margin: 0 10px;

}

.floor2_caption .back_btn{

	float: right;

}

.floor_line{

	width: 100%;

	height: 5px;

	background: url("../img/line.png") repeat;

	display: none;

}



.floor2_txt{

	padding-top: 35px;

	padding-bottom: 50px;

	position: relative;

}

.floor2_txt::after{

	content: "";

	display: block;

	clear: both;

}

.floor2_txt>div img{

	width: 100%;

}

.floor2_txt>div:first-child{

	float: left;

	width: 45%;

}

.move_container{

	float: right;

	width: 35%;

	height: 660px;

	overflow: hidden;

}

.move_container ul{

	position: relative;

}

.move_container ul li{

	/* height: 360px; */

	text-align: center;

	margin-bottom: 10px;

}

.move_container ul li img{

	width: 100%;

	max-width: 100%;

}

.floor2_txt p{

    text-align: justify;

    margin-bottom: 0;

    line-height: 26px;

}

.floor2_txt::after{

	content: "";

	display: block;

	clear: both;

}

.floor2_txt img{

	max-width: 100%;

}



.floor2_txt_btn{

	position: absolute;

	left: 0;

	bottom:10px;

}

.floor2_txt_btn a{

	color: #9C9B9B;

	margin-right: 15px;

}







.project_top{

	font-size: 16px;

	line-height: 20pt;

	font-family: SiYuan;

	text-align: center;

	cursor: pointer;

}

.project_top img{

	width: 26px;

    margin-right: 5px;

}

.footer_row{

	padding-bottom: 85px;

	margin-top: 100px;

}



.project_view_footer span{

	margin: 0 15px;

}

.project_view_footer a , .project_view_footer span{

	font-size: 16px;

	line-height: 20pt;

	font-family: SiYuan;

	float: left;


}


@media screen and (max-width:768px ) {
	.view_ul li{
		width: 100%;
	}
}