.page2,
.page3,
.page4{
	background-color:  #0052B8  !important;
}
	
.pc4-con .pc4-right{
	background: white;
}

.page2 {
	height: 100vh;
}

.page2 .pc-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .page2 .pc-2::after {
	background: url('../image/page2.jpg') center no-repeat;
} */

.page2 .mobile-2 {
	display: none;
}

#chatBtn {
	position: fixed;
	display: block;
	background-color: rgb(91, 121, 154);
	border-radius: 5px 0px 0px 5px;
	right: -1px;
	bottom: 237px;
	padding: 10px 8px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	z-index: 100;
}


.page3 {
	height: 100vh;
	position: relative;
}

.page3 .pc3-con {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.page3 .mobile-3 {
	display: none;
}


.page4 {
	overflow: hidden;
	height: 100vh;
	position: relative;
}

.page4 .pc4-con {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.page4 .mobile-4 {
	display: none;
}


@media screen and (max-width:768px){
	.page2 .pc-2 {
		display: none;
	}
	.page2 .mobile-2 {
		display: block;
		width: 100%;
		height: 100%;
		background: url('../image/page2-mobile-bg.jpg') center no-repeat;
		background-size: 100% 100%;
	}

	.page3 .pc3-con {
		display: none;
	}
	.page3 .mobile-3 {
		display: block;
		width: 100%;
		height: 100%;
		background: url('../image/page3-mobile-bg.jpg') center no-repeat;
		background-size: 100% 100%;
	}
	.page4 .pc3-con {
		display: none;
	}
	.page4 .mobile-4 {
		display: block;
		width: 100%;
		height: 100%;
		background: url('../image/page4-mobile-bg.jpg') center no-repeat;
		background-size: 100% 100%;
	}
}