@charset "UTF-8";

@font-face {
	font-family: "Barlow";
	src: url(../fonts/barlow-bold.woff);
	src: local("\263a"), url(../fonts/barlow-bold.woff) format("woff"), url(../fonts/barlow-bold.ttf) format("truetype")
}

* {
	outline: none
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
	font-weight: inherit;
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
	font: normal 12Px Helvetica Neue, Arial,  , PingFang SC, Source Han Sans SC, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

ul,
ol,
li {
	list-style: none
}

a {
	text-decoration: none;
	color: inherit;
	display: inline-block
}

a:hover {
	text-decoration: none
}

img {
	vertical-align: top;
	border: 0
}

button,
input,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

div,
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
	font-size: 100PX
}

@media screen and (min-width: 320px) {
	html {
		font-size: 85.3333333333PX
	}
}

@media screen and (min-width: 360px) {
	html {
		font-size: 96PX
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 100PX
	}
}

@media screen and (min-width: 480px) {
	html {
		font-size: 128PX
	}
}

@media screen and (min-width: 640px) {
	html {
		font-size: 170.6666666667PX
	}
}

@media screen and (min-width: 750px) {
	html {
		font-size: 200PX
	}
}

.clearfloat:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " "
}

.clearboth {
	clear: both
}

.wp {
	max-width: 8rem;
	margin: 0 auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1640px) {
	.wp {
		padding: 0 0.3rem
	}
}

@media screen and (max-width: 1024px) {
	.wp {
		padding: 0 0.15rem
	}
}

.page-wp {
	max-width: 6.4rem;
	margin: 0 auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1320px) {
	.page-wp {
		padding: 0 0.3rem
	}
}

@media screen and (max-width: 1024px) {
	.page-wp {
		padding: 0 0.15rem
	}
}

.checkBrowser {
	font-size: 0.07rem;
	line-height: 0.2rem;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 50%;
	width: 3.5rem;
	height: 0.2rem;
	margin-left: -1.8rem;
	padding: 0 0.05rem;
	color: #fff;
	border-bottom-right-radius: 0.025rem;
	border-bottom-left-radius: 0.025rem;
	background-color: #e6212a
}

.checkBrowser a {
	font-size: 0.08rem;
	line-height: 0.1rem;
	position: absolute;
	top: 0.05rem;
	right: 0.025rem;
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	text-align: center;
	color: #333;
	border-radius: 50%;
	background-color: #fff
}

.paged {
	padding-top: 0.1rem;
	text-align: center
}

@media screen and (max-width: 768px) {
	.paged {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.paged a,
.paged .p_info,
.paged .current {
	display: inline-block;
	margin: 0 3Px 2Px;
	padding: 0 15Px;
	font-size: 13Px;
	text-align: center;
	border: 0.005rem solid #dedede;
	background: #fff;
	color: #8b8b8b;
	border-radius: 4Px;
	height: 38Px;
	line-height: 38Px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap
}

@media screen and (max-width: 768px) {

	.paged a,
	.paged .p_info,
	.paged .current {
		padding: 0 0.1rem;
		height: 0.35rem;
		line-height: 0.35rem
	}
}

.paged .current,
.paged a:hover {
	border: 0.005rem solid #0000ff;
	background: #0000ff;
	color: rgb(243, 238, 238)
}

.article-swiper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	-ms-touch-action: none;
	touch-action: none;
	z-index: 8888
}

.article-swiper .swiper-zoom-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%
}

.article-swiper .swiper-pagination {
	bottom: 1em;
	color: #fff
}

.article-swiper .swiper-slide img {
	max-width: 95%;
	max-height: -moz-calc(100% - 6em);
	max-height: calc(100% - 6em);
	vertical-align: middle
}

.article-swiper .swiper-slide p {
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0.08rem;
	color: #fff;
	z-index: 22
}

.article-swiper .swiper-close-icon {
	position: absolute;
	top: 0.5rem;
	right: 0.3rem;
	z-index: 9999;
	width: 0.2rem;
	height: 0.2rem;
	cursor: pointer
}

.article-swiper .swiper-close-icon .iconfont {
	color: #fff;
	font-size: 0.25rem
}

.article-swiper .swiper-close-icon::after {
	width: 100%;
	position: absolute;
	height: 0.015rem;
	background: #fff;
	content: "";
	top: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.article-swiper .swiper-close-icon::before {
	width: 100%;
	position: absolute;
	height: 0.015rem;
	background: #fff;
	content: "";
	top: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

.common-title {
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.common-title::after {
	content: "";
	width: 0.15rem;
	height: 0.015rem;
	margin-top: 0.1rem;
	background-color: #0000ff
}

.common-title .cn {
	font-size: 0.25rem;
	font-weight: bold
}

.common-title .en {
	font-size: 0.125rem;
	color: #000
}

.page-common-title {
	text-align: center;
	font-weight: bold;
	font-size: 0.16rem
}

@media screen and (max-width: 1024px) {
	.page-common-title {
		font-size: 0.19rem
	}
}

.more-btn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.more-btn.white .box {
	color: #fff
}

.more-btn.white .box .cls-1 {
	stroke: #fff
}

.more-btn.white .box .cls-2 {
	fill: #fff
}

.more-btn:not(.white) .box:hover {
	color: #0000ff
}

.more-btn:not(.white) .box:hover .cls-2 {
	fill: #0000ff
}

.more-btn:not(.white) .box:hover .cls-1 {
	stroke: #0000ff
}

.more-btn .box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.07rem;
	color: #7c7c7c;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.more-btn .box {
		font-size: 0.1rem
	}
}

.more-btn .box svg {
	margin-right: 0.025rem;
	width: 0.26rem;
	height: 0.31rem
}

.more-btn .box .cls-1 {
	fill: none;
	stroke: #7c7c7c;
	stroke-width: 0.01rem;
	stroke-dasharray: 2 4;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.more-btn .box .cls-2 {
	fill: #7c7c7c;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.uweb-search {
	width: 1200Px;
	max-width: 100%;
	margin: 0.92rem auto 0.5rem
}

@media (max-width: 1200px) {
	.uweb-search {
		width: auto;
		margin-right: 0.15rem;
		margin-left: 0.15rem
	}
}

.uweb-search-input-con {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25Px
}

.uweb-search-select-con {
	float: left;
	width: 37%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25Px
}

@media screen and (max-width: 750px) {

	.uweb-search-input-con,
	.uweb-search-select-con {
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 0.05rem
	}
}

.uweb-search-top {
	position: relative;
	margin-bottom: 40Px;
	height: 44Px;
	width: 100%
}

.uweb-search-top-s .uweb-search-input-con {
	float: left;
	width: 87%
}

@media screen and (max-width: 750px) {
	.uweb-search-top {
		height: auto
	}

	.uweb-search-top-s .uweb-search-input-con {
		width: 100%
	}
}

.uweb-search-top-text {
	float: left;
	width: 80Px;
	font-size: 14Px;
	color: #666;
	line-height: 44Px
}

.uweb-search-top-input {
	margin: 0 0 0 80Px;
	height: 44Px;
	border: 1Px solid #e9e9e9
}

.uweb-search-top-input input {
	width: 100%;
	height: 100%;
	border: 0;
	font-size: 14Px;
	padding: 0 20Px
}

.uweb-search-top-button {
	float: left;
	width: 13%;
	height: 46Px;
	background: #0000ff;
	cursor: pointer;
	color: #fff;
	font-size: 14Px;
	line-height: 46Px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0
}

.uweb-search-top-button:hover {
	opacity: 0.7
}

@media screen and (max-width: 750px) {
	.uweb-search-top-button {
		float: none;
		width: 100%
	}
}

.uweb-search-top-input2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 80Px;
	height: 44Px;
	border: 1Px solid #e9e9e9
}

.uweb-search-top-input2 input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 0;
	font-size: 14Px;
	padding: 0 20Px
}

.uweb-search-top-text1 {
	float: left;
	width: 70Px;
	font-size: 14Px;
	color: #666;
	line-height: 44Px
}

.uweb-search-top-select {
	position: relative;
	margin-left: 70Px;
	height: 44Px;
	border: 1Px solid #e9e9e9;
	font-size: 14Px;
	color: #999
}

.uweb-search-top-select:after {
	position: absolute;
	right: 12Px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	content: "";
	width: 0;
	height: 0;
	border-left: 5Px solid transparent;
	border-right: 5Px solid transparent;
	border-top: 6Px solid #999
}

.uweb-search-top-select select {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100% !important;
	border: 0Px;
	padding: 0 22Px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.uweb-search-top-select .customSelect {
	width: 100%;
	height: 100%;
	line-height: 42Px;
	padding: 0 22Px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1200px) {
	.uweb-search-top-select {
		float: none;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto
	}
}

.uweb-search-content {
	margin: 40Px -12Px;
	font-size: 0
}

.uweb-search-content li {
	display: inline-block;
	vertical-align: top;
	padding: 0 12Px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	height: 156Px;
	margin-bottom: 30Px
}

.uweb-search-content li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1Px solid #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25Px 40Px 30Px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.uweb-search-content li a:hover {
	background: #f1f1f1
}

.uweb-search-content li a:hover .text {
	color: #0000ff
}

.uweb-search-content li a:hover .btn {
	background: #0000ff
}

.uweb-search-content li a .text {
	font-size: 16Px;
	font-weight: bold;
	color: #666;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height: 22Px;
	max-height: 44Px;
	overflow: hidden
}

.uweb-search-content li a .time {
	margin-top: 5Px;
	font-size: 14Px;
	font-family: "Arial";
	color: #999
}

.uweb-search-content li a .btn {
	margin-top: 20Px;
	width: 95Px;
	height: 28Px;
	background: #999;
	font-size: 14Px;
	color: #fff;
	line-height: 28Px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease
}

@media screen and (max-width: 1200px) {
	.uweb-search-content {
		margin-right: 0;
		margin-left: 0
	}

	.uweb-search-content li:nth-child(2n+1) {
		padding: 0 0.06rem 0 0
	}

	.uweb-search-content li:nth-child(2n) {
		padding: 0 0 0 0.06rem
	}
}

@media screen and (max-width: 480px) {
	.uweb-search-content li {
		float: none;
		width: 100%;
		height: auto
	}

	.uweb-search-content li:nth-child(2n+1),
	.uweb-search-content li:nth-child(2n) {
		padding: 0
	}

	.uweb-search-content li a .text {
		max-height: none
	}
}

.uweb-search-tip-con {
	margin: 40Px auto;
	width: 1200Px;
	max-width: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5rem;
	text-align: center
}

.uweb-search-tip-con .title {
	font-size: 24Px;
	color: #333;
	margin-bottom: 20Px
}

.uweb-search-tip-con .tips {
	font-size: 14Px;
	color: orange;
	font-weight: bold;
	line-height: 28Px;
	width: 900Px;
	margin: 0 auto 10Px;
	max-width: 100%
}

.uweb-search-tip-con .p {
	font-size: 14Px;
	color: #333;
	line-height: 28Px;
	margin-bottom: 10Px
}

.uweb-search-tip-con .num {
	color: red;
	padding: 0 3Px;
	text-decoration: underline
}

.uweb-search-tip-con .tip-btn {
	display: block;
	width: 140Px;
	height: 36Px;
	text-align: center;
	line-height: 36Px;
	color: #fff;
	background: #999;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0 auto;
	cursor: pointer
}

.uweb-search-tip-con .tip-btn:hover {
	background: #b3b3b3
}

.tips-popup {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9999999
}

