.ph-cont {
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.page-header {
	background-color: #0546B5;
}
.page-header .bg {
	max-width: 1920px;
	height: 150px;
}
.page-header .title {
	position: absolute;
	top: 78px;
	left: 202px;
	font-size: 46px;
	color: #fff;
	font-weight: bold;
}

.box-pic {
	width: 1520px;
	margin: 0 auto;
	padding: 53px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.box-pic .li {
	margin: 0 37px 43px 0;
	width: 481px;
	height: 301px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.box-pic .li:nth-child(3n + 0) {
	margin-right: 0;
}

.box-pic .li img {
	width: 100%;
	height: 100%;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}
.box-pic .li .glightbox img:hover {
	transform: scale(1.2);
}

.box-pic .li .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
}

.page-btn {
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
}
.page-btn .btn {
	width: 202px;
	height: 43px;
	border: 1px solid #0546B5;
	color: #0546B5;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}