/* 顶部 —— START */
.page-header {
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	transition: all .2s ease;
	z-index: 99;
}

.page-header.page-header-active {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 4px 0px #83FFC5;
}

.page-header .header-nav {
	width: 1200px;
}

.page-header .header-nav .nav-logo {
	margin-left: 130px;
}

.header-nav .nav-logo .logo-icon {
	width: 170px;
	height: 42px;
}
/* 顶部 —— END */


/* 主体内容 —— START */
.page-main {
	background-color: #FFFFFF;
}

/* 主体内容-区域1 */
.page-main .main-one .one-code {
	bottom: 85px;
	left: 520px;
}

.main-one .one-code .code-item {
	width: 180px;
	height: 48px;
}

.one-code .code-item .item-code {
	margin-left: -50px;
	top: -110px;
	left: 50%;
	width: 100px;
	height: 0;
	border-radius: 4px;
	transition: height .2s ease;
}

.one-code .code-item:hover .item-code {
	height: 100px;
}
/* end */

/* 主体内容-区域2 */
.page-main .main-two {
	margin-top: 56px;
	margin-bottom: 30px;
	width: 1200px;
	height: 552px;
	background-image: url("../img/container_bg1.png");
	background-size: cover;
}

.page-main .main-two .two-container {
	margin-right: 120px;
	width: 409px;
}

.main-two .two-container .container-icon {
	width: 160px;
	height: 40px;
}

.main-two .two-container .container-title {
	margin-top: 25px;
	margin-bottom: 20px;
}

.main-two .two-container .container-desc {
	line-height: 24px;
}

.main-two .two-icon {
	margin-left: -108.5px;
	bottom: -180px;
	left: 50%;
	width: 217px;
	height: 227px;
	z-index: 9;
}
/* end */

/* 主体内容-区域3 */
.page-main .main-three {
	margin-bottom: 30px;
	width: 1200px;
	height: 552px;
	background-image: url("../img/container_bg2.png");
	background-size: cover;
}

.page-main .main-three .three-container {
	margin-left: 120px;
	width: 409px;
}

.main-three .three-container .container-icon {
	width: 160px;
	height: 40px;
}

.main-three .three-container .container-title {
	margin-top: 25px;
	margin-bottom: 20px;
}

.main-three .three-container .container-desc {
	line-height: 24px;
}

.main-three .three-icon {
	margin-left: -108.5px;
	bottom: -180px;
	left: 50%;
	width: 217px;
	height: 227px;
	z-index: 9;
}
/* end */

/* 主体内容-区域4 */
.page-main .main-four {
	margin-bottom: 30px;
	width: 1200px;
	height: 552px;
	background-image: url("../img/container_bg3.png");
	background-size: cover;
}

.page-main .main-four .four-container {
	margin-right: 120px;
	width: 409px;
}

.main-four .four-container .container-icon {
	width: 240px;
	height: 40px;
}

.main-four .four-container .container-title {
	margin-top: 25px;
	margin-bottom: 20px;
}

.main-four .four-container .container-desc {
	line-height: 24px;
}

.main-four .four-icon {
	margin-left: -108.5px;
	bottom: -180px;
	left: 50%;
	width: 217px;
	height: 227px;
	z-index: 9;
}
/* end */

/* 主体内容-区域5 */
.page-main .main-five {
	margin-bottom: 109px;
	width: 1200px;
	height: 552px;
	background-image: url("../img/container_bg4.png");
	background-size: cover;
}

.page-main .main-five .five-container {
	margin-left: 120px;
	width: 409px;
}

.main-five .five-container .container-icon {
	width: 160px;
	height: 40px;
}

.main-five .five-container .container-title {
	margin-top: 25px;
	margin-bottom: 20px;
}

.main-five .five-container .container-desc {
	line-height: 24px;
}
/* end */

/* 底部 —— START */
.page-footer {
	padding-top: 41px;
	padding-bottom: 34px;
	background-color: #002016;
}

.page-footer .footer-container .container-box {
	height: 298px;
	background-image: url("../img/footer_bg.svg");
	background-size: cover;
}

.footer-container .container-box .box-download {
	padding: 24px 34px;
	width: 353px;
	height: 158px;
	background-image: url("../img/icon7.png");
	background-size: cover;
}

.container-box .box-download .download-code {
	width: 110px;
	height: 110px;
	border-radius: 8px;
}

.container-box .box-download .download-icon {
	width: 52px;
	height: 52px;
}

.page-footer .footer-container .container-desc {
	margin-top: 21px;
}
/* 底部 —— END */

/* 通用主体内容-右下角客服 */
.common_main .main_float_window {
	padding: 5px 0;
	bottom: 70px;
	right: 16px;
	width: 70px;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;
	z-index: 99;
}

.common_main .main_float_window .window-item {
	width: 64px;
	height: 64px;
	border-radius: 10px;
}

.main_float_window .window-item .item-icon {
	width: 20px;
	height: 20px;
}
/* end */

/* H5 */
@media (max-width: 750px) {
	html, body {
		width: 100%;
		box-sizing: border-box;
	}
  .page-header .header-nav {
		width: 100%;
  }
	.page-header .header-nav .nav-logo {
		margin: 0;
		padding-left: 20px;
	}
	.main-one .one-code {
		display: none;
	}
	.page-main .main-two {
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		width: 70%;
		height: auto;
		background-size: contain;
		background-repeat:no-repeat;
		background-image: none;
		white-space: pre-wrap;
	}
	.main-two .two-container {
		margin: 0 !important;
		width: 100% !important;
	}
	.page-main .main-three {
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		width: 70%;
		height: auto;
		background-size: contain;
		background-repeat:no-repeat;
		background-image: none;
		white-space: pre-wrap;
	}
	.main-three .three-container {
		margin: 0 !important;
		width: 100% !important;
	}
	.page-main .main-four {
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		width: 70%;
		height: auto;
		background-size: contain;
		background-repeat:no-repeat;
		background-image: none;
		white-space: pre-wrap;
	}
	.main-four .four-container {
		margin: 0 !important;
		width: 100% !important;
	}
	.page-main .main-five {
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		width: 70%;
		height: auto;
		background-size: contain;
		background-repeat:no-repeat;
		background-image: none;
		white-space: pre-wrap;
	}
	.main-five .five-container {
		margin: 0 !important;
		width: 100% !important;
	}
	.page-footer .footer-container .container-box {
		height: 400px;
	}
	.page-footer .container-box.h_center {
		display: block;
	}
	.page-footer .container-box .box-download {
		margin: 0 auto;
	}
	.page-footer .container-box .box-download:nth-child(1) {
		margin-bottom: 30px;
	}
	.h5-not {
		display: none;
	}
	.h5-show {
		display: block !important;
	}
}