.tips-popup.init {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.tips-popup.show .tips-popup-mask {
	opacity: 1
}

.tips-popup.show .tips-popup-box {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.tips-popup-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.tips-popup-box {
	position: relative;
	padding: 18Px 24Px 8Px;
	width: 320Px;
	background-color: #fff;
	-webkit-box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
	border-radius: 8Px;
	z-index: 9;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

@media screen and (max-width: 414px) {
	.tips-popup-box {
		max-width: -moz-calc(100% - 0.4rem);
		max-width: calc(100% - 0.4rem);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.tips-popup-head {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10Px
}

.tips-popup-head .title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	padding-top: 1Px;
	line-height: 22Px;
	font-size: 16Px;
	color: #000
}

.tips-popup-close {
	margin: 5Px 0 0 10Px;
	width: 14Px;
	height: 14Px;
	background: url(../images/tips_icon.png) top -130Px left no-repeat;
	opacity: 0.7;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.tips-popup-close:hover {
	opacity: 1
}

.tips-popup-content {
	padding-bottom: 10Px;
	font-size: 14Px;
	line-height: 24Px;
	color: #666
}

.tips-popup-footer {
	padding: 4Px 0;
	text-align: right;
	font-size: 0
}

.tips-popup-footer li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10Px;
	padding: 8Px 15Px;
	line-height: 1;
	font-size: 12Px;
	white-space: nowrap;
	border-radius: 3Px;
	border-width: 1Px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.tips-popup-footer li:hover {
	opacity: 0.8
}

.tips-popup-footer .cancel-btn {
	color: #666;
	background-color: #fff;
	border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
	color: #fff
}

.tips-popup .tips-icon {
	margin-right: 10Px;
	width: 24Px;
	height: 24Px;
	background-image: url(../images/tips_icon.png);
	background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
	background-position: 0 -104Px
}

.tips-popup .tips-icon-question {
	background-position: 0 -78Px
}

.tips-popup .tips-icon-info {
	background-position: 0 -52Px
}

.tips-popup .tips-icon-error {
	background-position: 0 -26Px
}

.tips-popup .tips-icon-alert {
	background-position: 0 0
}

.tips-popup-icon {
	padding-left: 20Px;
	padding-right: 20Px
}

.tips-popup-icon .tips-popup-content {
	padding-left: 34Px
}

.loading-wrap {
	position: relative
}

.loading-wrap .loading-box {
	position: absolute
}

.loading-box {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999
}

.loading-box-circular {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25Px 0 0 -25Px;
	width: 50Px;
	height: 50Px;
	-webkit-animation: loading-rotate 2s linear infinite;
	-moz-animation: loading-rotate 2s linear infinite;
	animation: loading-rotate 2s linear infinite
}

.loading-box-circular .path {
	-webkit-animation: loading-dash 1.5s ease-in-out infinite;
	-moz-animation: loading-dash 1.5s ease-in-out infinite;
	animation: loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray: 90, 150;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke: #0da945;
	stroke-linecap: round
}

@-webkit-keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-moz-keyframes loading-rotate {
	to {
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes loading-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -40Px
	}

	to {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120Px
	}
}

@-moz-keyframes loading-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -40Px
	}

	to {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120Px
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -40Px
	}

	to {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120Px
	}
}

.normal-popup {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9000
}

.normal-popup.init {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.normal-popup.show .normal-popup-box {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.normal-popup.show .normal-popup-mask {
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s
}

.normal-popup-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.normal-popup-close {
	position: absolute;
	top: 10Px;
	right: 10Px;
	line-height: 1;
	font-size: 20Px;
	font-family: "iconfont";
	color: #666;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.normal-popup-close:before {
	content: "\e662"
}

.normal-popup-close:hover {
	color: #ea140a
}

.normal-popup-box {
	position: relative;
	width: 680Px;
	background-color: #fff;
	overflow: hidden;
	border-radius: 6Px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	z-index: 6;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s
}

.normal-popup-title {
	margin-bottom: 25Px;
	text-align: center
}

.normal-popup-title h3 {
	line-height: 1.2;
	font-size: 30Px;
	color: #555
}

.normal-popup-title p {
	line-height: 1.2;
	font-size: 12Px;
	color: #999;
	text-transform: uppercase
}

.normal-popup-scroller {
	position: relative;
	overflow: hidden
}

.normal-popup-scroller .bscroll-indicator {
	background-color: rgba(205, 205, 205, 0.5) !important
}

.modal-popup .normal-popup-box {
	padding: 60Px;
	text-align: center
}

.modal-popup .icon {
	font-family: "iconfont";
	font-size: 80Px
}

.modal-popup .icon-error {
	color: #ea140a
}

.modal-popup .icon-error:before {
	content: "\e71e"
}

.modal-popup .icon-success {
	color: #0da945
}

.modal-popup .icon-success:before {
	content: "\e605"
}

.modal-popup .icon-notice {
	color: #fbba65
}

.modal-popup .icon-notice:before {
	content: "\e698"
}

.modal-popup .title {
	margin: 15Px 0 3Px;
	line-height: 1.4;
	font-size: 24Px;
	color: #333
}

.modal-popup .p {
	line-height: 1.6;
	font-size: 16Px;
	color: #888
}

.modal-popup-footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30Px
}

.modal-popup-footer li {
	width: 242Px;
	line-height: 45Px;
	font-size: 16Px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.modal-popup-footer li+li {
	margin-left: 16Px
}

.modal-popup-footer li:hover {
	opacity: 0.8
}

.modal-popup-footer .cancel-btn {
	background-color: #bbb
}

.iframe-popup .normal-popup-box {
	padding: 55Px 60Px 70Px
}

.iframe-popup .normal-popup-title {
	margin-bottom: 30Px
}

.iframe-popup-box {
	position: relative;
	max-height: -moz-calc(98vh - 205Px);
	max-height: calc(98vh - 205Px);
	overflow-y: auto
}

.iframe-popup-box .iframe {
	display: block;
	width: 100%;
	border: none
}

.iframe-popup .loading-box {
	position: absolute
}

.captcha-title {
	height: 60Px;
	width: 100%;
	text-align: center;
	border-radius: 2Px;
	background-color: #f3f3f3;
	color: #bbb;
	font-size: 14Px;
	letter-spacing: 0.1Px;
	line-height: 60Px
}

.captcha-show {
	display: none;
	height: 60Px;
	width: 100%;
	text-align: center;
	border-radius: 2Px;
	background-color: #f3f3f3
}

.captcha-loading {
	margin: auto;
	width: 70Px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.captcha-loading-dot {
	width: 8Px;
	height: 8Px;
	margin: 18Px 4Px;
	background: #ccc;
	border-radius: 50%;
	opacity: 0;
	-webkit-box-shadow: 0 0 2Px black;
	box-shadow: 0 0 2Px black;
	-webkit-animation: loadingFade 1s infinite;
	-moz-animation: loadingFade 1s infinite;
	animation: loadingFade 1s infinite
}

.captcha-loading-dot:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s
}

.captcha-loading-dot:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s
}

.captcha-loading-dot:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s
}

.captcha .geetest_holder.geetest_wind .geetest_logo,
.captcha .geetest_holder.geetest_wind .geetest_success_logo {
	display: none
}

@-webkit-keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.8
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.8
	}

	100% {
		opacity: 0
	}
}

@keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.8
	}

	100% {
		opacity: 0
	}
}

.error-con {
	padding: 0.5rem 0;
	background: #fff
}

.error-box {
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25rem;
	text-align: center;
	width: 1360Px;
	max-width: 100%;
	margin: 0 auto;
	display: grid
}

.error-box img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%
}

.error-box .tips {
	margin: 20Px auto;
	font-size: 18Px;
	color: #666
}

.error-box .btn a {
	display: inline-block;
	vertical-align: top;
	width: 170Px;
	height: 40Px;
	margin: 0 2Px;
	border-radius: 20Px;
	color: #fff;
	text-align: center;
	font-size: 16Px;
	background: #999;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	line-height: 40Px;
	max-width: 45%
}

.error-box .btn a:hover {
	background: #a6a6a6
}

.share-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 0.1rem;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.share-box-item {
	cursor: pointer;
	background-color: #181818;
	color: #fff;
	margin-right: 15Px;
	width: 40Px;
	height: 40Px;
	text-align: center;
	border-radius: 50%
}

.share-box-item .iconfont {
	font-size: 20Px;
	line-height: 40Px
}

.share-box .share-to-wechat {
	position: relative
}

