html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.page{
	padding-top: 100px;
}

.p-r {
	position: relative;
}
.f-m0{
	margin: 0;
}
.mt-10{
	margin-top: 10px;
}
.p-a {
	top: 0;
	position: absolute;
}
.f-maintain-bg{
	background-color: #f3f3f3;
	width: 100%;
	height: 673px;
	z-index: -1;
	top: 32%;
}
.d-flex-row{
	display: flex;
	flex-direction: row;
}
.flex-wrap{
	flex-wrap: wrap;
}
.text-white{
	color: #fff;
}
.justify-content-between{	
	justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
.text-center{
	text-align: center;
}
.f-img-w {
	width: 100%;
}

.p-b {
	bottom: 30px;
}

.ml-185 {
	margin-left: 185px;
}

.ml-60 {
	margin-left: 60px;
}

.mr-185 {
	margin-right: 185px;
}

.mr-46 {
	margin-right: 46px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-78 {
	margin-top: 78px;
}

.mt-285 {
	margin-top: 285px;
}

.mt-685 {
	margin-top: 680px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-10 {
	margin-bottom: 10px;
}

.pb-56 {
	padding-bottom: 56px;
}

.pb-200 {
	padding-bottom: 200px;
}

.pb-246 {
	padding-bottom: 246px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pl-185 {
	padding-left: 185px;
}

.pr-185 {
	padding-right: 185px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-20 {
	padding-top: 20px;
	margin: 0;
}

.pr-30 {
	padding-right: 30px;
}

.pt-120 {
	padding-top: 120px;
}

.fs-25 {
	font-size: 25px;
}

.fs-20 {
	font-size: 20px;
	margin: 0;
}

.fs-52 {
	font-size: 52px;
}

.fs-30 {
	font-size: 30px;
}

.t-w {
	width: 186px;
	height: 184px;
	border-radius: 20px;
	object-fit: none;
}

.b-b {
	border-bottom: 1px dashed rgb(107, 107, 107);
	/* margin-bottom: 36px; */
}

.t_bg {
	background-image: url(/themes/llumar/images/ppf/pc/t_bg.png);
	background-size: 100% 100%;
	padding-bottom: 100px;
}


.t-box {
	height: 114px;
	display: flex;
	align-items: center;
	margin: 0;
}

.ph-124 {
	width: 124px;
}

.t-h>p {
	width: 440px;
}

.t-box>p {
	width: 440px;
	margin: 0;
}

.t-white {
	display: block;
	width: 124px;
}

.t-red {
	display: block;
	border-radius: 20px;
	background-color: rgb(171, 48, 44);
	width: 124px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	font-size: 28px;
}

.fp-w {
	width: 680px;
}

.three_bg {
	background-image: url(/themes/llumar/images/ppf/pc/three_bg.png);
	background-size: 100% 100%;
}

.f-w {
	width: 360px;
	margin-bottom: 60px;
}

.f-w>img {
	width: 73px;
	height: 73px;
	margin-right: 22px;
}

.six_bg {
	background-image: url(/themes/llumar/images/ppf/pc/c_bg.png);
	background-size: 100% 100%;
}

.six_w {
	width: 480px;
	height: 230px;
}

.six_w>img {
	width: 76px;
	height: 77px;
	margin-right: 10px;
}

.fw-s {
	transform: scaleX(.8);
	margin-right: 20px;
}

.serve_bg {
	background-image: url(/themes/llumar/images/ppf/pc/serve.png);
	background-size: 100% 100%;
}


.li-style {
	list-style: none;
}

.li-style>li>h6>span {
	width: 10px;
	height: 10px;
	border: 1px solid #EA7D12;
	display: inline-block;
	border-radius: 50%;
	background-color: #EA7D12;
	margin-right: 10px;
}

.li-style>li>p {
	margin-left: 20px;
}

.deadline_bg {
	background-image: url(/themes/llumar/images/ppf/pc/deadline_bg.png);
	background-size: 100% 100%;
}

.maintain>div {
	width: 200px;
}

.maintain>div>img {
	width: 85px;
	height: 85px;
	margin: 90px auto 40px auto;
}

.footer_bg {
	background-image: url(/themes/llumar/images/ppf/pc/footer.png);
	background-size: 100% 100%;
}

.f-hidden {
	display: none;
}

.f-show {
	display: block;
}

.pc-feature{
	margin-right: 130px;
}

@media screen and (min-width:838px) {
	.f-hidden {
		display: none;
	}
	
	.f-show {
		display: block;
	}
}
@media screen and (min-width: 2260px) {
	.page {
		zoom: 1.2;
	}
}

@media screen and (max-width: 2260px) and (min-width: 2000px) {
	.page {
		zoom: 1.1;
	}

}

@media screen and (max-width: 2000px) and (min-width: 1860px) {
	.page {
		zoom: 1;
	}
}

@media screen and (max-width: 1860px) and (min-width: 1770px) {
	.page {
		zoom: 0.94;
	}
}

@media screen and (max-width: 1770px) and (min-width: 1680px) {
	.page {
		zoom: 0.9;
	}
}

@media screen and (max-width: 1680px) and (min-width: 1550px) {
	.page {
		zoom: 0.84;
	}
}

@media screen and (max-width: 1550px) and (min-width: 1490px) {
	.page {
		zoom: 0.8;
	}
}

@media screen and (max-width: 1490px) and (min-width: 1360px) {
	.page {
		zoom: 0.74;
	}
}

@media screen and (max-width: 1360px) and (min-width: 1260px) {
	.page {
		zoom: 0.7;
	}
}

@media screen and (max-width: 1260px) and (min-width: 1200px) {
	.page {
		zoom: 0.64;
	}

}

@media screen and (max-width: 1200px) and (min-width: 1110px) {
	.page {
		zoom: 0.6;
	}
}

@media screen and (max-width: 1100px) and (min-width: 1024px) {
	.page {
		zoom: 0.54;
	}
}

@media screen and (max-width: 1024px) and (min-width: 920px) {
	.page {
		zoom: 0.5;
	}
}

@media screen and (max-width: 920px) and (min-width: 838px) {
	.page {
		zoom: 0.46;
	}
}

/* Òƶ¯ */
@media screen and (max-width: 838px) and (min-width: 790px) {
	.page {
		zoom: 1.1
	}
}

@media screen and (max-width: 790px) and (min-width: 720px) {
	.page {
		zoom: 1;
	}
}

@media screen and (max-width: 720px) and (min-width: 698px) {
	.page {
		zoom: 0.94;
	}
}

@media screen and (max-width: 698px) and (min-width: 658px) {
	.page {
		zoom: 0.9;
	}
}

@media screen and (max-width: 658px) and (min-width: 618px) {
	.page {
		zoom: 0.84;
	}
}

@media screen and (max-width: 618px) and (min-width: 588px) {
	.page {
		zoom: 0.8;
	}
}

@media screen and (max-width: 588px) and (min-width: 558px) {
	.page {
		zoom: 0.76;
	}
}

@media screen and (max-width: 558px) and (min-width: 530px) {
	.page {
		zoom: 0.72;
	}
}

@media screen and (max-width: 530px) and (min-width: 495px) {
	.page {
		zoom: 0.68;
	}
}

@media screen and (max-width: 495px) and (min-width: 465px) {
	.page {
		zoom: 0.64;
	}
}

@media screen and (max-width: 465px) and (min-width: 440px) {
	.page {
		zoom: 0.6;
	}
}

@media screen and (max-width: 440px) and (min-width: 412px) {
	.page {
		zoom: 0.56;
	}
}

@media screen and (max-width: 412px) and (min-width: 382px) {
	.page {
		zoom: 0.52;
	}
}

@media screen and (max-width: 382px) and (min-width: 352px) {
	.page {
		zoom: 0.48;
	}
}

@media screen and (max-width: 352px) {
	.page {
		zoom: 0.44;
	}
}

@media screen and (max-width:  838px) {
	.f-hidden {
		display: block;
	}

	.f-show {
		display: none;
	}

	.mobile-p-r {
		display: flex;
		justify-content: center;
	}

	.mobile-three_bg {
		background-image: none
	}

	.mobile-six-bg-n {
		background-image: none;
	}

	.mobile-six_bg {
		background-image: url(/themes/llumar/images/ppf/mobile/c_bg.png);
	}

	.mobile-serve-bg-n {
		background-image: none;
	}

	.mobile-serve-bg {
		margin-top: 72px !important;
		background-image: url(/themes/llumar/images/ppf/mobile/serve.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.mobile-deadline-bg {
		background-image: url(/themes/llumar/images/ppf/mobile/deadline_bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 100px 58px 386px 58px !important;
	}

	.mobile-footer_bg {
		background-image: url(/themes/llumar/images/ppf/mobile/footer.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.mobile-footer_bg>p {
		width: 420px;
	}

	.mobile-fp-w {
		width: 628px;
		padding-bottom: 60px;
	}

	.mobile-t-bg {
		background-image: url(/themes/llumar/images/ppf/mobile/t_bg.png);
		padding: 60px 0;
	}

	.mobile-t-bg-n {
		background-image: none
	}

	.mobile-s-d {
		border: 2px solid rgb(180, 180, 180);
		border-radius: 50px;
		margin:auto;
		width: 620px;
		height: 172px;
		justify-content: space-between;
		align-items: center;
		padding: 0 26px;
		top: 86%;
	}

	.mobile-m-58 {
		margin: 0 58px;
	}

	.mobile-t-box {
		height: 56px;
	}

	.mobile-t-box>p {
		width: 140px !important;
	}

	.mobile-t-box>p:last-child {
		width: 220px !important;
	}

	.mobile-t-red {
		width: 84px;
		height: 28px;
		line-height: 28px;
		font-size: 18px;
	}

	.mobile-ph-124 {
		width: 84px;
	}

	.mr-46 {
		margin: 0;
	}

	.mobile-fs-12 {
		font-size: 12px;
	}

	.mobile-fs-16 {
		font-size: 16px;
	}

	.mobile-fs-40 {
		font-size: 40px;
	}

	.mobile-text-center {
		text-align: center;
	}

	.mobile-fs-20 {
		font-size: 20px;
	}

	.mobile-fs-30 {
		font-size: 30px;
	}

	.mobile-fs-25 {
		font-size: 25px;
		text-align: center;
	}

	.d-c-flex {
		flex-wrap: wrap;
	}

	.d-c-flex>div {
		margin-bottom: 46px;
	}

	.mobile-p-58-m0 {
		padding: 70px 58px 214px 58px;
		margin: 0;
	}

	.mobile-p-58 {
		padding: 0 58px;
	}

	.mobile-f-w {
		width: 300px;
		margin-bottom: 60px;
	}

	.mobile-m0 {
		margin: 0;
	}

	.mobile-tb100 {
		margin: 100px 0;
	}

	.mobile-t80 {
		margin-top: 80px;
	}

	.mobile-img-w {
		width: 100%;
	}

	.mobile-f-w>img {
		width: 65px;
		height: 65px;
		margin-right: 22px;
	}

	.mobile-six_w {
		width: 634px;
		height: 230px;
		font-size: 22px;
	}

	.mobile-six_w>img {
		width: 97px;
		height: 99px;
		margin-right: 10px;
	}

	.mobile-fw-s {
		font-size: 40px;
		margin-right: 40px;
	}

	.mobile-pb-68 {
		padding-bottom: 68px;
	}

	.mobile-maintain {
		flex-wrap: wrap;
		background-color: #f6f7f9;
		border: 1px solid #b4b4b4;
		border-radius: 20px;
		padding: 50px 60px;
		margin-top: 66px;
	}

	.mobile-b6-bg {
		display: block !important;
	}

	.mobile-b6-w {
		width: 640px;
		height: 270px;
		border-radius: 20px;
		margin-top: 60px;
	}

	.pc-feature{
		margin-right: 0;
	}
}

@media screen and (min-width: 2500px) {
	.f-w {
	  width: 380px;
	}
  }