html,body{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.page{
	padding: 0;
	 width: 100%;
	margin: 0;
	padding-top: 120px;
}
.bg-gray{
	background-color: #ebebeb;
}
.bg-white-w{
	background-color: #fff;
	width: 860px;
	height: 228px;
	margin: auto;
	border-radius: 20px;
}
.d-flex-column{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.d-flex-row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.d-flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.d-flex-between{
	display: flex;
	justify-content: space-between;
}
.card{
	position: relative;
	display: flex;
	flex-direction: column;
	    min-width: 0;
	    word-wrap: break-word;
	    background-color: #fff;
	    background-clip: border-box;
	    border: none;
}
.text-center{
	text-align: center;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-title {
    margin-bottom: 0.5rem;
}
.text-end{
	text-align: right;
}
.text-white{
	color: #fff;
}
.card-img-overlay{
	position: absolute;
	top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	   
}
.f-relative{
	position: relative;
}
.f-w{
	width: 100%;
}
.btn-w{
	width: 480px;
	height: 80px;
	line-height: 80px;
	margin: auto;
	background-color: black;
	color: #fff;
	font-size: 50px;
}
.down-w{
	width: 78px;
	height: 40px;
	margin: auto;
}
.fs-75{
	font-size: 75px;
	font-weight: normal;
}
.fs-85{
	font-size: 85px;
	font-weight: bold;
	margin-top: calc(12% - 14px);
}
.fs-60{
	font-size: 60px;
	font-weight: normal;
}
.fs-55{
	font-size: 55px;
	font-weight: normal;
	margin-top: 0;
}
.fs-36{
	font-size: 36px;
}
.fs-30{
	font-size: 30px;
}
.fs-24{
	font-size: 24px;
}
.img-fluid{
	width: 100%
}
.f-absolute{;
	position: absolute;
	right: 0;
	left: 0;
	top: calc(100% - 117px);;	
	z-index: 999;
	margin:  auto;
}
.f-l{
	margin-left: 74px
}
.f-l-448{
	/* margin-left: 448px; */
	margin-left: calc(30% - 120px);
}
.f-l-500{
	/* margin-left: 500px; */
	margin-left: calc(30% - 80px);
}
.f-r{
	margin-right: 74px
}
.mt-120{
	margin-top: 120px;
}
.p-66{
	padding: 0 66px;
}
.mt-250{
	margin-top: 250px
}
.mt-144{
	margin-top: 144px;
}
.mt-50{
	margin-top: 50px
}
.mt-40{
	margin-top: 40px
}
.mt-150{
	margin-top: 150px
}
.mt-90{
	margin-top: 90px
}
.mb-30{
	margin-bottom: 30px;
}
.pt-150{
	padding-top: 150px;
}
.pb-50{
	padding-bottom: 50px;
}
.pb-230{
	padding-bottom: 230px;
}
.d-h{
	margin-top: 60px;
	height: 70px;
}
.d-w{
	width: 1312px;
	margin: auto;
}
.f-lh{
	line-height: 3;
}
.f-tcolor{
	color: #20485c;
}
.f-hidden{
	display: none;
}
.f-show{
	display: block;
}
@media screen  and (min-width: 800px){	
	.f-hidden{
		display: block;
	}
	.f-show{
		display: none;
	}
}
@media screen and (min-width: 2300px) {
	.page{
		zoom: 1.2;
	}
}

@media screen  and (max-width: 2300px) and (min-width: 2121px) {
	.page{
		zoom: 1.1;
	}
}
@media screen  and (max-width: 2121px) and (min-width: 1990px) {
	.page{
		zoom: 1;
	}
}
@media screen  and (max-width: 1990px) and (min-width: 1864px) {
	.page{
		zoom: 1;
	}
}
@media screen  and (max-width: 1864px) and (min-width: 1774px) {
	.page{
		zoom: 0.9;
	}
}
@media screen and (max-width: 1774px) and (min-width: 1680px) {
	.page{
		zoom: 0.88;
	}
}
@media screen and (max-width: 1680px) and (min-width: 1560px) {
	.page{
		zoom: 0.82;
	}
}
@media screen and (max-width: 1560px) and (min-width: 1440px) {
	.page{
		zoom: 0.78;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1320px) {
	.page{
		zoom: 0.7;
	}
}
@media screen and (max-width: 1320px) and (min-width: 1200px) {
	.page{
		zoom: 0.66;
	}
}
@media screen and (max-width: 1200px) and (min-width: 1120px) {
	.page{
		zoom: 0.6;
	}
}
@media screen and (max-width: 1120px) and (min-width: 1020px) {
	.page{
		zoom: 0.54;
	}
}
@media screen and (max-width: 1020px) and (min-width: 936px) {
	.page{
		zoom: 0.5;
	}
}

@media screen and (max-width: 936px) and (min-width: 848px) {
	.page{
		zoom: 0.46;
	}
}
@media screen and (max-width: 848px) and (min-width: 800px) {
	.page{
		zoom: 0.42;
	}
}

@media screen and (max-width: 800px) and (min-width: 724px) {
	.page{
		zoom: 0.64;
	}
}
@media screen and (max-width: 724px) and (min-width: 686px) {
	.page{
		zoom: 0.6;
	}
}
@media screen and (max-width: 686px) and (min-width: 628px) {
	.page{
		zoom: 0.54;
	}
}
@media screen and (max-width: 628px) and (min-width: 566px) {
	.page{
		zoom: 0.5;
	}
}
@media screen and (max-width: 566px) and (min-width: 492px) {
	.page{
		zoom: 0.44;
	}
}
@media screen and (max-width: 492px) and (min-width: 460px) {
	.page{
		zoom: 0.4;
	}
}
@media screen and (max-width: 460px) and (min-width: 404px) {
	.page{
		zoom: 0.36;
	}
}
@media screen and (max-width: 404px) and (min-width: 336px) {
	.page{
		zoom: 0.3;
	}
}
@media screen and (max-width: 336px) and (min-width: 312px) {
	.page{
		zoom: 0.28;
	}
}
@media screen and (max-width: 312px){
	.page{
		zoom: 0.24;
	}
}
@media screen and (max-width: 800px) {
	
	.f-hidden{
		display: none;
	}
	.f-show{
		display: block;
	}
	.mobile-fs-70{
		margin-top: calc(28% - 80px);
		font-size: 1.4rem;
	}
	.mobile-f-absolute{
		top: calc(100% - 70px);
	}
	.mobile-fs-25{
		font-size: 25px;
	}
	.mobile-fs-16{
		font-size: 16px;
	}
	.mobile-d-w{
		width: 826px;
	}
	.mobile-f-l448{
		margin-left: calc(50% - 140px);
	}
	.mobile-f-l500{
		margin-left: calc(50% - 90px);
	}
	.mobile-text-center{
		text-align: center;
		margin-left: 0;
		margin-right: 0
	}
}