.share-box .share-to-wechat .wechat-ewm {
	position: absolute;
	border-radius: 5Px;
	border: 1Px solid #eee;
	background: #fff;
	left: 50%;
	bottom: 100%;
	padding: 10Px 10Px 5Px;
	display: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.share-box .share-to-wechat .wechat-ewm p {
	font-size: 12Px;
	color: #333;
	text-align: center;
	margin-top: 5Px
}

.share-box .share-to-wechat:hover {
	background-color: #3dbe5b
}

.share-box .share-to-wechat:hover .wechat-ewm {
	display: block
}

.share-box .share-to-qq,
.share-box .share-to-qzone,
.share-box .share-to-weibo,
.share-box .share-to-wechat {
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s
}

.share-box .share-to-qq:hover {
	background-color: #21b3f7
}

.share-box .share-to-qzone:hover {
	background-color: #f8c514
}

.share-box .share-to-weibo:hover {
	background-color: #ff5757
}

.wechat-tip-mask {
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	background-image: url(../images/share_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto
}

:root {
	--searchSize: 0.18rem;
	--headerHeight: 0.5rem
}

@media screen and (max-width: 1024px) {
	:root {
		--searchSize: 0.3rem;
		--headerHeight: 0.5rem;
		--autoMargin: 0.15rem !important
	}
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: inherit;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	background-color:#9d9d9d
}

@media screen and (min-width: 1024px) {
	.header {
		-webkit-animation: headerAnime 0.8s forwards;
		-moz-animation: headerAnime 0.8s forwards;
		animation: headerAnime 0.8s forwards
	}
}

@media screen and (max-width: 1024px) {
	.header .wp {
		padding: 0
	}
}

.header.header-black {
	background-color: #060681
}

.header.header-small {
	background-color: #9d9d9d
}

@media screen and (min-width: 1024px) {
	.header.header-small .header-wrapper {
		height: 0.35rem
	}

	.header.header-small .header-logo img {
		width: 175px
	}
}


@media screen and (max-width: 760px) {
	

	.header .header-logo img {
		width: auto;
		max-height: 50px;
	}
}
.header-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: var(--headerHeight);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	border-bottom: 0.005rem solid rgba(255, 255, 255, 0.1)
}

@media screen and (max-width: 1024px) {
	.header-wrapper {
		border-radius: 0;
		height: var(--headerHeight);
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 0.15rem
	}
}

.header-logo img {
	width: 245px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.header-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.header-nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

@media screen and (max-width: 1024px) {
	.header-nav {
		display: none
	}
}

.header-nav li {
	height: 100%;
	margin-right: 2.8125vw;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

@media screen and (max-width: 1500px) {
	.header-nav li {
		margin-right: 1.5625vw
	}
}

.header-nav li>a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 0.09rem;
	line-height: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	text-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 0.025rem solid transparent
}

@media screen and (max-width: 1500px) {
	.header-nav li>a {
		font-size: 0.05rem;
		padding: 0 0.05rem
	}
}

.header-nav li>a.on,
.header-nav li>a:hover {
	border-color: #fff
}

.header-nav li:hover {
	z-index: 4
}

.header-nav li:hover .sub {
	display: block
}

.header-nav .sub {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -0.225rem;
	padding-top: 0.08rem;
	display: none
}

.header-nav .sub .wrapper {
	position: relative;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 0.02rem;
	/* padding: 0.05rem 0.075rem */
}
.header-nav .sub .wrapper  dl dd{padding: 0rem 0.075rem}
.header-nav .sub .wrapper:before {
	position: absolute;
	border-left: 0.03rem solid transparent;
	border-bottom: 0.03rem solid rgba(0, 0, 0, 0.2);
	border-right: 0.03rem solid transparent;
	top: -0.03rem;
	left: 50%;
	margin-left: -0.03rem;
	content: ""
}

.header-nav .sub .wrapper .item {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 0.07rem;
	padding: 0.05rem 0;
	white-space: nowrap;
	position: relative
}

.header-nav .sub .wrapper .item::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%) scaleX(0);
	-moz-transform: translateX(-50%) scaleX(0);
	transform: translateX(-50%) scaleX(0);
	height: 0.01rem;
	background-color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.header-nav .sub .wrapper .item.on::after,
.header-nav .sub .wrapper .item:hover::after {
	-webkit-transform: translateX(-50%) scaleX(1);
	-moz-transform: translateX(-50%) scaleX(1);
	transform: translateX(-50%) scaleX(1)
}

.header-right-mb {
	display: none
}

@media screen and (max-width: 1024px) {
	.header-right-mb {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.header-right-mb .nav-menu .iconfont {
	color: #fff;
	font-size: 0.21rem
}

.header-right-mb .nav-menu .close {
	display: none
}

.header-right-mb .nav-menu img {
	width: 0.22rem
}

.header-right-mb .menu-btn-active .menu-icon {
	display: none
}

.header-right-mb .menu-btn-active .close {
	display: block
}

.header-right-mb .menu-unfold {
	position: fixed;
	display: none;
	top: -moz-calc(0.5rem);
	top: calc(0.5rem);
	right: 0;
	z-index: 20;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.header-right-mb .menu-unfold::after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: -moz-calc(0.5rem);
	top: calc(0.5rem);
	left: 0;
	z-index: 19;
	background-color: rgba(0, 0, 0, 0.56)
}

.header-right-mb .menu-unfold .menu-box {
	position: fixed;
	top: -moz-calc(0.5rem);
	top: calc(0.5rem);
	right: 0;
	display: none;
	z-index: 20;
	max-height: 90vh;
	overflow-y: auto
}

.header-right-mb .menu-unfold .menu-box::-webkit-scrollbar {
	display: none
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.2rem 0.25rem;
	width: 2.4rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f0f0f0
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0.1rem 0.15rem;
	border-radius: 0.25rem;
	border: 0.005rem solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input {
	width: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	border: none;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
	color: #666;
	font-size: 0.13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box button {
	background-color: transparent;
	border: none;
	font-size: 0.2rem
}

.header-right-mb .menu-unfold .menu-box .menu-item {
	width: 2.4rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	color: #333;
	font-size: 0.16rem;
	line-height: 0.5rem;
	background-color: #f0f0f0;
	border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto
}

.header-right-mb .menu-unfold .menu-box .menu-item .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 0.15rem 0 0.35rem
}

.header-right-mb .menu-unfold .menu-box .menu-item a {
	color: #333;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.header-right-mb .menu-unfold .menu-box .menu-item .iconfont {
	font-size: 0.2rem;
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	width: 0.15rem;
	text-align: center;
	padding-left: 0.4rem
}

.header-right-mb .menu-unfold .menu-box .menu-item .menu-2 {
	display: none
}

.header-right-mb .menu-unfold .menu-box .menu-item .menu-2 a {
	padding: 0 0.15rem 0 0.35rem;
	border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
	display: block;
	color: #666;
	font-size: 0.14rem
}

.header-search-box {
	position: relative
}

@media screen and (max-width: 1024px) {
	.header-search-box {
		display: none
	}
}

.header-search-box input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 150%;
	height: 150%;
	z-index: 5;
	cursor: pointer;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.header-search-box input:checked~div .search-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}

.header-search-box input:checked~div .search-wrapper::after {
	display: block
}

.header-search-box label {
	display: block;
	position: relative
}

.header-search-box .iconfont {
	font-size: 22Px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
	z-index: 10
}

.header .search-wrapper::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none
}

.header .search-wrapper.show::after {
	display: block
}

.header .search-wrapper.show .search-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}

.header .search-box {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(30%);
	-moz-transform: translateX(30%);
	transform: translateX(30%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	position: absolute;
	right: -0.06rem;
	top: -moz-calc(100% + 0.05rem);
	top: calc(100% + 0.05rem);
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10
}

.header .search-box.show {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}

@media screen and (max-width: 1024px) {
	.header .search-box {
		margin-left: 0.5rem;
		margin-right: 0.15rem
	}
}

@media screen and (max-width: 768px) {
	.header .search-box {
		margin-left: 0.5rem;
		margin-right: 0.1rem
	}
}

.header .search-box .header-search {
	position: absolute;
	right: 0.05rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	background-color: transparent;
	cursor: pointer;
	display: inline-block
}

@media screen and (max-width: 1024px) {
	.header .search-box .header-search {
		pointer-events: none
	}
}

.header .search-box .header-search .icon-sousuo {
	font-size: 0.11rem;
	color: #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position: static
}

@media screen and (max-width: 1024px) {
	.header .search-box .header-search .icon-sousuo {
		font-size: 0.2rem
	}
}

@media screen and (max-width: 768px) {
	.header .search-box .header-search .icon-sousuo {
		font-size: 0.2rem
	}
}

.header .search-box input {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 0.005rem solid #343541;
	padding-right: 0.15rem;
	padding-left: 0.1rem;
	border-radius: 0.1rem;
	height: 0.2rem;
	width: 0.7rem;
	background-color: #fff
}

.header .search-box input::-webkit-input-placeholder {
	color: #999;
	font-size: 0.07rem
}

.header .search-box input:-moz-placeholder {
	color: #999;
	font-size: 0.07rem
}

.header .search-box input::-moz-placeholder {
	color: #999;
	font-size: 0.07rem
}

.header .search-box input:-ms-input-placeholder {
	color: #999;
	font-size: 0.07rem
}

.header .search-box input::-ms-input-placeholder {
	color: #999;
	font-size: 0.07rem
}

.header .search-box input::placeholder {
	color: #999;
	font-size: 0.07rem
}

@media screen and (max-width: 768px) {
	.header .search-box input {
		height: 0.25rem;
		padding: 0 0.1rem;
		right: 0
	}
}

.header-placeholder {
	width: 100%;
	height: var(--headerHeight)
}

.nav-mobile {
	position: absolute;
	width: 64%;
	top: 0.5rem;
	right: 0;
	bottom: 0;
	z-index: 99999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.nav-mobile.anim {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	height: -moz-calc(100vh - 0.5rem);
	height: calc(100vh - 0.5rem)
}

.nav-mobile-con {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	overflow: hidden;
	z-index: 8889;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease
}

.nav-mobile-con .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1
}

.nav-mobile-con.anim .nav-mobile-search {
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
	transform: translateX(0) !important
}

.nav-mobile-back {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0.25rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 0.5rem;
	background-color: #222;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nav-mobile-back span {
	position: relative;
	z-index: 1;
	font-size: 0.14rem;
	line-height: 0.5rem;
	color: #fff
}

@media screen and (max-width: 500px) {
	.nav-mobile-back span {
		line-height: 0.25rem
	}
}

.nav-mobile-back .fh {
	margin-left: 0.1rem
}

@media screen and (max-width: 500px) {
	.nav-mobile-back .fh {
		margin-left: 0.025rem
	}
}

.nav-mobile .sub {
	display: none;
	border-top: 0.005rem solid #e2e2e2
}

.nav-mobile .sub li {
	position: relative;
	overflow: hidden
}

.nav-mobile .sub li:not(:last-child) a {
	border-bottom: 0.005rem solid #e2e2e2
}

.nav-mobile .sub li a {
	display: block;
	padding: 0 0.15rem 0 0.325rem;
	line-height: 0.5rem;
	height: 0.5rem;
	font-size: 0.14rem;
	color: #666;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nav-mobile .menu-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #ebebeb;
	height: 0.4rem;
	line-height: 0.4rem
}

.nav-mobile .menu-search input {
	width: 80%;
	line-height: 0.4rem;
	background: #ebebeb;
	border: none;
	padding-left: 0.15rem
}

.nav-mobile .menu-search button {
	display: inline-block;
	width: 20%;
	height: 100%;
	text-align: center;
	border: none;
	background-color: #ebebeb
}

.nav-mobile .menu-search button span {
	color: #555;
	font-size: 0.25rem
}

.nav-mobile :root {
	--searchSize: 0.22rem;
	--headerHeight: 0.35rem
}

@media screen and (max-width: 1024px) {
	.nav-mobile :root {
		--searchSize: 0.3rem;
		--headerHeight: 0.6rem
	}
}

.nav-mobile .menu-unfold {
	top: -moz-calc(0.5rem + 0.15rem);
	top: calc(0.5rem + 0.15rem);
	right: 0;
	z-index: 20;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	height: 100%
}

.nav-mobile .menu-unfold .menu-box {
	top: -moz-calc(0.5rem + 0.15rem);
	top: calc(0.5rem + 0.15rem);
	right: 0;
	z-index: 20;
	overflow-y: auto;
	height: 100%;
	background-color: #fff;
	display: inline-block;
	width: 100%
}

.nav-mobile .menu-unfold .menu-box::-webkit-scrollbar {
	display: none
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.2rem 0.25rem;
	width: 2.4rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2)
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0.125rem 0.15rem;
	border-radius: 0.25rem;
	border: 0.005rem solid #d8d7d7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #eee
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input {
	width: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	border: none;
	font-size: 0.13rem;
	background-color: transparent
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
	color: #666;
	font-size: 0.13rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box .iconfont {
	color: #999;
	font-size: 0.15rem
}

.nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box button {
	background-color: transparent;
	border: none;
	font-size: 0.2rem
}

.nav-mobile .menu-unfold .menu-box .menu-item {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	color: #333;
	font-size: 0.16rem;
	line-height: 0.5rem;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2)
}

.nav-mobile .menu-unfold .menu-box .menu-item .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 0.15rem 0 0.35rem
}

.nav-mobile .menu-unfold .menu-box .menu-item a {
	color: #333;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.nav-mobile .menu-unfold .menu-box .menu-item .iconfont {
	font-size: 0.2rem;
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	width: 0.15rem;
	text-align: center;
	padding-left: 0.4rem
}

.nav-mobile .menu-unfold .menu-box .menu-item .menu-2 {
	display: none
}

.nav-mobile .menu-unfold .menu-box .menu-item .menu-2 a {
	padding: 0 0.15rem 0 0.35rem;
	border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
	display: block;
	color: #666;
	font-size: 0.14rem
}

.nav-mobile .flex-box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 0;
	background-color: rgba(0, 0, 0, 0.3)
}

.footer {
	background-color: #060681
}

.footer .footer-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.34rem 0 0.35rem
}

@media screen and (max-width: 1024px) {
	.footer .footer-wrapper .item {
		display: none
	}
}

.footer .footer-wrapper .item:not(:last-child) {
	margin-right: 5.2083333333vw
}

@media screen and (min-width: 1921px) {
	.footer .footer-wrapper .item:not(:last-child) {
		margin-right: 0.5rem
	}
}

@media screen and (max-width: 1540px) {
	.footer .footer-wrapper .item:not(:last-child) {
		margin-right: 4.6875vw
	}
}

@media screen and (max-width: 1400px) {
	.footer .footer-wrapper .item:not(:last-child) {
		margin-right: 3.6458333333vw
	}
}

.footer .footer-wrapper .item a {
	display: block;
	font-size: 0.07rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 0.2rem;
	white-space: nowrap
}

.footer .footer-wrapper .item a:hover {
	color: #fff
}

.footer .footer-wrapper .item a:first-child {
	color: #fff;
	font-size: 0.08rem
}

.footer .footer-wrapper .footer-contact {
	font-size: 0.07rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 0.2rem
}

@media screen and (max-width: 1024px) {
	.footer .footer-wrapper .footer-contact {
		font-size: 0.11rem;
		line-height: 0.25rem
	}
}

.footer .footer-wrapper .footer-contact .title {
	font-size: 0.08rem;
	color: #fff
}

@media screen and (max-width: 1024px) {
	.footer .footer-wrapper .footer-contact .title {
		font-size: 0.12rem
	}
}

.footer .copyright {
	border-top: 0.005rem solid rgba(255, 255, 255, 0.1);
	padding: 0.25rem 0
}

@media screen and (max-width: 1024px) {
	.footer .copyright {
		padding: 0.2rem 0 0.225rem
	}
}

@media screen and (max-width: 1024px) {
	.footer .copyright .wp {
		padding: 0 0.1rem
	}
}

.footer .copyright .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width: 1024px) {
	.footer .copyright .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.footer .copyright .left {
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.07rem
}

@media screen and (max-width: 1024px) {
	.footer .copyright .left {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		font-size: 0.1rem;
		line-height: 2;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
}

.footer .copyright .left .box {
	margin-right: 0.05rem
}

.footer .copyright .left .box img {
	margin-right: 0.025rem
}

@media screen and (max-width: 1024px) {
	.footer .copyright .left .box {
		margin-right: 0;
		margin-bottom: 0.025rem
	}
}

.footer .copyright .left a {
	margin-right: 0.05rem
}

@media screen and (max-width: 1024px) {
	.footer .copyright .left a {
		margin-right: 0.025rem
	}
}

@media screen and (max-width: 1024px) {
	.footer .copyright .right {
		margin-top: 0.1rem
	}
}

.footer .copyright .right .qrcode {
	position: relative;
	width: 0.25rem;
	cursor: pointer;
	height: 0.25rem
}

.footer .copyright .right .qrcode .icon {
	width: 100%;
	height: 100%;
	background-color: #0000ff;
	border-radius: 50%
}

.footer .copyright .right .qrcode .icon img {
	width: 100%;
	height: 100%
}

.footer .copyright .right .qrcode:hover .qrcode-box {
	-webkit-transform: translateY(0) translateX(-50%);
	-moz-transform: translateY(0) translateX(-50%);
	transform: translateY(0) translateX(-50%);
	visibility: visible;
	opacity: 1
}

.footer .copyright .right .qrcode-box {
	position: absolute;
	bottom: 130%;
	width: 0.55rem;
	height: 0.55rem;
	-webkit-transform: translateY(30%) translateX(-50%);
	-moz-transform: translateY(30%) translateX(-50%);
	transform: translateY(30%) translateX(-50%);
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	left: 50%
}

.footer .copyright .right .qrcode-box img {
	border-radius: 0.05rem;
	max-width: 100%
}

.footer .copyright .right .qrcode-box::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.06rem 0.05rem 0;
	border-color: #fff transparent transparent;
	position: absolute;
	top: 99%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

@-webkit-keyframes icon {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-0.04rem);
		transform: translateY(-0.04rem)
	}
}

@-moz-keyframes icon {
	0% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-0.04rem);
		transform: translateY(-0.04rem)
	}
}

@keyframes icon {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-0.04rem);
		-moz-transform: translateY(-0.04rem);
		transform: translateY(-0.04rem)
	}
}

.right-bar {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 99;
	border: 0.005rem solid #e5e5e5
}

.right-bar .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.06rem;
	color: #666;
	text-align: center;
	width: 0.37rem;
	height: 0.4rem;
	background-color: #fff;
	cursor: pointer
}

@media screen and (max-width: 1024px) {
	.right-bar .item {
		width: 0.45rem;
		height: 0.45rem;
		font-size: 0.08rem
	}
}

.right-bar .item:not(:last-child) {
	border-bottom: 0.005rem solid #e5e5e5
}

.right-bar .item:hover .icon {
	-webkit-animation: icon 0.4s infinite alternate;
	-moz-animation: icon 0.4s infinite alternate;
	animation: icon 0.4s infinite alternate
}

.right-bar .item .icon {
	margin-bottom: 0.06rem
}

.right-bar .item .icon img {
	width: 0.14rem;
	height: 0.13rem
}

@media screen and (max-width: 1024px) {
	.right-bar .item .icon img {
		width: 0.18rem;
		height: 0.17rem
	}
}

.page-banner {
	position: relative
}

.page-banner .img-box {
	position: relative;
	padding-bottom: 27.3252758802%;
	overflow: hidden
}

.page-banner .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.page-banner .img-box img:last-of-type {
	display: none
}

@media screen and (max-width: 1024px) {
	.page-banner .img-box img:first-of-type {
		display: none
	}

	.page-banner .img-box img:last-of-type {
		display: inline-block
	}
}

@media screen and (max-width: 1024px) {
	.page-banner .img-box {
		position: relative;
		padding-bottom: 42.6666666667%;
		overflow: hidden
	}

	.page-banner .img-box img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s
	}
}

.page-nav {
	background-color: #f4f4f4;
	position: relative;
	border-bottom: 0.005rem solid #e5e5e5
}

.page-nav .nav-bg {
	position: absolute;
	width: 100%;
	left: 0;
	top: -moz-calc(100% + 0.005rem);
	top: calc(100% + 0.005rem);
	background-color: #fcfcfc;
	height: 0.35rem;
	border-bottom: 0.005rem solid #eee;
	display: none;
	z-index: -1
}

.page-nav-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 0.35rem
}

@media screen and (max-width: 1024px) {
	.page-nav-wrapper {
		height: 0.5rem
	}
}

.page-nav-right {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.page-nav-right .crumbs {
	color: #999;
	font-size: 0.07rem
}

@media screen and (max-width: 1024px) {
	.page-nav-right .crumbs {
		display: none
	}
}

.page-nav-right .mb-nav {
	display: none
}

@media screen and (max-width: 1024px) {
	.page-nav-right .mb-nav {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 0.15rem;
		color: #333;
		height: 100%;
		width: 100%;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.page-nav-right .mb-nav .iconfont {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		font-size: 0.14rem;
		margin-left: 0.075rem;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s
	}

	.page-nav-right .mb-nav.active .iconfont {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
}

.page-nav-right .nav-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

@media screen and (max-width: 1024px) {
	.page-nav-right .nav-content {
		position: absolute;
		width: 100%;
		top: 100%;
		z-index: 30;
		left: 0;
		background-color: #fff;
		display: none;
		padding-bottom: 0.15rem;
		height: auto
	}

	.page-nav-right .nav-content::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh
	}
}

.page-nav-right .sub {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	white-space: nowrap;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	width: 100%;
	left: 0;
	top: -moz-calc(100% - 0.005rem);
	top: calc(100% - 0.005rem);
	background-color: #fcfcfc;
	height: 0.35rem;
	border-bottom: 0.005rem solid rgba(0, 0, 0, 0.1);
	z-index: 5;
	text-align: center;
	border-top: 0.005rem solid #e5e5e5
}

@media screen and (max-width: 1024px) {
	.page-nav-right .sub {
		opacity: 1;
		visibility: visible;
		position: static;
		height: auto;
		display: none;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none
	}
}

.page-nav-right .sub.show {
	visibility: visible;
	opacity: 1
}

.page-nav-right .sub.right,
.page-nav-right .sub.left {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}

.page-nav-right .sub.left {
	left: 0
}

.page-nav-right .sub.right {
	right: 0;
	left: auto
}

.page-nav-right .sub a {
	font-size: 0.07rem;
	color: #333;
	height: 0.35rem;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	border-bottom: 0.015rem solid transparent
}

@media screen and (max-width: 1024px) {
	.page-nav-right .sub a {
		font-size: 0.13rem;
		height: 0.5rem;
		padding-left: 0.25rem;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}
}

.page-nav-right .sub a.on,
.page-nav-right .sub a:hover {
	color: #0000ff
}

.page-nav-right .sub a:not(:last-child) {
	margin-right: 0.29rem
}

@media screen and (max-width: 1024px) {
	.page-nav-right .sub a:not(:last-child) {
		margin-right: 0;
		border-bottom: 0.005rem solid #e5e5e5
	}
}

.page-nav-right .nav-item .head {
	height: 100%
}

.page-nav-right .nav-item .head>a {
	z-index: 10;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.08rem;
	color: #333;
	height: 100%;
	line-height: 1;
	position: relative;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 0.015rem solid transparent
}

@media screen and (max-width: 1024px) {
	.page-nav-right .nav-item .head>a {
		text-align: right;
		font-size: 0.13rem;
		height: 0.5rem;
		line-height: 0.5rem;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.page-nav-right .nav-item .head>a:hover,
.page-nav-right .nav-item .head>a.on {
	color: #0000ff;
	border-color: #0000ff
}

@media screen and (max-width: 1024px) {

	.page-nav-right .nav-item .head>a:hover,
	.page-nav-right .nav-item .head>a.on {
		border-color: transparent
	}
}

@media screen and (max-width: 1024px) {
	.page-nav-right .nav-item .head {
		position: relative;
		z-index: 10;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 0.15rem;
		border-bottom: 0.005rem solid rgba(118, 118, 118, 0.1)
	}
}

.page-nav-right .nav-item .mb-more-btn {
	display: none
}

@media screen and (max-width: 1024px) {
	.page-nav-right .nav-item .mb-more-btn {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: 15%;
		height: 0.5rem
	}

	.page-nav-right .nav-item .mb-more-btn .iconfont {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		font-size: 0.16rem
	}
}

.page-nav-right .nav-item .mb-more-btn.active .iconfont {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

.page-nav-right .nav-item:not(:last-child) {
	margin-right: 20px
}

@media screen and (max-width: 1024px) {
	.page-nav-right .nav-item:not(:last-child) {
		margin-right: 0
	}
}

@media screen and (min-width: 1024px) {
	.page-nav-right .nav-item:hover .sub {
		visibility: visible;
		opacity: 1
	}
}

.index-banner {
	width: 100%
}

.index-banner-swiper {
	overflow: hidden;
	position: relative
}

.index-banner .swiper-slide {
	overflow: hidden
}

.index-banner-pagination {
	position: absolute;
	bottom: 0.15rem !important;
	z-index: 20;
	text-align: center
}

@media screen and (max-width: 1024px) {
	.index-banner-pagination {
		bottom: 0.1rem !important
	}
}

.index-banner-pagination .swiper-pagination-bullet {
	width: 0.06rem;
	height: 0.06rem;
	background-color: transparent;
	border: 0.01rem solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
	margin: 0 0.07rem !important
}

.index-banner-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index-banner-img {
	display: block;
	position: relative;
	padding-bottom: 50.4466631634%;
	overflow: hidden;
	padding-bottom: 100vh
}

.index-banner-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 90px;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 1024px) {
	.index-banner-img {
		position: relative;
		padding-bottom: 74.6666666667%;
		overflow: hidden
	}

	.index-banner-img img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s
	}
}

.index-banner-img img:last-of-type {
	display: none
}

@media screen and (max-width: 1024px) {
	.index-banner-img img:first-of-type {
		display: none
	}

	.index-banner-img img:last-of-type {
		display: inline-block
	}
}

.index-section-1 {
	padding: 0.5rem 0 0.55rem
}

@media screen and (max-width: 1024px) {
	.index-section-1 {
		padding: 0.4rem 0 0.5rem
	}
}

.index-section-1 .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.25rem
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.index-section-1 .wrapper .left {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.index-section-1 .wrapper .left .list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	height: 100%
}

.index-section-1 .wrapper .left li {
	width: 50%;
	height: 33.3333333333%;
	border-bottom: 0.005rem solid #e7e9ee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li {
		width: 33.3333333333%;
		height: 1.2rem;
		border-color: #fff
	}
}

@media screen and (min-width: 1024px) {
	.index-section-1 .wrapper .left li:nth-child(odd) {
		border-right: 0.005rem solid #e7e9ee
	}
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li:not(:last-child) {
		border-right: 0.005rem solid #fff
	}
}

.index-section-1 .wrapper .left li.on .item {
	background-color: #0000ff
}

.index-section-1 .wrapper .left li.on .item .bg {
	opacity: 1
}

.index-section-1 .wrapper .left li.on .item .cn,
.index-section-1 .wrapper .left li.on .item .en,
.index-section-1 .wrapper .left li.on .item .num {
	color: #fff
}

.index-section-1 .wrapper .left li .item {
	background-color: #eef1f5;
	height: 100%;
	padding: 0 0.15rem 0.175rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	z-index: 10
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li .item {
		-webkit-box-pack: start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0.26rem 0.15rem 0
	}
}

.index-section-1 .wrapper .left li .item .bg {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li .item .bg {
		width: 0.63rem
	}
}

.index-section-1 .wrapper .left li .item .num {
	font-size: 0.25rem;
	font-family: "Barlow";
	color: rgba(168, 173, 183, 0.4);
	line-height: 1;
	margin-bottom: 0.115rem
}

.index-section-1 .wrapper .left li .item .cn {
	font-size: 0.08rem;
	font-weight: bold;
	color: #717a8b;
	margin-bottom: 0.04rem
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li .item .cn {
		font-size: 0.11rem
	}
}

.index-section-1 .wrapper .left li .item .en {
	font-size: 0.06rem;
	color: #959ba7
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .left li .item .en {
		font-size: 0.09rem
	}
}

.index-section-1 .wrapper .right {
	width: 66.125%
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .right {
		width: 100%
	}
}

.index-section-1 .wrapper .right .img-box {
	display: none;
	height: 2.97rem;
	width: 100%;
	overflow: hidden
}

.index-section-1 .wrapper .right .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 1024px) {
	.index-section-1 .wrapper .right .img-box {
		height: 1.935rem;
		width: 100%;
		overflow: hidden
	}

	.index-section-1 .wrapper .right .img-box img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s
	}
}

.index-section-1 .wrapper .right .img-box.on {
	display: block
}

.index-section-2 .swiper-container {
	margin-top: 0.25rem
}

.index-section-2 .item {
	display: block;
	position: relative
}

.index-section-2 .item .more-btn {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.index-section-2 .item.on .info-box {
	background-color: #0000ff
}

.index-section-2 .item .img-box {
	position: relative;
	padding-bottom: 151.4195583596%;
	overflow: hidden
}

.index-section-2 .item .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.index-section-2 .item .info-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25rem 0.24rem 0.2rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.index-section-2 .item .info-box {
		padding: 0 0.15rem 0.15rem
	}
}

.index-section-2 .item .title-box {
	color: #fff
}

.index-section-2 .item .title-box .cn {
	font-size: 0.13rem;
	font-weight: bold;
	margin-bottom: 0.05rem
}

@media screen and (max-width: 1024px) {
	.index-section-2 .item .title-box .cn {
		font-size: 0.16rem
	}
}

.index-section-2 .item .title-box .en {
	font-size: 0.07rem
}

@media screen and (max-width: 1024px) {
	.index-section-2 .item .title-box .en {
		font-size: 0.1rem
	}
}

.index-section-2 .item .content-box {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.07rem;
	line-height: 2;
	display: none
}

.index-section-2 .item .content-box .desc {
	padding-bottom: 0.15rem;
	padding-top: 0.165rem
}

.index-section-3 {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0.575rem 0 0
}

.index-section-3 .desc {
	font-size: 0.08rem;
	color: #555;
	line-height: 0.175rem;
	max-width: 5.1rem;
	margin: 0 auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin-top: 0.15rem;
	margin-bottom: 0.225rem
}

@media screen and (max-width: 1060px) {
	.index-section-3 .desc {
		padding: 0 0.3rem
	}
}

@media screen and (max-width: 1024px) {
	.index-section-3 .desc {
		padding: 0 0.15rem
	}
}

@media screen and (max-width: 1024px) {
	.index-section-3 .desc {
		font-size: 0.12rem;
		line-height: 2;
		padding: 0
	}
}

.index-section-3 .index-honor-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-section-3 .index-honor-swiper {
	overflow: hidden;
	margin-top: 6.83131897%
}

@media screen and (max-width: 1024px) {
	.index-section-3 .index-honor-swiper {
		margin-top: 0.5rem
	}
}

.index-section-3 .index-honor-swiper .str_move {
	cursor: pointer
}

.index-section-3 .index-honor-swiper .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear
}

.index-section-3 .index-honor-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .index-honor-item-title {
	background-color: #0303aa
}

.index-section-3 .index-honor-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 4.2rem
}

@media screen and (max-width: 1024px) {
	.index-section-3 .index-honor-item {
		width: 100vw
	}
}

.index-section-3 .index-honor-item:nth-child(odd) .index-honor-item-title {
	background-color: #0303aa
}

.index-section-3 .index-honor-item-title,
.index-section-3 .index-honor-item-img {
	width: 50%
}

.index-section-3 .index-honor-item-title {
	font-size: 0.13rem;
	color: #fff;
	font-weight: bold;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #060681;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left bottom
}

@media screen and (max-width: 1024px) {
	.index-section-3 .index-honor-item-title {
		font-size: 0.13rem;
		background-size: 80%
	}
}

.index-section-3 .index-honor-item-img {
	background-color: #dae6f0;
	padding: 3.8020833333vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1440px) {
	.index-section-3 .index-honor-item-img {
		padding: 2.0833333333vw 1.3020833333vw
	}
}

@media screen and (max-width: 1024px) {
	.index-section-3 .index-honor-item-img {
		padding: 0.225rem 0.25rem
	}
}

.index-section-3 .index-honor-item-img .img-box {
	position: relative;
	padding-bottom: 140.7894736842%;
	overflow: hidden
}

.index-section-3 .index-honor-item-img .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.index-section-3 .index-honor-item-img .img-box img {
	-o-object-fit: contain;
	object-fit: contain
}

.index-section-3 .index-honor-item-img:hover .img-box img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03)
}

.index-section-4 {
	padding: 0.5rem 0;
	overflow: hidden
}

.index-section-4 .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0.25rem 0
}

@media screen and (max-width: 1024px) {
	.index-section-4 .wrapper {
		display: block;
		margin: 0.25rem 0 0.35rem
	}
}

.index-section-4 .left {
	width: 47.5%
}

@media screen and (max-width: 1024px) {
	.index-section-4 .left {
		width: 100%
	}
}

.index-section-4 .left .swiper-container {
	position: relative
}

.index-section-4 .left .swiper-container .nav-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.15rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	padding: 0 0.05rem;
	cursor: pointer
}

@media screen and (max-width: 1024px) {
	.index-section-4 .left .swiper-container .nav-btn {
		font-size: 0.2rem
	}
}

.index-section-4 .left .swiper-container .nav-btn:hover {
	color: #fff
}

.index-section-4 .left .swiper-container .nav-btn.prev-btn {
	left: 0
}

.index-section-4 .left .swiper-container .nav-btn.next-btn {
	right: 0
}

.index-section-4 .left .swiper-container .pagination {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
	left: auto;
	display: inline-block;
	width: auto;
	padding: 0 0.1rem 0.15rem
}

.index-section-4 .left .swiper-container .pagination .swiper-pagination-bullet {
	width: 0.06rem;
	height: 0.06rem;
	background-color: transparent;
	border: 0.01rem solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
	margin: 0 0.045rem !important
}

.index-section-4 .left .swiper-container .pagination .swiper-pagination-bullet-active {
	background-color: #fff;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index-section-4 .left .item {
	display: block;
	position: relative;
	z-index: 5
}

.index-section-4 .left .item::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30%;
	width: 100%;
	z-index: 5;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(transparent));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent)
}

.index-section-4 .left .item:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}

.index-section-4 .left .item .img-box {
	position: relative;
	padding-bottom: 38%;
	overflow: hidden
}

.index-section-4 .left .item .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.index-section-4 .left .item .info-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 0.1rem;
	padding: 0 0.15rem 0.15rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index-section-4 .right {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 0.35rem
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right {
		margin-left: 0;
		margin-top: 0.1rem
	}
}

.index-section-4 .right .item-title {
	font-size: 0.08rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.08rem
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right .item-title {
		font-size: 0.1rem
	}
}

.index-section-4 .right .top {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-section-4 .right .top .item {
	display: block;
	width: 50%
}

.index-section-4 .right .top .item:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}

.index-section-4 .right .top .item:hover .item-title {
	color: #0000ff
}

.index-section-4 .right .top .item:nth-child(1) {
	margin-right: 0.15rem
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right .top .item:nth-child(1) {
		margin-right: 0.1rem
	}
}

.index-section-4 .right .top .img-box {
	position: relative;
	padding-bottom: 75.1351351351%;
	overflow: hidden
}

.index-section-4 .right .top .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.index-section-4 .right .list {
	margin-top: 0.2rem
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right .list {
		margin-top: 0.3rem
	}
}

.index-section-4 .right .list li {
	border-top: 0.005rem dashed #b9b9b9;
	height: 3.6458333333vw;
	line-height: 3.6458333333vw
}

@media screen and (min-width: 1921px) {
	.index-section-4 .right .list li {
		height: 0.35rem;
		line-height: 0.35rem
	}
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right .list li {
		height: 0.45rem;
		line-height: 0.45rem
	}
}

.index-section-4 .right .list .item-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.index-section-4 .right .list .item-title span {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index-section-4 .right .list .item-title::before {
	content: "";
	width: 0.05rem;
	height: 0.05rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.01rem solid rgba(185, 185, 185, 0.3);
	border-radius: 50%;
	margin-right: 0.05rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.index-section-4 .right .list .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-section-4 .right .list .item:hover .item-title {
	color: #0000ff
}

.index-section-4 .right .list .date {
	font-size: 0.07rem;
	color: #999
}

@media screen and (max-width: 1024px) {
	.index-section-4 .right .list .date {
		display: none
	}
}

.about .wrapper {
	padding: 0.3rem 0 0.5rem
}

.about .content-box {
	margin-top: 0.175rem;
	font-size: 0.08rem;
	line-height: 0.18rem;
	color: #666
}

@media screen and (max-width: 1024px) {
	.about .content-box {
		font-size: 0.144rem;
		line-height: 0.288rem
	}
}

.about .content-box video,
.about .content-box img {
	max-width: 100%;
	height: auto !important
}

.about .content-box img {
	margin-bottom: 0.09rem
}

.about .content-box ul {
	list-style: disc
}

.about .content-box ul li {
	list-style: disc
}

.about .content-box ol {
	list-style: decimal
}

.about .content-box ol li {
	list-style: decimal
}

.about .content-box iframe {
	max-width: 100%
}

.about .content-box .title {
	font-weight: bold;
	font-size: 0.12rem;
	color: #000;
	margin-bottom: 0.125rem;
	margin-top: 0.125rem
}

@media screen and (max-width: 1024px) {
	.about .content-box .title {
		font-size: 0.18rem
	}

	.about .content-box .title img {
		width: 0.25rem
	}
}

.about .content-box .title img {
	margin-bottom: 0
}

.honor {
	padding-top: 0.25rem;
	padding-bottom: 0.5rem
}

@media screen and (max-width: 1024px) {
	.honor {
		padding-top: 0.5rem;
		padding-bottom: 0.7rem
	}
}

.honor .honor-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: 0.2rem;
	margin-bottom: 0.075rem
}

@media screen and (max-width: 1024px) {
	.honor .honor-list {
		margin-bottom: 0.2rem;
		margin-top: 0.5rem
	}
}

.honor .honor-list li {
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.06rem;
	margin-bottom: 0.12rem
}

@media screen and (max-width: 1024px) {
	.honor .honor-list li {
		width: 50%;
		margin-bottom: 0.15rem
	}

	.honor .honor-list li:nth-child(odd) {
		padding-right: 0.075rem
	}

	.honor .honor-list li:nth-child(even) {
		padding-left: 0.075rem
	}
}

.honor .honor-list .item {
	background-color: #f0f0f0;
	padding: 0.175rem 0.215rem 0.2rem;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

@media screen and (max-width: 1024px) {
	.honor .honor-list .item {
		padding: 0.2rem 0.15rem 0.3rem
	}
}

.honor .honor-list .item:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}

.honor .honor-list .item:hover .title {
	color: #0000ff
}

.honor .honor-list .item .title {
	font-size: 0.08rem;
	color: #000;
	text-align: center
}

@media screen and (max-width: 1024px) {
	.honor .honor-list .item .title {
		font-size: 0.13rem
	}
}

.honor .honor-list .img-box {
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding-bottom: 71.4285714286%;
	overflow: hidden;
	margin-bottom: 0.2rem
}

.honor .honor-list .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.honor .honor-list .img-box img {
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 100%;
	top: 0;
	left: 0
}

.detail-dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.8);
	display: none
}

.detail-dialog.show .detail-dialog-box {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.detail-dialog .container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.detail-dialog .detail-dialog-box {
	max-width: 6.4rem;
	width: 100%;
	height: 4.25rem;
	max-height: 95%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	background-color: #fff;
	margin: 0 0.15rem
}

@media screen and (max-width: 1024px) {
	.detail-dialog .detail-dialog-box {
		width: 90%
	}
}

.detail-dialog .detail-dialog-box .img-box {
	max-height: 80%
}

.detail-dialog .detail-dialog-box img {
	max-width: 85%;
	max-height: 2.535rem
}

@media screen and (max-width: 1024px) {
	.detail-dialog .detail-dialog-box img {
		max-height: 4rem
	}
}

.detail-dialog .detail-dialog-box .detail-dialog-con {
	position: relative;
	max-height: 95%
}

.detail-dialog .detail-dialog-box .title {
	text-align: center;
	font-size: 0.1rem;
	width: 100%;
	margin-top: 10vh
}

@media screen and (max-width: 1024px) {
	.detail-dialog .detail-dialog-box .title {
		margin-top: 0.15rem;
		font-size: 0.13rem
	}
}

.detail-dialog .detail-dialog-head {
	font-size: 0.12rem;
	color: #fff;
	text-align: center;
	margin-bottom: 0.175rem
}

@media screen and (max-width: 1024px) {
	.detail-dialog .detail-dialog-head {
		font-size: 0.18rem
	}
}

.detail-dialog .detail-dialog-head .b {
	font-weight: bold
}

.detail-dialog .close-btn {
	font-size: 0.12rem;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	color: #3c61ac;
	position: absolute;
	right: 0.15rem;
	top: 0.15rem
}

@media screen and (max-width: 1024px) {
	.detail-dialog .close-btn {
		right: 0;
		left: auto;
		top: -0.4rem;
		font-size: 0.25rem
	}
}

.range .wrapper {
	padding: 0.25rem 0 0.5rem
}

.range .desc {
	font-size: 0.08rem;
	line-height: 0.18rem;
	color: #666;
	margin-top: 0.14rem
}

@media screen and (max-width: 1024px) {
	.range .desc {
		font-size: 0.144rem;
		line-height: 0.288rem
	}
}

.range .desc video,
.range .desc img {
	max-width: 100%;
	height: auto !important
}

.range .desc img {
	margin-bottom: 0.09rem
}

.range .desc ul {
	list-style: disc
}

.range .desc ul li {
	list-style: disc
}

.range .desc ol {
	list-style: decimal
}

.range .desc ol li {
	list-style: decimal
}

.range .desc iframe {
	max-width: 100%
}

.range .range-swiper {
	overflow: hidden;
	position: relative;
	margin-top: 0.15rem
}

.range .range-swiper .swiper-slide-prev .img-box img,
.range .range-swiper .swiper-slide-next .img-box img,
.range .range-swiper .swiper-slide-duplicate-prev .img-box img,
.range .range-swiper .swiper-slide-duplicate-next .img-box img {
	opacity: 0.5
}

.range .range-swiper .img-box {
	position: relative;
	padding-bottom: 56.0416666667%;
	overflow: hidden;
	background-color: #000
}

.range .range-swiper .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.range .range-swiper .nav-btn {
	position: absolute;
	top: -moz-calc((100% - 0.225rem) / 2);
	top: calc((100% - 0.225rem) / 2);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.15rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer
}

@media screen and (max-width: 1024px) {
	.range .range-swiper .nav-btn {
		font-size: 0.2rem
	}
}

.range .range-swiper .nav-btn:hover {
	color: #fff
}

.range .range-swiper .nav-btn.prev-btn {
	left: 4%
}

.range .range-swiper .nav-btn.next-btn {
	right: 4%
}

.range .range-swiper .title {
	text-align: center;
	font-size: 0.1rem;
	color: #000;
	line-height: 0.175rem;
	padding-top: 0.05rem
}

@media screen and (max-width: 1024px) {
	.range .range-swiper .title {
		font-size: 0.13rem;
		padding-top: 0.1rem
	}
}

.tab-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0.25rem
}

@media screen and (max-width: 1024px) {
	.tab-wrapper {
		overflow-x: auto;
		-webkit-box-pack: start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		display: block;
		white-space: nowrap;
		text-align: center
	}

	.tab-wrapper::-webkit-scrollbar {
		display: none
	}
}

.tab-wrapper a {
	min-width: 0.85rem;
	height: 0.225rem;
	border-radius: 0.115rem;
	text-align: center;
	line-height: 0.225rem;
	font-size: 0.08rem;
	color: #333;
	background-color: #eee;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	padding: 0 0.1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1024px) {
	.tab-wrapper a {
		min-width: 0.95rem;
		height: 0.35rem;
		line-height: 0.35rem;
		font-size: 0.13rem;
		white-space: nowrap;
		display: inline-block;
		border-radius: 0.175rem
	}
}

.tab-wrapper a:not(:last-child) {
	margin-right: 0.05rem
}

.tab-wrapper a.on,
.tab-wrapper a:hover {
	background-color: #0000ff;
	color: #fff
}

.service {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0.25rem 0 0.5rem;
	overflow: hidden
}

.service table {
	width: 100%;
	text-align: center
}

.service table td {
	border: 0.005rem solid #d4dae3;
	height: 0.4rem;
	background-color: #fff;
	font-size: 0.07rem;
	color: #666
}

@media screen and (max-width: 1024px) {
	.service table td {
		font-size: 0.09rem;
		padding: 0.075rem 0.05rem;
		height: auto
	}
}

.service table td:nth-last-child(4) {
	font-weight: bold;
	color: #000
}

.service table tr:first-child {
	height: 0.3rem
}

.service table tr:first-child td {
	font-size: 0.09rem;
	background-color: #e3e7ed;
	font-weight: bold;
	color: #000
}

.service .desc {
	font-size: 0.08rem;
	line-height: 0.175rem;
	color: #666;
	margin-top: 0.2rem
}

@media screen and (max-width: 1024px) {
	.service .desc {
		font-size: 0.144rem;
		line-height: 0.28rem
	}
}

.service .desc video,
.service .desc img {
	max-width: 100%;
	height: auto !important
}

.service .desc img {
	margin-bottom: 0.0875rem
}

.service .desc ul {
	list-style: disc
}

.service .desc ul li {
	list-style: disc
}

.service .desc ol {
	list-style: decimal
}

.service .desc ol li {
	list-style: decimal
}

.service .desc iframe {
	max-width: 100%
}

.service .content-box {
	margin-top: 0.2rem
}

.service .content-box .title {
	font-weight: bold;
	color: #000;
	font-size: 0.08rem;
	border-bottom: 0.005rem dashed rgba(102, 102, 102, 0.25);
	padding-bottom: 0.14rem;
	margin-bottom: 0.14rem
}

@media screen and (max-width: 1024px) {
	.service .content-box .title {
		font-size: 0.14rem
	}
}

.service .content-box .content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	font-size: 0.08rem;
	color: #666;
	line-height: 0.175rem
}

@media screen and (max-width: 1024px) {
	.service .content-box .content {
		font-size: 0.14rem;
		line-height: 2
	}
}

.service .content-box .content p {
	width: 50%
}

@media screen and (max-width: 1024px) {
	.service .content-box .content p {
		width: 100%
	}
}

.service .support-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 1024px) {
	.service .support-list li {
		display: block
	}
}

.service .support-list li:not(:last-child) {
	padding-bottom: 0.25rem;
	border-bottom: 0.005rem dashed rgba(153, 153, 153, 0.5)
}

.service .support-list li:not(:first-child) {
	padding-top: 0.25rem
}

@media screen and (min-width: 1024px) {
	.service .support-list li:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-moz-box-orient: horizontal;
		-moz-box-direction: reverse;
		-ms-flex-flow: row-reverse;
		flex-flow: row-reverse
	}

	.service .support-list li:nth-child(even) .right {
		padding-left: 0;
		padding-right: 0.2rem
	}
}

.service .support-list li .right {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 0.2rem
}

@media screen and (max-width: 1024px) {
	.service .support-list li .right {
		padding-left: 0;
		padding-top: 0.15rem
	}
}

.service .support-list li .right .title {
	font-weight: bold;
	font-size: 0.16rem;
	color: #333
}

.service .support-list li .right .desc {
	font-size: 0.08rem;
	color: #666;
	line-height: 0.175rem
}

@media screen and (max-width: 1024px) {
	.service .support-list li .right .desc {
		font-size: 0.14rem;
		line-height: 2
	}
}

.service .support-list li .left {
	width: 2.6rem
}

.service .support-list li .left .img-box {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden
}

.service .support-list li .left .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 1024px) {
	.service .support-list li .left {
		width: 100%
	}
}

.report-query {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 3.9rem
}

.report-query .wrapper {
	padding: 0.25rem 0 0.5rem
}

.report-query .search-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.3rem
}

.report-query .search-box input {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	height: 0.3rem;
	border: 0.005rem solid #d4dae3;
	background-color: #fff;
	font-size: 0.09rem;
	padding: 0 0.11rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1024px) {
	.report-query .search-box input {
		height: 0.4rem;
		font-size: 0.12rem
	}
}

.report-query .search-box button {
	color: #fff;
	background-color: #0000ff;
	border: none;
	width: 1rem;
	height: 0.3rem;
	font-size: 0.1rem;
	line-height: 0.3rem;
	margin-left: 0.1rem;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.report-query .search-box button {
		height: 0.4rem;
		font-size: 0.12rem
	}
}

.report-query .search-box button:hover {
	background-color: #0000d6
}

.report-query .table-box {
	margin-top: 0.075rem
}

.report-query .text {
	font-weight: bold;
	font-size: 0.12rem;
	margin-top: 0.27rem
}

@media screen and (max-width: 1024px) {
	.report-query .text {
		font-size: 0.15rem
	}
}

.report-query .no-data {
	font-size: 0.09rem;
	color: #666;
	margin-top: 0.15rem
}

.report-query table {
	width: 100%;
	text-align: center
}

.report-query table td {
	border: 0.005rem solid #d4dae3;
	height: 0.4rem;
	background-color: #fff;
	font-size: 0.08rem;
	color: #666
}

@media screen and (max-width: 1024px) {
	.report-query table td {
		font-size: 0.09rem
	}
}

.report-query table td:first-child:last-child {
	font-weight: bold;
	color: #000
}

.report-query table tr:first-child {
	height: 0.3rem
}

.report-query table tr:first-child td {
	font-size: 0.09rem;
	background-color: #e3e7ed;
	font-weight: bold;
	color: #000
}

.flow {
	min-height: 3.9rem;
	background-repeat: no-repeat;
	background-size: cover
}

.flow .wrapper {
	padding: 0.25rem 0 0.5rem
}

.flow .desc {
	font-size: 0.08rem;
	line-height: 0.175rem
}

@media screen and (max-width: 1024px) {
	.flow .desc {
		font-size: 0.144rem;
		line-height: 0.28rem
	}
}

.flow .desc video,
.flow .desc img {
	max-width: 100%;
	height: auto !important
}

.flow .desc img {
	margin-bottom: 0.0875rem
}

.flow .desc ul {
	list-style: disc
}

.flow .desc ul li {
	list-style: disc
}

.flow .desc ol {
	list-style: decimal
}

.flow .desc ol li {
	list-style: decimal
}

.flow .desc iframe {
	max-width: 100%
}

.flow .page-common-title {
	margin-bottom: 0.25rem
}

.flow .text {
	font-size: 0.09rem;
	margin-bottom: 0.4rem
}

@media screen and (max-width: 1024px) {
	.flow .text {
		font-size: 0.13rem
	}
}

.flow .text.b {
	font-weight: bold
}

.flow .flow-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.6rem
}

.flow .flow-list li {
	width: 25%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flow .flow-list li:first-child .icon-box .line {
	width: 50%
}

.flow .flow-list li:last-child .icon-box .line {
	width: 50%;
	left: 0;
	right: auto
}

.flow .flow-list li:last-child .icon-box::after {
	display: none
}

.flow .flow-list .item {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.flow .flow-list .item .t {
	text-align: center;
	font-size: 0.09rem;
	color: #333;
	margin-top: 0.13rem
}

.flow .flow-list .icon-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.flow .flow-list .icon-box .line {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 0.005rem dashed #0000ff;
	position: absolute;
	width: 100%;
	right: 0;
	top: 50%
}

.flow .flow-list .icon-box::after {
	content: "";
	background-image: url(../images/arrow.png);
	position: absolute;
	right: 0;
	top: 50%;
	width: 0.065rem;
	height: 0.075rem;
	background-size: contain;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	transform: translateY(-40%)
}

.flow .flow-list .icon-box .icon {
	position: relative;
	z-index: 5;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	border: 0.005rem dashed #0000ff;
	background-color: #fff
}

@media screen and (max-width: 1024px) {
	.flow .flow-list .icon-box .icon {
		width: 0.4rem;
		height: 0.4rem
	}
}

.flow .flow-list .icon-box .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.qa .wrapper {
	padding: 0.25rem 0 0.5rem
}

.qa .qa-list {
	margin-top: 0.2rem;
	margin-bottom: 0.15rem
}

.qa .qa-list li:nth-child(even) .head {
	background-color: #fff
}

.qa .qa-list li:hover .head,
.qa .qa-list li.on .head {
	background-color: #0000ff
}

.qa .qa-list li:hover .head .title,
.qa .qa-list li.on .head .title {
	color: #fff
}

.qa .qa-list li:hover .head .title .iconfont,
.qa .qa-list li.on .head .title .iconfont {
	color: #fff
}

.qa .qa-list li:hover .head .symbol::before,
.qa .qa-list li.on .head .symbol::before {
	color: #fff
}

.qa .qa-list .head {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 0.4rem;
	background-color: #f3f3f3;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0.1rem;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .head {
		min-height: 0.5rem;
		height: auto
	}
}

.qa .qa-list .head.on,
.qa .qa-list .head:hover {
	background-color: #0000ff
}

.qa .qa-list .head.on .title,
.qa .qa-list .head:hover .title {
	color: #fff
}

.qa .qa-list .head.on .title .iconfont,
.qa .qa-list .head:hover .title .iconfont {
	color: #fff
}

.qa .qa-list .head.on .symbol::before,
.qa .qa-list .head:hover .symbol::before {
	color: #fff
}

.qa .qa-list .head.on {
	background-color: #0000ff
}

.qa .qa-list .head.on .symbol::before {
	content: "\eaf5"
}

.qa .qa-list .head .title {
	font-size: 0.08rem;
	color: #333;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	width: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0.1rem 0
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .head .title {
		font-size: 0.12rem
	}
}

.qa .qa-list .head .title .iconfont {
	color: #0000ff;
	font-size: 0.13rem;
	margin-right: 0.07rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .head .title .iconfont {
		font-size: 0.18rem
	}
}

.qa .qa-list .head .symbol::before {
	font-family: "iconfont";
	content: "\eaf3";
	font-size: 0.12rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .head .symbol::before {
		font-size: 0.15rem
	}
}

.qa .qa-list .content-box {
	display: none
}

.qa .qa-list .content-box .box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.07rem;
	color: #666;
	line-height: 0.175rem;
	background-color: #f3f3f3;
	padding: 0.14rem 0.1rem;
	-webkit-box-align: baseline;
	-moz-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .content-box .box {
		font-size: 0.12rem;
		line-height: 2;
		padding: 0.2rem 0.1rem
	}
}

.qa .qa-list .content-box .icon {
	width: 0.11rem;
	height: 0.11rem;
	background-color: #0000ff;
	color: #fff;
	line-height: 0.11rem;
	text-align: center;
	border-radius: 50%;
	font-size: 0.07rem;
	margin-right: 0.1rem
}

@media screen and (max-width: 1024px) {
	.qa .qa-list .content-box .icon {
		width: 0.17rem;
		height: 0.17rem;
		line-height: 0.17rem;
		font-size: 0.09rem
	}
}

.advice {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 3.9rem
}

.advice .wrapper {
	padding: 0.25rem 0 0.5rem
}

.advice .list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.2rem;
	position: relative;
	z-index: 5
}

@media screen and (max-width: 1024px) {
	.advice .list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.advice .list::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1.2rem;
	background-color: #fff;
	z-index: -1;
	top: 50%
}

@media screen and (max-width: 1024px) {
	.advice .list::after {
		display: none
	}
}

.advice .list::before {
	content: url(../images/shadow.png);
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -2
}

@media screen and (max-width: 1024px) {
	.advice .list::before {
		display: none
	}
}

.advice .list li {
	width: 33.3333333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1024px) {
	.advice .list li {
		width: 100%
	}
}

.advice .list li:not(:last-child) {
	margin-right: 0.2rem
}

@media screen and (max-width: 1024px) {
	.advice .list li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 0.2rem
	}
}

.advice .list .item:hover .img-box img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}

.advice .list .item .img-box {
	position: relative;
	padding-bottom: 66.5%;
	overflow: hidden
}

.advice .list .item .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.advice .list .item .info-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	margin-top: -0.175rem;
	position: relative;
	z-index: 5;
	text-align: center
}

.advice .list .item .info-box .icon {
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background-color: #0000ff;
	margin-bottom: 0.14rem
}

@media screen and (max-width: 1024px) {
	.advice .list .item .info-box .icon {
		width: 0.5rem;
		height: 0.5rem
	}
}

.advice .list .item .info-box .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.advice .list .item .info-box .b {
	font-size: 0.1rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.06rem
}

@media screen and (max-width: 1024px) {
	.advice .list .item .info-box .b {
		font-size: 0.13rem
	}
}

.advice .list .item .info-box .s {
	font-size: 0.08rem;
	color: #999
}

@media screen and (max-width: 1024px) {
	.advice .list .item .info-box .s {
		font-size: 0.12rem
	}
}

.news {
	padding-top: 0.3rem;
	padding-bottom: 0.5rem
}

@media screen and (max-width: 1024px) {
	.news {
		padding-top: 0.25rem
	}
}

.news .news-list {
	margin-bottom: 0.2rem
}

@media screen and (max-width: 1024px) {
	.news .news-list {
		margin-top: 0.3rem;
		margin-bottom: 0.3rem
	}
}

.news .news-list li:not(:last-child) {
	margin-bottom: 0.15rem
}

@media screen and (max-width: 1024px) {
	.news .news-list li:not(:last-child) {
		margin-bottom: 0.2rem
	}
}

.news .news-list .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #f3f3f3;
	padding: 0.15rem;
	border: 0.005rem solid #f3f3f3;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.news .news-list .item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding: 0.15rem
	}
}

.news .news-list .item:hover {
	border-color: #0000ff;
	background-color: #f5f5fd
}

.news .news-list .left {
	width: 23.4375%
}

@media screen and (max-width: 1024px) {
	.news .news-list .left {
		width: 100%
	}
}

.news .news-list .left .img-box {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden
}

.news .news-list .left .img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.news .news-list .right {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0.3rem 0 0.25rem
}

@media screen and (min-width: 1024px) {
	.news .news-list .right:first-child {
		padding: 0.1rem 0.3rem 0.1rem 0
	}
}

@media screen and (max-width: 1024px) {
	.news .news-list .right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 0.15rem 0 0.2rem
	}
}

.news .news-list .right .content-box {
	width: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media screen and (max-width: 1024px) {
	.news .news-list .right .content-box {
		width: 100%
	}
}

.news .news-list .right .title {
	font-size: 0.1rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0.07rem
}

@media screen and (max-width: 1024px) {
	.news .news-list .right .title {
		font-size: 0.17rem;
		margin-bottom: 0.1rem
	}
}

.news .news-list .right .desc {
	font-size: 0.075rem;
	color: #666;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
	.news .news-list .right .desc {
		font-size: 0.12rem
	}
}

.news .news-list .right .date {
	font-size: 0.07rem;
	color: #444;
	margin-top: 0.15rem;
	font-weight: lighter
}

@media screen and (max-width: 1024px) {
	.news .news-list .right .date {
		font-size: 0.11rem
	}
}

.detail {
	padding-top: 0.35rem;
	padding-bottom: 0.5rem
}

.detail .page-wp {
	max-width: 5.5rem;
	margin: 0 auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1140px) {
	.detail .page-wp {
		padding: 0 0.3rem
	}
}

@media screen and (max-width: 1024px) {
	.detail .page-wp {
		padding: 0 0.15rem
	}
}

.detail-content {
	max-width: 6.025rem;
	margin: 0 auto;
	width: 100%
}

.detail-title {
	font-size: 0.15rem;
	color: #333;
	text-align: center
}

@media screen and (max-width: 1024px) {
	.detail-title {
		font-size: 0.18rem;
		line-height: 1.4
	}
}

.detail-data {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 0.15rem;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 1024px) {
	.detail-data {
		-ms-flex-flow: wrap;
		flex-flow: wrap
	}
}

.detail-data .item {
	font-size: 0.07rem;
	color: #666;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 1024px) {
	.detail-data .item {
		font-size: 0.12rem;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		width: 35%;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media screen and (max-width: 1024px) {
	.detail-data .item:first-child {
		width: 100%;
		margin-bottom: 0.1rem
	}
}

.detail-data .item:nth-child(2) .iconfont {
	font-size: 0.11rem
}

@media screen and (max-width: 1024px) {
	.detail-data .item:nth-child(2) .iconfont {
		font-size: 0.18rem
	}
}

.detail-data .item .iconfont {
	color: #0000ff;
	font-size: 0.1rem;
	margin-right: 0.025rem
}

@media screen and (max-width: 1024px) {
	.detail-data .item .iconfont {
		font-size: 0.16rem
	}
}

.detail-data .item+.item {
	margin-left: 0.15rem
}

@media screen and (max-width: 1024px) {
	.detail-data .item+.item {
		margin-left: 0
	}
}

.detail-data .item+.item::before {
	content: "";
	width: 0.005rem;
	height: 0.05rem;
	background-color: #e4e3e3;
	margin-right: 0.15rem
}

@media screen and (max-width: 1024px) {
	.detail-data .item+.item::before {
		display: none
	}
}

.detail-info {
	font-size: 0.08rem;
	color: #666;
	line-height: 0.15rem;
	border-top: 0.005rem solid #e5e5e5;
	margin-top: 0.15rem;
	padding-top: 0.175rem
}

@media screen and (max-width: 1024px) {
	.detail-info {
		font-size: 0.15rem;
		line-height: 2;
		padding-top: 0.25rem
	}
}

.detail-info img {
	max-width: 100%
}

.detail-navigation {
	background-color: #f3f3f3;
	font-size: 0.07rem;
	color: #000;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	margin-top: 0.3rem
}

@media screen and (max-width: 1024px) {
	.detail-navigation {
		font-size: 0.13rem
	}
}

.detail-navigation .iconfont {
	color: #6a6a6a;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

@media screen and (max-width: 1024px) {
	.detail-navigation .iconfont {
		font-size: 0.13rem
	}
}

.detail-navigation a {
	padding: 0.11rem 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #000
}

.detail-navigation a:hover {
	color: #fff;
	background-color: #0000ff
}

.detail-navigation a:hover .iconfont {
	color: #fff
}

.detail-back-btn {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-left: 0.005rem solid #ececec;
	border-right: 0.005rem solid #ececec
}

.detail-back-btn .iconfont {
	font-size: 0.1rem;
	margin-right: 0.1rem
}

@media screen and (max-width: 1024px) {
	.detail-back-btn .iconfont {
		font-size: 0.18rem
	}
}

.detail-prev-btn,
.detail-next-btn {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.detail-prev-btn p,
.detail-next-btn p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detail-prev-btn .iconfont {
	margin-right: 0.05rem
}

.detail-next-btn .iconfont {
	margin-left: 0.05rem
}

@media screen and (max-width: 1024px) {
	.detail-next-btn {
		text-align: right
	}

	.detail-next-btn .iconfont {
		margin-left: 0.1rem
	}
}

.recru .recru-head {
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
	background-size: cover
}

@media screen and (max-width: 1024px) {
	.recru .recru-head {
		height: auto;
		padding-bottom: 0.5rem
	}
}

.recru .recru-head-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0.125rem;
	margin-top: 0.325rem
}

@media screen and (max-width: 1024px) {
	.recru .recru-head-wrapper {
		padding-left: 0;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.recru .recru-head-wrapper .item {
	background-color: #fff;
	text-align: center;
	width: 16.6666666667%;
	height: 1rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column
}

@media screen and (max-width: 1024px) {
	.recru .recru-head-wrapper .item {
		width: 48%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 0.15rem;
		height: 1.15rem
	}

	.recru .recru-head-wrapper .item:nth-child(3),
	.recru .recru-head-wrapper .item:nth-child(4),
	.recru .recru-head-wrapper .item:nth-child(5) {
		width: 31%
	}
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {

	.recru .recru-head-wrapper .item:nth-child(3) .icon img,
	.recru .recru-head-wrapper .item:nth-child(4) .icon img,
	.recru .recru-head-wrapper .item:nth-child(5) .icon img {
		width: 0.3rem
	}
}

.recru .recru-head-wrapper .item .icon {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 1024px) {
	.recru .recru-head-wrapper .item .icon img {
		width: 0.4rem
	}
}

.recru .recru-head-wrapper .item:not(:last-child) {
	margin-right: 3.4722222222%
}

@media screen and (max-width: 1024px) {
	.recru .recru-head-wrapper .item:not(:last-child) {
		margin-right: 0
	}
}

.recru .recru-head-wrapper .item:hover .icon {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.recru .recru-head-wrapper .title {
	font-size: 0.105rem;
	color: #333;
	font-weight: bold;
	margin-top: 0.1rem
}

@media screen and (max-width: 1024px) {
	.recru .recru-head-wrapper .title {
		font-size: 0.16rem;
		margin-top: 0.1rem
	}
}

.recru .contact-box {
	margin-top: 0.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 1024px) {
	.recru .contact-box {
		margin-top: 0.3rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.recru .contact-box .item {
	padding-left: 0.125rem;
	font-size: 0.11rem;
	font-weight: bold
}

@media screen and (max-width: 1024px) {
	.recru .contact-box .item {
		padding-left: 0;
		font-size: 0.19rem;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.recru .contact-box .item .info {
	color: #b35956
}

@media screen and (max-width: 1024px) {
	.recru .contact-box .item .info {
		margin-top: 0.1rem
	}
}

.recru-wrapper {
	padding-top: 0.25rem;
	padding-bottom: 0.5rem
}

.recru-list {
	margin-bottom: 0.15rem;
	margin-top: 0.2rem
}

.recru-list li:not(:last-child) {
	margin-bottom: 0.1rem
}

.recru-list-head {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 0.15rem 0.13rem 0.15rem 0.165rem;
	background-color: #f3f3f3;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

@media screen and (max-width: 1024px) {
	.recru-list-head {
		padding: 0.16rem 0.1rem
	}
}

@media (any-hover: hover) {
	.recru-list-head:hover {
		background-color: #0000ff
	}

	.recru-list-head:hover .recru-list-box {
		color: #fff
	}

	.recru-list-head:hover .recru-list-arrow {
		color: #fff
	}
}

.recru-list-head-active {
	background-color: #0000ff
}

.recru-list-head-active .recru-list-box {
	color: #fff
}

.recru-list-head-active .recru-list-arrow::before {
	content: "\eaf5" !important;
	color: #fff
}

.recru-list-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	font-size: 0.08rem;
	color: #666
}

@media screen and (max-width: 1024px) {
	.recru-list-box {
		font-size: 0.13rem
	}
}

.recru-list-box span {
	display: inline-block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.recru-list-box span:nth-child(1) {
	font-weight: bold;
	font-size: 0.09rem
}

@media screen and (max-width: 1024px) {
	.recru-list-box span:nth-child(1) {
		font-size: 0.15rem
	}
}

.recru-list-box span:nth-child(2) {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	text-align: center
}

@media screen and (max-width: 1024px) {
	.recru-list-box span:nth-child(2) {
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-right: 0.15rem
	}
}

@media screen and (max-width: 1024px) {
	.recru-list-box span:nth-child(3) {
		display: none
	}
}

.recru .recru-list-arrow {
	color: #333;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.12rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.recru .recru-list-arrow::before {
	font-family: "iconfont";
	content: "\eaf3";
	font-size: 0.12rem;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.recru-list-title {
	font-size: 0.09rem;
	color: #000;
	line-height: 1;
	padding-left: 0.075rem
}

@media screen and (max-width: 1024px) {
	.recru-list-title {
		font-size: 0.16rem;
		padding-left: 0.1rem
	}
}

.recru-list-content {
	padding: 0.3rem 0.3rem 0.45rem;
	display: none;
	background-color: #f3f3f3
}

@media screen and (max-width: 1024px) {
	.recru-list-content {
		padding: 0.15rem 0.15rem 0.3rem
	}
}

.recru-list-content .recru-list-head-mb {
	display: none
}

@media screen and (max-width: 1024px) {
	.recru-list-content .recru-list-head-mb {
		display: block;
		font-size: 0.15rem;
		line-height: 2;
		padding-bottom: 0.2rem;
		margin-bottom: 0.2rem;
		border-bottom: 0.005rem dashed rgba(0, 0, 0, 0.3)
	}
}

.recru-list-content .content-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 1024px) {
	.recru-list-content .content-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.recru-list-content .content-box .content-item {
	font-size: 0.1rem;
	font-weight: bold;
	color: #333;
	line-height: 0.175rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media screen and (max-width: 1024px) {
	.recru-list-content .content-box .content-item {
		font-size: 0.16rem;
		line-height: 2;
		padding-bottom: 0.3rem
	}
}

@media screen and (min-width: 1024px) {
	.recru-list-content .content-box .content-item:not(:last-child) {
		padding-right: 0.4rem
	}

	.recru-list-content .content-box .content-item:last-child {
		padding-left: 0.4rem
	}
}

.recru-list-content .content-box .content-item:not(:last-of-type) {
	border-right: 0.005rem dashed rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 1024px) {
	.recru-list-content .content-box .content-item:not(:last-of-type) {
		border-bottom: 0.005rem dashed rgba(0, 0, 0, 0.2);
		border-right: none;
		margin-bottom: 0.3rem
	}
}

.recru-list-content .content-box .content-item .content {
	font-size: 0.075rem;
	color: #666;
	margin-top: 0.05rem;
	font-weight: normal;
	line-height: 0.18rem
}

@media screen and (max-width: 1024px) {
	.recru-list-content .content-box .content-item .content {
		font-size: 0.14rem;
		line-height: 1.8
	}
}

.recru-list-content .contact {
	font-size: 0.08rem;
	line-height: 0.175rem;
	color: #000;
	font-weight: bold;
	margin-top: 0.1rem
}

.recru-list-content .recru-btn {
	margin-top: 0.25rem
}

.recru-list-content .recru-btn a {
	display: inline-block;
	font-size: 0.07rem;
	color: #fff;
	line-height: 1;
	background-color: #343541;
	padding: 0.09rem 0.055rem;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 0.015rem
}

.recru-list-content .recru-btn a:hover {
	background-color: #0000ff
}

@media screen and (max-width: 1024px) {
	.recru-list-content .recru-btn a {
		padding: 0.12rem 0.2rem;
		font-size: 0.14rem
	}
}

.contact {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0.25rem 0 0.5rem;
	font-size: 0.08rem;
	line-height: 0.2rem;
	color: #333
}

.contact .top {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width: 1024px) {
	.contact .top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.contact .top .left {
	font-size: 0.08rem;
	line-height: 0.2rem;
	color: #333
}

@media screen and (max-width: 1024px) {
	.contact .top .left {
		font-size: 0.13rem;
		line-height: 2;
		margin-bottom: 0.15rem
	}
}

.contact .top .left .b {
	font-weight: bold;
	font-size: 0.16rem;
	margin-bottom: 0.125rem
}

@media screen and (max-width: 1024px) {
	.contact .top .left .b {
		font-size: 0.19rem;
		margin-bottom: 0.1rem
	}
}

.contact .top .right {
	text-align: center;
	font-size: 0.08rem;
	color: #666
}

@media screen and (max-width: 1024px) {
	.contact .top .right {
		font-size: 0.13rem
	}
}

.contact .top .right .img-box {
	margin-bottom: 0.06rem
}

.contact .top .right .img-box img {
	width: 0.98rem;
	height: 0.98rem;
	-o-object-fit: contain;
	object-fit: contain
}

.contact .map {
	margin-top: 0.3rem;
	-webkit-box-shadow: inset 0 0 0 0.05rem #fff;
	box-shadow: inset 0 0 0 0.05rem #fff;
	padding: 0.05rem;
	border: 0.005rem solid #eee
}

.contact .map img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media screen and (max-width: 1024px) {
	.contact .map img {
		height: 3.5rem
	}
}

.form {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 3.6rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25rem 0 0.5rem
}

.form form {
	margin-top: 0.2rem
}

.form .textarea-wrapper,
.form .input-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {

	.form .textarea-wrapper,
	.form .input-wrapper {
		display: block
	}
}

.form .textarea-wrapper .input-box,
.form .input-wrapper .input-box {
	background-color: #fff;
	border: 0.005rem solid #e5e5e5;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 0.08rem;
	padding: 0 0.1rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 1024px) {

	.form .textarea-wrapper .input-box,
	.form .input-wrapper .input-box {
		font-size: 0.14rem
	}
}

.form .textarea-wrapper .input-box:not(:last-child),
.form .input-wrapper .input-box:not(:last-child) {
	margin-right: 0.085rem
}

@media screen and (max-width: 1024px) {

	.form .textarea-wrapper .input-box:not(:last-child),
	.form .input-wrapper .input-box:not(:last-child) {
		margin-right: 0;
		margin-bottom: 0.13rem
	}
}

.form .textarea-wrapper .input-box em,
.form .input-wrapper .input-box em {
	color: #ff0101;
	margin-right: 0.015rem
}

.form .textarea-wrapper .input-box input,
.form .input-wrapper .input-box input {
	height: 0.29rem;
	border: none;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: transparent;
	padding: 0 0.05rem
}

@media screen and (max-width: 1024px) {

	.form .textarea-wrapper .input-box input,
	.form .input-wrapper .input-box input {
		height: 0.5rem
	}
}

.form .textarea-wrapper .input-box textarea,
.form .input-wrapper .input-box textarea {
	display: block;
	resize: none;
	border: none;
	background-color: transparent;
	width: 100%;
	padding-top: 0.05rem
}

.form .btn-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 1024px) {
	.form .btn-box {
		display: block
	}
}

.form .btn-box .captcha,
.form .btn-box button {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.form .btn-box .captcha .geetest_holder.geetest_wind {
	height: 0.3rem
}

@media screen and (max-width: 1024px) {
	.form .btn-box .captcha .geetest_holder.geetest_wind {
		height: 0.5rem
	}
}

.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar {
	margin: 0.07rem
}

@media screen and (max-width: 1024px) {
	.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar {
		margin: 0.09rem
	}
}

.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip {
	height: 0.3rem;
	line-height: 0.3rem;
	padding: 0 0.23rem 0 0.275rem
}

@media screen and (max-width: 1024px) {
	.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip {
		height: 0.5rem;
		line-height: 0.5rem;
		padding: 0 0.23rem 0 0.5rem
	}
}

.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_wait {
	margin: 0.125rem 0.06rem
}

@media screen and (max-width: 1024px) {
	.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_wait {
		margin: 0 0.12rem;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip,
.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_radar_tip {
	height: 0.3rem;
	line-height: 0.3rem
}

@media screen and (max-width: 1024px) {

	.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_radar_tip,
	.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_radar_tip {
		height: 0.5rem;
		line-height: 0.5rem
	}
}

.form .btn-box .captcha .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0.06rem
}

.form .btn-box button {
	color: #fff;
	height: 0.3rem;
	border: none;
	background-color: #0000ff;
	margin-left: 0.085rem;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 1024px) {
	.form .btn-box button {
		height: 0.5rem;
		margin-left: 0;
		width: 100%;
		font-size: 0.15rem;
		margin-top: 0.15rem
	}
}

.form .btn-box button:hover {
	background-color: #0000d6
}

.form .textarea-wrapper .input-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0.1rem
}