@charset "utf-8";

:root {
	--color: #003686;
	--color2: #68b72f;
	--vh: 100vh;
	--hm2width: 8.95rem
}

@font-face {
	font-family: 'fonzi';
	src: url('../font/Manrope-Regular.woff') format('truetype');
	font-weight: normal;
	font-style: normal
}

* {
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: calc(100vw/19.2);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scrollbar-width: thin
}

html ::-webkit-scrollbar {
	width: 5px;
	height: 1px
}

html ::-webkit-scrollbar-thumb {
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--color)
}

html ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background: #ededed
}

@media (min-width: 1901px) {
	html {
		font-size: 100px
	}
}

@media (max-width: 1580px) {
	html {
		font-size: 66px
	}
}

@media (max-width: 567px) {
	html {
		font-size: calc(100vw/7.5)
	}
}

body {
	min-height: 100%;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background: #fff
}

@media (max-width: 1580px) {
	body {
		font-size: 14px
	}
}

@media (max-width: 767px) {
	body {
		font-size: .28rem
	}
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top
}

li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	font-weight: normal
}

a,
a:hover,
a:focus {
	text-decoration: none
}

input,
button {
	-webkit-appearance: none;
	border-radius: 0
}

button {
	cursor: pointer
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

textarea {
	resize: none;
	overflow: auto
}

input,
button,
textarea,
select {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	font-weight: normal;
	color: inherit;
	background: transparent
}

select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select::-ms-expand {
	display: none
}

table {
	border-collapse: collapse
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	zoom: 1
}

.clear:after {
	content: '';
	display: block;
	clear: both
}

.container {
	margin: 0 auto;
	width: 74%;
	max-width: inherit
}

@media (max-width: 1199px) {
	.container {
		width: 90%
	}
}

.container2 {
	margin: 0 auto;
	width: 74%
}

@media (max-width: 1199px) {
	.container2 {
		width: 90%
	}
}

.container3 {
	margin: 0 auto;
	width: 68%
}


@media (max-width: 1199px) {
	.container3 {
		width: 90%
	}
}

.breadbox .fcont {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: .24rem 0
}

@media (max-width: 991px) {
	.breadbox .fcont {
		padding: 12px 0
	}
}

.breadbox .fcont a,
.breadbox .fcont span {
	transition: all .4s;
	line-height: 26px;
	color: #999999;
	zoom: 1
}

@media (max-width: 1580px) {

	.breadbox .fcont a,
	.breadbox .fcont span {
		line-height: 24px
	}
}

.breadbox .fcont a:after,
.breadbox .fcont span:after {
	content: '';
	display: block;
	clear: both
}

.breadbox .fcont a img,
.breadbox .fcont span img {
	float: left;
	width: 18px
}

@media (max-width: 1580px) {

	.breadbox .fcont a img,
	.breadbox .fcont span img {
		width: 16px
	}
}

.breadbox .fcont span {
	margin: 0 8px;
	display: block;
	position: relative
}

@media (max-width: 1580px) {
	.breadbox .fcont span {
		margin: 0 8px
	}
}

@media (max-width: 991px) {
	.breadbox .fcont span {
		margin: 0 6px
	}
}

.breadbox .fcont span svg {
	display: block;
	width: 7px;
	height: 10px
}

.breadbox .fcont span svg path {
	fill: #999999
}

.breadbox .fcont a {
	flex: 0 0 auto
}

.breadbox .fcont a:hover {
	color: var(--color)
}

.breadbox .fcont .on {
	flex: 1 1 auto
}

.breadbox .fcont a:last-child {
	flex: 1 1 auto;
	color: #999
}

@media (max-width:375px) {
	.breadbox .fcont a:last-child {
		max-width: 30%
	}
}

.breadbox .fcont .wofe {
	display: flex
}

.breadbox .fcont .wofe .li {
	display: flex;
	align-items: flex-start;
	padding: 0 6px;
	border: 1px solid #4070f4;
	line-height: 24px;
	font-size: 14px;
	color: var(--color)
}

.breadbox .fcont .wofe .li a {
	line-height: 1
}

.bg-color1 {
	background-color: #fff
}

.ptb100 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

@media (max-width: 767px) {
	.ptb100 {
		padding-top: 1.2rem;
		padding-bottom: 1.2em
	}
}

.pt100 {
	padding-top: 1rem
}

@media (max-width: 767px) {
	.pt100 {
		padding-top: 1.2rem
	}
}

.pb100 {
	padding-bottom: 1rem
}

@media (max-width: 767px) {
	.pb100 {
		padding-bottom: 1.2rem
	}
}

.font14 {
	font-size: 14px
}

@media (max-width: 1580px) {
	.font14 {
		font-size: 12px
	}
}

@media (max-width: 767px) {
	.font14 {
		font-size: .26rem
	}
}

.font16 {
	font-size: 16px
}

@media (max-width: 1580px) {
	.font16 {
		font-size: 14px
	}
}

@media (max-width: 767px) {
	.font16 {
		font-size: .28rem
	}
}

.font18 {
	font-size: 18px
}

@media (max-width: 1580px) {
	.font18 {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.font18 {
		font-size: .3rem
	}
}

.font20 {
	font-size: .2rem
}

@media (max-width: 1580px) {
	.font20 {
		font-size: 18px
	}
}

@media (max-width:1280px) {
	.font20 {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.font20 {
		font-size: .3rem
	}
}

.font22 {
	font-size: .22rem
}

@media (max-width: 1580px) {
	.font22 {
		font-size: 20px
	}
}

@media (max-width:1280px) {
	.font22 {
		font-size: 18px
	}
}

@media (max-width: 767px) {
	.font22 {
		font-size: .3rem
	}
}

.font24 {
	font-size: .24rem
}

@media (max-width: 1580px) {
	.font24 {
		font-size: 20px
	}
}

@media (max-width: 991px) {
	.font24 {
		font-size: 18px
	}
}

@media (max-width: 767px) {
	.font24 {
		font-size: .34rem
	}
}

.font26 {
	font-size: .26rem
}

@media (max-width: 1580px) {
	.font26 {
		font-size: 22px
	}
}

@media (max-width: 991px) {
	.font26 {
		font-size: 20px
	}
}

@media (max-width: 767px) {
	.font26 {
		font-size: .34rem
	}
}

.font28 {
	font-size: .28rem
}

@media (max-width: 1580px) {
	.font28 {
		font-size: 24px
	}
}

@media (max-width: 991px) {
	.font28 {
		font-size: 22px
	}
}

@media (max-width: 767px) {
	.font28 {
		font-size: .34rem
	}
}

.font30 {
	font-size: .3rem
}

@media (max-width: 1199px) {
	.font30 {
		font-size: .36rem
	}
}

@media (max-width: 767px) {
	.font30 {
		font-size: .4rem
	}
}

.font32 {
	font-size: .32rem
}

@media (max-width: 1199px) {
	.font32 {
		font-size: .36rem
	}
}

@media (max-width: 767px) {
	.font32 {
		font-size: .4rem
	}
}

.font34 {
	font-size: .34rem
}

@media (max-width: 1199px) {
	.font34 {
		font-size: .38rem
	}
}

@media (max-width: 767px) {
	.font34 {
		font-size: .4rem
	}
}

.font36 {
	font-size: .36rem
}

@media (max-width: 1199px) {
	.font36 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font36 {
		font-size: .42rem
	}
}

.font40 {
	font-size: .4rem
}

@media (max-width: 1199px) {
	.font40 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font40 {
		font-size: .42rem
	}
}

.font44 {
	font-size: .44rem
}

@media (max-width: 1199px) {
	.font44 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font44 {
		font-size: .42rem
	}
}

.font48 {
	font-size: .48rem
}

@media (max-width: 1199px) {
	.font48 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font48 {
		font-size: .42rem
	}
}

.font50 {
	font-size: .5rem
}

@media (max-width: 1580px) {
	.font50 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font50 {
		font-size: .42rem
	}
}

.font54 {
	font-size: .54rem
}

@media (max-width: 1580px) {
	.font54 {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.font54 {
		font-size: .42rem
	}
}

.font60 {
	font-size: .6rem
}

@media (max-width: 1199px) {
	.font60 {
		font-size: .54rem
	}
}

@media (max-width: 767px) {
	.font60 {
		font-size: .44rem
	}
}

.basemenubut {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 100%;
	width: 22px
}

@media (max-width:370px) {
	.basemenubut {
		width: 20px
	}
}

.basemenubut span {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 5px;
	border-radius: 3px;
	background-color: #666;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

@media (max-width:370px) {
	.basemenubut span {
		margin-bottom: 4px
	}
}

.basemenubut span:last-child {
	margin-bottom: 0
}

.basemenubut span:nth-child(2) {
	width: 80%
}

.basemenubut2 span:nth-child(1) {
	transform: rotate(45deg);
	margin: 0;
	margin-top: 2px
}

.basemenubut2 span:nth-child(2) {
	display: none
}

.basemenubut2 span:nth-child(3) {
	transform: rotate(-45deg);
	margin: 0;
	margin-top: -2px
}

.base_img {
	position: relative;
	overflow: hidden
}

.base_img img {
	transition: all .6s;
	-webkit-transition: all .6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}

.base_img:before {
	content: "";
	display: block
}

.public-scrollbar {
	scrollbar-width: thin
}

.public-scrollbar ::-webkit-scrollbar {
	width: 5px;
	height: 1px
}

.public-scrollbar ::-webkit-scrollbar-thumb {
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--color)
}

.public-scrollbar ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background: #ededed
}

.public-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 .2rem;
	min-width: 1rem
}

.public-img {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.public-img::before {
	content: "";
	display: block;
	position: relative;
	z-index: 0;
	padding-top: 100%
}

.public-img>img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s
}

.public-content {
	color: #666;
	line-height: 1.8
}

.public-content a {
	color: #666
}

.public-content table {
	max-width: 100%
}

.public-content table td,
.public-content table th {
	padding: 10px 15px;
	border: 1px solid #dbf1ed
}

.public-content li {
	margin-left: 15px;
	list-style: disc
}

.public-content ol {
	margin-left: 15px;
	list-style: decimal
}

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

.public-content p,
.public-content span {
	word-break: break-all
}

#hi-upgrade {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: center
}

#hi-upgrade .hi-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -177px 0 0 -450px;
	width: 900px
}

#hi-upgrade .hi-wrap .hi-title {
	font-size: 30px;
	line-height: 40px;
	color: #333
}

#hi-upgrade .hi-wrap .hi-close {
	margin: 10px 0;
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	color: var(--color)
}

#hi-upgrade .hi-wrap .hi-close:hover {
	text-decoration: underline
}

#hi-upgrade .hi-wrap .hi-text1 {
	color: #666
}

#hi-upgrade .hi-wrap .hi-text1 span {
	color: var(--color)
}

#hi-upgrade .hi-wrap .hi-text2 {
	position: relative;
	margin: 60px 0;
	color: #333
}

#hi-upgrade .hi-wrap .hi-text2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	border-top: 1px solid #ddd
}

#hi-upgrade .hi-wrap .hi-text2 span {
	position: relative;
	z-index: 5;
	padding: 0 30px;
	background: #fff
}

#hi-upgrade .hi-wrap .hi-list {
	overflow: hidden
}

#hi-upgrade .hi-wrap .hi-list li {
	display: inline-block;
	width: 16%
}

#hi-upgrade .hi-wrap .hi-list li div {
	margin: 0 auto 5px;
	width: 50px;
	height: 50px
}

#hi-upgrade .hi-wrap .hi-list li a {
	color: #666
}

#hi-upgrade .hi-wrap .hi-list li a:hover {
	color: var(--color)
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
	background: url(../images/hi-llq-1.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
	background: url(../images/hi-llq-2.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
	background: url(../images/hi-llq-3.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
	background: url(../images/hi-llq-4.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
	background: url(../images/hi-llq-5.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
	background: url(../images/hi-llq-6.jpg) no-repeat center / 100%
}

.basepage {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center
}

.basepage a,
.basepage span,
.basepage .f_fan,
.basepage input {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	border-radius: 0;
	justify-content: center;
	color: #1b1b1b;
	background: #edf0f4;
	flex-shrink: 0;
	transition: all .4s;
	float: left;
	font-size: 16px;
	font-size: 14px;
	margin: 0 10px 10px
}

@media (max-width: 1580px) {

	.basepage a,
	.basepage span,
	.basepage .f_fan,
	.basepage input {
		font-size: 12px
	}
}

@media (max-width: 767px) {

	.basepage a,
	.basepage span,
	.basepage .f_fan,
	.basepage input {
		font-size: .26rem
	}
}

@media (max-width: 1580px) {

	.basepage a,
	.basepage span,
	.basepage .f_fan,
	.basepage input {
		width: 45px;
		height: 45px;
		margin: 0 6px 10px
	}
}

@media (max-width: 991px) {

	.basepage a,
	.basepage span,
	.basepage .f_fan,
	.basepage input {
		width: 45px;
		margin: 0 5px 10px;
		height: 45px
	}
}

@media (max-width: 991px) {

	.basepage a,
	.basepage span,
	.basepage .f_fan,
	.basepage input {
		width: 34px;
		height: 34px;
		font-size: 14px
	}
}

.basepage input {
	text-align: center
}

.basepage span {
	border: none;
	width: auto;
	background-color: transparent
}

.basepage .f_zi {
	margin-right: 0
}

.basepage .f_zi2 {
	margin-left: 0
}

.basepage .active {
	background-color: var(--color);
	color: #fff
}

.basepage .active:hover {
	color: #fff;
	background-color: var(--color)
}

.basepage .f_fan {
	width: 72px;
	color: var(--color);
	padding: 0 10px;
	text-align: center
}

@media (max-width: 1580px) {
	.basepage .f_fan {
		width: 68px
	}
}

@media (max-width: 767px) {
	.basepage .f_fan {
		width: 64px
	}
}

.basepage .f_fan::-webkit-input-placeholder {
	color: #999999
}

.basepage .f_fan::-ms-input-placeholder {
	color: #999999
}

.basepage .prev,
.basepage .next {
	position: relative;
	color: #222
}

.basepage .prev svg,
.basepage .next svg {
	width: 7px;
	height: 11px
}

@media (max-width: 1580px) {

	.basepage .prev svg,
	.basepage .next svg {
		width: 5px;
		height: 8px
	}
}

.basepage .prev svg path,
.basepage .next svg path {
	transition: all .4s;
	fill: #999999
}

.basepage .prev:hover,
.basepage .next:hover {
	background-color: var(--color);
	color: #fff
}

.basepage .prev:hover svg path,
.basepage .next:hover svg path {
	fill: #fff
}

.basepage .fan {
	width: auto;
	padding: 0 15px
}

.basepage a:hover {
	color: #fff;
	background: var(--color)
}

#c-go-top {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--color);
	cursor: pointer
}

@media (max-width: 767px) {
	#c-go-top {
		display: none !important
	}
}

#c-go-top img,
#c-go-top svg {
	width: 50%;
	height: 50%;
	transform: rotate(-90deg)
}

#c-go-top img path,
#c-go-top svg path {
	fill: #ffffff
}

.errorbox {
	padding: 1.74rem 0 1.94rem;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	text-align: center;
	justify-content: center
}

.errorbox .img {
	height: 2.54rem;
	max-width: 100%;
	margin-bottom: .56rem;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width: 767px) {
	.errorbox .img {
		height: 2rem
	}
}

.errorbox .img img {
	width: auto;
	max-width: initial;
	height: 100%
}

.errorbox .f_text {
	color: #999999;
	margin-bottom: .48rem;
	font-size: .24rem
}

@media (max-width: 1580px) {
	.errorbox .f_text {
		font-size: 20px
	}
}

@media (max-width: 991px) {
	.errorbox .f_text {
		font-size: 18px
	}
}

@media (max-width: 767px) {
	.errorbox .f_text {
		font-size: .34rem
	}
}

.errorbox .f_text a {
	color: #0067da;
	display: inline-block;
	margin-left: .1rem
}

.errorbox .f_text a:hover {
	text-decoration: underline
}

.errorbox .f_but {
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .1rem .2rem .1rem .12rem;
	border: 1px solid #dcdcdc;
	border-radius: .36rem;
	color: #999999;
	transition: all .4s
}

.errorbox .f_but i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 10px
}

@media (max-width: 1580px) {
	.errorbox .f_but i {
		width: 14px;
		height: 14px;
		margin-right: 8px
	}
}

@media (max-width: 767px) {
	.errorbox .f_but i {
		width: 12px;
		height: 12px
	}
}

.errorbox .f_but i img {
	width: 100%;
	max-height: 100%
}

.errorbox .f_but i img:nth-child(2) {
	display: none
}

.errorbox .f_but:hover {
	color: #ffffff;
	background-color: var(--color)
}

.errorbox .f_but:hover i img {
	display: none
}

.errorbox .f_but:hover i img:nth-child(2) {
	display: block
}

@media (min-width: 768px) {
	.errorbox .f_but {
		width: 1.48rem
	}
}

.make-text {
	line-height: 1.625;
	color: #1a1a1a;
	font-size: 16px;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important
}

@media (max-width: 1580px) {
	.make-text {
		font-size: 14px;
		line-height: 1.5
	}
}

@media (max-width: 1199px) {
	.make-text {
		line-height: 1.3
	}
}

.make-text img {
	max-width: 100%
}

.make-text table {
	width: 100%
}

.make-text table td {
	border: 1px solid #ddd
}

.make-text ul,
.make-text li,
.make-text ol {
	list-style: inherit
}

.make-text ul {
	padding-left: 20px
}

.make-text video {
	width: auto;
	max-width: 100%;
	height: auto !important
}

.make-text a {
	color: #666666
}

.make-text a:hover {
	text-decoration: underline
}

.make-text h1,
.make-text h2,
.make-text h3,
.make-text h4,
.make-text h5,
.make-text h6 {
	font-weight: revert;
	line-height: 1.22;
	font-size: .24rem;
	color: #000000
}

@media (max-width: 1580px) {

	.make-text h1,
	.make-text h2,
	.make-text h3,
	.make-text h4,
	.make-text h5,
	.make-text h6 {
		font-size: 20px
	}
}

@media (max-width: 991px) {

	.make-text h1,
	.make-text h2,
	.make-text h3,
	.make-text h4,
	.make-text h5,
	.make-text h6 {
		font-size: 18px
	}
}

@media (max-width: 767px) {

	.make-text h1,
	.make-text h2,
	.make-text h3,
	.make-text h4,
	.make-text h5,
	.make-text h6 {
		font-size: .34rem
	}
}

@media (max-width: 767px) {

	.make-text h1,
	.make-text h2,
	.make-text h3,
	.make-text h4,
	.make-text h5,
	.make-text h6 {
		font-size: 16px !important;
		line-height: 1.3
	}
}

.make-text p,
.make-text span {
	font-size: 16px;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
	color: #666666
}

@media (max-width: 767px) {

	.make-text p,
	.make-text span {
		line-height: 24px;
		font-size: 16px !important
	}
}

.webstiembox {
	background: #fcfcfd;
	padding-bottom: 1.4rem
}

.webstiembox .breadbox {
	margin-bottom: 1rem
}

.webstiembox .container .fztit1 {
	color: #000000;
	margin-bottom: .38rem
}

.webstiembox .container .cont .jut {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #dddddd;
	padding-bottom: .16rem;
	line-height: 28px;
	margin-bottom: .52rem
}

@media (max-width: 1580px) {
	.webstiembox .container .cont .jut {
		line-height: 24px
	}
}

@media (max-width: 767px) {
	.webstiembox .container .cont .jut {
		line-height: 1.5
	}
}

.webstiembox .container .cont .jut:last-child {
	margin-bottom: 0
}

.webstiembox .container .cont .jut .tit {
	display: inline-block;
	color: #231815;
	margin-bottom: .24rem;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #231815 0%);
	background-size: 0 100%;
	line-height: 1.5;
	transition: all .4s;
	background-repeat: no-repeat
}

.webstiembox .container .cont .jut .tit:hover {
	background-size: 100% 100%
}

.webstiembox .container .cont .jut .nei {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.webstiembox .container .cont .jut .nei .li {
	display: inline-block;
	margin-bottom: .1rem;
	color: #666666;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	transition: all .4s;
	background-repeat: no-repeat;
	margin-right: .52rem
}

@media (max-width: 991px) {
	.webstiembox .container .cont .jut .nei .li {
		width: auto;
		margin-right: .4rem
	}
}

@media (max-width: 767px) {
	.webstiembox .container .cont .jut .nei .li {
		width: auto;
		margin-right: .4rem;
		font-size: .24rem
	}
}

.webstiembox .container .cont .jut .nei .li:hover {
	color: var(--color);
	background-size: 100% 100%
}

.policybox {
	background: #fcfcfd
}

.policybox-sec1 {
	padding: 1rem 0 1.4rem
}

.policybox-sec1 .f_title {
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin-bottom: .9rem
}

@media (max-width: 767px) {
	.policybox-sec1 .f_title {
		margin-bottom: .6rem
	}
}

.policybox-sec1 .f_cont {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

.policybox-sec1 .f_cont .lt {
	width: 20.72%;
	position: sticky;
	position: -webkit-sticky;
	top: 1.2rem
}

@media (max-width: 1580px) {
	.policybox-sec1 .f_cont .lt {
		top: 1.5rem
	}
}

@media (max-width: 767px) {
	.policybox-sec1 .f_cont .lt {
		display: none
	}
}

.policybox-sec1 .f_cont .lt .f_nav {
	display: block
}

.policybox-sec1 .f_cont .lt .f_nav li {
	display: flex;
	margin-bottom: 1.2em
}

.policybox-sec1 .f_cont .lt .f_nav li .f_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 1.4rem;
	min-height: .5rem;
	background: #edf0f4;
	transition: all .4s linear;
	color: #003686;
	-webkit-transition: all .4s linear;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 80% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%)
}

.policybox-sec1 .f_cont .lt .f_nav li:hover:not(.on) .f_tit {
	opacity: .7
}

.policybox-sec1 .f_cont .lt .f_nav li.on .f_tit {
	background-color: #003686;
	color: #ffffff
}

.policybox-sec1 .f_cont .gt {
	width: 79.28%
}

@media (max-width: 767px) {
	.policybox-sec1 .f_cont .gt {
		width: 100%
	}
}

.policybox-sec1 .f_cont .gt .f_jut {
	width: 100%;
	margin-bottom: .42rem;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .25rem;
	border-bottom: 1px dashed #999999
}

.policybox-sec1 .f_cont .gt .f_jut .li {
	color: #000000;
	margin-right: .2rem;
	margin-bottom: .1rem
}

.policybox-sec1 .f_cont .gt .f_jut .li:last-child {
	margin-right: 0
}

@media (max-width: 767px) {
	.policybox-sec1 .f_cont .gt .f_jut .li {
		font-size: .26rem
	}
}

#c-code-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 910;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4)
}

#c-code-pop .c-img-box {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 20px;
	width: 200px;
	border-radius: 5px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#c-code-pop .c-img-box .c-close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	bottom: -60px;
	left: 50%;
	margin-left: -20px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	transition: all .4s
}

#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {
	margin: 4px;
	width: 18px;
	height: 18px
}

#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path {
	fill: #333;
	transition: all .4s
}

#c-code-pop .c-img-box .c-close:hover {
	background-color: var(--color)
}

#c-code-pop .c-img-box .c-close:hover svg path {
	fill: #fff
}

#c-code-pop .c-img-box>img {
	width: 100%
}

#c-code-pop .c-img-box .c-text {
	padding-top: 10px;
	line-height: 1;
	text-align: center;
	color: #333
}

.hadheight {
	display: none;
	height: 100px
}

@media (max-width: 1580px) {
	.hadheight {
		height: 80px
	}
}

@media (max-width: 767px) {
	.hadheight {
		height: 60px
	}
}

.hadbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 666;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

.hadbox-sec1 {
	-webkit-transition: height .4s linear, background .4s linear;
	transition: all .4s linear;
	color: #fff;
	line-height: 100px;
	height: 100px
}

@media (max-width: 1580px) {
	.hadbox-sec1 {
		height: 80px;
		line-height: 80px
	}
}

@media (max-width: 767px) {
	.hadbox-sec1 {
		line-height: 60px;
		height: 60px
	}
}

.hadbox-sec1>.container {
	display: flex;
	justify-content: space-between;
	width: 93.75%
}

.hadbox-sec1 .lt {
	display: flex;
	align-items: center
}

.hadbox-sec1 .lt .fz_logo {
	line-height: 1.5;
	position: relative;
	margin-right: 1.48rem
}

@media (max-width: 1580px) {
	.hadbox-sec1 .lt .fz_logo {
		margin-right: .6rem
	}
}

.hadbox-sec1 .lt .fz_logo .f_tu {
	display: block;
	overflow: hidden;
	height: 100%;
	height: 60px;
	margin-bottom: 4px
}

@media (max-width: 1580px) {
	.hadbox-sec1 .lt .fz_logo .f_tu {
		height: 50px
	}
}

@media (max-width: 1199px) {
	.hadbox-sec1 .lt .fz_logo .f_tu {
		margin-right: 0
	}
}

@media (max-width: 767px) {
	.hadbox-sec1 .lt .fz_logo .f_tu {
		height: .3rem;
		margin-bottom: 0
	}
}

@media (max-width: 567px) {
	.hadbox-sec1 .lt .fz_logo .f_tu {
		height: .32rem
	}
}

.hadbox-sec1 .lt .fz_logo .f_tu img {
	float: left;
	height: 100%
}

.hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: none
}

.hadbox-sec1 .lt .fz_logo .f_tit {
	font-size: 12px;
	color: #fff
}

@media (max-width: 767px) {
	.hadbox-sec1 .lt .fz_logo .f_tit {
		font-size: .2rem;
		display: none
	}
}

.hadbox-sec1 .f_navbox {
	display: flex;
	align-items: center;
	width: 55vw;
	justify-content: space-around;
}

@media (max-width: 1199px) {
	.hadbox-sec1 .f_navbox {
		display: none
	}
}

.hadbox-sec1 .f_navbox>li {
	position: relative
}

.hadbox-sec1 .f_navbox li {
	padding: 0 .18rem
}

@media (max-width: 1580px) {
	.hadbox-sec1 .f_navbox li {
		padding: 0 14px
	}
}

@media (max-width: 1199px) {
	.hadbox-sec1 .f_navbox li {
		padding: 0 12px
	}
}

.hadbox-sec1 .f_navbox li .tit {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 16px;
	position: relative
}

@media (max-width: 1580px) {
	.hadbox-sec1 .f_navbox li .tit {
		font-size: 14px
	}
}

.hadbox-sec1 .f_navbox li .tit i {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin-left: 10px
}

.hadbox-sec1 .f_navbox li .tit i img,
.hadbox-sec1 .f_navbox li .tit i svg {
	width: 100%;
	height: auto;
	max-height: 100%;
	float: left
}

.hadbox-sec1 .f_navbox li .tit i img:nth-child(2),
.hadbox-sec1 .f_navbox li .tit i svg:nth-child(2) {
	display: none
}

.hadbox-sec1 .f_navbox li .tit i svg {
	max-width: 100%;
	max-height: 100%
}

.hadbox-sec1 .f_navbox li .tit i svg path {
	fill: #ffffff
}

.hadbox-sec1 .f_navbox li .tit span {
	position: relative
}

.hadbox-sec1 .f_navbox li .tit span:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: .7em;
	width: 0;
	background-color: var(--color);
	height: 2px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	border-radius: 2px
}

@media (max-width: 1580px) {
	.hadbox-sec1 .f_navbox li .tit span:after {
		height: 2px
	}
}

.hadbox-sec1 .f_navbox li>ul {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	background-color: rgba(255, 255, 255, 0.9);
	line-height: 45px;
	text-align: center;
	padding: .12rem 0 .16rem;
	margin-top: -1px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
	display: none
}

.hadbox-sec1 .f_navbox li>ul>li a {
	font-size: 14px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	color: #666
}

.hadbox-sec1 .f_navbox li>ul>li a:hover {
	color: var(--color)
}

.hadbox-sec1 .f_navbox li:hover .tit span,
.hadbox-sec1 .f_navbox li.active .tit span {
	color: var(--color)
}

.hadbox-sec1 .f_navbox li:hover .tit span:after,
.hadbox-sec1 .f_navbox li.active .tit span:after {
	width: 100%
}

.hadbox-sec1 .f_navbox li:hover .tit i svg path,
.hadbox-sec1 .f_navbox li.active .tit i svg path {
	fill: var(--color)
}

.hadbox-sec1 .f_navbox li.on .tit:after {
	width: 100%
}

.hadbox-sec1 .f_navbox li.head_select {
	position: inherit;
	overflow: hidden;
}	

.hadbox-sec1 .f_navbox li.head_select:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all .4s linear;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
	z-index: -1;
	visibility: hidden
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	line-height: 1.5;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: -1px;
	padding: 0 3.125%;
	display: none
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont {
	display: flex;
	justify-content: flex-end
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt {
	width: 27.77%;
	position: relative;
	display: flex;
	align-items: flex-start
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 120%;
	height: 100%;
	background: #ffffff
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav {
	position: relative;
	padding-left: 2.6rem;
	padding-bottom: .8rem;
	width: 100%
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li {
	display: flex;
	align-items: center;
	padding: .22rem .2rem .22rem 0;
	position: relative;
	color: #666666;
	cursor: pointer;
	transition: all .4s
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_icon {
	width: .64rem;
	height: .5rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_icon img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_icon img:nth-child(2) {
	display: none
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_tit {
	width: calc(100% - .64rem);
	padding-left: .24rem
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_icon,
.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li .f_tit {
	position: relative
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	transition: all .4s;
	width: 30vw;
	opacity: 0;
	height: 100%;
	background: #edf0f4
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li.on {
	color: var(--color)
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li.on:before {
	opacity: 1
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li.on .f_icon img {
	display: none
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_lt .f_nav .li.on .f_icon img:nth-child(2) {
	display: block
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt {
	width: 72.23%;
	background-color: #edf0f4;
	position: relative;
	padding: .38rem 0 .4rem .5rem
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	width: 100vw;
	background-color: #edf0f4
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont {
	position: relative
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin-right: -0.3rem;
	padding-right: .3rem;
	overflow-y: auto;
	height: 5.56rem;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list.on {
	position: relative;
	opacity: 1;
	visibility: inherit
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title {
	color: #333333;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7px;
	height: 11px;
	transition: all .4s;
	margin-left: 8px
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title i img,
.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title i img path,
.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title i svg path {
	fill: #999999
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_title:hover i {
	transform: translateX(.1rem)
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut {
	display: flex;
	flex-wrap: wrap;
	margin: -0.1rem -5px 0
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item {
	width: 20%;
	margin-top: .4rem;
	padding: 0 5px
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list {
	display: block;
	padding-bottom: .16rem;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list .img {
	background: #ffffff;
	padding-top: 66.94214876%;
	border: solid 1px #e8e8e8;
	margin-bottom: .19rem
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list .img img:nth-child(2) {
	opacity: 0
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list .f_tit {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	transition: all .4s;
	background: var(--color)
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list:hover .img img {
	opacity: 0
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list:hover .img img:nth-child(2) {
	display: block;
	opacity: 1
}

.hadbox-sec1 .f_navbox li.head_select .fz_hover .cont .hov_gt .pro_cont .f_pro_list .f_jut .item .list:hover:before {
	width: 100%
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont {
	border-top: none;
	margin-top: 0
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt {
	width: 71.5625%;
	padding: .38rem .16rem .18rem .5rem
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: #000000;
	opacity: .1
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list {
	position: relative;
	height: 6rem;
	margin-right: -0.3rem;
	padding-right: .3rem;
	overflow-y: auto;
	overflow-x: hidden
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title {
	color: #333333;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7px;
	height: 11px;
	transition: all .4s;
	margin-left: 8px
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title i img,
.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title i img path,
.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title i svg path {
	fill: #999999
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_title:hover i {
	transform: translateX(.1rem)
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut {
	margin: -0.1rem -0.4rem 0;
	display: flex;
	flex-wrap: wrap
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item {
	width: 33.333%;
	margin-top: .4rem;
	padding: 0 .4rem;
	border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item:nth-child(3n) {
	border-right: none
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list {
	height: 100%;
	padding-bottom: .32rem
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .img {
	padding-top: 55.24861878%;
	margin-bottom: .2rem
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .f_tit {
	padding-bottom: .2rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .25rem;
	color: #333333
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .f_link {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .f_link .f_li {
	color: #999999;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: all .4s;
	display: block;
	margin-bottom: .14rem
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .f_link .f_li:last-child {
	margin-bottom: 0
}

.hadbox-sec1 .f_navbox li.head_select .kernel_cont .cont .hov_gt .f_kernel_list .f_jut .item .list .f_link .f_li:hover {
	color: var(--color);
	background-size: 100% 100%
}

.hadbox-sec1 .f_navbox li.head_select:hover:before {
	opacity: 1;
	visibility: inherit;
	transition: all .4s .3s linear
}

.hadbox-sec1 .gt {
	display: flex
}

.hadbox-sec1 .gt .f_lang {
	height: 100%;
	position: relative;
	padding: 0 0 .06rem .3rem
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang {
		padding-left: .2rem;
		padding-bottom: 0
	}
}

.hadbox-sec1 .gt .f_lang .la_tit {
	display: flex;
	color: #ffffff;
	user-select: none;
	-webkit-user-select: none;
	height: 100%;
	align-items: center
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .la_tit {
		font-size: .22rem
	}
}

.hadbox-sec1 .gt .f_lang .la_tit i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px
}

@media (max-width: 1580px) {
	.hadbox-sec1 .gt .f_lang .la_tit i {
		width: 18px;
		height: 18px
	}
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .la_tit i {
		width: 16px;
		height: 16px
	}
}

.hadbox-sec1 .gt .f_lang .la_tit i svg {
	width: 100%;
	height: 100%
}

.hadbox-sec1 .gt .f_lang .la_tit i svg path {
	fill: #ffffff;
	transition: all .4s linear
}

.hadbox-sec1 .gt .f_lang .la_tit .f_icon {
	display: block;
	width: 9px;
	height: 10px;
	margin-left: 6px
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .la_tit .f_icon {
		width: 7px;
		height: 6px;
		margin-left: 4px
	}
}

.hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
	transition: all .4s linear;
	fill: #ffffff
}

.hadbox-sec1 .gt .f_lang .hover1 {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 120px;
	background-color: #ffffff;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	line-height: 1.5;
	padding-bottom: .2rem;
	padding-top: .16rem;
	margin-left: .15rem;
	display: none
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .hover1 {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		width: 2.4rem
	}
}

.hadbox-sec1 .gt .f_lang .hover1 a {
	display: flex;
	align-items: center;
	color: #555555;
	color: #000000;
	justify-content: center;
	font-size: 14px;
	padding: 6px .32rem;
	justify-content: space-between;
	text-align: center
}

@media (max-width: 1580px) {
	.hadbox-sec1 .gt .f_lang .hover1 a {
		font-size: 12px
	}
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .hover1 a {
		font-size: .26rem
	}
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .hover1 a {
		padding: 6px .2rem;
		justify-content: center
	}
}

.hadbox-sec1 .gt .f_lang .hover1 a i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8px;
	height: 13px;
	opacity: 0;
	transition: all .4s
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_lang .hover1 a i {
		display: none
	}
}

.hadbox-sec1 .gt .f_lang .hover1 a i img,
.hadbox-sec1 .gt .f_lang .hover1 a i svg {
	width: 100%;
	max-height: 100%
}

.hadbox-sec1 .gt .f_lang .hover1 a i img path,
.hadbox-sec1 .gt .f_lang .hover1 a i svg path {
	fill: var(--color)
}

.hadbox-sec1 .gt .f_lang .hover1 a:hover {
	color: var(--color)
}

.hadbox-sec1 .gt .f_lang .hover1 a:hover i {
	opacity: 1
}

.hadbox-sec1 .gt .f_lang:hover .hover1 {
	display: block
}

.hadbox-sec1 .gt .f_search {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	padding: 0 .3rem
}

@media (max-width: 767px) {
	.hadbox-sec1 .gt .f_search {
		padding: 0 .2rem;
		margin-top: .1rem
	}
}

.hadbox-sec1 .gt .f_search svg,
.hadbox-sec1 .gt .f_search img {
	width: 100%;
	height: 100%;
	width: 18px;
	height: 18px
}

@media (max-width: 1580px) {

	.hadbox-sec1 .gt .f_search svg,
	.hadbox-sec1 .gt .f_search img {
		width: 18px;
		height: 18px
	}
}

@media (max-width: 767px) {

	.hadbox-sec1 .gt .f_search svg,
	.hadbox-sec1 .gt .f_search img {
		width: .3rem;
		height: .3rem
	}
}

.hadbox-sec1 .gt .f_search svg path,
.hadbox-sec1 .gt .f_search img path {
	transition: all .4s linear;
	fill: #ffffff
}

.hadbox-sec1 .gt .qie {
	margin-left: .4rem
}

@media (min-width: 1200px) {
	.hadbox-sec1 .gt .qie {
		display: none
	}
}

.hadbox-sec1 .gt .qie span {
	background-color: #fff
}

.hadbox-sec2 {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	width: 100%;
	height: 100vh;
	height: calc(100vh - 70px);
	background-color: #fff;
	display: none
}

.hadbox-sec2 .container {
	position: relative
}

@media (max-width: 1199px) {
	.hadbox-sec2 .container {
		height: 100%;
		padding: 0
	}
}

.hadbox-sec2 .container .f_portrait {
	width: 90px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: var(--color);
	border-radius: 4px;
	font-size: 14px
}

.hadbox-sec2 .container .form {
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	margin-bottom: .34rem;
	margin-top: .34rem
}

.hadbox-sec2 .container .form .f_sub,
.hadbox-sec2 .container .form .tx {
	height: 1rem
}

.hadbox-sec2 .container .form .int {
	display: flex;
	align-items: center;
	width: calc(100% - 2.5rem);
	padding: 0 .45rem
}

@media (max-width: 767px) {
	.hadbox-sec2 .container .form .int {
		width: calc(100% - 1.5rem)
	}
}

.hadbox-sec2 .container .form .int i {
	width: .38rem;
	display: block;
	overflow: hidden
}

.hadbox-sec2 .container .form .int i img {
	float: left;
	width: 100%
}

.hadbox-sec2 .container .form .int .tx {
	width: calc(100% - .38rem);
	padding: .2rem .44rem
}

@media (max-width: 767px) {
	.hadbox-sec2 .container .form .int .tx {
		font-size: .28rem;
		padding: .2rem .3rem
	}
}

.hadbox-sec2 .container .form .f_sub {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	color: #fff;
	background-color: var(--color)
}

@media (max-width: 767px) {
	.hadbox-sec2 .container .form .f_sub {
		width: 1.5rem;
		font-size: .28rem
	}
}

.hadbox-sec2 .container .navbox {
	padding: .4rem 0;
	line-height: 60px;
	height: 100%
}

.hadbox-sec2 .container .navbox>ul {
	height: calc(100% - 90px);
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto
}

.hadbox-sec2 .container .navbox>ul li {
	list-style: none
}

.hadbox-sec2 .container .navbox>ul>li {
	border-bottom: 1px solid #ddd
}

.hadbox-sec2 .container .navbox>ul>li .tit {
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333
}

.hadbox-sec2 .container .navbox>ul>li .tit i {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

@media (max-width: 767px) {
	.hadbox-sec2 .container .navbox>ul>li .tit i {
		width: 16px;
		height: 16px
	}
}

.hadbox-sec2 .container .navbox>ul>li .tit i img,
.hadbox-sec2 .container .navbox>ul>li .tit i svg {
	float: left;
	width: 100%;
	height: 100%
}

.hadbox-sec2 .container .navbox>ul>li .tit i img path,
.hadbox-sec2 .container .navbox>ul>li .tit i svg path {
	fill: #333;
	stroke: none
}

.hadbox-sec2 .container .navbox>ul>li ul {
	line-height: 35px;
	padding-bottom: 15px;
	padding-left: 20px;
	display: none
}

.hadbox-sec2 .container .navbox>ul>li ul>li a {
	font-size: 16px;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: relative
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg {
	float: left;
	width: 30px;
	display: none
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img path,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg path {
	fill: #666
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:after,
.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -13px;
	background-color: #999
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
	transform: rotate(90deg)
}

.hadbox-sec2 .container .navbox>ul>li ul>li.active>a i:before {
	opacity: 0
}

.hadbox-sec2 .container .navbox>ul>li ul ul a {
	font-size: 14px
}

.hadbox-sec2 .container .navbox>ul>li.active .tit i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.hadbox-sec2 .container .navbox>ul>li.on .tit {
	color: var(--color)
}

.hadbox-sec3 {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: #ffffff;
	color: #222222;
	display: none;
	border-top: 1px solid #f3f3f3
}

.hadbox-sec3 .container {
	padding: .28rem 0;
	position: relative
}

@media (max-width: 767px) {
	.hadbox-sec3 .container {
		padding: .6rem 0
	}
}

.hadbox-sec3 .f_close {
	position: absolute;
	right: 0;
	top: .2rem;
	width: 30px;
	height: 30px;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	align-items: center;
	transition: all .4s
}

@media (max-width: 767px) {
	.hadbox-sec3 .f_close {
		right: 0;
		top: .2rem;
		width: .4rem;
		height: .4rem;
		top: .1rem
	}
}

.hadbox-sec3 .f_close img {
	width: 100%;
	max-height: 100%
}

.hadbox-sec3 .f_close img:nth-child(2) {
	display: none
}

.hadbox-sec3 .f_close svg {
	width: 100%;
	height: auto;
	max-height: 100%
}

.hadbox-sec3 .f_close svg path {
	fill: #808080
}

.hadbox-sec3 .f_close:hover {
	transform: rotate(90deg)
}

.hadbox-sec3 .f_close:hover svg path {
	fill: var(--color)
}

.hadbox-sec3 .f_cont {
	max-width: 9.6rem;
	margin: 0 auto
}

@media (max-width: 767px) {
	.hadbox-sec3 .f_cont {
		max-width: 100%
	}
}

.hadbox-sec3 .f_cont .f_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
	border: solid 1px #dddddd;
	margin-bottom: .2rem
}

.hadbox-sec3 .f_cont .f_form input {
	width: calc(100% - .52rem);
	padding: .14rem .3rem
}

@media (max-width: 767px) {
	.hadbox-sec3 .f_cont .f_form input {
		width: calc(100% - .7rem)
	}
}

.hadbox-sec3 .f_cont .f_form input::-webkit-input-placeholder {
	color: #cccccc
}

.hadbox-sec3 .f_cont .f_form input::-moz-placeholder {
	color: #cccccc
}

.hadbox-sec3 .f_cont .f_form input:-ms-input-placeholder {
	color: #cccccc
}

.hadbox-sec3 .f_cont .f_form .f_sub {
	overflow: hidden;
	width: .52rem;
	display: flex;
	transition: all .4s;
	align-items: center;
	justify-content: center;
	background-color: var(--color);
	padding: .18rem 0
}

@media (max-width: 767px) {
	.hadbox-sec3 .f_cont .f_form .f_sub {
		width: .7rem
	}
}

.hadbox-sec3 .f_cont .f_form .f_sub img,
.hadbox-sec3 .f_cont .f_form .f_sub svg {
	float: left;
	width: 17px;
	height: 17px
}

@media (max-width: 1580px) {

	.hadbox-sec3 .f_cont .f_form .f_sub img,
	.hadbox-sec3 .f_cont .f_form .f_sub svg {
		width: 15px;
		height: 15px
	}
}

.hadbox-sec3 .f_cont .f_form .f_sub svg path {
	fill: #ffffff
}

.hadbox-sec3 .f_cont .f_form .f_sub:hover {
	opacity: .8
}

.hadbox-sec3 .f_cont .f_jut {
	margin-bottom: .17rem
}

.hadbox-sec3 .f_cont .f_jut:last-child {
	margin-bottom: 0
}

.hadbox-sec3 .f_cont .f_jut .name {
	color: #999999;
	display: block;
	margin-bottom: 5px
}

.hadbox-sec3 .f_cont .f_jut .f_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.hadbox-sec3 .f_cont .f_jut .f_list .li {
	margin-bottom: 10px;
	color: #666666;
	display: block;
	transition: all .4s;
	-webkit-transition: all .4s;
	margin-right: .34rem
}

.hadbox-sec3 .f_cont .f_jut .f_list .li:hover {
	color: var(--color)
}

.hadbox:hover .hadbox-sec1 {
	background-color: #ffffff;
	border-color: #dddddd;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.04)
}

.hadbox:hover .hadbox-sec1 .lt .fz_logo .f_tu img {
	display: none
}

.hadbox:hover .hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: block
}

.hadbox:hover .hadbox-sec1 .lt .fz_logo .f_tit {
	color: #999
}

.hadbox:hover .hadbox-sec1 .f_navbox li .tit {
	color: #333333
}

.hadbox:hover .hadbox-sec1 .login-container {
	color: #333333
}

.login-container:hover {
	color: var(--color)!important;
	cursor: pointer;
}

/* 已登录状态样式 */
.login-container.logged-in {
	cursor: default !important;
	pointer-events: none;
}

.login-container.logged-in:hover {
	color: #23408e !important;
	transform: none !important;
	background: none !important;
}

.login-container.logged-in span {
	/* color: #23408e; */
	/* font-weight: bold; */
}


.hadbox:hover .hadbox-sec1 .f_navbox li .tit svg path {
	fill: #333333
}

.hadbox:hover .hadbox-sec1 .f_navbox li.on>.tit {
	color: var(--color)
}

.hadbox:hover .hadbox-sec1 .f_navbox li:hover>.tit i svg path {
	fill: var(--color)
}

.hadbox:hover .hadbox-sec1 .f_navbox li.ac2 .tit {
	color: #999999
}

.hadbox:hover .hadbox-sec1 .f_navbox li.ac1 .tit {
	color: #333333
}

.hadbox:hover .hadbox-sec1 .gt .f_lang {
	border-color: #f5f5f5
}

.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit {
	color: #333333
}

.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit i svg path,
.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
	fill: #333333
}

.hadbox:hover .hadbox-sec1 .gt .f_search {
	border-color: #f5f5f5
}

.hadbox:hover .hadbox-sec1 .gt .f_search input {
	color: #333
}

.hadbox:hover .hadbox-sec1 .gt .f_search input::placeholder {
	color: #999999
}

.hadbox:hover .hadbox-sec1 .gt .f_search input::-webkit-input-placeholder {
	color: #999999
}

.hadbox:hover .hadbox-sec1 .gt .f_search svg path {
	fill: #333333
}

.hadbox:hover .hadbox-sec1 .gt .f_tel {
	color: #000000;
	border-color: #f5f5f5
}

.hadbox:hover .hadbox-sec1 .gt .f_tel img path,
.hadbox:hover .hadbox-sec1 .gt .f_tel svg path {
	fill: var(--color)
}

.hadbox:hover .hadbox-sec1 .gt .f_but {
	background-color: var(--color)
}

.hadbox:hover .hadbox-sec1 .gt .qie span {
	background-color: #333333
}

.public-topsearch {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none
}

.public-topsearch::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6)
}

.public-topsearch .box1 {
	position: relative;
	background-color: #Fff;
	padding-top: .1rem
}

@media (min-width: 768px) {
	.public-topsearch .box1 .container {
		width: 93.75%
	}
}

.public-topsearch .box1 .container .box2 {
	position: relative
}

.public-topsearch .box1 .container .box2 input {
	width: 100%;
	line-height: .9rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #999999;
	padding: 0 1rem 0 0
}

.public-topsearch .box1 .container .box2 input::placeholder {
	color: #999
}

.public-topsearch .box1 .container .box2 button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.public-topsearch .box1 .container .box2 button svg {
	width: 20px;
	height: 20px
}

.public-topsearch .box1 .container .box2 button svg path {
	transition: all .5s;
	fill: #666;
	opacity: 1;
	stroke: none
}

.public-topsearch .box1 .container .box2 button:hover svg path {
	fill: var(--color)
}

.public-topsearch .box1 .container .box3 {
	padding: .3rem 0;
	flex-wrap: wrap;
	display: flex;
	align-items: center
}

.public-topsearch .box1 .container .box3 .cn2 {
	padding: .1rem 0;
	color: #333333;
	line-height: 1.625em
}

.public-topsearch .box1 .container .box3 span {
	display: block;
	width: 1px;
	height: 15px;
	margin: 0 10px;
	background: #000000;
	opacity: .2
}

@media (max-width: 1580px) {
	.public-topsearch .box1 .container .box3 span {
		height: 12px;
		margin: 0 6px
	}
}

.public-topsearch .box1 .container .box3 .cn3 {
	padding: .1rem 0;
	color: #999999;
	line-height: 1.625em;
	position: relative;
	transition: all .5s
}

.public-topsearch .box1 .container .box3 .cn3::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: .1rem;
	width: 0;
	height: 1px;
	background-color: var(--color);
	transition: all .5s
}

.public-topsearch .box1 .container .box3 .cn3:hover {
	color: var(--color)
}

.public-topsearch .box1 .container .box3 .cn3:hover::before {
	width: 100%
}

.public-topsearch .hi-close {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #fff;
	border-radius: 50%;
	transition: .3s;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.public-topsearch .hi-close:after,
.public-topsearch .hi-close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	width: 20px;
	height: 2px;
	margin: -1px 0 0 -10px;
	background: #333;
	transition: .3s
}

.public-topsearch .hi-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.public-topsearch .hi-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.public-topsearch .hi-close:hover {
	background: var(--color)
}

.public-topsearch .hi-close:hover:after,
.public-topsearch .hi-close:hover:before {
	background: #fff
}

.hadbox2 .hadbox-sec1 {
	background-color: #ffffff;
	border-color: #dddddd;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.04)
}

.hadbox2 .hadbox-sec1 .lt .fz_logo .f_tu img {
	display: none
}

.hadbox2 .hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: block
}

.hadbox2 .hadbox-sec1 .lt .fz_logo .f_tit {
	color: #999
}

.hadbox2 .hadbox-sec1 .f_navbox li .tit {
	color: #333333
}

.hadbox2 .hadbox-sec1 .f_navbox li .tit svg path {
	fill: #333333
}

.hadbox2 .hadbox-sec1 .f_navbox li.on>.tit {
	color: var(--color)
}

.hadbox2 .hadbox-sec1 .f_navbox li:hover>.tit i svg path {
	fill: var(--color)
}

.hadbox2 .hadbox-sec1 .f_navbox li.ac2 .tit {
	color: #999999
}

.hadbox2 .hadbox-sec1 .f_navbox li.ac1 .tit {
	color: #333333
}

.hadbox2 .hadbox-sec1 .gt .f_lang {
	border-color: #f5f5f5
}

.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit {
	color: #333333
}

.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit i svg path,
.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
	fill: #333333
}

.hadbox2 .hadbox-sec1 .gt .f_search {
	border-color: #f5f5f5
}

.hadbox2 .hadbox-sec1 .gt .f_search input {
	color: #333
}

.hadbox2 .hadbox-sec1 .gt .f_search input::placeholder {
	color: #999999
}

.hadbox2 .hadbox-sec1 .gt .f_search input::-webkit-input-placeholder {
	color: #999999
}

.hadbox2 .hadbox-sec1 .gt .f_search svg path {
	fill: #333333
}

.hadbox2 .hadbox-sec1 .gt .f_tel {
	color: #000000;
	border-color: #f5f5f5
}

.hadbox2 .hadbox-sec1 .gt .f_tel img path,
.hadbox2 .hadbox-sec1 .gt .f_tel svg path {
	fill: var(--color)
}

.hadbox2 .hadbox-sec1 .gt .f_but {
	background-color: var(--color)
}

.hadbox2 .hadbox-sec1 .gt .qie span {
	background-color: #333333
}

.hadbox3 {
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}

.footerbox {
	background: #edf0f4
}

.footerbox-sec1 {
	padding: .5rem 0 .3rem
}

@media (max-width: 767px) {
	.footerbox-sec1 {
		padding: 1.2rem 0 .8rem
	}
}

.footerbox-sec1 .f_jut {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: .4rem;
	border-bottom: 1px solid #dbdee4;
	margin-bottom: .46rem
}

.footerbox-sec1 .f_jut .f_logo {
	display: flex;
	overflow: hidden;
	height: 60px;
    margin-left: -11px;
    margin-bottom: -10px;
}

@media (max-width: 767px) {
	.footerbox-sec1 .f_jut .f_logo {
		height: .3rem
	}
}

@media (max-width: 567px) {
	.footerbox-sec1 .f_jut .f_logo {
		height: .4rem
	}
}

.footerbox-sec1 .f_jut .f_logo img {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}

.footerbox-sec1 .f_jut .f_fen {
	display: flex;
	flex-wrap: wrap
}

.footerbox-sec1 .f_jut .f_fen .li {
	margin-right: .15rem;
	position: relative
}

.footerbox-sec1 .f_jut .f_fen .li:last-child {
	margin-right: 0
}

.footerbox-sec1 .f_jut .f_fen .li .f_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .36rem;
	height: .36rem;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #7b7f8b
}

@media (max-width: 767px) {
	.footerbox-sec1 .f_jut .f_fen .li .f_tit {
		width: .5rem;
		height: .5rem
	}
}

.footerbox-sec1 .f_jut .f_fen .li .f_tit img,
.footerbox-sec1 .f_jut .f_fen .li .f_tit svg {
	width: auto;
	max-width: 100%;
	height: 41.66666667%;
	object-fit: contain
}

.footerbox-sec1 .f_jut .f_fen .li .f_tit img path,
.footerbox-sec1 .f_jut .f_fen .li .f_tit svg path {
	fill: #5c606e;
	transition: all .4s;
	-webkit-transition: all .4s
}

.footerbox-sec1 .f_jut .f_fen .li .f_hover {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 12px;
	z-index: 2;
	width: 120px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: none
}

.footerbox-sec1 .f_jut .f_fen .li .f_hover img {
	width: 100%
}

.footerbox-sec1 .f_jut .f_fen .li .f_hover:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 8px solid #ffffff;
	margin-left: -10px
}

.footerbox-sec1 .f_jut .f_fen .li:hover .f_tit {
	background: var(--color);
	border-color: var(--color)
}

.footerbox-sec1 .f_jut .f_fen .li:hover .f_tit svg path {
	fill: #ffffff
}

.footerbox-sec1 .f_jut .f_fen .li:hover .f_hover {
	display: block
}

.footerbox-sec1 .cont {
	margin-bottom: .76rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.footerbox-sec1 .cont .f_navbox {
	display: flex;
	width: 69.428%
}

@media (max-width: 991px) {
	.footerbox-sec1 .cont .f_navbox {
		width: 100%
	}
}

@media (max-width: 767px) {
	.footerbox-sec1 .cont .f_navbox {
		flex-wrap: wrap;
		width: 100%
	}
}

.footerbox-sec1 .cont .f_navbox>li {
	width: 14.28%;
	padding-right: .1rem
}

.footerbox-sec1 .cont .f_navbox>li .tit {
	display: flex;
	color: #0f1e34;
	font-weight: bold;
	align-items: center
}

.footerbox-sec1 .cont .f_navbox>li .tit i {
	width: .3rem;
	height: .3rem;
	margin-right: -0.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
	-webkit-transition: all .4s
}

@media (min-width: 768px) {
	.footerbox-sec1 .cont .f_navbox>li .tit i {
		display: none
	}
}

.footerbox-sec1 .cont .f_navbox>li .tit i img,
.footerbox-sec1 .cont .f_navbox>li .tit i svg {
	width: 100%;
	max-height: 100%
}

.footerbox-sec1 .cont .f_navbox>li .tit i img path,
.footerbox-sec1 .cont .f_navbox>li .tit i svg path {
	fill: #0f1e34
}

.footerbox-sec1 .cont .f_navbox>li ul {
	padding-top: .22rem
}

.footerbox-sec1 .cont .f_navbox>li ul li {
	width: 100%;
	margin-bottom: .12rem
}

.footerbox-sec1 .cont .f_navbox>li ul li:last-child {
	margin-bottom: 0
}

.footerbox-sec1 .cont .f_navbox>li ul li a {
	color: #5c606e;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: all .4s;
	font-size: 14px
}

@media (max-width: 1580px) {
	.footerbox-sec1 .cont .f_navbox>li ul li a {
		font-size: 12px
	}
}

@media (max-width: 767px) {
	.footerbox-sec1 .cont .f_navbox>li ul li a {
		font-size: .26rem
	}
}

.footerbox-sec1 .cont .f_navbox>li ul li a:hover {
	color: var(--color);
	background-size: 100% 100%
}

.footerbox-sec1 .cont .f_navbox>li.on .tit i {
	transform: rotate(90deg)
}

@media (max-width: 767px) {
	.footerbox-sec1 .cont .f_navbox>li {
		width: 100%;
		margin-bottom: .4rem
	}

	.footerbox-sec1 .cont .f_navbox>li:last-child {
		margin-bottom: 0
	}

	.footerbox-sec1 .cont .f_navbox>li .tit {
		justify-content: space-between
	}

	.footerbox-sec1 .cont .f_navbox>li ul {
		padding-top: .2rem;
		display: none
	}

	.footerbox-sec1 .cont .f_navbox>li ul li {
		margin-bottom: .24rem
	}
}

.footerbox-sec1 .cont .gt {
	width: 18.85714%
}

@media (max-width: 991px) {
	.footerbox-sec1 .cont .gt {
		width: 50%;
		margin-top: .5rem
	}
}

@media (max-width: 767px) {
	.footerbox-sec1 .cont .gt {
		width: 100%;
		display: block
	}
}

.footerbox-sec1 .cont .gt .tit {
	font-weight: bold;
	margin-bottom: .22rem
}

.footerbox-sec1 .cont .gt .f_text {
	color: #5c606e
}

.footerbox-sec1 .cont .gt .f_text p,
.footerbox-sec1 .cont .gt .f_text a {
	display: block;
	color: #5c606e;
	margin-bottom: .12rem
}

.footerbox-sec1 .cont .gt .f_text p:last-child,
.footerbox-sec1 .cont .gt .f_text a:last-child {
	margin-bottom: 0
}

.footerbox-sec1 .f_link {
	display: flex
}

@media (max-width: 767px) {
	.footerbox-sec1 .f_link {
		flex-wrap: wrap
	}
}

.footerbox-sec1 .f_link .f_name {
	font-weight: bold;
	color: #0f1e34;
	flex: 0 0 auto;
	margin-bottom: .1rem
}

@media (max-width: 767px) {
	.footerbox-sec1 .f_link .f_name {
		width: 100%
	}
}

.footerbox-sec1 .f_link .list {
	flex: 1 1 auto;
	display: flex;
	flex-wrap: wrap
}

.footerbox-sec1 .f_link .list .li {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: all .4s;
	display: block;
	margin-right: 14px;
	margin-bottom: .1rem;
	color: #5c606e
}

@media (max-width: 1580px) {
	.footerbox-sec1 .f_link .list .li {
		margin-right: 10px
	}
}

.footerbox-sec1 .f_link .list .li:hover {
	color: var(--color);
	background-size: 100% 100%
}

.footerbox-sec2 .container {
	display: flex;
	justify-content: space-between;
	padding: .34rem 0 .38rem;
	border-top: 1px solid #dbdee4;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.footerbox-sec2 .container {
		justify-content: center;
		text-align: center;
		padding: .34rem 0 .5rem
	}
}

.footerbox-sec2 .container .lt {
	display: flex;
	flex-wrap: wrap
}

.footerbox-sec2 .container .lt p,
.footerbox-sec2 .container .lt a {
	display: block;
	color: #5c606e;
	transition: all .4s;
	-webkit-transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

.footerbox-sec2 .container .lt p {
	margin-right: .6rem
}

.footerbox-sec2 .container .lt a {
	margin-right: .4rem
}

.footerbox-sec2 .container .lt a:last-child {
	margin-right: 0
}

.footerbox-sec2 .container .lt a:hover {
	color: var(--color);
	background-size: 100% 100%
}

@media (max-width: 767px) {
	.footerbox-sec2 .container .lt {
		width: 100%;
		margin-bottom: .1rem;
		justify-content: center;
		text-align: center
	}

	.footerbox-sec2 .container .lt p {
		margin-right: 0
	}

	.footerbox-sec2 .container .lt a {
		margin: 0 .15rem
	}
}

.footerbox-sec2 .container .gt {
	display: flex;
	flex-wrap: wrap
}

.footerbox-sec2 .container .gt .li {
	display: block;
	color: #5c606e;
	transition: all .4s;
	-webkit-transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	margin-right: .26rem
}

.footerbox-sec2 .container .gt .li:last-child {
	margin-right: 0
}

.footerbox-sec2 .container .gt .li:hover {
	color: var(--color);
	background-size: 100% 100%
}

@media (max-width: 767px) {
	.footerbox-sec2 .container .gt {
		width: 100%;
		justify-content: center
	}

	.footerbox-sec2 .container .gt .li {
		margin: 0 .15rem
	}
}

.bannerbox .swiper-slide {
	position: relative
}

.bannerbox .swiper-slide .bag {
	width: 100%;
	height: 100vh
}

.bannerbox .swiper-slide .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bannerbox .swiper-slide .bag img:nth-child(2) {
	display: none
}

@media (max-width: 767px) {
	.bannerbox .swiper-slide .bag img {
		display: none
	}

	.bannerbox .swiper-slide .bag img:nth-child(1) {
		display: block
	}
}

.bannerbox .swiper-slide .cont {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #ffffff
}

.bannerbox .swiper-slide .cont .f_tit {
	max-width: 5rem;
	line-height: 1.2;
	margin-bottom: .64rem
}

@media (max-width: 767px) {
	.bannerbox .swiper-slide .cont .f_tit {
		max-width: 100%
	}
}

.bannerbox .bannerbox_pagin {
	position: absolute;
	bottom: .6rem
}

.bannerbox .bannerbox_pagin span {
	width: .8rem;
	height: 2px;
	background-color: #ffffff;
	opacity: .5;
	margin: 0 5px;
	border-radius: 0
}

@media (max-width: 767px) {
	.bannerbox .bannerbox_pagin span {
		margin: 0 3px
	}
}

.bannerbox .bannerbox_pagin .swiper-pagination-bullet-active {
	opacity: 1
}

.hm_but {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	min-height: .5rem;
	position: relative;
	z-index: 1;
	width: .5rem;
	white-space: nowrap;
	transition: width .4s .1s;
	-webkit-transition: width .4s .1s;
	overflow: hidden
}

@media (max-width: 1199px) {
	.hm_but {
		width: auto
	}
}

@media (max-width: 767px) {
	.hm_but {
		width: auto;
		min-height: inherit
	}
}

.hm_but:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #003686;
	z-index: -1;
	clip-path: polygon(0 0, 100% 0, 100% 88%, 94% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%)
}

.hm_but i {
	min-width: .5rem;
	display: flex;
	justify-content: center;
	transition: all .4s;
	align-items: center
}

@media (max-width: 767px) {
	.hm_but i {
		min-width: .6rem
	}
}

.hm_but i img,
.hm_but i svg {
	width: 6px;
	height: 10px;
	object-fit: contain
}

.hm_but i img path,
.hm_but i svg path {
	fill: #ffffff
}

.hm_but span {
	display: block;
	color: #ffffff;
	padding: .12rem .26rem .12rem 0
}

@media (min-width: 1200px) {
	.hm_but span {
		transition: opacity .2s linear;
		opacity: 0
	}
}

@media (max-width: 767px) {
	.hm_but span {
		font-size: .26rem;
		padding: .2rem .34rem .2rem 0;
		padding-inline-start: .3rem .3rem .3rem 0
	}
}

.hm_but:hover {
	width: 1.4rem;
	transition: all .4s;
	-webkit-transition: all .4s
}

.hm_but:hover i {
	transform: translateX(.1rem)
}

@media (max-width: 1580px) {
	.hm_but:hover {
		width: 1.6rem
	}
}

@media (max-width: 1199px) {
	.hm_but:hover {
		width: auto
	}
}

.hm_but:hover:before {
	width: 100%
}

.hm_but:hover span {
	opacity: 1;
	transition: opacity .4s .3s linear
}

.hm_but3:before {
	background: #edf0f4
}

.hm_but3 i svg path {
	fill: #003686
}

.hm_but3 span {
	color: #003686
}

.hm-sec1 {
	padding: 1.28rem 0 1.4rem;
	overflow: hidden;
	position: relative;
	background: #f4f6f8
}

.hm-sec1 .bag {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 47.0588%;
	width: 100vw;
	left: 52.9412%;
	left: 61%;
	display: flex;
	align-items: flex-end;
	background: var(--color);
	transform: skew(-10deg)
}

@media (max-width: 767px) {
	.hm-sec1 .bag {
		display: none
	}
}

.hm-sec1 .bag:before {
	content: "";
	display: block;
	width: 20px;
	height: 96%;
	background: #ffffff;
	opacity: .2
}

.hm-sec1 .container .f_font {
	width: 66.4285%;
	color: #222222;
	margin-bottom: .9rem
}

@media (max-width: 767px) {
	.hm-sec1 .container .f_font {
		width: 100%;
		margin-bottom: .54rem;
		text-align: center
	}
}

.hm-sec1 .container .f_font .f_name {
	color: #003686
}

.hm-sec1 .container .cont {
	display: flex
}

.hm-sec1 .container .cont .hm1_cont .item {
	display: block
}

.hm-sec1 .container .cont .hm1_cont .item .img {
	width: 100%;
	height: 3rem;
	margin-bottom: .24rem
}

@media (min-width: 768px) {
	.hm-sec1 .container .cont .hm1_cont .item .img {
		display: none
	}
}

.hm-sec1 .container .cont .hm1_cont .item .img img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.hm-sec1 .container .cont .hm1_cont .item .f_tit {
	margin-bottom: .13rem;
	color: #222222
}

.hm-sec1 .container .cont .hm1_cont .item .f_text {
	line-height: 1.5;
	height: 6em;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #999999;
	margin-bottom: .3rem
}

.hm-sec1 .container .cont .lt,
.hm-sec1 .container .cont .gt {
	padding-top: .5rem
}

@media (max-width: 767px) {

	.hm-sec1 .container .cont .lt,
	.hm-sec1 .container .cont .gt {
		padding-top: 0
	}
}

.hm-sec1 .container .cont .lt {
	width: 46.42%;
	padding-right: 1.1rem;
	flex: 0 0 auto
}

@media (max-width: 767px) {
	.hm-sec1 .container .cont .lt {
		width: 100%;
		padding-right: 0
	}
}

.hm-sec1 .container .cont .lt .hm1_cont {
	width: 100%;
	margin-bottom: .9rem
}

.hm-sec1 .container .cont .lt .hm1_nav {
	width: 100%
}

.hm-sec1 .container .cont .lt .hm1_nav:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #e6e6e6
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide {
	width: auto;
	margin-right: .72rem;
	margin-right: .54rem
}

@media (max-width: 1580px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide {
		margin-right: .34rem
	}
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide:last-child {
	margin-right: 0
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	text-align: center;
	padding-bottom: .26rem;
	position: relative
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0;
	height: 2px;
	transition: all .4s;
	background-color: var(--color)
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_icon {
	height: .54rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .25rem
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_icon img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_icon img:nth-child(2) {
	display: none
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
	color: #cecece;
	font-size: .2rem;
	transform: scale(.75);
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	line-height: 30px
}

@media (max-width: 1580px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
		font-size: 18px
	}
}

@media (max-width:1280px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
		font-size: .3rem
	}
}

@media (max-width: 1580px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
		line-height: 26px
	}
}

@media (max-width: 991px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide .item .f_tit {
		line-height: 24px
	}
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_icon img {
	display: none
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_icon img:nth-child(2) {
	display: block
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_tit {
	color: #333333;
	font-size: .2rem;
	transform: scale(1)
}

@media (max-width: 1580px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_tit {
		font-size: 18px
	}
}

@media (max-width:1280px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_tit {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item .f_tit {
		font-size: .3rem
	}
}

.hm-sec1 .container .cont .lt .hm1_nav .swiper-slide-thumb-active .item:before {
	width: 100%
}

.hm-sec1 .container .cont .gt {
	flex: 0 0 auto;
	width: 72.857%;
	display: flex
}

@media (max-width: 767px) {
	.hm-sec1 .container .cont .gt {
		display: none
	}
}

.hm-sec1 .container .cont .gt .f_img {
	width: 47.058%;
	position: relative;
	margin-top: -0.6rem;
	flex: 0 0 auto;
	margin-right: 11.76470588%
}

.hm-sec1 .container .cont .gt .f_img .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all .4s
}

.hm-sec1 .container .cont .gt .f_img .img:before {
	padding-top: 115%
}

.hm-sec1 .container .cont .gt .f_img .img img {
	object-fit: contain
}

.hm-sec1 .container .cont .gt .f_img .on {
	position: relative;
	opacity: 1;
	visibility: inherit
}

.hm-sec1 .container .cont .gt .f_qie {
	position: relative;
	margin-right: 16.37254902%;
	margin-top: 14%;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column
}

.hm-sec1 .container .cont .gt .f_qie .hm1_next {
	position: relative;
	top: 0;
	margin: 0;
	right: 0;
	width: .7rem;
	height: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	background: #ffffff;
	margin-bottom: 10px;
	cursor: pointer;
	pointer-events: auto;
	clip-path: polygon(0 0, 100% 0, 100% 84%, 84% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%)
}

.hm-sec1 .container .cont .gt .f_qie .hm1_next:hover:not(.swiper-button-disabled) {
	opacity: .9
}

.hm-sec1 .container .cont .gt .f_qie .hm1_pagin {
	display: flex;
	position: relative;
	bottom: 0;
	left: 0
}

.hm-sec1 .container .cont .gt .f_qie .hm1_pagin span {
	width: 7px;
	height: 5px;
	background-color: #ffffff;
	opacity: .4;
	margin: 0 4px 4px 0;
	border-radius: 0
}

.hm-sec1 .container .cont .gt .f_qie .hm1_pagin .swiper-pagination-bullet-active {
	opacity: 1
}

.hm-sec1 .container .cont .gt .hm1_cont {
	flex: 0 0 auto;
	width: 60%
}

.hm-sec1 .container .cont .gt .hm1_cont .swiper-slide .item .f_tit {
	color: #ffffff
}

.hm-sec1 .container .cont .gt .hm1_cont .swiper-slide .item .f_text {
	color: #ffffff;
	opacity: .2
}

.hm-sec2 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	color: #ffffff
}

.hm-sec2 .hm2_bag {
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh
}

@media (max-width: 1199px) {
	.hm-sec2 .hm2_bag {
		height: 70vh
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_bag {
		height: 76vh
	}
}

.hm-sec2 .hm2_bag .img {
	width: 100%;
	height: 100%
}

.hm-sec2 .hm2_bag .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hm-sec2 .cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 1.35rem
}

.hm-sec2 .font {
	margin-bottom: 1.2rem
}

@media (max-width: 767px) {
	.hm-sec2 .font {
		margin-bottom: .54rem;
		text-align: center
	}
}

.hm-sec2 .font .f_name {
	margin-bottom: .12rem;
	font-weight: bold
}

.hm-sec2 .font .f_tit {
	margin-bottom: .48rem
}

.hm-sec2 .f_jut {
	position: relative;
	width: 100%;
	margin-bottom: 1.4rem
}

@media (max-width: 767px) {
	.hm-sec2 .f_jut {
		margin-bottom: .6rem
	}
}

.hm-sec2 .f_jut .f_text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0
}

@media (max-width: 767px) {
	.hm-sec2 .f_jut .f_text {
		align-items: center;
		text-align: center
	}
}

.hm-sec2 .f_jut .f_text p,
.hm-sec2 .f_jut .f_text a {
	color: #ffffff;
	position: relative;
	margin-bottom: .3rem
}

@media (max-width: 767px) {

	.hm-sec2 .f_jut .f_text p,
	.hm-sec2 .f_jut .f_text a {
		margin-bottom: .2rem
	}
}

.hm-sec2 .f_jut .f_text p:last-child,
.hm-sec2 .f_jut .f_text a:last-child {
	margin-bottom: 0
}

.hm-sec2 .f_jut .f_text p:before,
.hm-sec2 .f_jut .f_text a:before,
.hm-sec2 .f_jut .f_text p:after,
.hm-sec2 .f_jut .f_text a:after {
	content: "";
	display: block;
	position: absolute;
	top: .75em;
	transform: translateY(-50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .4s;
	-webkit-transition: all .4s;
	opacity: 0;
	background-image: url(../images/qieicnimfe1.svg);
	width: 7px;
	height: 12px
}

@media (max-width: 1580px) {

	.hm-sec2 .f_jut .f_text p:before,
	.hm-sec2 .f_jut .f_text a:before,
	.hm-sec2 .f_jut .f_text p:after,
	.hm-sec2 .f_jut .f_text a:after {
		width: 5px;
		height: 10px
	}
}

.hm-sec2 .f_jut .f_text p:before,
.hm-sec2 .f_jut .f_text a:before {
	left: 100%;
	margin-left: .22rem
}

.hm-sec2 .f_jut .f_text p:after,
.hm-sec2 .f_jut .f_text a:after {
	right: 100%;
	margin-right: .22rem;
	background-image: url(../images/qieicnimfe2.svg)
}

.hm-sec2 .f_jut .f_text p:hover:before,
.hm-sec2 .f_jut .f_text a:hover:before,
.hm-sec2 .f_jut .f_text p:hover:after,
.hm-sec2 .f_jut .f_text a:hover:after {
	opacity: .4
}

.hm-sec2 .f_jut .on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.hm-sec2 .hm2_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: visible
}

.hm-sec2 .hm2_nav .swiper-wrapper {
	align-items: flex-end
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide {
	width: 25%;
	flex: 1 1 auto;
	border-right: 1px solid rgba(255, 255, 255, 0.8);
	display: flex;
	align-items: flex-end;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
	transition: all .4s;
	-webkit-transition: all .4s;
	justify-content: center
}

@media (max-width: 991px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide {
		width: 33.333%
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide {
		width: 60%;
		flex: none
	}
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 1.1rem;
	padding: 0 .3rem;
	transition: all .4s;
	-webkit-transition: all .4s;
	position: relative;
	z-index: 1
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	z-index: -1;
	opacity: 0;
	transition: all .4s;
	-webkit-transition: all .4s
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .shu {
	color: #ffffff;
	opacity: .5;
	margin-right: .42rem
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .shu {
		font-size: .22rem
	}
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_top {
	position: absolute;
	left: 0;
	top: .3rem;
	left: .28rem;
	opacity: 0;
	transition: all .4s
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_tit {
	font-size: .2rem
}

@media (max-width: 1580px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_tit {
		font-size: 18px
	}
}

@media (max-width:1280px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_tit {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_tit {
		font-size: .3rem
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide .item .f_tit {
		font-size: .24rem
	}
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active {
	border-color: transparent
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item {
	padding: .58rem .3rem;
	background: rgba(255, 255, 255, 0.2);
	height: 1.57rem
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item:before {
	opacity: 1
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .shu {
	display: none
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .f_top {
	opacity: 1;
	display: block
}

.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .f_tit {
	font-size: .3rem
}

@media (max-width: 1199px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .f_tit {
		font-size: .36rem
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .f_tit {
		font-size: .4rem
	}
}

@media (max-width: 767px) {
	.hm-sec2 .hm2_nav .swiper-wrapper .swiper-slide-thumb-active .item .f_tit {
		font-size: .28rem
	}
}

.hm-sec3 {
	position: relative
}

@media (min-width: 768px) {
	.hm-sec3 {
		height: 230vh
	}

	.hm-sec3 .wow {
		animation-name: none;
		visibility: inherit
	}

	.hm-sec3 .f_zhong {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		width: 100%;
		height: 100vh;
		overflow: hidden
	}

	.hm-sec3 .f_zhong>.f_font {
		display: none
	}

	.hm-sec3 .f_zhong .f_nei {
		width: 100%;
		position: relative
	}

	.hm-sec3 .f_zhong .f_nei .cont .lt,
	.hm-sec3 .f_zhong .f_nei .cont .gt {
		transition: all .4s
	}

	.hm-sec3 .f_zhong .f_nei .cont .lt .f_font,
	.hm-sec3 .f_zhong .f_nei .cont .lt .f_jut,
	.hm-sec3 .f_zhong .f_nei .cont .lt .hm_but {
		transform: translateY(.5rem);
		opacity: 0;
		transition: all .4s
	}

	.hm-sec3 .f_zhong .f_nei .cont .gt {
		transition: all .4s;
		transform: translateY(.5rem);
		opacity: 0
	}

	.hm-sec3 .f_zhong.on .f_tu .cont {
		opacity: 0
	}

	.hm-sec3 .f_zhong.on2 .f_tu {
		pointer-events: none;
		visibility: hidden
	}

	.hm-sec3 .f_zhong.on2 .f_nei .cont .lt .f_font,
	.hm-sec3 .f_zhong.on2 .f_nei .cont .lt .f_jut,
	.hm-sec3 .f_zhong.on2 .f_nei .cont .lt .hm_but {
		transform: translateY(0);
		opacity: 1
	}

	.hm-sec3 .f_zhong.on2 .f_nei .cont .lt .f_jut {
		transition: all .4s .1s
	}

	.hm-sec3 .f_zhong.on2 .f_nei .cont .lt .hm_but {
		transition: all .4s .2s
	}

	.hm-sec3 .f_zhong.on2 .f_nei .cont .gt {
		transform: translateY(0);
		opacity: 1;
		transition: all .4s .3s
	}
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong {
		padding-top: 1.4rem
	}
}

.hm-sec3 .f_zhong .f_tu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_tu {
		display: none
	}
}

.hm-sec3 .f_zhong .f_tu .img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: 38.4% 36%
}

.hm-sec3 .f_zhong .f_tu .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hm-sec3 .f_zhong .f_tu .cont {
	position: absolute;
	left: 0;
	top: 54%;
	width: 100%;
	text-align: center;
	transition: all .6s linear;
	-webkit-transition: all .6s linear
}

.hm-sec3 .f_zhong .f_tu .cont .f_tit {
	color: #5c606e;
	max-width: 2.7rem;
	margin: 0 auto;
	margin-bottom: .46rem
}

@media (max-width: 1580px) {
	.hm-sec3 .f_zhong .f_tu .cont .f_tit {
		max-width: 3.6rem
	}
}

.hm-sec3 .f_zhong .f_tu .cont .f_icon {
	width: .4rem;
	height: .4rem;
	margin: 0 auto;
	position: relative;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	border: solid 2px #003686;
	align-items: center;
	justify-content: center
}

.hm-sec3 .f_zhong .f_tu .cont .f_icon img,
.hm-sec3 .f_zhong .f_tu .cont .f_icon svg {
	width: 30%;
	height: 30%;
	object-fit: contain
}

.hm-sec3 .f_zhong .f_tu .cont .f_icon:before {
	content: "";
	display: block;
	width: 250%;
	height: 250%;
	border: solid 2px #003686;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
	animation: scaleTran 1.4s linear infinite
}

.hm-sec3 .f_zhong .f_font {
	color: #222222;
	margin-bottom: .9rem
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_font {
		width: 100%;
		padding: 0 5%;
		margin-bottom: .54rem;
		text-align: center
	}
}

.hm-sec3 .f_zhong .f_font .f_name {
	color: #003686;
	margin-bottom: .16rem
}

.hm-sec3 .f_zhong .f_font .f_tit {
	line-height: 1.2
}

.hm-sec3 .f_zhong .f_nei {
	position: relative
}

.hm-sec3 .f_zhong .f_nei .bag {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

@media (min-width: 768px) {
	.hm-sec3 .f_zhong .f_nei .bag {
		transform: translateY(-5%);
		-webkit-transform: translateY(-5%)
	}
}

.hm-sec3 .f_zhong .f_nei .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hm-sec3 .f_zhong .f_nei .bag .jsmpeg-video,
.hm-sec3 .f_zhong .f_nei .bag .bag_video1,
.hm-sec3 .f_zhong .f_nei .bag .bag_video2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hm-sec3 .f_zhong .f_nei .bag .bag_video2 {
	opacity: 0
}

.hm-sec3 .f_zhong .f_nei .bag.on .bag_video1 {
	opacity: 0
}

.hm-sec3 .f_zhong .f_nei .bag.on .bag_video2 {
	opacity: 1
}

.hm-sec3 .f_zhong .f_nei .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 1.4rem 0
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_nei .cont {
		padding: .6rem 0
	}
}

.hm-sec3 .f_zhong .f_nei .cont .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt {
	width: 38.57%
}

@media (max-width: 991px) {
	.hm-sec3 .f_zhong .f_nei .cont .container .lt {
		width: 46%
	}
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_nei .cont .container .lt {
		order: 1;
		width: 100%;
		margin-top: .6rem
	}
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_font {
		display: none
	}
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_font .f_name,
.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_font .f_tit {
	color: #ffffff
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_jut {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: .6rem
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_jut .item {
	padding-right: .2rem;
	width: 50%;
	color: #ffffff;
	margin-bottom: .44rem
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_jut .item .shu {
	display: flex;
	align-items: flex-start;
	line-height: .9;
	margin-bottom: .1rem
}

.hm-sec3 .f_zhong .f_nei .cont .container .lt .f_jut .item .shu span {
	font-size: .45rem
}

.hm-sec3 .f_zhong .f_nei .cont .container .gt {
	width: 34.428%;
	padding-top: .38rem
}

@media (max-width: 991px) {
	.hm-sec3 .f_zhong .f_nei .cont .container .gt {
		width: 40%
	}
}

@media (max-width: 767px) {
	.hm-sec3 .f_zhong .f_nei .cont .container .gt {
		width: 100%;
		padding-top: 0
	}
}

.hm-sec3 .f_zhong .f_nei .cont .container .gt .f_text {
	color: #ffffff;
	line-height: 1.5
}

.hm-sec4 {
	padding: 1.28rem 0 1.4rem
}

.hm-sec4 .f_font {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: .48rem;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.hm-sec4 .f_font {
		text-align: center
	}
}

.hm-sec4 .f_font .f_title1 {
	color: #222222
}

.hm-sec4 .f_font .f_title1 span {
	color: #5c606e
}

.hm-sec4 .f_font .f_name {
	color: #999999
}

@media (max-width: 767px) {
	.hm-sec4 .f_font {
		margin-bottom: .2rem
	}

	.hm-sec4 .f_font .f_title1 {
		width: 100%;
		margin-bottom: .54rem
	}
}

.hm-sec4 .cont {
	position: relative
}

.hm-sec4 .cont .qie {
	position: absolute;
	bottom: 50%;
	right: 0;
	user-select: none;
	-webkit-user-select: none;
	width: 11.6666%;
	height: 4.88rem;
	background: var(--color);
	z-index: 2;
	padding: 1.3rem .4rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	clip-path: polygon(36% 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(calc(100% - 1.5rem) 0, 100% 0, 100% 100%, 0 100%)
}

@media (max-width: 1199px) {
	.hm-sec4 .cont .qie {
		display: none
	}
}

.hm-sec4 .cont .qie .hm4_prev,
.hm-sec4 .cont .qie .hm4_next {
	background-size: contain;
	width: 8px;
	height: 14px;
	border-radius: 0;
	opacity: .3;
	position: relative;
	margin: 0;
	transform: translateY(0);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: none;
	margin: 0 .26rem;
	cursor: pointer;
	pointer-events: auto
}

.hm-sec4 .cont .qie .hm4_prev img,
.hm-sec4 .cont .qie .hm4_next img,
.hm-sec4 .cont .qie .hm4_prev svg,
.hm-sec4 .cont .qie .hm4_next svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}

.hm-sec4 .cont .qie .hm4_prev img path,
.hm-sec4 .cont .qie .hm4_next img path,
.hm-sec4 .cont .qie .hm4_prev svg path,
.hm-sec4 .cont .qie .hm4_next svg path {
	fill: #ffffff
}

.hm-sec4 .cont .qie .hm4_prev:hover,
.hm-sec4 .cont .qie .hm4_next:hover {
	opacity: 1
}

.hm-sec4 .cont .hm4_cont {
	width: 100%;
	margin-top: -1px
}

@media (max-width: 1199px) {
	.hm-sec4 .cont .hm4_cont .swiper-wrapper {
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear
	}
}

.hm-sec4 .cont .hm4_cont .swiper-slide {
	width: 16.6666%;
	margin-left: -1px
}

@media (max-width: 991px) {
	.hm-sec4 .cont .hm4_cont .swiper-slide {
		width: 25%
	}
}

@media (max-width: 767px) {
	.hm-sec4 .cont .hm4_cont .swiper-slide {
		width: 33.333%
	}
}

.hm-sec4 .cont .hm4_cont .swiper-slide .img {
	width: 100%;
	padding-top: 62.5%;
	transform: skew(-15deg);
	border: 1px solid #e9ecf0
}

.hm-sec4 .cont .hm4_cont .swiper-slide .img img {
	object-fit: contain;
	max-width: 50%;
	max-height: 50%;
	transform: skew(15deg)
}

@media (max-width: 767px) {
	.hm-sec4 .cont .hm4_cont .swiper-slide .img img {
		max-width: 80%;
		max-height: 70%
	}
}

.hm-sec5 {
	background: #f4f6f8;
	padding: 1.3rem 0 1.4rem
}

.hm-sec5 .f_font {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: .3rem
}

.hm-sec5 .f_font .f_tit {
	color: #111111
}

.hm-sec5 .f_font .but {
	display: flex;
	color: #5c606e;
	transition: all .4s;
	align-items: center
}

.hm-sec5 .f_font .but i {
	width: 6px;
	height: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .18rem;
	transition: all .4s
}

.hm-sec5 .f_font .but i img,
.hm-sec5 .f_font .but i svg {
	width: 100%;
	max-height: 100%
}

.hm-sec5 .f_font .but i img path,
.hm-sec5 .f_font .but i svg path {
	fill: #5c606e
}

.hm-sec5 .f_font .but:hover {
	color: var(--color)
}

.hm-sec5 .f_font .but:hover i {
	transform: translateX(.1rem)
}

.hm-sec5 .f_font .but:hover i svg path {
	fill: var(--color)
}

.hm-sec5 .cont {
	display: flex;
	flex-wrap: wrap;
	margin-right: 1px
}

.hm-sec5 .cont .item {
	border: 1px solid #e8e8e8;
	margin-left: -1px;
	width: 33.333%;
	background-color: #ffffff;
	margin-top: -1px
}

@media (max-width: 767px) {
	.hm-sec5 .cont .item {
		width: 100%;
		border: solid 1px #e8e8e8;
		margin-bottom: .4rem
	}
}

.hm-sec5 .cont .item .list {
	display: block;
	padding: .3rem
}

.hm-sec5 .cont .item .list .font {
	padding: .24rem .3rem .7rem
}

.hm-sec5 .cont .item .list .font .f_tag {
	color: #999999;
	transition: all .4s;
	-webkit-transition: all .4s;
	font-weight: bold;
	margin-bottom: .22rem
}

.hm-sec5 .cont .item .list .font .f_tit {
	line-height: 1.6;
	height: 3.36em;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: .84rem
}

@media (max-width: 767px) {
	.hm-sec5 .cont .item .list .font .f_tit {
		margin-bottom: .4rem
	}
}

.hm-sec5 .cont .item .list .font .hm_but {
	min-width: inherit;
	width: .5rem;
	transition: width .4s .1s;
	-webkit-transition: width .4s .1s
}

.hm-sec5 .cont .item .list .font .hm_but span {
	opacity: 0;
	transition: opacity .4s .3s linear
}

@media (max-width: 991px) {
	.hm-sec5 .cont .item .list .font .hm_but {
		width: auto
	}

	.hm-sec5 .cont .item .list .font .hm_but span {
		opacity: 1
	}
}

.hm-sec5 .cont .item .list .f_img {
	position: relative
}

.hm-sec5 .cont .item .list .f_img .img {
	padding-top: 58.12807882%
}

.hm-sec5 .cont .item .list .f_img .f_time {
	width: 1.84rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #003686;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	padding: .4rem;
	justify-content: center;
	opacity: 0;
	transition: all .4s;
	-webkit-transition: all .4s;
	clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, calc(100% - .76rem) 100%, 0% 100%)
}

@media (max-width: 991px) {
	.hm-sec5 .cont .item .list .f_img .f_time {
		display: none
	}
}

.hm-sec5 .cont .item .list .f_img .f_time .shu {
	font-weight: bold;
	line-height: .9;
	margin-bottom: .06rem
}

.hm-sec5 .cont .item .list .f_img .f_time p {
	opacity: .4
}

.hm-sec5 .cont .item .list:hover .font .f_tag {
	color: var(--color)
}

.hm-sec5 .cont .item .list:hover .font .hm_but {
	width: 1.4rem
}

@media (max-width: 1580px) {
	.hm-sec5 .cont .item .list:hover .font .hm_but {
		width: 1.6rem
	}
}

@media (max-width: 1199px) {
	.hm-sec5 .cont .item .list:hover .font .hm_but {
		width: auto
	}
}

.hm-sec5 .cont .item .list:hover .font .hm_but span {
	opacity: 1
}

.hm-sec5 .cont .item .list:hover .f_img .img img {
	transform: scale(1.04)
}

.hm-sec5 .cont .item .list:hover .f_img .f_time {
	opacity: 1
}

.hm-sec6 {
	position: relative
}

.hm-sec6 .bag {
	width: 100%;
	padding-top: 36.45833333%;
	position: relative
}

@media (max-width: 991px) {
	.hm-sec6 .bag {
		padding-top: 60.54490414%
	}
}

@media (max-width: 767px) {
	.hm-sec6 .bag {
		padding-top: 106.66666667%
	}
}

.hm-sec6 .bag img {
	transition: none;
	-webkit-transition: none;
	width: 100%;
	height: 140%;
	object-fit: cover;
	transform: translateY(-20%)
}

.hm-sec6 .bag:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	background: #000000
}

.hm-sec6 .cont {
	position: absolute;
	top: 1.8rem;
	left: 0;
	width: 100%;
	z-index: 2
}

.hm-sec6 .cont .font {
	margin: 0 auto;
	max-width: 6.24rem;
	color: #ffffff;
	text-align: center
}

@media (max-width: 767px) {
	.hm-sec6 .cont .font {
		max-width: 100%
	}
}

.hm-sec6 .cont .font .f_tit {
	margin-bottom: .12rem
}

.hm-sec6 .cont .font .f_text {
	line-height: 1.5;
	height: 4.65em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: .46rem
}

.f_but_on {
	width: 1.4rem;
	transition: all .4s .6s;
	-webkit-transition: all .4s .6s
}

@media (max-width: 1580px) {
	.f_but_on {
		width: 1.6rem
	}
}

@media (max-width: 1199px) {
	.f_but_on {
		width: auto
	}
}

.f_but_on:before {
	width: 100%
}

.f_but_on span {
	opacity: 1;
	transition: opacity .4s .7s linear
}

@keyframes scaleTran {
	from {
		transform: translate(-50%, -50%) scale(.5);
		-webkit-transform: translate(-50%, -50%) scale(.5);
		opacity: .3
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes scaleTran {
	from {
		transform: translate(-50%, -50%) scale(.5);
		-webkit-transform: translate(-50%, -50%) scale(.5);
		opacity: .3
	}

	to {
		opacity: 0
	}
}

.cokieimgfz1 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 999;
	display: none;
	padding: .34rem 0 .28rem
}

@media (max-width: 767px) {
	.cokieimgfz1 {
		padding: .5rem 0
	}
}

.cokieimgfz1 .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.cokieimgfz1 .container {
		width: 93.75%
	}
}

.cokieimgfz1 .container .font {
	width: 37%
}

@media (max-width: 767px) {
	.cokieimgfz1 .container .font {
		width: 100%;
		margin-bottom: .3rem
	}
}

.cokieimgfz1 .container .font .f_tit {
	color: var(--color);
	margin-bottom: .13rem
}

.cokieimgfz1 .container .font .f_text {
	color: #666666;
	line-height: 1.5
}

.cokieimgfz1 .container .gt {
	display: flex;
	align-items: center
}

.cokieimgfz1 .container .gt .hm_but:nth-child(1) {
	margin-right: .24rem
}

.cokieimgfz1 .container .gt .hm_but:nth-child(1):before {
	background: #f4f6f8
}

.cokieimgfz1 .container .gt .hm_but:nth-child(1) i svg path {
	fill: #003686
}

.cokieimgfz1 .container .gt .hm_but:nth-child(1) span {
	color: #003686
}

.cokieimgfz1 .container .gt .hm_but:nth-child(2) {
	background-color: var(--color);
	color: #ffffff
}

.cokieimgfz1 .container .gt .hm_but:nth-child(2) i svg path {
	fill: #ffffff
}

@media (max-width: 767px) {
	.fright_height {
		height: 50px
	}
}

.fiexdgt {
	position: fixed;
	z-index: 555
}

@media (min-width: 768px) {
	.fiexdgt {
		right: .6rem;
		bottom: .7rem
	}
}

.fiexdgt .item {
	position: relative;
	box-shadow: 0 0 .08rem rgba(0, 0, 0, 0.08);
	margin-bottom: 1px
}

.fiexdgt .item:last-child {
	margin-bottom: 0
}

.fiexdgt .item .f_tit {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 68px;
	height: 68px;
	font-size: 12px;
	background-color: #ffffff;
	transition: all .4s
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_tit {
		width: 68px;
		height: 68px;
		font-size: 12px
	}
}

@media (max-width: 1199px) {
	.fiexdgt .item .f_tit {
		width: 58px;
		height: 58px;
		font-size: 10px
	}
}

.fiexdgt .item .f_tit .f_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_tit .f_icon {
		height: 24px
	}
}

@media (max-width: 1199px) {
	.fiexdgt .item .f_tit .f_icon {
		height: 20px
	}
}

.fiexdgt .item .f_tit .f_icon img,
.fiexdgt .item .f_tit .f_icon svg {
	height: 100%
}

.fiexdgt .item .f_tit .f_icon img:nth-child(2),
.fiexdgt .item .f_tit .f_icon svg:nth-child(2) {
	display: none
}

.fiexdgt .item .f_tit .f_name {
	display: block;
	margin-top: 5px
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_tit .f_name {
		margin-top: 3px
	}
}

.fiexdgt .item .f_hover {
	position: absolute;
	right: 100%;
	top: 0;
	width: 2.7rem;
	display: none;
	padding-right: .26rem
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_hover {
		width: 3rem
	}
}

@media (max-width: 767px) {
	.fiexdgt .item .f_hover {
		width: 4rem
	}
}

.fiexdgt .item .f_hover .font {
	background-color: #ffffff;
	border-radius: 10px;
	position: relative;
	padding: .14rem .16rem .22rem;
	box-shadow: 0 0 .08rem rgba(0, 0, 0, 0.08)
}

.fiexdgt .item .f_hover .font:after {
	content: "";
	position: absolute;
	left: 100%;
	top: .3rem;
	margin-left: -1px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff
}

.fiexdgt .item .f_hover .font .f_tel {
	padding: .15rem .14rem;
	background-color: #f9fbff;
	display: flex;
	align-items: flex-start;
	margin-bottom: .16rem
}

.fiexdgt .item .f_hover .font .f_tel .f_icon {
	display: flex;
	align-items: center;
	width: 20px;
	height: 20px;
	margin-top: .04rem
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_hover .font .f_tel .f_icon {
		width: 16px;
		height: 16px
	}
}

.fiexdgt .item .f_hover .font .f_tel .f_icon img,
.fiexdgt .item .f_hover .font .f_tel .f_icon svg {
	width: 100%;
	max-height: 100%
}

.fiexdgt .item .f_hover .font .f_tel .f_icon img path,
.fiexdgt .item .f_hover .font .f_tel .f_icon svg path {
	fill: var(--color)
}

.fiexdgt .item .f_hover .font .f_tel .f_wen {
	padding-left: .1rem;
	width: calc(100% - 20px)
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_hover .font .f_tel .f_wen {
		width: calc(100% - 16px)
	}
}

.fiexdgt .item .f_hover .font .f_tel .f_wen .f_name {
	color: #222222;
	margin-bottom: 4px
}

.fiexdgt .item .f_hover .font .f_tel .f_wen .f_count {
	color: var(--color)
}

.fiexdgt .item .f_hover .font .f_but {
	color: #222222;
	display: flex;
	align-items: center;
	padding-left: calc(.24rem + 20px)
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_hover .font .f_but {
		padding-left: calc(.24rem + 16px)
	}
}

.fiexdgt .item .f_hover .font .f_but i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8px;
	height: 10px;
	margin-left: .1rem;
	transition: all .4s
}

@media (max-width: 1580px) {
	.fiexdgt .item .f_hover .font .f_but i {
		width: 6px;
		height: 8px
	}
}

.fiexdgt .item .f_hover .font .f_but i img,
.fiexdgt .item .f_hover .font .f_but i svg {
	width: 100%;
	max-height: 100%
}

.fiexdgt .item .f_hover .font .f_but i img path,
.fiexdgt .item .f_hover .font .f_but i svg path {
	fill: var(--color)
}

.fiexdgt .item .f_hover .font .f_but:hover i {
	transform: translateX(.1rem)
}

.fiexdgt .item:hover .f_tit {
	background: var(--color);
	color: #fff
}

.fiexdgt .item:hover .f_tit .f_icon svg path {
	fill: #ffffff
}

.fiexdgt .item:hover .f_tit .f_icon img {
	display: none
}

.fiexdgt .item:hover .f_tit .f_icon img:nth-child(2) {
	display: block
}

@media (min-width: 768px) {
	.fiexdgt .item:hover .f_hover {
		display: block
	}
}

.fiexdgt .f_top .f_tit .f_icon {
	height: 18px
}

@media (max-width: 1580px) {
	.fiexdgt .f_top .f_tit .f_icon {
		height: 14px
	}
}

@media (max-width: 767px) {
	.fiexdgt {
		bottom: 0;
		left: 0;
		width: 100%;
		zoom: 1
	}

	.fiexdgt:after {
		content: '';
		display: block;
		clear: both
	}

	.fiexdgt .item {
		float: left;
		width: 25%;
		margin-bottom: 0;
		box-shadow: none;
		border-right: 1px solid #ddd
	}

	.fiexdgt .item:last-child {
		border-right-color: #fff
	}

	.fiexdgt .item .f_tit {
		width: 100%;
		height: 50px
	}

	.fiexdgt .f_top .f_tit .f_name {
		display: none
	}
}

.baseAlt {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 889;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block
}

.baseAlt .bag {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5
}

.baseAlt .cont {
	background: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 12rem;
	max-width: 96%;
	display: flex
}

@media (max-width: 1580px) {
	.baseAlt .cont {
		width: 16rem
	}
}

@media (max-width: 767px) {
	.baseAlt .cont {
		width: 90%;
		max-height: 88vh;
		overflow-y: auto
	}
}

.baseAlt .cont .lt {
	background-color: var(--color);
	overflow: hidden;
	width: 36.666%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: .38rem .4rem .54rem
}

@media (max-width: 767px) {
	.baseAlt .cont .lt {
		display: none
	}
}

.baseAlt .cont .lt .f_logo {
	display: flex;
	height: 24px;
	width: 100%;
	margin-bottom: .65rem
}

@media (max-width: 1580px) {
	.baseAlt .cont .lt .f_logo {
		height: 20px
	}
}

.baseAlt .cont .lt .f_logo img {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}

.baseAlt .cont .lt .xian {
	width: .41rem;
	height: 3px;
	background-color: #f6f6f6;
	margin-bottom: .15rem
}

@media (max-width: 1580px) {
	.baseAlt .cont .lt .xian {
		height: 2px
	}
}

.baseAlt .cont .lt .f_tit {
	font-weight: bold;
	line-height: 1.33333333;
	color: #ffffff;
	margin-bottom: 1.88rem
}

.baseAlt .cont .lt .f_icon {
	height: 1.51rem;
	display: flex;
	align-items: center;
	margin-bottom: .63rem
}

.baseAlt .cont .lt .f_icon img {
	max-width: initial;
	height: 100%
}

.baseAlt .cont .lt .f_text {
	color: #ffffff;
	margin-top: auto
}

.baseAlt .cont .lt .f_text p {
	margin-bottom: .09rem
}

.baseAlt .cont .lt .f_text p:last-child {
	margin-bottom: 0
}

.baseAlt .cont .gt {
	width: 63.334%
}

@media (max-width: 767px) {
	.baseAlt .cont .gt {
		width: 100%
	}
}

.baseAlt .cont .gt .f_form {
	margin: 0 -0.1rem;
	display: flex;
	flex-wrap: wrap
}

.baseAlt .cont .gt .f_form .item {
	padding: 0 .1rem;
	width: 50%;
	margin-bottom: .26rem
}

.baseAlt .cont .gt .f_form .item .f_int {
	position: relative
}

.baseAlt .cont .gt .f_form .item .f_int>span {
	position: absolute;
	left: .12rem;
	color: #f93a31;
	top: .16rem;
	z-index: 2;
	margin-top: .1em
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .item .f_int>span {
		top: .2rem
	}
}

.baseAlt .cont .gt .f_form .item .f_int input,
.baseAlt .cont .gt .f_form .item .f_int .layui-form-select .layui-input,
.baseAlt .cont .gt .f_form .item .f_int textarea {
	line-height: 1.5;
	padding: .16rem .26rem;
	width: 100%;
	background-color: #f6f6f6;
	border: none;
	height: auto
}

@media (max-width: 767px) {

	.baseAlt .cont .gt .f_form .item .f_int input,
	.baseAlt .cont .gt .f_form .item .f_int .layui-form-select .layui-input,
	.baseAlt .cont .gt .f_form .item .f_int textarea {
		padding: .2rem .34rem
	}
}

.baseAlt .cont .gt .f_form .item .f_int .layui-form-select .layui-edge {
	width: 12px;
	height: 100%;
	top: 0%;
	right: .22rem;
	border: none;
	margin-top: 0;
	background: url(../images/selecintimg1.svg) center center / 100% auto no-repeat
}

.baseAlt .cont .gt .f_form .item .f_int .layui-form-select dl dd.layui-this {
	background-color: var(--color)
}

.baseAlt .cont .gt .f_form .f_textarea {
	width: 100%;
	margin-bottom: .22rem
}

.baseAlt .cont .gt .f_form .f_textarea .f_int textarea {
	height: 1rem
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .f_textarea .f_int textarea {
		height: 1.6rem
	}
}

.baseAlt .cont .gt .f_form .f_cheack {
	width: 100%;
	margin-bottom: .45rem
}

.baseAlt .cont .gt .f_form .f_cheack .f_tag {
	color: #999;
	line-height: 1.5
}

.baseAlt .cont .gt .f_form .f_cheack .f_tag a {
	color: var(--color)
}

.baseAlt .cont .gt .f_form .f_btn {
	width: 100%;
	margin-bottom: 0
}

.baseAlt .cont .gt .f_form .fz_file {
	width: 100%
}

.baseAlt .cont .gt .f_form .fz_file .f_int {
	width: 100%;
	height: 1.2rem;
	height: auto;
	padding: .16rem .26rem;
	background-color: #f6f6f6;
	position: relative;
	overflow: hidden
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int {
		padding: .2rem .34rem
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_zi {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #999999
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen {
		margin-top: .2rem
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen .f_img {
	height: .27rem;
	margin-bottom: 6px
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen .f_img {
		margin-bottom: 4px
	}
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen .f_img {
		height: .4rem
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen .f_img img {
	height: 100%
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_wen .f_file_tit {
	color: #696969
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 {
	display: flex;
	flex-wrap: wrap;
	margin: .4rem -0.1rem 0
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn {
	padding: 0 .1rem;
	margin-bottom: .1rem;
	width: auto;
	max-width: 25%;
	position: relative
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn {
		max-width: 50%
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but {
	cursor: pointer;
	margin-bottom: .1rem;
	text-align: center;
	width: 100%;
	background: #ffffff;
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px 14px
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but {
		padding: 8px 14px
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span {
	width: 100%;
	display: flex;
	font-size: 14px;
	align-items: center;
	color: #7a7a7a
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span {
		font-size: 12px
	}
}

@media (max-width: 767px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span {
		font-size: .26rem
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span:nth-child(2) {
	display: none;
	color: #000000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span img {
	margin-left: 6px;
	width: 14px
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span img {
		width: 12px
	}
}

@media (max-width: 991px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but span img {
		width: 10px
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 {
	position: absolute;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
	right: -11px;
	top: -11px;
	opacity: 0;
	pointer-events: none;
	border-radius: 50%;
	background-color: var(--color)
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 img,
.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 svg {
	width: 60%;
	height: 60%;
	display: block;
	margin-top: 2px
}

@media (max-width: 1580px) {
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 {
		width: 18px;
		height: 18px;
		top: -9px;
		right: -9px
	}

	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 img,
	.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2 svg {
		margin-top: -1px;
		margin-left: 1px
	}
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn .f-but .f_close2:hover {
	transform: rotate(90deg)
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn.on .f-but span {
	display: none
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn.on .f-but span:nth-child(2) {
	display: block
}

.baseAlt .cont .gt .f_form .fz_file .f_int .f_li1 .f_btn.on .f-but .f_close2 {
	opacity: 1;
	pointer-events: auto
}

.baseAlt .cont .f_close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	cursor: pointer;
	transition: all .4s
}

@media (max-width: 767px) {
	.baseAlt .cont .f_close {
		right: 14px;
		top: 14px;
		width: 14px
	}
}

.baseAlt .cont .f_close img,
.baseAlt .cont .f_close svg {
	width: 100%;
	max-height: 100%
}

.baseAlt .cont .f_close img path,
.baseAlt .cont .f_close svg path {
	fill: #999999
}

.baseAlt .cont .f_close:hover {
	transform: rotate(90deg)
}

.consultAlt {
	display: none
}

.consultAlt .cont .gt .consult_nei {
	padding: .34rem .64rem .48rem .48rem
}

@media (max-width: 767px) {
	.consultAlt .cont .gt .consult_nei {
		padding: .46rem .34rem
	}
}

.consultAlt .cont .gt .consult_nei .f_tit {
	color: #000000;
	margin-bottom: .1rem
}

.consultAlt .cont .gt .consult_nei .f_text {
	padding-right: .24rem;
	line-height: 1.5;
	color: #666666;
	margin-bottom: .26rem
}

.cooperationAlt {
	display: none
}

.cooperationAlt .cont .cooper_nei {
	padding: .24rem .62rem .48rem .5rem
}

@media (max-width: 767px) {
	.cooperationAlt .cont .cooper_nei {
		padding: .4rem .34rem
	}
}

.cooperationAlt .cont .cooper_nei .f_text {
	padding-right: .24rem;
	line-height: 1.5;
	color: #666666;
	margin-bottom: .26rem
}

.cooperationAlt .cont .cooper_nei .f_text span {
	color: #f93a31
}

.cooperationAlt .cont .cooper_nei .f_form .item {
	width: 33.333%
}

@media (max-width: 767px) {
	.cooperationAlt .cont .cooper_nei .f_form .item {
		width: 50%
	}
}

.cooperationAlt .cont .cooper_nei .f_form .f_cheack,
.cooperationAlt .cont .cooper_nei .f_form .f_btn {
	width: 100%
}

.cooperationAlt .cont .cooper_nei .f_form .fz_file {
	width: 100%
}

.newsbox {
	background-color: #edf0f4
}

.newsbox_menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between
}

.newsbox_menu .newsbox_cont {
	margin: 0;
	width: 60%;
	width: calc(100% - 3.2rem)
}

@media (max-width: 767px) {
	.newsbox_menu .newsbox_cont {
		width: 100%;
		margin-bottom: .5rem
	}
}

.newsbox_menu .newsbox_cont .swiper-slide {
	width: auto;
	margin-right: .12rem
}

.newsbox_menu .newsbox_cont .swiper-slide:last-child {
	margin-right: 0
}

.newsbox_menu .newsbox_cont .swiper-slide .item {
	color: #999999;
	display: block;
	cursor: pointer;
	padding: .16rem .28rem .16rem .26rem;
	transition: all .4s;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.newsbox_menu .newsbox_cont .swiper-slide .item span {
	position: relative
}

.newsbox_menu .newsbox_cont .swiper-slide .item span i {
	position: absolute;
	left: 100%;
	top: -0.3em;
	margin-left: 2px;
	font-size: 12px;
	opacity: 0;
	transition: opacity .4s;
	display: block;
	font-style: normal
}

@media (max-width: 1580px) {
	.newsbox_menu .newsbox_cont .swiper-slide .item span i {
		font-size: 10px
	}
}

.newsbox_menu .newsbox_cont .swiper-slide:hover:not(.on) .item {
	color: var(--color)
}

.newsbox_menu .newsbox_cont .swiper-slide.on .item {
	background-color: var(--color);
	color: #ffffff
}

.newsbox_menu .newsbox_cont .swiper-slide.on .item span i {
	opacity: 1
}

.newsbox_menu .f_form {
	width: 2.8rem;
	background-color: #edf0f4;
	display: flex;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

@media (max-width: 767px) {
	.newsbox_menu .f_form {
		width: 100%
	}
}

.newsbox_menu .f_form input {
	display: block;
	width: 60%;
	width: calc(100% - .56rem);
	padding: .16rem .25rem
}

@media (max-width: 1580px) {
	.newsbox_menu .f_form input {
		width: calc(100% - .66rem)
	}
}

@media (max-width: 767px) {
	.newsbox_menu .f_form input {
		width: calc(100% - 1rem);
		padding: .26rem .3rem
	}
}

.newsbox_menu .f_form input::placeholder {
	color: #999999
}

.newsbox_menu .f_form input:-webkit-input-placeholder {
	color: #999999
}

.newsbox_menu .f_form .f_sub {
	padding: .2rem;
	width: 100px;
	flex: 0 0 auto;
	background: var(--color);
	transition: all .4s;
	display: block;
	width: .56rem
}

.newsbox_menu .f_form .f_sub img,
.newsbox_menu .f_form .f_sub svg {
	width: 16px;
	height: 16px;
	object-fit: contain
}

.newsbox_menu .f_form .f_sub img path,
.newsbox_menu .f_form .f_sub svg path {
	fill: #ffffff
}

@media (max-width: 1580px) {
	.newsbox_menu .f_form .f_sub {
		width: .66rem
	}

	.newsbox_menu .f_form .f_sub img,
	.newsbox_menu .f_form .f_sub svg {
		width: 14px;
		height: 14px
	}
}

@media (max-width: 767px) {
	.newsbox_menu .f_form .f_sub {
		width: 1rem;
		padding: .3rem
	}

	.newsbox_menu .f_form .f_sub img,
	.newsbox_menu .f_form .f_sub svg {
		width: .34rem;
		height: .34rem
	}
}

.newsbox_tag {
	display: flex;
	align-items: flex-start
}

@media (max-width: 767px) {
	.newsbox_tag {
		flex-wrap: wrap
	}
}

.newsbox_tag .f_name {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	color: #666666;
	margin-right: .26rem;
	margin-top: .12rem
}

@media (max-width: 767px) {
	.newsbox_tag .f_name {
		width: 100%;
		margin-bottom: .3rem
	}
}

.newsbox_tag .f_name img {
	width: 19px;
	height: auto;
	margin-right: 7px
}

@media (max-width: 1580px) {
	.newsbox_tag .f_name img {
		width: 15px;
		margin-right: 6px
	}
}

.newsbox_tag .f_link {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto
}

@media (max-width: 767px) {
	.newsbox_tag .f_link {
		width: 100%
	}
}

.newsbox_tag .f_link .li {
	display: block;
	margin-right: .1rem;
	margin-bottom: .06rem;
	color: #666666;
	transition: all .4s;
	padding: .12rem .2rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.newsbox_tag .f_link .li:hover:not(.on) {
	color: var(--color)
}

@media (max-width: 767px) {
	.newsbox_tag .f_link .li {
		padding: .2rem .32rem
	}
}

.newsbox_tag .f_link .on {
	background-color: #edf0f4;
	color: var(--color)
}

.newsbox_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1px
}

.newsbox_list .item {
	width: 50%;
	padding: 0 1px;
	margin-bottom: .4rem
}

.newsbox_list .item .list {
	border: solid 1px #f1f1f1;
	display: block;
	padding: .4rem;
	display: flex;
	flex-wrap: wrap
}

.newsbox_list .item .list .img {
	width: 47.8688%
}

@media (max-width: 767px) {
	.newsbox_list .item .list .img {
		width: 100%
	}
}

.newsbox_list .item .list .img:before {
	padding-top: 65.86206897%
}

.newsbox_list .item .list .font {
	width: 52.1312%;
	display: flex;
	flex-direction: column;
	padding: .15rem .12rem .2rem .44rem
}

@media (max-width: 767px) {
	.newsbox_list .item .list .font {
		width: 100%;
		padding: .34rem 0 0
	}
}

.newsbox_list .item .list .font .f_tit {
	margin-bottom: .24rem;
	color: #333333;
	transform: color .4s linear;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	height: 3
}

.newsbox_list .item .list .font .f_tit span {
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

.newsbox_list .item .list .font .f_time {
	margin-top: auto;
	color: #cccccc
}

.newsbox_list .item .list:hover .img img {
	transform: scale(1.08)
}

.newsbox_list .item .list:hover .font .f_tit {
	color: var(--color)
}

.newsbox_list .item .list:hover .font .f_tit span {
	background-size: 100% 100%
}

@media (max-width: 767px) {
	.newsbox_list {
		margin: 0 -0.12rem
	}

	.newsbox_list .item {
		padding: 0 .12rem
	}

	.newsbox_list .item .list {
		padding: .34rem
	}
}

.newsbox-sec1 {
	padding: .88rem 0 1.2rem
}

.newsbox-sec1 .item {
	display: flex;
	flex-wrap: wrap
}

.newsbox-sec1 .item .img {
	width: 49.42%
}

@media (max-width: 767px) {
	.newsbox-sec1 .item .img {
		width: 100%
	}
}

.newsbox-sec1 .item .img:before {
	padding-top: 65.60693642%
}

.newsbox-sec1 .item .font {
	width: 50.58%;
	padding: .6rem .26rem .6rem 1.22rem
}

@media (max-width: 991px) {
	.newsbox-sec1 .item .font {
		padding: .6rem 0 .6rem .7rem
	}
}

@media (max-width: 767px) {
	.newsbox-sec1 .item .font {
		width: 100%;
		padding: .5rem 0 0
	}
}

.newsbox-sec1 .item .font .f_time {
	display: block;
	color: #999999;
	margin-bottom: .17rem
}

.newsbox-sec1 .item .font .f_tit {
	color: #000000;
	transition: color .4s linear;
	margin-bottom: .55rem;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 3.75em
}

.newsbox-sec1 .item .font .f_tit span {
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

.newsbox-sec1 .item:hover .img img {
	transform: scale(1.06)
}

.newsbox-sec1 .item:hover .font .f_tit {
	color: var(--color)
}

.newsbox-sec2 {
	background: #ffffff;
	padding: .6rem 0 1.1rem
}

@media (max-width: 767px) {
	.newsbox-sec2 {
		padding: 1.1rem 0
	}
}

.newsbox-sec2 .newsbox_menu {
	padding-bottom: .42rem;
	margin-bottom: .4rem;
	border-bottom: 1px solid rgba(153, 153, 153, 0.1)
}

.newsbox-sec2 .newsbox_tag {
	margin-bottom: .5rem
}

.newsbox-sec2 .basepage {
	margin-top: .4rem
}

.labelbox-sec1 {
	background-color: #edf0f4
}

.labelbox-sec1 .f_title {
	padding: .86rem 0 1.46rem;
	color: #000000
}

.labelbox-sec2 {
	padding: 1rem 0 1.1rem
}

.newsinfo-sec1 {
	padding: 1.08rem 0 1.24rem
}

.newsinfo-sec1 .cont {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -0.62rem
}

@media (max-width: 1199px) {
	.newsinfo-sec1 .cont {
		margin: 0 -0.3rem
	}
}

@media (max-width: 991px) {
	.newsinfo-sec1 .cont {
		margin: 0
	}
}

.newsinfo-sec1 .cont .lt,
.newsinfo-sec1 .cont .gt {
	padding: 0 .62rem
}

@media (max-width: 1199px) {

	.newsinfo-sec1 .cont .lt,
	.newsinfo-sec1 .cont .gt {
		padding: 0 .3rem
	}
}

@media (max-width: 991px) {

	.newsinfo-sec1 .cont .lt,
	.newsinfo-sec1 .cont .gt {
		padding: 0
	}
}

.newsinfo-sec1 .cont .lt {
	width: 72%
}

@media (max-width: 991px) {
	.newsinfo-sec1 .cont .lt {
		width: 100%
	}
}

.newsinfo-sec1 .cont .lt .f_title {
	letter-spacing: -1px;
	line-height: 1.25;
	color: #333333;
	margin-bottom: .6rem
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .lt .f_title {
		margin-bottom: .4rem
	}
}

.newsinfo-sec1 .cont .lt .f_jut {
	display: flex;
	justify-content: space-between;
	padding-bottom: .12rem;
	border-bottom: 1px solid #e8ece9;
	margin-bottom: .34rem
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .lt .f_jut {
		flex-wrap: wrap;
		width: 100%
	}
}

.newsinfo-sec1 .cont .lt .f_jut .f_list {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	margin-top: .14rem
}

.newsinfo-sec1 .cont .lt .f_jut .f_list .li {
	color: #666666;
	margin-right: .4rem;
	margin-bottom: .1rem
}

.newsinfo-sec1 .cont .lt .f_jut .f_list .li:last-child {
	margin-right: 0
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen {
	margin-left: .3rem;
	display: flex;
	flex: 0 0 auto;
	align-items: center
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .lt .f_jut .f_fen {
		width: 100%;
		margin-left: 0
	}
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_name {
	color: #666666;
	flex: 0 0 auto;
	margin-right: .22rem
}

@media (max-width: 1580px) {
	.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_name {
		margin-bottom: 10px
	}
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_share {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_share a {
	margin-bottom: 13px;
	margin-right: 13px !important;
	margin: 0;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #edf0f4;
	color: #5c606e;
	font-size: 14px;
	line-height: 1.5;
	display: flex;
	transition: all .4s;
	align-items: center;
	justify-content: center
}

@media (max-width: 1580px) {
	.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_share a {
		width: 34px;
		height: 34px;
		margin-right: 10px !important;
		margin-bottom: 10px
	}
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_share a:last-child {
	margin-right: 0 !important
}

.newsinfo-sec1 .cont .lt .f_jut .f_fen .f_share a:hover {
	background-color: var(--color);
	color: #ffffff
}

.newsinfo-sec1 .cont .lt .public-content {
	margin-bottom: .6rem;
	display: block
}

.newsinfo-sec1 .cont .lt .f_link {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	margin-bottom: .32rem;
	padding-bottom: .32rem;
	border-bottom: 1px solid #dee1df
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .lt .f_link {
		width: 100%
	}
}

.newsinfo-sec1 .cont .lt .f_link .li {
	display: block;
	background: #edf0f4;
	margin-right: .12rem;
	margin-bottom: .06rem;
	color: var(--color);
	transition: all .4s;
	padding: .12rem .2rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.newsinfo-sec1 .cont .lt .f_link .li:hover:not(.on) {
	background-color: var(--color);
	color: #ffffff
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .lt .f_link .li {
		padding: .2rem .32rem
	}
}

.newsinfo-sec1 .cont .lt .qie {
	display: flex;
	align-items: flex-start
}

.newsinfo-sec1 .cont .lt .qie .f_list {
	flex: 1 1 auto
}

.newsinfo-sec1 .cont .lt .qie .f_list .li {
	width: 100%;
	margin-bottom: .12rem
}

.newsinfo-sec1 .cont .lt .qie .f_list .li a {
	transition: all .4s;
	background-size: 0 100%;
	background-repeat: no-repeat;
	color: #999;
	overflow: hidden
}

.newsinfo-sec1 .cont .lt .qie .f_list .li a:hover {
	color: #333333;
	background-size: 100% 100%
}

.newsinfo-sec1 .cont .lt .qie .f_list .li:last-child {
	margin-bottom: 0
}

.newsinfo-sec1 .cont .lt .qie .f_but {
	flex: 0 0 auto
}

.newsinfo-sec1 .cont .gt {
	width: 28%
}

@media (max-width: 991px) {
	.newsinfo-sec1 .cont .gt {
		width: 100%;
		margin-top: .7rem
	}
}

@media (min-width: 992px) {
	.newsinfo-sec1 .cont .gt {
		position: sticky;
		position: -webkit-sticky;
		top: 1rem
	}
}

.newsinfo-sec1 .cont .gt .f_title {
	border-bottom: 1px solid rgba(102, 102, 102, 0.1);
	width: 100%;
	padding-bottom: .28rem;
	font-weight: bold;
	color: #000000;
	padding-top: .08rem;
	margin-bottom: .34rem
}

@media (max-width: 1199px) {
	.newsinfo-sec1 .cont .gt .f_title {
		padding-top: .2rem
	}
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .gt .f_title {
		font-size: .32rem
	}
}

.newsinfo-sec1 .cont .gt .f_jut .item {
	margin-bottom: .34rem
}

.newsinfo-sec1 .cont .gt .f_jut .item:last-child {
	margin-bottom: 0
}

.newsinfo-sec1 .cont .gt .f_jut .item .list {
	display: block;
	padding-bottom: .28rem;
	border-bottom: 1px solid rgba(102, 102, 102, 0.1)
}

.newsinfo-sec1 .cont .gt .f_jut .item .list .img {
	margin-bottom: .24rem
}

.newsinfo-sec1 .cont .gt .f_jut .item .list .img:before {
	padding-top: 65.45454545%
}

.newsinfo-sec1 .cont .gt .f_jut .item .list .f_time {
	display: block;
	color: #999999
}

.newsinfo-sec1 .cont .gt .f_jut .item .list .f_tit {
	color: #333333;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	transition: color .4s linear;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-bottom: .2rem;
	-webkit-box-orient: vertical
}

.newsinfo-sec1 .cont .gt .f_jut .item .list .f_tit span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: background .4s
}

.newsinfo-sec1 .cont .gt .f_jut .item .list:hover .img img {
	transform: scale(1.08)
}

.newsinfo-sec1 .cont .gt .f_jut .item .list:hover .font .f_tit {
	color: #004896
}

.newsinfo-sec1 .cont .gt .f_jut .item .list:hover .font .f_tit span {
	background-size: 100% 100%
}

@media (max-width: 991px) {
	.newsinfo-sec1 .cont .gt .f_jut {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -0.15rem
	}

	.newsinfo-sec1 .cont .gt .f_jut .item {
		width: 33.333%;
		padding: 0 .15rem
	}

	.newsinfo-sec1 .cont .gt .f_jut .item .list {
		padding-top: 0;
		border-top: none
	}
}

@media (max-width: 767px) {
	.newsinfo-sec1 .cont .gt .f_jut .item {
		width: 50%
	}
}

.faqbox {
	background: #f5f7f9
}

.faqbox_list .item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 .46rem;
	transition: all .4s;
	position: relative;
	margin-top: -1px
}

@media (max-width: 767px) {
	.faqbox_list .item {
		padding: 0 .32rem
	}
}

.faqbox_list .item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.faqbox_list .item:after,
.faqbox_list .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.faqbox_list .item:after {
	width: 100%;
	height: 100%;
	background: #ffffff;
	opacity: 0;
	transition: all .4s linear;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 98% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%)
}

.faqbox_list .item:before {
	width: calc(100% - .3rem);
	height: calc(100% - .3rem);
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	box-shadow: 0 0 .5rem 0 rgba(0, 54, 134, 0.06)
}

.faqbox_list .item .f_tit1,
.faqbox_list .item .f_jut {
	position: relative;
	z-index: 2
}

.faqbox_list .item .f_tit1 {
	padding: .42rem 0;
	display: flex;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none
}

@media (max-width: 767px) {
	.faqbox_list .item .f_tit1 {
		flex-wrap: wrap
	}
}

.faqbox_list .item .f_tit1 .f_tit {
	flex: 1 1 auto
}

.faqbox_list .item .f_tit1 .but {
	flex: 0 0 auto;
	width: 22px;
	height: 2px;
	margin-left: .3rem;
	background: #666666;
	position: relative;
	top: .75em;
	margin-top: -1px
}

@media (max-width: 1580px) {
	.faqbox_list .item .f_tit1 .but {
		width: 18px
	}
}

@media (max-width: 767px) {
	.faqbox_list .item .f_tit1 .but {
		width: .3rem;
		height: 1px
	}
}

.faqbox_list .item .f_tit1 .but:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #666666;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: all .4s
}

.faqbox_list .item .f_jut {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	color: #666666;
	line-height: 1.875;
	padding: .41rem 0;
	display: none
}

@media (max-width: 767px) {
	.faqbox_list .item .f_jut {
		line-height: 1.5;
		padding: .5rem 0 .6rem
	}
}

.faqbox_list .item:hover {
	border-color: transparent;
	position: relative;
	z-index: 2
}

.faqbox_list .item:hover:before,
.faqbox_list .item:hover:after {
	opacity: 1
}

.faqbox_list .item:hover .f_tit1 .but {
	background: var(--color)
}

.faqbox_list .item:hover .f_tit1 .but:before {
	background-color: var(--color)
}

.faqbox_list .item.on {
	border-color: transparent;
	position: relative;
	z-index: 2
}

.faqbox_list .item.on:before,
.faqbox_list .item.on:after {
	opacity: 1
}

.faqbox_list .item.on .f_tit1 .but {
	background: var(--color)
}

.faqbox_list .item.on .f_tit1 .but:before {
	opacity: 0;
	background-color: var(--color)
}

.faqbox-sec1 {
	padding: .6rem 0 1.1rem
}

.faqbox-sec1 .f_title {
	color: #111111;
	padding-bottom: .4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .4rem
}

.faqbox-sec1 .newsbox_menu {
	margin-bottom: .4rem
}

.faqbox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.faqbox-sec1 .faqbox_list {
	margin-bottom: .8rem
}

.base_next,
.base_prev {
	background: none;
	width: .5rem;
	border-radius: 0;
	height: .5rem;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	-webkit-user-select: none;
	position: relative;
	margin-top: 0;
	top: 0;
	right: 0;
	left: 0;
	transition: all .4s;
	opacity: 1
}

@media (max-width: 1580px) {

	.base_next,
	.base_prev {
		width: .66rem;
		height: .66rem
	}
}

@media (max-width: 767px) {

	.base_next,
	.base_prev {
		width: .78rem;
		height: .78rem
	}
}

.base_next img,
.base_prev img,
.base_next svg,
.base_prev svg {
	width: 6px;
	height: 10px
}

.base_next img path,
.base_prev img path,
.base_next svg path,
.base_prev svg path {
	fill: var(--color);
	transition: all .4s
}

.base_next:hover,
.base_prev:hover {
	background-color: var(--color)
}

.base_next:hover svg path,
.base_prev:hover svg path {
	fill: #ffffff
}

.base_prev {
	clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
	clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px)
}

.base_next {
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.systembanner {
	position: relative;
	overflow: hidden
}

.systembanner .bag {
	display: block;
	height: 6.8rem;
	width: 100%;
	position: relative
}

.systembanner .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.systembanner .bag video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.systembanner .bag:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2
}

.systembanner .breadbox {
	position: absolute;
	left: 0;
	width: 100%;
	top: 100px
}

@media (max-width: 1580px) {
	.systembanner .breadbox {
		top: 80px
	}
}

@media (max-width: 767px) {
	.systembanner .breadbox {
		top: 60px
	}
}

.systembanner .breadbox .fcont a,
.systembanner .breadbox .fcont span {
	color: #ffffff;
	opacity: .6
}

.systembanner .breadbox .fcont a:hover {
	opacity: 1
}

.systembanner .breadbox .fcont a:last-child {
	opacity: .6
}

.systembanner .breadbox .fcont span svg path {
	fill: #ffffff
}

.systembanner .cont {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	color: #ffffff
}

.systembanner .cont .f_name {
	margin-bottom: .15rem
}

.systembanner .cont .f_tit {
	color: #ffffff;
	line-height: 1.2
}

.systembanner .cont .f_text {
	margin-top: .2rem
}

.systembox-sec1 {
	line-height: .8rem;
	height: .8rem;
	z-index: 333;
	background: #ffffff
}

@media (max-width: 767px) {
	.systembox-sec1 {
		height: 1rem;
		line-height: 1rem
	}
}

.systembox-sec1 .cont {
	line-height: .8rem;
	height: .8rem;
	width: 100%;
	background: #ffffff;
	position: relative;
	transition: all .4s linear;
	overflow: hidden
}

@media (max-width: 767px) {
	.systembox-sec1 .cont {
		height: 1rem;
		line-height: 1rem
	}
}

.systembox-sec1 .cont:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000000;
	opacity: .1
}

.systembox-sec1 .cont .systembox1_cont {
	width: auto;
	max-width: 100%;
	margin: 0;
	padding-left: .15rem
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide {
	width: auto;
	margin-right: .14rem
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide:last-child {
	margin-right: 0
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide .item {
	display: block;
	color: #666666;
	transition: all .4s;
	cursor: pointer;
	padding: 0 .76rem;
	position: relative;
	text-align: center
}

@media (max-width: 767px) {
	.systembox-sec1 .cont .systembox1_cont .swiper-slide .item {
		padding: 0 .5rem
	}
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color);
	transform: skew(-15deg);
	opacity: 0
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide .item span {
	position: relative;
	display: block
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide:hover:not(.on) .item {
	color: var(--color)
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide.on .item {
	color: #ffffff
}

.systembox-sec1 .cont .systembox1_cont .swiper-slide.on .item:before {
	opacity: 1
}

.systembox-sec1.weizhi1 .cont {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 333;
	line-height: .66rem;
	height: .66rem
}

@media (max-width: 767px) {
	.systembox-sec1.weizhi1 .cont {
		height: .8rem;
		line-height: .8rem
	}
}

.systembox-sec2 {
	padding: 1rem 0 1.2rem
}

.systembox-sec2 .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.systembox-sec2 .container .lt {
	width: 50.71%;
	padding-right: 1.5rem
}

@media (max-width: 1580px) {
	.systembox-sec2 .container .lt {
		padding-right: 1.1rem
	}
}

@media (max-width: 1199px) {
	.systembox-sec2 .container .lt {
		padding-right: .6rem
	}
}

@media (max-width: 767px) {
	.systembox-sec2 .container .lt {
		width: 100%;
		margin-bottom: .6rem;
		padding-right: 0
	}
}

.systembox-sec2 .container .lt .f_tit {
	color: #333333;
	margin-bottom: .15rem
}

.systembox-sec2 .container .lt .f_text {
	color: #666666;
	line-height: 1.5;
	margin-bottom: .68rem
}

.systembox-sec2 .container .lt .f_jut .li {
	display: flex;
	align-items: center;
	margin-bottom: .26rem
}

.systembox-sec2 .container .lt .f_jut .li:last-child {
	margin-bottom: 0
}

.systembox-sec2 .container .lt .f_jut .li i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .56rem;
	height: .56rem;
	flex: 0 0 auto;
	background-color: rgba(237, 240, 244, 0.8);
	border: solid 1px #e8e8e8;
	border-radius: 50%
}

@media (max-width: 767px) {
	.systembox-sec2 .container .lt .f_jut .li i {
		width: .8rem;
		height: .8rem
	}
}

.systembox-sec2 .container .lt .f_jut .li i img,
.systembox-sec2 .container .lt .f_jut .li i svg {
	max-width: 32.14285714%;
	max-height: 39.28571429%;
	width: auto;
	height: auto
}

.systembox-sec2 .container .lt .f_jut .li span,
.systembox-sec2 .container .lt .f_jut .li a {
	flex: 1 1 auto;
	color: #000000;
	display: block;
	padding-left: .2rem;
	word-break: break-all
}

.systembox-sec2 .container .img {
	width: 49.29%
}

@media (max-width: 767px) {
	.systembox-sec2 .container .img {
		width: 100%
	}
}

.systembox-sec2 .container .img:before {
	padding-top: 55.07246377%
}

.systembox-sec3 {
	padding: 1rem 0 1.4rem;
	background-color: #edf0f4;
	overflow: hidden
}

.systembox-sec3 .f_title {
	color: #000000;
	padding-bottom: .68rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .72rem
}

.systembox-sec3 .cont {
	position: relative;
	display: flex
}

@media (max-width: 767px) {
	.systembox-sec3 .cont {
		flex-wrap: wrap
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.systembox-sec3 .cont .font {
		padding-right: .8rem
	}
}

.systembox-sec3 .cont .font .f_name {
	color: #999999;
	font-weight: bold;
	margin-bottom: .3rem
}

.systembox-sec3 .cont .font .f_tit {
	letter-spacing: -1px;
	color: #333333;
	line-height: 1.3125
}

.systembox-sec3 .cont .lt {
	flex: 0 0 auto;
	width: 50.71%;
	position: relative;
	z-index: 2;
	padding-bottom: .7rem
}

@media (max-width: 767px) {
	.systembox-sec3 .cont .lt {
		width: 100%;
		display: none
	}
}

.systembox-sec3 .cont .lt .font {
	padding-right: 1.72rem;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .4s
}

.systembox-sec3 .cont .lt .font.on {
	opacity: 1;
	position: relative;
	visibility: inherit
}

.systembox-sec3 .cont .systembox3_cont {
	flex: 0 0 auto;
	margin: 0;
	width: 58.571%;
	overflow: inherit;
	position: relative
}

@media (max-width: 767px) {
	.systembox-sec3 .cont .systembox3_cont {
		width: 100%
	}
}

.systembox-sec3 .cont .systembox3_cont:after {
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: #edf0f4;
	z-index: 1
}

@media (max-width: 767px) {
	.systembox-sec3 .cont .systembox3_cont:after {
		display: none
	}
}

.systembox-sec3 .cont .systembox3_cont .item {
	width: 100%
}

.systembox-sec3 .cont .systembox3_cont .item .img {
	width: 100%;
	padding-top: 63.41463415%
}

.systembox-sec3 .cont .systembox3_cont .item .font {
	margin-top: .3rem
}

@media (min-width: 768px) {
	.systembox-sec3 .cont .systembox3_cont .item .font {
		display: none
	}
}

.systembox-sec3 .cont .systembox3_cont .item .font .f_name {
	margin-bottom: .1rem
}

.systembox-sec3 .cont .qie {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 3;
	width: 100%;
	margin-top: .6rem
}

@media (min-width: 768px) {
	.systembox-sec3 .cont .qie {
		width: 50.71%;
		position: absolute;
		bottom: 0;
		left: 0;
		padding-right: .8rem;
		margin-top: 0
	}
}

.systembox-sec3 .cont .qie .systembox3_pagin {
	position: relative;
	bottom: 0;
	margin: 0;
	text-align: left;
	display: flex;
	align-items: flex-end;
	line-height: .9;
	color: #999999
}

.systembox-sec3 .cont .qie .systembox3_pagin .fsum {
	font-size: .56rem;
	color: var(--color);
	line-height: .8
}

.systembox-sec3 .cont .qie .f_btn {
	display: flex;
	align-items: center
}

.systembox-sec3 .cont .qie .f_btn .systembox3_prev {
	margin-right: 14px
}

@media (max-width: 1580px) {
	.systembox-sec3 .cont .qie .f_btn .systembox3_prev {
		margin-right: 10px
	}
}

.systembox-sec4 {
	position: relative
}

.systembox-sec4 .cont {
	width: 100%
}

.systembox-sec4 .cont .f_title1 {
	text-align: center;
	color: #333333
}

@media (min-width: 768px) {
	.systembox-sec4 .cont {
		position: absolute;
		left: 0;
		top: .92rem
	}
}

.systembox-sec4 .img {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	height: 12rem
}

.systembox-sec4 .img img {
	height: 100%;
	max-width: 100%;
	object-fit: cover
}

@keyframes imgMove {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}

	0% {
		transform: translateY(0)
	}
}

.systembox-sec4 .img .c-move img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.systembox-sec4 .img .c-move img:nth-child(2n-1) {
	animation: imgMove 2s ease-in-out infinite
}

.systembox-sec4 .img .c-move img:nth-child(2n) {
	animation: imgMove 2s 1s ease-in-out infinite
}

@media (max-width: 767px) {
	.systembox-sec4 {
		padding: 1.2rem 0 0
	}

	.systembox-sec4 .f_title1 {
		margin-bottom: .54rem
	}

	.systembox-sec4 .img {
		height: 6rem
	}
}

.systembox-sec5 {
	background-color: #edf0f4;
	overflow: hidden;
	padding: 1.3rem 0 1.6rem
}

.systembox-sec5 .container {
	position: relative;
	display: flex;
	flex-wrap: wrap
}

.systembox-sec5 .container .bag {
	position: absolute;
	top: 5rem;
	left: -1.3rem;
	height: 5rem
}

.systembox-sec5 .container .bag img {
	width: auto;
	height: 100%
}

.systembox-sec5 .container .font,
.systembox-sec5 .container .f_form {
	width: 50%
}

@media (max-width: 767px) {

	.systembox-sec5 .container .font,
	.systembox-sec5 .container .f_form {
		width: 100%
	}
}

.systembox-sec5 .container .font {
	padding-right: 2.28rem
}

@media (max-width: 1580px) {
	.systembox-sec5 .container .font {
		padding-right: 1.8rem
	}
}

@media (max-width: 991px) {
	.systembox-sec5 .container .font {
		padding-right: 1.2rem
	}
}

@media (max-width: 767px) {
	.systembox-sec5 .container .font {
		padding-right: 0;
		width: 100%;
		text-align: center;
		margin-bottom: .56rem
	}
}

.systembox-sec5 .container .font .f_tit {
	color: #333333;
	margin-bottom: .24rem
}

.systembox-sec5 .container .font .f_text {
	color: #666666;
	line-height: 1.6
}

.systembox-sec5 .container .f_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative
}

.systembox-sec5 .container .f_form .item {
	width: 48%;
	width: calc(50% - 8px);
	margin-bottom: .25rem
}

.systembox-sec5 .container .f_form .item .f_name {
	color: #333333;
	margin-bottom: 7px
}

@media (max-width: 1580px) {
	.systembox-sec5 .container .f_form .item .f_name {
		margin-bottom: 5px
	}
}

.systembox-sec5 .container .f_form .item .f_name span {
	color: #d10707
}

.systembox-sec5 .container .f_form .item .f_int input,
.systembox-sec5 .container .f_form .item .f_int textarea {
	width: 100%;
	background-color: #ffffff;
	border: solid 1px #ededed;
	padding: .14rem .2rem;
	color: #333
}

@media (max-width: 767px) {

	.systembox-sec5 .container .f_form .item .f_int input,
	.systembox-sec5 .container .f_form .item .f_int textarea {
		padding: .2rem .34rem
	}
}

.systembox-sec5 .container .f_form .item .f_int input::placeholder,
.systembox-sec5 .container .f_form .item .f_int textarea::placeholder {
	color: #999999
}

.systembox-sec5 .container .f_form .item .f_int input::-webkit-input-placeholder,
.systembox-sec5 .container .f_form .item .f_int textarea::-webkit-input-placeholder {
	color: #999999
}

.systembox-sec5 .container .f_form .f_textarea {
	width: 100%;
	margin-bottom: .27rem
}

.systembox-sec5 .container .f_form .f_textarea .f_int {
	position: relative
}

.systembox-sec5 .container .f_form .f_textarea .f_int textarea {
	height: 2rem;
	padding-bottom: .32rem;
	margin-bottom: 0
}

@media (max-width: 767px) {
	.systembox-sec5 .container .f_form .f_textarea .f_int textarea {
		height: 3.2rem
	}
}

.systembox-sec5 .container .f_form .f_textarea .f_int .f_zhi {
	position: absolute;
	right: 16px;
	bottom: 14px;
	color: #999999
}

@media (max-width: 1580px) {
	.systembox-sec5 .container .f_form .f_textarea .f_int .f_zhi {
		bottom: 10px;
		right: 12px
	}
}

.systembox-sec5 .container .f_form .f_textarea .f_int .f_zhi span {
	color: var(--color)
}

.systembox-sec5 .container .f_form .f_tag {
	width: 100%;
	margin-bottom: .36rem
}

.systembox-sec5 .container .f_form .f_tag .f_check {
	position: relative;
	display: flex;
	align-items: flex-start
}

.systembox-sec5 .container .f_form .f_tag .f_check .layui-form-checkbox {
	display: none
}

.systembox-sec5 .container .f_form .f_tag .f_check input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.systembox-sec5 .container .f_form .f_tag .f_check i {
	flex: 0 0 auto;
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	display: flex;
	align-items: center;
	transition: all .4s;
	justify-content: center;
	position: relative;
	top: .75em;
	border-radius: 2px;
	transform: translateY(-50%)
}

@media (max-width: 767px) {
	.systembox-sec5 .container .f_form .f_tag .f_check i {
		width: 12px;
		height: 12px
	}
}

.systembox-sec5 .container .f_form .f_tag .f_check i:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .4s;
	background: var(--color) url(../images/dagouimg1.svg) center / 66.66666667% auto no-repeat
}

.systembox-sec5 .container .f_form .f_tag .f_check input:checked~i {
	background-color: var(--color);
	border-color: var(--color)
}

.systembox-sec5 .container .f_form .f_tag .f_check input:checked~i:before {
	opacity: 1
}

.systembox-sec5 .container .f_form .f_tag .f_check p {
	flex: 1 1 auto;
	color: #999999;
	line-height: 1.5;
	padding-left: 7px
}

.systembox-sec5 .container .f_form .f_tag .f_check p a {
	transition: all .4s;
	color: #999999
}

.systembox-sec5 .container .f_form .f_tag .f_check p a:hover {
	color: var(--color)
}

.systembox-sec5 .container .f_form .f_sub {
	width: 100%;
	background-color: #003686;
	color: #ffffff;
	transition: all .4s;
	font-weight: bold;
	padding: .17rem
}

@media (max-width: 767px) {
	.systembox-sec5 .container .f_form .f_sub {
		padding: .22rem .34rem
	}
}

.systembox-sec5 .container .f_form .f_sub:hover {
	opacity: .8
}

.systembox~.footerbox {
	background: #ffffff
}

.productbox {
	background: linear-gradient(to bottom, #f0f2f6, rgba(255, 255, 255, 0))
}

.productbox_menu {
	display: flex;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .4rem;
	align-items: flex-end;
	flex-wrap: wrap
}

.productbox_menu .font {
	width: 34.428%;
	padding-bottom: .36rem
}

@media (max-width: 767px) {
	.productbox_menu .font {
		width: 100%;
		text-align: center
	}
}

.productbox_menu .font .f_tit {
	color: #111111;
	margin-bottom: .12rem
}

.productbox_menu .font .f_text {
	color: #999999
}

.productbox_menu .productbox_nav {
	margin: 0;
	width: auto;
	max-width: 70%;
	margin-bottom: -1px
}

@media (max-width: 767px) {
	.productbox_menu .productbox_nav {
		max-width: 100%
	}
}

.productbox_menu .productbox_nav .swiper-slide {
	width: auto;
	margin-right: .6rem
}

@media (max-width: 1580px) {
	.productbox_menu .productbox_nav .swiper-slide {
		margin-right: .34rem
	}
}

@media (max-width: 767px) {
	.productbox_menu .productbox_nav .swiper-slide {
		margin-right: .5rem
	}
}

.productbox_menu .productbox_nav .swiper-slide:last-child {
	margin-right: 0
}

.productbox_menu .productbox_nav .swiper-slide .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	text-align: center;
	padding-bottom: .26rem;
	position: relative
}

.productbox_menu .productbox_nav .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0;
	height: 3px;
	transition: all .4s;
	background-color: var(--color)
}

@media (max-width: 1580px) {
	.productbox_menu .productbox_nav .swiper-slide .item:before {
		height: 2px
	}
}

.productbox_menu .productbox_nav .swiper-slide .item .f_icon {
	height: .54rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .14rem
}

@media (max-width: 767px) {
	.productbox_menu .productbox_nav .swiper-slide .item .f_icon {
		height: .66rem
	}
}

.productbox_menu .productbox_nav .swiper-slide .item .f_icon img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.productbox_menu .productbox_nav .swiper-slide .item .f_icon img:nth-child(2) {
	display: none
}

.productbox_menu .productbox_nav .swiper-slide .item .f_tit {
	color: #cecece;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	line-height: 30px
}

@media (max-width: 1580px) {
	.productbox_menu .productbox_nav .swiper-slide .item .f_tit {
		line-height: 26px
	}
}

@media (max-width: 991px) {
	.productbox_menu .productbox_nav .swiper-slide .item .f_tit {
		line-height: 24px
	}
}

.productbox_menu .productbox_nav .swiper-slide.on .item .f_icon img {
	display: none
}

.productbox_menu .productbox_nav .swiper-slide.on .item .f_icon img:nth-child(2) {
	display: block
}

.productbox_menu .productbox_nav .swiper-slide.on .item .f_tit {
	color: #333333
}

.productbox_menu .productbox_nav .swiper-slide.on .item:before {
	width: 100%
}

.productbox_label .swiper-slide {
	width: auto;
	margin-right: 4px
}

.productbox_label .swiper-slide .item {
	display: block;
	padding: .13rem .3rem;
	padding-right: .38rem;
	transition: all .4s;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.productbox_label .swiper-slide .item span {
	font-weight: bold;
	color: #999999;
	transition: all .4s;
	position: relative
}

.productbox_label .swiper-slide .item span i {
	position: absolute;
	left: 100%;
	top: -0.3em;
	margin-left: 2px;
	font-size: 12px;
	opacity: 0;
	transition: opacity .4s;
	display: block;
	font-style: normal
}

@media (max-width: 1580px) {
	.productbox_label .swiper-slide .item span i {
		font-size: 10px
	}
}

.productbox_label .swiper-slide:hover:not(.on) .item span {
	color: var(--color)
}

.productbox_label .swiper-slide.on .item {
	background-color: var(--color)
}

.productbox_label .swiper-slide.on .item span {
	color: #ffffff
}

.productbox_label .swiper-slide.on .item span i {
	opacity: 1
}

.productbox_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.productbox_list .item {
	width: 25%;
	padding: 0 .1rem;
	margin-bottom: .4rem
}

@media (max-width: 991px) {
	.productbox_list .item {
		width: 33.333%
	}
}

@media (max-width: 767px) {
	.productbox_list .item {
		width: 50%
	}
}

.productbox_list .item .list {
	display: block;
	position: relative
}

.productbox_list .item .list:before,
.productbox_list .item .list:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%)
}

.productbox_list .item .list:before {
	right: 0;
	bottom: 0;
	margin: -1px;
	width: auto;
	height: auto;
	background: #edf0f4
}

.productbox_list .item .list .img,
.productbox_list .item .list .font {
	position: relative;
	z-index: 1
}

.productbox_list .item .list .img {
	padding-top: 71.83098592%;
	display: block;
	background-color: #fafbfd
}

.productbox_list .item .list .img img:nth-child(2) {
	opacity: 0
}

.productbox_list .item .list .font {
	border-top: 1px solid #e8e8e8;
	padding: .24rem .28rem .18rem
}

.productbox_list .item .list .font .f_tit {
	color: #333333;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: .35rem;
	margin-bottom: .28rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.productbox_list .item .list .font .f_tit span {
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

.productbox_list .item .list .font .f_tag {
	display: flex;
	flex-wrap: wrap
}

.productbox_list .item .list .font .f_tag .li {
	line-height: 1.42857143;
	background: #edf0f4;
	color: #333333;
	padding: 0 8px;
	margin-right: 10px;
	margin-bottom: 10px
}

@media (max-width: 1580px) {
	.productbox_list .item .list .font .f_tag .li {
		margin-right: 8px;
		margin-bottom: 8px
	}
}

@media (max-width: 767px) {
	.productbox_list .item .list .font .f_tag .li {
		font-size: .22rem
	}
}

.productbox_list .item .list:hover .img img {
	opacity: 0
}

.productbox_list .item .list:hover .img img:nth-child(2) {
	opacity: 1
}

.productbox_list .item .list:hover .font .f_tit {
	color: var(--color)
}

.productbox_list .item .list:hover .font .f_tit span {
	background-size: 100% 100%
}

.productbox-sec1 {
	padding: .78rem 0 1.1rem
}

.productbox-sec1 .productbox_label {
	margin-bottom: .4rem
}

.productbox-sec1 .basepage {
	margin-top: .4rem
}

.productbox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.pro_infobox-sec1 {
	background-color: #edf0f4;
	padding-bottom: .82rem
}

.pro_infobox-sec1 .breadbox {
	margin-bottom: .88rem
}

.pro_infobox-sec1>.container {
	display: flex;
	flex-wrap: wrap
}

.pro_infobox-sec1>.container .lt {
	width: 37.4285%;
	background: linear-gradient(to bottom, #ffffff 80%, rgba(255, 255, 255, 0));
	padding: .42rem .46rem;
	min-height: 6.4rem
}

@media (max-width: 991px) {
	.pro_infobox-sec1>.container .lt {
		order: 1;
		margin-top: .6rem;
		width: 100%;
		min-height: inherit
	}
}

.pro_infobox-sec1>.container .lt .f_tit {
	letter-spacing: -1px;
	color: #333333;
	line-height: 1.25;
	margin-bottom: .26rem
}

.pro_infobox-sec1>.container .lt .f_text {
	color: #666666;
	line-height: 1.875;
	min-height: 1.8rem;
	padding-bottom: .23rem;
	border-bottom: 1px solid #edf0f4;
	margin-bottom: .25rem
}

.pro_infobox-sec1>.container .lt .f_info {
	color: #003686;
	font-weight: bold;
	margin-bottom: .88rem
}

.pro_infobox-sec1>.container .lt .hm_but {
	cursor: pointer
}

.pro_infobox-sec1>.container .gt {
	width: 62.5715%;
	padding-left: .36rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

@media (max-width: 991px) {
	.pro_infobox-sec1>.container .gt {
		width: 80%;
		margin: 0 auto
	}
}

@media (max-width: 767px) {
	.pro_infobox-sec1>.container .gt {
		width: 100%;
		padding-left: 0
	}
}

.pro_infobox-sec1>.container .gt .pro_infobox1_cont {
	width: 88%;
	width: calc(100% - 95px);
	padding-right: 16px
}

@media (max-width: 1580px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_cont {
		padding-right: 12;
		width: calc(100% - 90px)
	}
}

@media (max-width: 991px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_cont {
		width: calc(100% - 80px)
	}
}

@media (max-width: 767px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_cont {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px
	}
}

.pro_infobox-sec1>.container .gt .pro_infobox1_cont .swiper-slide {
	width: 100%
}

.pro_infobox-sec1>.container .gt .pro_infobox1_cont .swiper-slide .img {
	width: 100%;
	padding-top: 100%
}

.pro_infobox-sec1>.container .gt .pro_infobox1_cont .swiper-slide .img img {
	object-fit: contain
}

.pro_infobox-sec1>.container .gt .pro_infobox1_nav {
	width: 95px;
	max-height: 6.4rem
}

@media (max-width: 1580px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_nav {
		width: 90px
	}
}

@media (max-width: 991px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_nav {
		width: 80px
	}
}

@media (max-width: 767px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_nav {
		width: 100%
	}
}

.pro_infobox-sec1>.container .gt .pro_infobox1_nav .swiper-slide {
	height: auto;
	margin: 8px 0
}

@media (max-width: 1580px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_nav .swiper-slide {
		margin: 6px 0
	}
}

.pro_infobox-sec1>.container .gt .pro_infobox1_nav .swiper-slide .img {
	background: #ffffff;
	padding-top: 100%;
	border: solid 1px #ededed
}

.pro_infobox-sec1>.container .gt .pro_infobox1_nav .swiper-slide-thumb-active .img {
	border-color: var(--color)
}

@media (max-width: 767px) {
	.pro_infobox-sec1>.container .gt .pro_infobox1_nav .swiper-slide {
		width: auto;
		margin: 0
	}
}

@media (max-width: 767px) {
	.pro_infobox-sec1 {
		padding-bottom: 1.2rem
	}
}

.pro_infobox-sec2 {
	padding: 1.3rem 0 1.6rem
}

.pro_infobox-sec2 .container {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}

.pro_infobox-sec2 .container .lt {
	width: 27.143%;
	padding-right: .3rem;
	padding-top: .88rem;
	padding-top: 1rem
}

@media (max-width: 991px) {
	.pro_infobox-sec2 .container .lt {
		width: 20%
	}
}

@media (max-width: 991px) {
	.pro_infobox-sec2 .container .lt {
		width: 100%;
		display: none
	}
}

@media (min-width: 768px) {
	.pro_infobox-sec2 .container .lt {
		position: sticky;
		position: -webkit-sticky;
		top: 1rem
	}
}

.pro_infobox-sec2 .container .lt .f_nav {
	width: 100%;
	border-left: 2px solid rgba(0, 0, 0, 0.1)
}

.pro_infobox-sec2 .container .lt .f_nav li {
	margin-left: -1px;
	width: 100%;
	position: relative;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	display: block;
	margin-bottom: .18rem
}

.pro_infobox-sec2 .container .lt .f_nav li:last-child {
	margin-bottom: 0
}

.pro_infobox-sec2 .container .lt .f_nav li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 0;
	width: 1px;
	background: var(--color);
	transition: all .4s
}

.pro_infobox-sec2 .container .lt .f_nav li .f_tit {
	padding: 3px .2rem;
	width: 100%
}

.pro_infobox-sec2 .container .lt .f_nav .on:before {
	height: 100%
}

.pro_infobox-sec2 .container .gt {
	width: 72.857%
}

@media (max-width: 991px) {
	.pro_infobox-sec2 .container .gt {
		width: 76%
	}
}

@media (max-width: 991px) {
	.pro_infobox-sec2 .container .gt {
		width: 100%
	}
}

.pro_infobox-sec2 .container .gt .f_jut {
	margin-bottom: .7rem
}

.pro_infobox-sec2 .container .gt .f_jut .f_title {
	color: #333333
}

.pro_infobox-sec2 .container .gt .f_jut .fz_txt {
	color: #999999;
	line-height: 1.875;
	margin-top: .2rem
}

@media (max-width: 991px) {
	.pro_infobox-sec2 .container .gt .f_jut .fz_txt {
		line-height: 1.625
	}
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont {
	margin: .3rem -0.1rem 0;
	padding-top: .4rem;
	border-top: 1px solid #edf0f4;
	display: flex;
	flex-wrap: wrap
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item {
	width: 33.333%;
	padding: 0 .1rem;
	flex: 1 1 auto;
	margin-bottom: .2rem
}

@media (max-width: 767px) {
	.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item {
		width: 50%;
		margin-bottom: .5rem
	}
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list {
	height: 100%;
	display: block;
	position: relative
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list:before,
.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%)
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list:before {
	right: 0;
	bottom: 0;
	margin: -1px;
	width: auto;
	height: auto;
	background: #e8e8e8
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .f_img,
.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .font {
	position: relative;
	z-index: 1
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .f_img {
	background-color: #fafbfd;
	padding: .62rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .f_img .f_icon {
	width: 1.08rem;
	height: 1.08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 50%
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .f_img .f_icon img,
.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .f_img .f_icon svg {
	width: auto;
	height: auto;
	object-fit: contain;
	max-width: 55.55555556%;
	max-height: 55.55555556%
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .font {
	border-top: 1px solid #e8e8e8;
	padding: .3rem .3rem .28rem
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .font .f_tit {
	color: #000000;
	margin-bottom: .1rem
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .font .f_name {
	color: var(--color);
	padding-bottom: .36rem;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: .3rem
}

.pro_infobox-sec2 .container .gt .f_jut .particular_cont .item .list .font .f_text {
	color: #666666;
	line-height: 1.5
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont {
	margin-top: .4rem
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont table td,
.pro_infobox-sec2 .container .gt .f_jut .params_cont table th {
	border: none;
	padding: .26rem .4rem
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont table tbody tr {
	background: #edf0f4;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont table tbody tr:nth-child(2n) {
	background: #ffffff
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont table tbody tr td {
	color: #666666
}

.pro_infobox-sec2 .container .gt .f_jut .params_cont table tbody tr td:nth-child(1) {
	width: 23.9%;
	color: #000000;
	font-weight: bold;
	border-right: 1px solid rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
	.pro_infobox-sec2 .container .gt .f_jut .params_cont table tbody tr td:nth-child(1) {
		width: 32%
	}
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont {
	margin: .3rem 0 0;
	padding-top: .4rem;
	border-top: 1px solid #edf0f4
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: .4rem
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item:last-child {
	margin-bottom: 0
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .img {
	display: block;
	padding-top: 47.05882353%
}

@media (max-width: 767px) {
	.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .img {
		padding-top: 100%
	}
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 45.09%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: .6rem 1.26rem .6rem .52rem;
	background-color: rgba(0, 54, 134, 0.8)
}

@media (max-width: 767px) {
	.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font {
		width: 100%;
		background-color: rgba(0, 54, 134, 0.5)
	}
}

@media (min-width: 768px) {
	.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font {
		clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%)
	}
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .f_tit {
	color: #ffffff;
	margin-bottom: .24rem;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .xian {
	width: .74rem;
	height: 2px;
	margin-bottom: .2rem;
	background-color: #edf0f4
}

@media (max-width: 767px) {
	.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .xian {
		display: none
	}
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .f_text {
	line-height: 1.5;
	color: #ffffff;
	opacity: .6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	height: 4.5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: .68rem
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .hm_but:before {
	background: #ffffff
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .hm_but i svg path {
	fill: var(--color)
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font .hm_but span {
	color: var(--color)
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item:hover .img img {
	transform: scale(1.04)
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont .item .font {
	transform: translateX(-100%)
}

.pro_infobox-sec2 .container .gt .f_jut .solution_cont.left_float .item .font {
	transform: translateX(0%);
	transition: all .6s .6s
}

.pro_infobox-sec2 .container .gt .f_jut .quality_cont {
	margin: .3rem 0 0;
	padding-top: .4rem;
	border-top: 1px solid #edf0f4
}

.pro_infobox-sec2 .container .gt .f_jut .quality_cont .img {
	width: 100%
}

.pro_infobox-sec2 .container .gt .f_jut .quality_cont .img img {
	width: 100%;
	height: auto
}

.pro_infobox-sec3 {
	background: linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	padding: 1.1rem 0 1.3rem
}

.pro_infobox-sec3 .f_title {
	text-align: center;
	color: #333;
	margin-bottom: .7rem
}

.planbanner {
	position: relative;
	overflow: hidden;
	padding: 1.16rem 0 1.1rem;
	min-height: 6.8rem
}

.planbanner .bag {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.planbanner .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.planbanner .bag:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .4
}

.planbanner .breadbox {
	position: relative;
	margin-bottom: .78rem
}

.planbanner .breadbox .fcont a,
.planbanner .breadbox .fcont span {
	color: #ffffff;
	opacity: .6
}

.planbanner .breadbox .fcont span svg path {
	fill: #ffffff
}

.planbanner .breadbox .fcont a:hover {
	opacity: 1
}

.planbanner .breadbox .fcont a:last-child {
	opacity: .6
}

.planbanner .container {
	position: relative
}

.planbanner .container .lt {
	color: #fff;
	width: 42.14%
}

@media (max-width: 991px) {
	.planbanner .container .lt {
		width: 60%
	}
}

@media (max-width: 767px) {
	.planbanner .container .lt {
		width: 100%
	}
}

.planbanner .container .lt .f_tit {
	line-height: 1.25;
	margin-bottom: .28rem
}

.planbanner .container .lt .f_text {
	padding-bottom: .26rem;
	color: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid rgba(237, 240, 244, 0.1);
	margin-bottom: .36rem;
	line-height: 1.5
}

.planbanner .container .lt .f_name {
	line-height: 1.5;
	margin-bottom: .48rem
}

.planbanner .container .lt .hm_but {
	cursor: pointer
}

.plan_infobox-sec1 {
	padding: 1.36rem 0 1.2rem
}

.plan_infobox-sec1 .item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: solid 1px #e8e8e8;
	margin-bottom: .7rem
}

.plan_infobox-sec1 .item:last-child {
	margin-bottom: 0
}

.plan_infobox-sec1 .item .img,
.plan_infobox-sec1 .item .font {
	width: 50%
}

@media (max-width: 767px) {

	.plan_infobox-sec1 .item .img,
	.plan_infobox-sec1 .item .font {
		width: 100%
	}
}

.plan_infobox-sec1 .item .img {
	margin: -1px
}

.plan_infobox-sec1 .item .img:before {
	padding-top: 68.57142857%
}

.plan_infobox-sec1 .item .font {
	padding: .4rem 1rem;
	padding-right: 1.1rem
}

@media (max-width: 767px) {
	.plan_infobox-sec1 .item .font {
		padding: .34rem .34rem .5rem
	}
}

.plan_infobox-sec1 .item .font .f_tit {
	color: #333333;
	width: 100%;
	line-height: 1.3;
	margin-bottom: .34rem
}

.plan_infobox-sec1 .item .font .f_text {
	line-height: 1.875;
	color: #666666
}

@media (max-width: 991px) {
	.plan_infobox-sec1 .item .font .f_text {
		line-height: 1.625
	}
}

@media (min-width: 768px) {
	.plan_infobox-sec1 .item:nth-child(2n) .img {
		order: 1
	}

	.plan_infobox-sec1 .item:nth-child(2n) .font {
		padding: .4rem 1.2rem .4rem 1rem
	}
}

.plan_infobox-sec2 {
	background: #edf0f4;
	padding: 1.3rem 0 1.6rem
}

.plan_infobox-sec2 .f_title {
	color: #333333;
	text-align: center;
	margin-bottom: .7rem
}

.plan_infobox-sec2 .cont {
	position: relative
}

.plan_infobox-sec2 .cont .plan_infobox2_cont .swiper-slide {
	margin-bottom: 0;
	height: auto
}

@media (max-width: 767px) {
	.plan_infobox-sec2 .cont .plan_infobox2_cont .swiper-slide {
		width: 80%
	}
}

.plan_infobox-sec2 .cont .plan_infobox2_cont .swiper-slide .list {
	height: 100%
}

.plan_infobox-sec2 .cont .plan_infobox2_prev,
.plan_infobox-sec2 .cont .plan_infobox2_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width: 1199px) {

	.plan_infobox-sec2 .cont .plan_infobox2_prev,
	.plan_infobox-sec2 .cont .plan_infobox2_next {
		display: none
	}
}

.plan_infobox-sec2 .cont .plan_infobox2_prev {
	right: inherit;
	left: -1rem
}

.plan_infobox-sec2 .cont .plan_infobox2_next {
	left: inherit;
	right: -1rem
}

.plan_infobox-sec2 .cont .plan_infobox2_pagin {
	position: absolute;
	bottom: -0.45rem;
	width: 100%;
	display: flex;
	justify-content: center
}

.plan_infobox-sec2 .cont .plan_infobox2_pagin span {
	width: 7px;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.plan_infobox-sec2 .cont .plan_infobox2_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.plan_infobox~.footerbox {
	background: #ffffff
}

.childrenbox-sec1 {
	padding: .46rem 0 1.3rem;
	background: linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0))
}

@media (max-width: 767px) {
	.childrenbox-sec1 {
		padding: 1.3rem 0
	}
}

.childrenbox-sec1 .newsbox_menu {
	align-items: center;
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .26rem
}

.childrenbox-sec1 .newsbox_menu .f_select {
	width: 2rem
}

@media (max-width: 991px) {
	.childrenbox-sec1 .newsbox_menu .f_select {
		width: 2.6rem
	}
}

@media (max-width: 767px) {
	.childrenbox-sec1 .newsbox_menu .f_select {
		width: 100%;
		margin-bottom: .3rem
	}
}

.childrenbox-sec1 .newsbox_menu .f_select input,
.childrenbox-sec1 .newsbox_menu .f_select .layui-form-select .layui-input,
.childrenbox-sec1 .newsbox_menu .f_select textarea {
	line-height: 1.5;
	padding: .16rem .26rem;
	width: 100%;
	background-color: #ffffff;
	border: none;
	color: #999999;
	font-weight: bold;
	height: auto
}

@media (max-width: 767px) {

	.childrenbox-sec1 .newsbox_menu .f_select input,
	.childrenbox-sec1 .newsbox_menu .f_select .layui-form-select .layui-input,
	.childrenbox-sec1 .newsbox_menu .f_select textarea {
		padding: .2rem .34rem
	}
}

.childrenbox-sec1 .newsbox_menu .f_select .layui-form-select .layui-edge {
	width: 12px;
	height: 100%;
	top: 0%;
	right: .22rem;
	border: none;
	margin-top: 0;
	background: url(../images/selecintimg1.svg) center center / 100% auto no-repeat
}

.childrenbox-sec1 .newsbox_menu .f_select .layui-form-select dl dd.layui-this {
	background-color: var(--color);
	color: #ffffff
}

.childrenbox-sec1 .newsbox_menu .f_select .layui-form-select dl {
	top: 100%
}

.childrenbox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.childrenbox-sec1 .newsbox_menu .f_form .f_sub {
	padding: .16rem .2rem
}

.childrenbox-sec1 .f_label {
	margin-bottom: .36rem
}

.childrenbox-sec1 .f_label span {
	color: var(--color)
}

.childrenbox-sec1 .cont .item {
	display: flex;
	background: #ffffff;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: .5rem
}

.childrenbox-sec1 .cont .item:last-child {
	margin-bottom: 0
}

.childrenbox-sec1 .cont .item .img,
.childrenbox-sec1 .cont .item .font {
	width: 50%
}

@media (max-width: 767px) {

	.childrenbox-sec1 .cont .item .img,
	.childrenbox-sec1 .cont .item .font {
		width: 100%
	}
}

.childrenbox-sec1 .cont .item .img:before {
	padding-top: 58.57142857%
}

.childrenbox-sec1 .cont .item .font {
	padding: .4rem .98rem .4rem .85rem
}

@media (max-width: 767px) {
	.childrenbox-sec1 .cont .item .font {
		padding: .5rem .34rem .66rem
	}
}

.childrenbox-sec1 .cont .item .font .f_tit {
	color: #333333;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: .18rem
}

.childrenbox-sec1 .cont .item .font .f_text {
	color: #666666;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	height: 5.25em;
	margin-bottom: .43rem
}

.childrenbox-sec1 .cont .item:hover .img img {
	transform: scale(1.08)
}

.f_iframe {
	width: 100%
}

.f_iframe iframe {
	width: 100%;
	height: 500px
}

.investorbox .container {
	position: relative
}

.investorbox_tit {
	margin-bottom: .5rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width: 767px) {
	.investorbox_tit {
		align-items: center;
		justify-content: center
	}
}

.investorbox_tit .font {
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.investorbox_tit .font .f_tit {
	color: #333333;
	line-height: 1.2
}

.investorbox_tit .font .f_text {
	color: #858585;
	line-height: 1.625;
	padding-left: .26rem
}

@media (max-width: 767px) {
	.investorbox_tit .font {
		flex-wrap: wrap
	}

	.investorbox_tit .font .f_text {
		width: 100%
	}
}

@media (max-width: 767px) {
	.investorbox_tit .hm_but {
		position: absolute;
		bottom: -1.4rem;
		margin: 0 auto
	}
}

.investorbox_list .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .42rem .3rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.investorbox_list .item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.investorbox_list .item .f_tit {
	color: #333333;
	white-space: nowrap;
	max-width: 76%;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

@media (max-width: 767px) {
	.investorbox_list .item .f_tit {
		width: auto;
		margin-bottom: .1rem;
		max-width: 100%
	}
}

.investorbox_list .item .f_time {
	display: flex;
	align-items: center;
	color: #333333
}

@media (max-width: 767px) {
	.investorbox_list .item .f_time {
		width: 100%
	}
}

.investorbox_list .item .f_time i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 8px
}

@media (max-width: 1580px) {
	.investorbox_list .item .f_time i {
		width: 14px;
		height: 14px
	}
}

.investorbox_list .item .f_time i img,
.investorbox_list .item .f_time i svg {
	width: 100%;
	max-height: 100%
}

.investorbox_list .item .f_time i img path,
.investorbox_list .item .f_time i svg path {
	fill: #000000
}

.investorbox_list .item:hover .f_tit {
	color: var(--color)
}

.investorbox_list .item:hover .f_time {
	color: var(--color)
}

.investorbox_list .item:hover .f_time i svg path {
	fill: var(--color)
}

.investorbox_report .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .4rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.investorbox_report .item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.investorbox_report .item .img {
	width: 24.571%
}

@media (max-width: 767px) {
	.investorbox_report .item .img {
		width: 42%
	}
}

.investorbox_report .item .img:before {
	padding-top: 63.95348837%
}

.investorbox_report .item .font {
	display: flex;
	width: 75.429%;
	padding-left: .7rem
}

@media (max-width: 767px) {
	.investorbox_report .item .font {
		padding-left: .3rem;
		flex-wrap: wrap;
		width: 58%
	}
}

.investorbox_report .item .font .f_tit {
	color: #333333;
	flex: 1 1 auto;
	padding-right: .24rem
}

@media (max-width: 767px) {
	.investorbox_report .item .font .f_tit {
		width: 100%;
		padding-right: 0;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 3em;
		margin-bottom: .1rem
	}
}

.investorbox_report .item .font .f_time {
	width: 84px;
	color: #999999;
	flex: 0 0 auto
}

@media (max-width: 767px) {
	.investorbox_report .item .font .f_time {
		width: 100%;
		font-size: .24rem
	}
}

.investorbox_report .item:hover .img img {
	transform: scale(1.1)
}

.investorbox_report .item:hover .font .f_tit {
	color: var(--color)
}

.investorbox-sec1 {
	padding: 1rem 0 1.4rem
}

@media (max-width: 767px) {
	.investorbox-sec1 {
		padding-bottom: 2.8rem
	}
}

.investorbox-sec1 .f_iframe iframe:nth-child(2) {
	display: none
}

.investorbox-sec2 {
	background-color: #edf0f4;
	padding: 1.1rem 0 1.4rem
}

@media (max-width: 767px) {
	.investorbox-sec2 {
		padding-bottom: 2.8rem
	}
}

.investorbox-sec2 .investorbox_tit {
	margin-bottom: .52rem
}

.investorbox-sec2 .newsbox_menu {
	margin-bottom: .5rem
}

@media (max-width: 767px) {
	.investorbox-sec2 .newsbox_menu {
		justify-content: center
	}

	.investorbox-sec2 .newsbox_menu .newsbox_cont {
		width: auto;
		max-width: 100%;
		margin-bottom: 0
	}
}

.investorbox-sec2 .newsbox_menu .hm_but:before {
	background-color: #ffffff
}

@media (max-width: 767px) {
	.investorbox-sec2 .newsbox_menu .hm_but {
		position: absolute;
		bottom: -1.4rem
	}
}

.investorbox-sec2 .f_nei {
	position: relative
}

.investorbox-sec2 .f_nei .f_nei_item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}

.investorbox-sec2 .f_nei .f_nei_item.on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.investorbox-sec2 .f_iframe iframe:nth-child(2) {
	display: none
}

.investorbox-sec3 {
	padding: 1.2rem 0 .7rem
}

@media (max-width: 767px) {
	.investorbox-sec3 {
		padding-bottom: 2.3rem
	}
}

.investorbox-sec3 .f_iframe iframe:nth-child(2) {
	display: none
}

.investorbox-sec4 {
	padding: .7rem 0 0;
	background: url(../images/imgfewtyz1.png) left bottom / 100% auto no-repeat
}

@media (max-width: 767px) {
	.investorbox-sec4 {
		padding-bottom: 2.8rem
	}
}

.investorbox-sec4 .investorbox_tit {
	margin-bottom: 1.32rem
}

@media (max-width: 767px) {
	.investorbox-sec4 .investorbox_tit {
		margin-bottom: .6rem;
		text-align: center;
		justify-content: center
	}

	.investorbox-sec4 .investorbox_tit .f_tit {
		margin-bottom: .24rem
	}

	.investorbox-sec4 .investorbox_tit .f_text {
		padding-left: 0
	}
}

.investorbox-sec4 .cont {
	padding: 0 1.2rem;
	padding-bottom: 2.2rem;
	display: flex;
	flex-wrap: wrap
}

@media (max-width: 991px) {
	.investorbox-sec4 .cont {
		padding: 0;
		padding-bottom: 1.8rem
	}
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont {
		padding: 0
	}
}

.investorbox-sec4 .cont .bag {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont .bag {
		display: none
	}
}

.investorbox-sec4 .cont .bag img {
	width: 100%
}

.investorbox-sec4 .cont .item {
	width: 33.333%;
	display: flex;
	justify-content: center
}

.investorbox-sec4 .cont .item .list {
	width: 2.54rem;
	position: relative;
	border-radius: 50%;
	background-image: linear-gradient(0deg, #d8dff7 0%, #e8ebf7 25%, #f8f7f6 50%, #b1bbdd 100%), linear-gradient(#edf0f4, #edf0f4);
	background-blend-mode: normal,
		normal
}

.investorbox-sec4 .cont .item .list:before {
	content: "";
	display: block;
	padding-top: 100%
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont .item .list {
		width: 1.8rem
	}
}

.investorbox-sec4 .cont .item .list .font {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center
}

.investorbox-sec4 .cont .item .list .font .f_name {
	color: #000000;
	opacity: .6;
	margin-bottom: 10px
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont .item .list .font .f_name {
		font-size: .2rem
	}
}

.investorbox-sec4 .cont .item .list .font .f_shu {
	color: #1a3386;
	line-height: .9;
	margin-bottom: .32rem
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont .item .list .font .f_shu {
		font-size: .3rem;
		margin-bottom: .14rem
	}
}

.investorbox-sec4 .cont .item .list .font .f_zhi {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1a3386
}

@media (max-width: 767px) {
	.investorbox-sec4 .cont .item .list .font .f_zhi {
		font-size: .2rem
	}
}

.investorbox-sec4 .cont .item .list .font .f_zhi img {
	width: 11px;
	margin-left: 2px;
	height: auto
}

@media (max-width: 1580px) {
	.investorbox-sec4 .cont .item .list .font .f_zhi img {
		width: 8px
	}
}

.investorbox-sec5 {
	background-color: #edf0f4;
	padding: 1rem 0 1.4rem
}

.investorbox-sec5 .investorbox_tit {
	margin-bottom: .6rem
}

@media (max-width: 767px) {
	.investorbox-sec5 .investorbox_tit {
		flex-wrap: wrap
	}
}

.investorbox-sec5 .investorbox_tit .form {
	background: #fff;
	display: flex;
	width: 4rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

@media (max-width: 1900px) {
	.investorbox-sec5 .investorbox_tit .form {
		width: 4.6rem
	}
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form {
		width: 5.5rem
	}
}

@media (max-width: 767px) {
	.investorbox-sec5 .investorbox_tit .form {
		width: 100%;
		margin-top: .54rem
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int {
	width: calc(100% - 1rem);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .16rem .24rem
}

@media (max-width: 991px) {
	.investorbox-sec5 .investorbox_tit .form .f_int {
		width: calc(100% - 1.2rem)
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int input {
	color: #333333;
	font-size: 14px;
	width: calc(50% - 17px)
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int input {
		width: calc(50% - 13px)
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int input::-webkit-input-placeholder {
	font-size: 16px;
	color: #999999
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int input::-webkit-input-placeholder {
		font-size: 14px
	}
}

@media (max-width: 767px) {
	.investorbox-sec5 .investorbox_tit .form .f_int input::-webkit-input-placeholder {
		font-size: .28rem
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int .jiantou {
	display: flex;
	align-items: center;
	width: 18px;
	height: auto
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int .jiantou {
		width: 14px
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int .jiantou img {
	width: 100%;
	max-height: 100%
}

.investorbox-sec5 .investorbox_tit .form .f_int .startDate {
	width: calc(50% - 17px - .25rem)
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int .startDate {
		width: calc(50% - 13px - .25rem)
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int .endDate {
	text-align: right;
	padding-right: .25rem;
	position: relative
}

@media (max-width: 767px) {
	.investorbox-sec5 .investorbox_tit .form .f_int .endDate {
		text-align: right
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int .f_data {
	width: 16px;
	display: flex;
	align-items: center;
	position: relative
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int .f_data {
		width: 12px
	}
}

.investorbox-sec5 .investorbox_tit .form .f_int .f_data img {
	width: 100%;
	max-height: 100%
}

.investorbox-sec5 .investorbox_tit .form .f_int .f_data:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.12rem;
	top: 50%;
	background: #e0e0e0;
	transform: translateY(-50%);
	width: 1px;
	height: 15px
}

@media (max-width: 1580px) {
	.investorbox-sec5 .investorbox_tit .form .f_int .f_data:before {
		height: 11px
	}
}

.investorbox-sec5 .investorbox_tit .form .f_sub {
	padding: .16rem 0;
	color: #ffffff;
	background-color: #003686;
	width: 1rem
}

@media (max-width: 991px) {
	.investorbox-sec5 .investorbox_tit .form .f_sub {
		width: 1.2rem
	}
}

.investorbox-sec5 .cont {
	background: #003686 url(../images/searhcimga1.jpg) center / cover no-repeat;
	color: #ffffff;
	padding: .48rem .6rem .6rem
}

@media (max-width: 767px) {
	.investorbox-sec5 .cont {
		padding: .6rem .34rem
	}
}

.investorbox-sec5 .cont .f_jut {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-bottom: .72rem
}

@media (max-width: 767px) {
	.investorbox-sec5 .cont .f_jut {
		padding-bottom: .2rem
	}
}

.investorbox-sec5 .cont .f_jut .lt {
	width: 34%;
	padding-right: .3rem
}

@media (max-width: 767px) {
	.investorbox-sec5 .cont .f_jut .lt {
		width: 100%;
		padding-right: 0;
		margin-bottom: .54rem
	}
}

.investorbox-sec5 .cont .f_jut .lt .f_tit {
	line-height: 1.1;
	margin-bottom: .2rem
}

.investorbox-sec5 .cont .f_jut .lt .f_zhi {
	font-size: .56rem;
	line-height: .9
}

.investorbox-sec5 .cont .f_jut .gt {
	width: 66%;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: .44rem;
	display: flex;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.investorbox-sec5 .cont .f_jut .gt {
		width: 100%
	}
}

.investorbox-sec5 .cont .f_jut .gt .li {
	width: 25%;
	padding-right: .2rem;
	margin-bottom: .7rem
}

@media (max-width: 767px) {
	.investorbox-sec5 .cont .f_jut .gt .li {
		width: 33.333%
	}
}

.investorbox-sec5 .cont .f_jut .gt .li .f_name {
	margin-bottom: .22rem
}

.investorbox-sec5 .cont .f_jut .gt .li .shu {
	line-height: .9
}

.investorbox-sec5 .cont .gailv {
	display: flex;
	align-items: center;
	margin-bottom: .18rem
}

.investorbox-sec5 .cont .gailv img {
	margin-right: 8px;
	display: block
}

.investorbox-sec5 .cont .gailv span {
	display: block;
	margin-right: .2rem
}

.investorbox-sec5 .cont .gailv.on img {
	transform: rotate(180deg)
}

.investorbox-sec5 .cont .f_updata {
	display: flex;
	cursor: pointer;
	align-items: flex-start
}

.investorbox-sec5 .cont .f_updata img {
	flex: 0 0 auto;
	margin-right: 4px;
	transform: translateY(-50%);
	position: relative;
	top: .75em
}

.investorbox-sec5 .cont .f_updata.on img {
	animation: rotate360 2s linear infinite
}

.investorbox-sec6 {
	padding: 1.4rem 0
}

.investorbox-sec6 .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.investorbox-sec6 .container .lt,
.investorbox-sec6 .container .gt {
	width: 50%
}

@media (max-width: 767px) {

	.investorbox-sec6 .container .lt,
	.investorbox-sec6 .container .gt {
		width: 100%
	}
}

.investorbox-sec6 .container .lt {
	padding-right: 1.82rem
}

@media (max-width: 991px) {
	.investorbox-sec6 .container .lt {
		padding-right: 1.4rem
	}
}

@media (max-width: 767px) {
	.investorbox-sec6 .container .lt {
		padding-right: 0;
		margin-bottom: .8rem
	}
}

.investorbox-sec6 .container .lt .f_tit {
	letter-spacing: -1px;
	color: #333333;
	line-height: 1.2;
	padding-bottom: .32rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .4rem
}

.investorbox-sec6 .container .lt .f_jut {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.12rem;
	margin-bottom: .16rem
}

.investorbox-sec6 .container .lt .f_jut .li {
	width: 50%;
	padding: 0 .12rem;
	margin-bottom: .46rem;
	display: flex;
	align-items: flex-start
}

@media (max-width: 767px) {
	.investorbox-sec6 .container .lt .f_jut .li {
		width: 100%
	}
}

.investorbox-sec6 .container .lt .f_jut .li .f_icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	position: relative;
	top: .8em;
	flex: 0 0 auto
}

@media (max-width: 1580px) {
	.investorbox-sec6 .container .lt .f_jut .li .f_icon {
		width: 24px;
		height: 24px
	}
}

@media (max-width: 991px) {
	.investorbox-sec6 .container .lt .f_jut .li .f_icon {
		width: 22px;
		height: 22px
	}
}

@media (max-width: 767px) {
	.investorbox-sec6 .container .lt .f_jut .li .f_icon {
		width: 18px;
		height: 18px
	}
}

.investorbox-sec6 .container .lt .f_jut .li .f_icon img,
.investorbox-sec6 .container .lt .f_jut .li .f_icon svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}

.investorbox-sec6 .container .lt .f_jut .li .font {
	flex: 1 1 auto;
	padding-left: 14px
}

@media (max-width: 1580px) {
	.investorbox-sec6 .container .lt .f_jut .li .font {
		padding-left: 10px
	}
}

.investorbox-sec6 .container .lt .f_jut .li .font .f_name {
	color: #333333;
	margin-bottom: .12rem
}

.investorbox-sec6 .container .lt .f_jut .li .font .f_text {
	color: #999999;
	word-wrap: break-word
}

.investorbox-sec6 .container .gt {
	height: 4.8rem
}

@media (max-width: 767px) {
	.laydate-theme-molv.layui-laydate-range {
		width: 100% !important;
		left: 0 !important
	}

	.laydate-theme-molv.layui-laydate-range .layui-laydate-main {
		width: 50%
	}
}

@keyframes rotate360 {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.contactbox-sec1 {
	overflow: hidden;
	padding: .72rem 0 1.2rem
}

@media (max-width: 767px) {
	.contactbox-sec1 {
		padding: 1.2rem 0
	}
}

.contactbox-sec1 .cont {
	background-color: #ffffff;
	box-shadow: 0 0 20px 0 rgba(0, 54, 134, 0.06);
	padding: .55rem .88rem .3rem
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont {
		padding: .55rem .6rem .3rem
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont {
		padding: .6rem .34rem .34rem
	}
}

.contactbox-sec1 .cont .item {
	display: flex;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.contactbox-sec1 .cont .item:not(:first-child) {
		padding: .9rem 0 0
	}
}

.contactbox-sec1 .cont .item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.contactbox-sec1 .cont .item .f_title {
	width: 25%;
	padding-right: .2rem;
	color: #000000
}

@media (max-width: 991px) {
	.contactbox-sec1 .cont .item .f_title {
		width: 100%;
		padding-right: 0;
		margin-bottom: .4rem
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item .f_title {
		text-align: center
	}
}

.contactbox-sec1 .cont .item .f_jut {
	width: 75%;
	display: flex;
	flex-wrap: wrap
}

@media (max-width: 991px) {
	.contactbox-sec1 .cont .item .f_jut {
		width: 100%;
		align-items: flex-start
	}
}

.contactbox-sec1 .cont .item .f_jut .li {
	margin-bottom: 1rem;
	width: 33.333%;
	padding-right: .2rem;
	display: flex;
	align-items: flex-start
}

@media (max-width: 991px) {
	.contactbox-sec1 .cont .item .f_jut .li {
		width: 50%
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item .f_jut .li {
		margin-bottom: .4rem;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center
	}
}

.contactbox-sec1 .cont .item .f_jut .li .f_icon {
	width: 27px;
	height: 27px;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	margin-top: .2em
}

@media (max-width: 1580px) {
	.contactbox-sec1 .cont .item .f_jut .li .f_icon {
		width: 22px;
		height: 22px
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item .f_jut .li .f_icon {
		margin-top: 0;
		margin-bottom: .2rem
	}
}

.contactbox-sec1 .cont .item .f_jut .li .f_icon img,
.contactbox-sec1 .cont .item .f_jut .li .f_icon svg {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.contactbox-sec1 .cont .item .f_jut .li .font {
	flex: 1 1 auto;
	padding-left: .12rem
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item .f_jut .li .font {
		width: 100%;
		padding-left: 0
	}
}

.contactbox-sec1 .cont .item .f_jut .li .font .f_tit {
	color: #333333;
	margin-bottom: .14rem
}

.contactbox-sec1 .cont .item .f_jut .li .font .f_text {
	color: #999999;
	line-height: 1.5;
	word-break: break-all
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item {
		padding: .6rem 0
	}
}

.contactbox-sec1 .cont .item2 .f_jut {
	width: 56%
}

@media (max-width: 991px) {
	.contactbox-sec1 .cont .item2 .f_jut {
		width: 75%
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item2 .f_jut {
		width: 100%
	}
}

.contactbox-sec1 .cont .item2 .f_jut .li {
	width: 50%
}

.contactbox-sec1 .cont .item2 .f_btn {
	width: 19%
}

@media (max-width: 991px) {
	.contactbox-sec1 .cont .item2 .f_btn {
		width: 25%
	}
}

@media (max-width: 767px) {
	.contactbox-sec1 .cont .item2 .f_btn {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: .4rem
	}
}

.contactbox-sec1 .cont .item2 .f_btn .hm_but {
	cursor: pointer
}

.contactbox-sec2 {
	background: linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	padding: 1.1rem 0 1.2rem
}

.contactbox-sec2 .fz_title {
	color: #333333;
	font-weight: bold;
	margin-bottom: .38rem
}

.contactbox-sec2 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.contactbox-sec2 .cont .item {
	width: 33.333%;
	padding: 0 .1rem;
	margin-bottom: .2rem
}

@media (max-width: 991px) {
	.contactbox-sec2 .cont .item {
		width: 50%
	}
}

@media (max-width: 767px) {
	.contactbox-sec2 .cont .item {
		width: 100%;
		margin-bottom: .36rem
	}

	.contactbox-sec2 .cont .item:last-child {
		margin-bottom: 0
	}
}

.contactbox-sec2 .cont .item .list {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #ffffff;
	border: solid 1px #e8e8e8;
	padding: .32rem .36rem .4rem;
	height: 100%;
	transition: all .4s
}

.contactbox-sec2 .cont .item .list .f_tit {
	color: #333333;
	font-weight: bold;
	transition: all .4s;
	margin-bottom: .5rem
}

.contactbox-sec2 .cont .item .list .f_text {
	transition: all .4s;
	color: #999999;
	margin-top: auto;
	line-height: 1.5;
	padding-bottom: .36rem;
	margin-bottom: .22rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.contactbox-sec2 .cont .item .list .f_jut {
	width: 100%
}

.contactbox-sec2 .cont .item .list .f_jut .li {
	display: flex;
	align-items: center;
	color: #666666;
	transition: all .4s;
	margin-bottom: .2rem
}

.contactbox-sec2 .cont .item .list .f_jut .li .f_icon {
	transition: all .4s;
	width: .4rem;
	height: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #f1f3f7
}

@media (max-width: 767px) {
	.contactbox-sec2 .cont .item .list .f_jut .li .f_icon {
		width: .66rem;
		height: .66rem
	}
}

.contactbox-sec2 .cont .item .list .f_jut .li .f_icon img,
.contactbox-sec2 .cont .item .list .f_jut .li .f_icon svg {
	width: auto;
	height: auto;
	max-height: 50%;
	max-width: 40%
}

.contactbox-sec2 .cont .item .list .f_jut .li span {
	display: block;
	flex: 1 1 auto;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	padding-left: 10px
}

@media (max-width: 1580px) {
	.contactbox-sec2 .cont .item .list .f_jut .li span {
		padding-left: 8px
	}
}

.contactbox-sec2 .cont .item .list:hover {
	background-color: var(--color);
	border-color: var(--color)
}

.contactbox-sec2 .cont .item .list:hover .f_tit {
	color: #ffffff
}

.contactbox-sec2 .cont .item .list:hover .f_text {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.2)
}

.contactbox-sec2 .cont .item .list:hover .f_jut .li {
	color: #ffffff
}

.contactbox-sec2 .cont .item .list:hover .f_jut .li i {
	background: #ffffff
}

.probasebox_tit {
	text-align: center
}

.probasebox_tit .f_tit {
	color: #333333;
	letter-spacing: -1px
}

.probasebox_tit .f_text {
	color: #666666;
	line-height: 1.75;
	margin-top: .14rem
}

@media (min-width: 768px) {
	.probasebox-sec1 .container .lt {
		padding-right: 1.1rem
	}
}

.probasebox-sec1 .container .lt .f_tit {
	margin-bottom: .34rem
}

.probasebox-sec1 .container .lt .f_name {
	color: #666666;
	line-height: 1.75;
	padding-bottom: .42rem;
	margin-bottom: .46rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.probasebox-sec1 .container .lt .f_txt {
	color: #666666;
	line-height: 1.75
}

.probasebox-sec2 .cont .font .f_name {
	margin-bottom: .1rem
}

.probasebox-sec2 .cont .font .f_tit {
	margin-bottom: .24rem
}

.probasebox-sec2 .cont .font .f_text {
	color: #666666;
	line-height: 1.75
}

@media (min-width: 768px) {
	.probasebox-sec2 .cont .lt .font {
		padding-right: .64rem
	}
}

.probasebox-sec3 {
	padding: 1.3rem 0 2.1rem;
	position: relative;
	overflow: hidden
}

.probasebox-sec3 .bag {
	position: absolute;
	bottom: -1.2rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 16.6rem;
	max-width: 100%
}

.probasebox-sec3 .bag img {
	width: 100%;
	height: auto
}

.probasebox-sec3 .container {
	position: relative
}

.probasebox-sec3 .probasebox_tit {
	max-width: 6.66rem;
	margin: 0 auto .54rem
}

@media (max-width: 767px) {
	.probasebox-sec3 .probasebox_tit {
		max-width: 100%
	}
}

.probasebox-sec3 .f_nav {
	display: flex;
	justify-content: center;
	margin-bottom: .88rem
}

@media (max-width: 767px) {
	.probasebox-sec3 .f_nav {
		margin-bottom: .54rem
	}
}

.probasebox-sec3 .f_nav .probasebox_nav {
	margin: 0;
	max-width: 100%;
	width: auto
}

.probasebox-sec3 .f_nav .probasebox_nav .swiper-slide {
	width: auto;
	margin: 0 5px
}

.probasebox-sec3 .f_nav .probasebox_nav .swiper-slide .item {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	color: #999999;
	display: block;
	transition: all .4s;
	padding: .12rem .3rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.probasebox-sec3 .f_nav .probasebox_nav .swiper-slide.on .item {
	background: var(--color);
	color: #ffffff
}

.probasebox-sec3 .cont {
	position: relative
}

.probasebox-sec3 .cont .f_jut {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden
}

.probasebox-sec3 .cont .f_jut .probasebox3_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: .5rem
}

.probasebox-sec3 .cont .f_jut .probasebox3_pagin span {
	width: 7px;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.probasebox-sec3 .cont .f_jut .probasebox3_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.probasebox-sec3 .cont .f_jut .probasebox3_pagin.swiper-pagination-lock {
	display: none
}

.probasebox-sec3 .cont .f_jut .probasebox3_cont {
	width: auto;
	margin: 0 -0.1rem
}

.probasebox-sec3 .cont .f_jut .probasebox3_cont .swiper-slide {
	width: 33.333%;
	padding: 0 .1rem
}

@media (max-width: 767px) {
	.probasebox-sec3 .cont .f_jut .probasebox3_cont .swiper-slide {
		width: 80%
	}
}

.probasebox-sec3 .cont .f_jut .probasebox3_cont .swiper-slide .img {
	width: 100%;
	border: solid 1px #e8e8e8
}

.probasebox-sec3 .cont .f_jut .probasebox3_cont .swiper-slide .img:before {
	padding-top: 57.07964602%
}

.probasebox-sec3 .cont .on {
	position: relative;
	visibility: inherit;
	opacity: 1;
	transition: all .4s
}

.culturebox-sec1 {
	background-color: #f4f6f8;
	padding: 1.38rem 0 1.4rem
}

.culturebox-sec1 .cont {
	margin-bottom: 1rem;
	display: flex;
	overflow: hidden
}

@media (max-width: 767px) {
	.culturebox-sec1 .cont {
		flex-wrap: wrap
	}
}

.culturebox-sec1 .cont .item {
	flex: 1 1 auto;
	width: 21.4%;
	height: 5.66rem;
	position: relative;
	transition: all .4s;
	color: #ffffff;
	z-index: 2
}

.culturebox-sec1 .cont .item .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.culturebox-sec1 .cont .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative
}

.culturebox-sec1 .cont .item .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2;
	transition: all .4s
}

@media (min-width: 768px) {
	.culturebox-sec1 .cont .item .img {
		transform: skew(-10deg);
		-webkit-transform: skew(-10deg)
	}

	.culturebox-sec1 .cont .item .img img,
	.culturebox-sec1 .cont .item .img:after {
		transform: skew(10deg);
		-webkit-transform: skew(10deg);
		width: 140%;
		left: -20%;
		max-width: inherit
	}
}

.culturebox-sec1 .cont .item .f_hover1 {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 2;
	text-align: center;
	transition: all .4s .3s;
	-webkit-transition: all .4s .3s
}

@media (max-width: 767px) {
	.culturebox-sec1 .cont .item .f_hover1 {
		display: none
	}
}

.culturebox-sec1 .cont .item .font {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .44rem .6rem;
	transition: all .4s;
	-webkit-transition: all .4s;
	opacity: 0
}

.culturebox-sec1 .cont .item .font .f_tit {
	width: 100%;
	margin-bottom: .07rem
}

.culturebox-sec1 .cont .item .font .f_text {
	line-height: 1.5
}

@media (min-width: 768px) {

	.culturebox-sec1 .cont .item:first-child,
	.culturebox-sec1 .cont .item:last-child {
		width: 25.7%;
		z-index: 1
	}

	.culturebox-sec1 .cont .item:first-child .img,
	.culturebox-sec1 .cont .item:last-child .img {
		overflow: inherit
	}

	.culturebox-sec1 .cont .item.on {
		width: 52.85%
	}

	.culturebox-sec1 .cont .item.on .img:after {
		opacity: 0
	}

	.culturebox-sec1 .cont .item.on .f_hover1 {
		opacity: 0;
		transition: all .4s;
		-webkit-transition: all .4s
	}

	.culturebox-sec1 .cont .item.on .font {
		transition: all .4s .3s;
		-webkit-transition: all .4s .3s;
		opacity: 1
	}
}

@media (max-width: 767px) {
	.culturebox-sec1 .cont {
		flex-wrap: wrap
	}

	.culturebox-sec1 .cont .item {
		width: 100%;
		margin-bottom: .4rem
	}

	.culturebox-sec1 .cont .item .font {
		opacity: 1;
		padding-left: .34rem;
		padding-right: .34rem
	}
}

.culturebox-sec1 .f_jut {
	position: relative;
	padding: 1.58rem .34rem 1.8rem
}

.culturebox-sec1 .f_jut .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.culturebox-sec1 .f_jut .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.culturebox-sec1 .f_jut .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .4
}

.culturebox-sec1 .f_jut .nei {
	position: relative;
	color: #ffffff
}

.culturebox-sec1 .f_jut .nei .f_tit {
	text-align: center;
	margin-bottom: .32rem
}

.culturebox-sec1 .f_jut .nei .f_list {
	display: flex;
	justify-content: center
}

.culturebox-sec1 .f_jut .nei .f_list ul {
	width: auto;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap
}

.culturebox-sec1 .f_jut .nei .f_list ul li {
	margin: 0 .4rem .4rem;
	display: flex;
	align-items: flex-start
}

.culturebox-sec1 .f_jut .nei .f_list ul li i {
	position: relative;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: #ffffff;
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.culturebox-sec1 .f_jut .nei .f_list ul li i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.culturebox-sec1 .f_jut .nei .f_list ul li i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: #ffffff;
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale100 2s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.culturebox-sec1 .f_jut .nei .f_list ul li i:before {
		top: 4px;
		left: 4px
	}
}

@media (max-width: 767px) {
	.culturebox-sec1 .f_jut .nei .f_list ul li {
		margin: 0 .2rem .4rem;
		font-size: .3rem
	}
}

.culturebox-sec2 {
	padding: 1.28rem 0 1.4rem
}

.culturebox-sec2 .fz_title {
	margin-bottom: .62rem;
	color: #000000;
	text-align: center
}

.culturebox-sec2 .cont {
	margin: 0 .1rem 1rem;
	display: flex;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.culturebox-sec2 .cont {
		margin: 0 0 1rem
	}
}

.culturebox-sec2 .cont .item {
	width: 33.333%;
	padding: 0 .1rem .2rem
}

@media (max-width: 767px) {
	.culturebox-sec2 .cont .item {
		width: 50%
	}
}

.culturebox-sec2 .cont .item:nth-child(7n) {
	width: 100%
}

.culturebox-sec2 .cont .item .list {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #f4f6f8;
	min-height: 1.7rem;
	transition: all .4s;
	-webkit-transition: all .4s;
	position: relative
}

.culturebox-sec2 .cont .item .list .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .4s
}

.culturebox-sec2 .cont .item .list .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.culturebox-sec2 .cont .item .list .f_text {
	position: relative;
	width: 100%;
	padding: .5rem .34rem;
	color: #666666;
	transition: all .4s;
	-webkit-transition: all .4s
}

@media (max-width: 767px) {
	.culturebox-sec2 .cont .item .list .f_text {
		font-size: .22rem;
		padding: .46rem .2rem
	}
}

.culturebox-sec2 .cont .item .list:hover {
	background: var(--color)
}

.culturebox-sec2 .cont .item .list:hover .img {
	opacity: .5
}

.culturebox-sec2 .cont .item .list:hover .f_text {
	color: #ffffff
}

.culturebox-sec2 .f_nei {
	padding-top: 1.2rem;
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.culturebox-sec2 .f_nei .item {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.culturebox-sec2 .f_nei .item .img,
.culturebox-sec2 .f_nei .item .font {
	width: 50%
}

@media (max-width: 767px) {

	.culturebox-sec2 .f_nei .item .img,
	.culturebox-sec2 .f_nei .item .font {
		width: 100%
	}
}

.culturebox-sec2 .f_nei .item .img:before {
	padding-top: 68.57142857%
}

.culturebox-sec2 .f_nei .item .font {
	border: solid 1px #ededed;
	border-left: none;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	padding: .5rem 1.72rem .5rem 1rem
}

@media (max-width: 767px) {
	.culturebox-sec2 .f_nei .item .font {
		padding: .5rem .34rem .6rem;
		border: solid 1px #ededed;
		border-top: none
	}
}

.culturebox-sec2 .f_nei .item .font .f_tit {
	color: #000000;
	padding-bottom: .6rem;
	width: 100%;
	margin-bottom: .34rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
	.culturebox-sec2 .f_nei .item .font .f_tit {
		margin-bottom: .34rem;
		padding-bottom: .3rem
	}
}

.culturebox-sec2 .f_nei .item .font .f_text {
	color: #666666;
	padding-left: .24rem;
	position: relative;
	width: 100%
}

.culturebox-sec2 .f_nei .item .font .f_text:after,
.culturebox-sec2 .f_nei .item .font .f_text:before {
	display: block;
	color: #003686;
	opacity: .2;
	position: absolute;
	font-size: .6rem;
	font-family: 'fonzi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	line-height: .8
}

.culturebox-sec2 .f_nei .item .font .f_text:before {
	left: 0;
	top: 0;
	content: "“"
}

.culturebox-sec2 .f_nei .item .font .f_text:after {
	right: 0;
	bottom: -0.5em;
	content: "”"
}

@keyframes scale100 {
	from {
		transform: translate(-50%, -50%) scale(.4);
		-webkit-transform: translate(-50%, -50%) scale(.4);
		opacity: .5
	}

	to {
		transform: translate(-50%, -50%) scale(1.1);
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		opacity: 0
	}
}

.kernelbox {
	background: #edf0f4
}

.kernelbox_list .item {
	display: block;
	position: relative;
	margin-bottom: .4rem;
	overflow: hidden
}

.kernelbox_list .item .img {
	display: block;
	padding-top: 42.57142857%;
	position: relative
}

@media (max-width: 767px) {
	.kernelbox_list .item .img {
		padding-top: 100%
	}
}

.kernelbox_list .item .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2
}

.kernelbox_list .item .font {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 44.142%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	transition: all .4s;
	-webkit-transition: all .4s;
	padding: .6rem 1.7rem .6rem .6rem;
	background-color: rgba(0, 54, 134, 0.8);
	background-color: rgba(0, 54, 134, 0)
}

@media (max-width: 767px) {
	.kernelbox_list .item .font {
		width: 100%;
		padding: .6rem .34rem;
		background-color: rgba(0, 54, 134, 0.5)
	}
}

@media (min-width: 768px) {
	.kernelbox_list .item .font {
		clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%)
	}
}

.kernelbox_list .item .font .f_tit {
	color: #ffffff;
	margin-bottom: .2rem;
	width: 100%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	line-height: 1.25;
	height: 2.5;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.kernelbox_list .item .font .f_text {
	line-height: 1.5;
	color: #ffffff;
	opacity: .8;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	height: 6em;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: .34rem
}

.kernelbox_list .item .font .hm_but:before {
	background: #ffffff
}

.kernelbox_list .item .font .hm_but i svg path {
	fill: var(--color)
}

.kernelbox_list .item .font .hm_but span {
	color: var(--color)
}

.kernelbox_list .item:hover .img img {
	transform: scale(1.04)
}

@media (min-width: 768px) {
	.kernelbox_list .item:hover .font {
		background-color: rgba(0, 54, 134, 0.8)
	}
}

.kernelbox-sec1 {
	padding: .54rem 0 1.4rem
}

@media (max-width: 767px) {
	.kernelbox-sec1 {
		padding: 1rem 0 1.4rem
	}
}

.kernelbox-sec1 .fz_title {
	padding-bottom: .4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .4rem
}

.kernelbox-sec1 .newsbox_menu {
	margin-bottom: .4rem
}

.kernelbox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.kernelbox~.footerbox {
	background: #ffffff
}

.developbox-sec1 {
	padding: 1.4rem 0 1.2rem
}

.developbox-sec1 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.developbox-sec1 .cont .item {
	width: 33.333%;
	padding: 0 .1rem;
	margin-bottom: .2rem
}

@media (max-width: 767px) {
	.developbox-sec1 .cont .item {
		width: 100%
	}
}

.developbox-sec1 .cont .item .list {
	display: flex;
	align-items: flex-end;
	position: relative;
	height: 100%;
	min-height: 4.56rem
}

.developbox-sec1 .cont .item .list .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.developbox-sec1 .cont .item .list .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2
}

.developbox-sec1 .cont .item .list .font {
	position: relative;
	width: 100%;
	color: #ffffff;
	padding: .6rem .38rem .38rem
}

@media (max-width: 767px) {
	.developbox-sec1 .cont .item .list .font {
		padding: .6rem .38rem
	}
}

.developbox-sec1 .cont .item .list .font .f_tit {
	width: 100%
}

.developbox-sec1 .cont .item .list .font .f_text {
	padding-top: .18rem;
	line-height: 1.75;
	display: none
}

@media (max-width: 1199px) {
	.developbox-sec1 .cont .item .list .font .f_text {
		display: block
	}
}

.developbox-sec1 .cont .item .list:hover .img img {
	transform: scale(1.06)
}

.developbox-sec2 {
	background: #edf0f4;
	padding: 1.08rem 0 1.2rem
}

.developbox-sec2 .f_font {
	width: 6.68rem;
	max-width: 100%;
	margin-bottom: .54rem
}

@media (max-width: 767px) {
	.developbox-sec2 .f_font {
		width: 100%
	}
}

.developbox-sec2 .f_font .f_tit {
	color: #333333;
	margin-bottom: .2rem
}

.developbox-sec2 .f_font .f_text {
	line-height: 1.75;
	color: #666666
}

.developbox-sec2 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.developbox-sec2 .cont .item {
	width: 50%;
	padding: 0 .1rem;
	margin-bottom: .2rem
}

@media (max-width: 767px) {
	.developbox-sec2 .cont .item {
		width: 100%
	}
}

.developbox-sec2 .cont .item .list {
	background: #ffffff;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: .28rem 0;
	min-height: 2.8rem
}

@media (max-width: 991px) {
	.developbox-sec2 .cont .item .list {
		padding: .5rem .34rem;
		justify-content: flex-start;
		align-content: flex-start
	}
}

.developbox-sec2 .cont .item .list .f_wen,
.developbox-sec2 .cont .item .list .f_jut {
	display: flex;
	flex-direction: column
}

.developbox-sec2 .cont .item .list .f_wen {
	width: 47.246%;
	padding-right: .24rem;
	padding-left: .32rem;
	border-right: 1px solid rgba(102, 102, 102, 0.1)
}

@media (max-width: 991px) {
	.developbox-sec2 .cont .item .list .f_wen {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		border-right: none
	}
}

.developbox-sec2 .cont .item .list .f_wen .f_icon {
	width: .72rem;
	margin-bottom: .34rem
}

.developbox-sec2 .cont .item .list .f_wen .f_icon img {
	width: auto;
	height: auto;
	max-width: 100%
}

.developbox-sec2 .cont .item .list .f_wen .f_tit {
	display: flex;
	align-items: flex-start;
	margin-top: auto
}

@media (max-width: 991px) {
	.developbox-sec2 .cont .item .list .f_wen .f_tit {
		margin-top: 0
	}
}

.developbox-sec2 .cont .item .list .f_wen .f_tit i {
	position: relative;
	flex: 0 0 auto;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: #68b72f;
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.developbox-sec2 .cont .item .list .f_wen .f_tit i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.developbox-sec2 .cont .item .list .f_wen .f_tit i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: #68b72f;
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale100 2s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.developbox-sec2 .cont .item .list .f_wen .f_tit i:before {
		top: 4px;
		left: 4px
	}
}

.developbox-sec2 .cont .item .list .f_jut {
	width: 52.754%;
	padding-left: .38rem;
	padding-right: .3rem
}

.developbox-sec2 .cont .item .list .f_jut .li {
	margin-bottom: .6rem
}

.developbox-sec2 .cont .item .list .f_jut .li:last-child {
	margin-bottom: 0
}

.developbox-sec2 .cont .item .list .f_jut .li .f_name {
	color: #666666;
	margin-bottom: .14rem
}

.developbox-sec2 .cont .item .list .f_jut .li .shu {
	display: flex;
	align-items: flex-end;
	line-height: 1.2;
	color: #666
}

.developbox-sec2 .cont .item .list .f_jut .li .shu span {
	line-height: .8;
	color: #68b72f;
	font-size: .56rem;
	display: block;
	margin-right: .2rem
}

.developbox-sec2 .cont .item .list .f_jut .f_text {
	margin-top: auto;
	color: #999999
}

@media (max-width: 991px) {
	.developbox-sec2 .cont .item .list .f_jut {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin-top: .2rem
	}

	.developbox-sec2 .cont .item .list .f_jut .li {
		width: 100%;
		padding-right: .2rem;
		flex: 1 1 auto
	}

	.developbox-sec2 .cont .item .list .f_jut .li .f_name {
		font-size: .24rem
	}

	.developbox-sec2 .cont .item .list .f_jut .li .shu {
		font-size: .22rem
	}
}

@media (max-width: 991px) and (max-width: 767px) {
	.developbox-sec2 .cont .item .list .f_jut .li {
		width: 50%
	}
}

.developbox-sec3 {
	overflow: hidden;
	padding: 1.4rem 0 1.6rem
}

.developbox-sec3 .container {
	display: flex;
	flex-wrap: wrap
}

.developbox-sec3 .container .lt {
	width: 49.28%;
	padding-right: 1.16rem;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2
}

.developbox-sec3 .container .lt .font {
	margin-bottom: .54rem
}

.developbox-sec3 .container .lt .font .f_tit {
	letter-spacing: -1px;
	color: #333333;
	margin-bottom: .2rem
}

.developbox-sec3 .container .lt .font .f_text {
	line-height: 1.75;
	color: #666666
}

.developbox-sec3 .container .lt .qie {
	margin-top: auto;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end
}

.developbox-sec3 .container .lt .qie .developbox3_nav {
	margin: 0;
	max-height: 2.5rem;
	flex: 1 1 auto
}

.developbox-sec3 .container .lt .qie .developbox3_nav .swiper-slide {
	height: auto;
	margin-bottom: .14rem
}

.developbox-sec3 .container .lt .qie .developbox3_nav .swiper-slide .item {
	cursor: pointer
}

.developbox-sec3 .container .lt .qie .developbox3_nav .swiper-slide .item span {
	transition: all .4s;
	color: #999999;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #68b72f 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}

.developbox-sec3 .container .lt .qie .developbox3_nav .swiper-slide-thumb-active .item span {
	color: #68b72f;
	background-size: 100% 100%
}

.developbox-sec3 .container .lt .qie .developbox3_nav .swiper-slide:hover .item span {
	color: #68b72f
}

.developbox-sec3 .container .lt .qie .f_btn {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin-left: .2rem
}

.developbox-sec3 .container .lt .qie .f_btn .developbox3_prev,
.developbox-sec3 .container .lt .qie .f_btn .developbox3_next {
	background-color: #edf0f4
}

.developbox-sec3 .container .lt .qie .f_btn .developbox3_prev svg path,
.developbox-sec3 .container .lt .qie .f_btn .developbox3_next svg path {
	fill: #68b72f
}

.developbox-sec3 .container .lt .qie .f_btn .developbox3_prev:hover,
.developbox-sec3 .container .lt .qie .f_btn .developbox3_next:hover {
	background: #68b72f
}

.developbox-sec3 .container .lt .qie .f_btn .developbox3_prev:hover svg path,
.developbox-sec3 .container .lt .qie .f_btn .developbox3_next:hover svg path {
	fill: #ffffff
}

.developbox-sec3 .container .lt .qie .f_btn .developbox3_prev {
	margin-right: .14rem
}

@media (max-width: 767px) {
	.developbox-sec3 .container .lt {
		width: 100%;
		padding-right: 0;
		border-right: none
	}

	.developbox-sec3 .container .lt .qie {
		display: none
	}
}

.developbox-sec3 .container .gt {
	width: 50.72%;
	display: flex;
	align-items: flex-end
}

@media (max-width: 767px) {
	.developbox-sec3 .container .gt {
		width: 100%
	}
}

.developbox-sec3 .container .gt .developbox3_cont {
	width: 100%;
	overflow: visible;
	position: relative;
	height: 100%
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide {
	width: 65%;
	height: auto;
	padding: 0 .3rem;
	border-right: 1px solid rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
	.developbox-sec3 .container .gt .developbox3_cont .swiper-slide {
		width: 100%
	}
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 1rem
}

@media (max-width: 767px) {
	.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item {
		padding-top: .4rem
	}
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_tit {
	color: #333333;
	margin-bottom: .36rem
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut {
	color: #666666;
	line-height: 1.5;
	margin-bottom: .54rem
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li {
	display: flex;
	align-items: flex-start;
	margin-bottom: .18rem
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li:last-child {
	margin-bottom: 0
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li i {
	position: relative;
	flex: 0 0 auto;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: #68b72f;
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: #68b72f;
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale100 2s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .f_jut .li i:before {
		top: 4px;
		left: 4px
	}
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .img {
	width: 100%;
	margin-top: auto
}

.developbox-sec3 .container .gt .developbox3_cont .swiper-slide .item .img:before {
	padding-top: 47.36842105%
}

.developbox-sec3 .container .gt .developbox3_cont .developbox3_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: .5rem
}

@media (min-width: 768px) {
	.developbox-sec3 .container .gt .developbox3_cont .developbox3_pagin {
		display: none
	}
}

.developbox-sec3 .container .gt .developbox3_cont .developbox3_pagin span {
	width: 7px;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.developbox-sec3 .container .gt .developbox3_cont .developbox3_pagin .swiper-pagination-bullet-active {
	background: #68b72f;
	opacity: 1
}

.developbox-sec3 .container .gt .developbox3_cont .developbox3_pagin.swiper-pagination-lock {
	display: none
}

.developbox-sec3 .container .gt .developbox3_cont:after {
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	height: 101%;
	width: 100vw;
	background: #ffffff;
	z-index: 1
}

.developbox-sec4 {
	background-color: #edf0f4;
	padding: 1.4rem 0 1.24rem;
	overflow: hidden
}

.developbox-sec4 .f_font {
	width: 6.68rem;
	max-width: 100%;
	margin-bottom: .54rem
}

@media (max-width: 767px) {
	.developbox-sec4 .f_font {
		width: 100%
	}
}

.developbox-sec4 .f_font .f_tit {
	color: #333333;
	margin-bottom: .2rem
}

.developbox-sec4 .f_font .f_text {
	line-height: 1.75;
	color: #666666
}

.developbox-sec4 .cont {
	margin-bottom: .92rem;
	padding: .62rem .92rem;
	border: dashed 1px rgba(104, 183, 47, 0.3);
	border-radius: 150px
}

@media (max-width: 991px) {
	.developbox-sec4 .cont {
		overflow: hidden;
		padding: 0
	}
}

@media (max-width: 767px) {
	.developbox-sec4 .cont {
		border: none;
		margin-bottom: .2rem;
		overflow: visible
	}
}

.developbox-sec4 .cont .developbox4_cont {
	width: auto;
	margin: 0 -0.29rem;
	overflow: inherit
}

@media (max-width: 991px) {
	.developbox-sec4 .cont .developbox4_cont {
		padding: .62rem .92rem
	}
}

@media (max-width: 767px) {
	.developbox-sec4 .cont .developbox4_cont {
		padding: .5rem 0
	}
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide {
	width: 20%;
	padding: 0 .29rem;
	position: relative
}

@media (max-width: 991px) {
	.developbox-sec4 .cont .developbox4_cont .swiper-slide {
		width: 33.333%
	}
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide:after {
	content: "";
	display: block;
	width: .27rem;
	height: 100%;
	position: absolute;
	right: -0.14rem;
	top: 0;
	background: url(../images/jiantouyouimg1.svg) center / 100% auto no-repeat
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide:last-child:after {
	display: none
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item {
	position: relative;
	padding-top: 100%;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 140%;
	height: 140%;
	z-index: -1;
	background: #68b72f;
	opacity: 0
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list .f_icon {
	height: .42rem;
	margin-bottom: .14rem
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list .f_icon img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after,
.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
	content: "";
	display: block;
	position: absolute;
	top: 86.36%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #68b72f;
	transition: all .4s
}

@media (max-width: 991px) {

	.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after,
	.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
		display: none
	}
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	opacity: 0
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
	height: 0;
	width: 1px
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide.on .item:before {
	animation: scale101 1.5s linear infinite
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide.on .item .f_list:after {
	opacity: 1
}

.developbox-sec4 .cont .developbox4_cont .swiper-slide.on .item .f_list:before {
	height: 1.34rem
}

.developbox-sec4 .f_jut {
	position: relative
}

.developbox-sec4 .f_jut .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.developbox-sec4 .f_jut .item .f_li {
	display: flex;
	align-items: flex-start;
	margin-bottom: .24rem;
	width: 50%;
	padding-right: .2rem;
	color: #666666;
	line-height: 1.5
}

.developbox-sec4 .f_jut .item .f_li:last-child {
	margin-bottom: 0
}

@media (max-width: 767px) {
	.developbox-sec4 .f_jut .item .f_li {
		padding-right: 0;
		width: calc(50% - .15rem)
	}
}

.developbox-sec4 .f_jut .item .f_li i {
	position: relative;
	flex: 0 0 auto;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: #68b72f;
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.developbox-sec4 .f_jut .item .f_li i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.developbox-sec4 .f_jut .item .f_li i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: #68b72f;
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale101 1.5s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.developbox-sec4 .f_jut .item .f_li i:before {
		top: 4px;
		left: 4px
	}
}

.developbox-sec4 .f_jut .on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.developbox-sec5 {
	background-color: #edf0f4
}

.developbox-sec5 .container {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 1.68rem 0 1.4rem;
	display: flex;
	flex-wrap: wrap
}

.developbox-sec5 .container .img,
.developbox-sec5 .container .font {
	width: 50%
}

@media (max-width: 767px) {

	.developbox-sec5 .container .img,
	.developbox-sec5 .container .font {
		width: 100%
	}
}

.developbox-sec5 .container .font {
	padding-right: 1.08rem
}

@media (max-width: 991px) {
	.developbox-sec5 .container .font {
		padding-right: .6rem
	}
}

@media (max-width: 767px) {
	.developbox-sec5 .container .font {
		padding-right: 0;
		margin-bottom: .56rem
	}
}

.developbox-sec5 .container .font .f_tit {
	letter-spacing: -1px;
	color: #333333;
	margin-bottom: .2rem
}

.developbox-sec5 .container .font .f_text {
	color: #666666;
	line-height: 1.75;
	padding-bottom: .36rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .38rem
}

.developbox-sec5 .container .img:before {
	padding-top: 63.71428571%
}

.developbox-sec6 .cont .container .f_text {
	margin-bottom: .4rem;
	-webkit-line-clamp: initial;
	line-clamp: initial;
	height: auto;
	display: block
}

.developbox-sec6 .cont .container .hm_but:before {
	background: #68b72f
}

.developbox-sec6 .cont .container .hm_but.f_but_on {
	width: 2.08rem
}

@media (max-width: 1580px) {
	.developbox-sec6 .cont .container .hm_but.f_but_on {
		width: 2.4rem
	}
}

@media (max-width: 767px) {
	.developbox-sec6 .cont .container .hm_but.f_but_on {
		width: 3rem
	}
}

@keyframes scale101 {
	from {
		transform: translate(-50%, -50%) scale(.6);
		-webkit-transform: translate(-50%, -50%) scale(.6);
		opacity: 1
	}

	to {
		transform: translate(-50%, -50%) scale(1.1);
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		opacity: 0
	}
}

.searchbox {
	background: linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(to bottom, #f0f3f6, rgba(255, 255, 255, 0))
}

.searchbox_error {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1.2rem 0 0
}

.searchbox_error .f_img {
	height: .86rem;
	margin-bottom: .44rem
}

@media (max-width: 767px) {
	.searchbox_error .f_img {
		height: 1.2rem
	}
}

.searchbox_error .f_img img {
	height: 100%
}

.searchbox_error .f_tit {
	text-align: center;
	color: #000000
}

.searchbox-sec1 {
	padding: .88rem 0 1.4rem
}

.searchbox-sec1 .fz_title {
	text-align: center;
	margin-bottom: 1.1rem
}

.searchbox-sec1 .newsbox_menu {
	padding-bottom: .34rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.searchbox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.searchbox-sec1 .cont {
	margin-top: .34rem
}

.searchbox-sec1 .cont .f_nei_tit {
	color: #111111;
	margin-bottom: .4rem
}

.searchbox-sec1 .cont .f_nei {
	padding-bottom: .34rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 1.1rem
}

.searchbox-sec1 .cont .f_nei:last-child {
	margin-bottom: 0
}

.searchbox-sec1 .cont .f_nei .f_btn2 {
	display: flex;
	align-items: center;
	color: #666666;
	margin-top: .36rem
}

.searchbox-sec1 .cont .f_nei .f_btn2 img,
.searchbox-sec1 .cont .f_nei .f_btn2 svg {
	width: 7px;
	height: 12px;
	margin-left: .14rem;
	object-fit: contain;
	transition: all .4s
}

.searchbox-sec1 .cont .f_nei .f_btn2 img path,
.searchbox-sec1 .cont .f_nei .f_btn2 svg path {
	fill: #999999
}

.searchbox-sec1 .cont .f_nei .f_btn2:hover .img,
.searchbox-sec1 .cont .f_nei .f_btn2:hover svg {
	transform: translateX(.1rem)
}

.searchbox-sec1 .cont .basepage {
	margin-top: .4rem
}

.partnerbox_cont {
	position: relative
}

.partnerbox_cont .f_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: all .4s;
	opacity: 0;
	visibility: hidden
}

.partnerbox_cont .f_box.on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.partnerbox-sec1 .container {
	padding: 1rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.partnerbox-sec1 .container .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.partnerbox-sec1 .container .cont .item {
	width: 50%;
	padding: 0 .1rem;
	margin-bottom: .2rem
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item {
		width: 100%;
		margin-bottom: .5rem
	}

	.partnerbox-sec1 .container .cont .item:last-child {
		margin-bottom: 0
	}
}

.partnerbox-sec1 .container .cont .item .list {
	display: block;
	position: relative
}

.partnerbox-sec1 .container .cont .item .list .img {
	width: 100%;
	height: 3.8rem
}

@media (max-width: 991px) {
	.partnerbox-sec1 .container .cont .item .list .img {
		height: 5rem
	}
}

.partnerbox-sec1 .container .cont .item .list .img:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2
}

.partnerbox-sec1 .container .cont .item .list .font {
	color: #ffffff;
	padding: .34rem .4rem;
	transition: all .4s
}

@media (min-width: 768px) {
	.partnerbox-sec1 .container .cont .item .list .font {
		position: absolute;
		left: 0;
		bottom: 0
	}
}

.partnerbox-sec1 .container .cont .item .list .font .f_tit {
	margin-bottom: .1rem
}

.partnerbox-sec1 .container .cont .item .list .f_jut {
	transition: all .4s;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%
}

@media (min-width: 768px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut {
		opacity: 0;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%)
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li {
	position: relative;
	margin: .2rem
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_icon {
	cursor: pointer;
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 50%;
	transition: all .4s
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_icon img,
.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_icon svg {
	width: auto;
	height: auto;
	max-width: 30%;
	max-height: 30%;
	object-fit: contain
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_icon img:nth-child(2) {
	display: none
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_hover {
	position: absolute;
	top: 100%;
	padding-top: .2rem;
	left: 50%;
	transform: translateX(-50%);
	display: none
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_hover .f_font {
	text-align: center;
	color: #999;
	width: 2rem;
	padding: .24rem .32rem;
	background: #ffffff;
	border-radius: 4px;
	position: relative
}

@media (max-width: 1900px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_hover .f_font {
		width: 2.8rem
	}
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_hover .f_font {
		width: 3.4rem
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li .f_hover .f_font:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li:hover .f_icon {
	background: var(--color)
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li:hover .f_icon img {
	display: none
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li:hover .f_icon img:nth-child(2) {
	display: block
}

.partnerbox-sec1 .container .cont .item .list .f_jut .li:hover .f_hover {
	display: block
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut2 {
		margin-top: .5rem
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_tit {
	margin-bottom: .16rem;
	color: #333333
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_tit {
		display: none
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list {
	display: flex;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list {
		margin-bottom: .3rem
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li {
	display: flex;
	align-items: center;
	margin-bottom: .2rem
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li:not(:last-child) {
	padding-right: .26rem;
	margin-right: .22rem;
	position: relative
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li:not(:last-child):before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 1em;
	transform: translateY(-50%);
	background: #000000;
	opacity: .2
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li img,
.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li svg {
	width: auto;
	height: auto;
	margin-right: .12rem;
	max-width: 26px;
	max-height: 26px;
	object-fit: contain
}

@media (max-width: 1580px) {

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li img,
	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li svg {
		max-width: 22px;
		max-height: 22px
	}
}

@media (max-width: 767px) {

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li img,
	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li svg {
		max-width: .36rem;
		max-height: .36rem
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li img path,
.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li svg path {
	fill: #666
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li {
		font-size: .26rem
	}
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone {
	margin-top: auto;
	margin-bottom: .3rem
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_name {
	margin-bottom: .1rem;
	color: #333333
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_text {
	color: #333
}

.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_text p {
	color: #333;
	opacity: .8;
	margin-bottom: 3px
}

@media (min-width: 768px) {
	.partnerbox-sec1 .container .cont .item .list .f_jut2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 54, 134, 0.6);
		color: #ffffff;
		padding: .32rem .42rem .42rem;
		opacity: 0;
		transition: all .4s
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_tit {
		color: #fff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li {
		color: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li:not(:last-child):before {
		background: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_list .li svg path {
		fill: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_name {
		color: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_text {
		color: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .f_phone .f_text p {
		color: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .hm_but:before {
		background: #ffffff
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .hm_but i svg path {
		fill: var(--color)
	}

	.partnerbox-sec1 .container .cont .item .list .f_jut2 .hm_but span {
		color: var(--color)
	}
}

@media (min-width: 768px) {
	.partnerbox-sec1 .container .cont .item .list:hover .font {
		opacity: 0
	}

	.partnerbox-sec1 .container .cont .item .list:hover .f_jut,
	.partnerbox-sec1 .container .cont .item .list:hover .f_jut2 {
		opacity: 1
	}
}

@media (max-width: 767px) {
	.partnerbox-sec1 .container .cont .item .list .f_nei {
		border: 1px solid #ddd;
		border-top: none;
		padding: .4rem .34rem
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .font {
		color: #333333;
		padding: 0
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .font .f_text {
		color: #666
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut {
		justify-content: flex-start;
		margin-top: .2rem
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut .li {
		margin: 0 .2rem .2rem 0
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut .li .f_icon {
		background-color: #edf0f4
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut .li .f_hover {
		margin-top: .3rem;
		z-index: 3
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut .li .f_hover .f_font {
		box-shadow: 0 -0.05rem .6rem rgba(0, 0, 0, 0.1)
	}

	.partnerbox-sec1 .container .cont .item .list .f_nei .f_jut .li:hover .f_icon {
		background: var(--color)
	}
}

.partnerbox-sec2 {
	padding: .9rem 0 1rem
}

.partnerbox-sec2 .f_title {
	letter-spacing: -1px;
	color: #333333;
	margin-bottom: .64rem
}

@media (max-width: 767px) {
	.partnerbox-sec2 .f_title {
		margin-bottom: .54rem
	}
}

.partnerbox-sec2 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.partnerbox-sec2 .cont .item {
	width: 25%;
	padding: 0 .1rem;
	margin-bottom: .2rem
}

@media (max-width: 991px) {
	.partnerbox-sec2 .cont .item {
		width: 50%
	}
}

.partnerbox-sec2 .cont .item .list {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 100%;
	background-color: #ffffff;
	border: solid 1px #e8e8e8;
	padding: .72rem .4rem .4rem
}

@media (max-width: 767px) {
	.partnerbox-sec2 .cont .item .list {
		padding: .5rem .3rem
	}
}

.partnerbox-sec2 .cont .item .list .f_icon {
	width: .98rem;
	height: .98rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #edf0f4;
	margin-bottom: .38rem
}

@media (max-width: 767px) {
	.partnerbox-sec2 .cont .item .list .f_icon {
		width: 1.2rem;
		height: 1.2rem
	}
}

.partnerbox-sec2 .cont .item .list .f_icon img,
.partnerbox-sec2 .cont .item .list .f_icon svg {
	width: auto;
	height: auto;
	max-width: 46.93877551%;
	max-height: 46.93877551%;
	object-fit: contain
}

.partnerbox-sec2 .cont .item .list .f_tit {
	color: #000000;
	margin-bottom: .14rem
}

.partnerbox-sec2 .cont .item .list .f_text {
	line-height: 1.5;
	color: #000000;
	opacity: .6
}

@media (max-width: 767px) {
	.partnerbox-sec2 .cont .item .list .f_text {
		font-size: .22rem
	}
}

.partnerbox-sec3 {
	padding: 1.2rem 0 1.4rem;
	background-color: #edf0f4
}

@media (max-width: 767px) {
	.partnerbox-sec3 {
		padding: 1.2rem 0
	}
}

.partnerbox-sec3 .newsbox_menu {
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: .4rem;
	margin-bottom: 1.1rem
}

@media (max-width: 767px) {
	.partnerbox-sec3 .newsbox_menu {
		margin-bottom: .6rem;
		justify-content: center
	}
}

.partnerbox-sec3 .newsbox_menu .fz_title {
	letter-spacing: -1px;
	color: #333333
}

@media (max-width: 767px) {
	.partnerbox-sec3 .newsbox_menu .fz_title {
		width: 100%;
		text-align: center;
		margin-bottom: .54rem
	}
}

.partnerbox-sec3 .newsbox_menu .newsbox_cont {
	width: auto;
	max-width: 60%
}

@media (max-width: 767px) {
	.partnerbox-sec3 .newsbox_menu .newsbox_cont {
		max-width: 100%
	}
}

.partnerbox-sec3 .f_nei {
	position: relative
}

.partnerbox-sec3 .f_nei .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all .4s;
	visibility: hidden
}

.partnerbox-sec3 .f_nei .cont .f_gong_item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1.2rem
}

.partnerbox-sec3 .f_nei .cont .f_gong_item:last-child {
	margin-bottom: 0
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt {
	width: 52.9%;
	padding-right: 1.5rem
}

@media (max-width: 1580px) {
	.partnerbox-sec3 .f_nei .cont .f_gong_item .lt {
		padding-right: 1.1rem
	}
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_gong_item .lt {
		width: 100%;
		margin-bottom: .6rem;
		padding-right: 0
	}
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_tit {
	color: #333333;
	margin-bottom: .15rem
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_text {
	color: #666666;
	line-height: 1.5;
	margin-bottom: .68rem
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_tit {
	margin-bottom: .34rem
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_name {
	color: #666666;
	line-height: 1.75;
	padding-bottom: .42rem;
	margin-bottom: .46rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_txt {
	color: #666666;
	line-height: 1.75
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li {
	display: flex;
	align-items: center;
	margin-bottom: .26rem
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li {
		flex-wrap: wrap
	}
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li:last-child {
	margin-bottom: 0
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .56rem;
	height: .56rem;
	flex: 0 0 auto;
	background-color: rgba(237, 240, 244, 0.8);
	border: solid 1px #e8e8e8;
	border-radius: 50%
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li i {
		width: .8rem;
		height: .8rem
	}
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li i img,
.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li i svg {
	max-width: 32.14285714%;
	max-height: 39.28571429%;
	width: auto;
	height: auto
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li span,
.partnerbox-sec3 .f_nei .cont .f_gong_item .lt .f_jut .li a {
	flex: 1 1 auto;
	color: #000000;
	display: block;
	padding-left: .2rem;
	word-break: break-all
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .img {
	width: 47.1%
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_gong_item .img {
		width: 100%
	}
}

.partnerbox-sec3 .f_nei .cont .f_gong_item .img:before {
	padding-top: 62.12121212%
}

.partnerbox-sec3 .f_nei .cont .partnerbox3_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: .5rem
}

.partnerbox-sec3 .f_nei .cont .partnerbox3_pagin span {
	width: .24rem;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.partnerbox-sec3 .f_nei .cont .partnerbox3_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.partnerbox-sec3 .f_nei .cont .partnerbox3_pagin.swiper-pagination-lock {
	display: none
}

.partnerbox-sec3 .f_nei .cont .f_jut {
	padding-top: .9rem;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .66rem
}

.partnerbox-sec3 .f_nei .cont .f_jut:last-child {
	margin-bottom: 0
}

.partnerbox-sec3 .f_nei .cont .f_jut .jut_tit {
	margin-bottom: .4rem
}

.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont {
	width: auto;
	margin: 0 -0.1rem
}

.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide {
	width: 25%;
	height: auto;
	padding: 0 .1rem
}

@media (max-width: 991px) {
	.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide {
		width: 33.33%
	}
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide {
		width: 76%
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide .item {
	background: #ffffff;
	height: 100%;
	border: solid 1px #e8e8e8;
	padding: 1.26rem .42rem 1.04rem;
	text-align: center
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide .item {
		padding: .6rem .34rem
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide .item .f_tit {
	color: #333333;
	margin-bottom: .28rem
}

.partnerbox-sec3 .f_nei .cont .f_jut .partnerbox3_cont .swiper-slide .item .f_text {
	color: #666666;
	line-height: 1.5
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide {
	width: 50%
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide {
		width: 100%
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 {
	background-color: #ffffff;
	border: solid 1px #e8e8e8;
	padding: .74rem .58rem;
	height: 100%
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 .f_text {
	color: #666666;
	position: relative;
	width: 100%;
	line-height: 1.75
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 .f_text:after,
.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 .f_text:before {
	display: block;
	color: #003686;
	opacity: .2;
	position: absolute;
	font-size: .6rem;
	font-family: 'fonzi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	line-height: .8
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 .f_text:before {
	left: -0.3em;
	top: 0;
	content: "“"
}

.partnerbox-sec3 .f_nei .cont .f_jut2 .partnerbox3_cont .swiper-slide .item2 .f_text:after {
	right: 0;
	bottom: -0.5em;
	content: "”"
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen {
	position: relative;
	margin-top: .4rem
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .bag {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--color)
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .4
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_prev,
.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_prev.swiper-button-lock,
.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_next.swiper-button-lock {
	display: none
}

@media (max-width: 767px) {

	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_prev,
	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_next {
		display: none
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_prev {
	left: -0.9rem
}

@media (max-width: 991px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_prev {
		left: -0.3rem
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_next {
	right: -0.9rem;
	left: initial
}

@media (max-width: 991px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_next {
		right: -0.3rem
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide {
	width: 25%;
	border-right: 1px solid rgba(255, 255, 255, 0.4)
}

@media (max-width: 991px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide {
		width: 33.333%
	}
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide {
		width: 66%
	}
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide .zen_item {
	width: 100%;
	height: 6.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide .zen_item .f_tit {
	text-align: center;
	padding: .6rem .3rem;
	color: #ffffff
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .f_zhen .partnerbox3_cont .swiper-slide .zen_item:hover {
	background-color: rgba(0, 54, 134, 0.6)
}

.partnerbox-sec3 .f_nei .cont .f_jut3 .partnerbox3_pagin {
	position: absolute;
	bottom: -0.5rem
}

@media (min-width: 768px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 .partnerbox3_pagin {
		display: none
	}
}

@media (max-width: 767px) {
	.partnerbox-sec3 .f_nei .cont .f_jut3 {
		padding-bottom: .5rem
	}
}

.partnerbox-sec3 .f_nei .on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.partnerbox-sec4 {
	position: relative;
	padding: 1.3rem 0 1.7rem;
	overflow: hidden
}

.partnerbox-sec4 .bag {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block
}

.partnerbox-sec4 .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.partnerbox-sec4 .bag:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .3
}

.partnerbox-sec4 .fz_title {
	text-align: center;
	color: #ffffff;
	margin-bottom: 1rem
}

@media (max-width: 767px) {
	.partnerbox-sec4 .fz_title {
		margin-bottom: .54rem
	}
}

.partnerbox-sec4 .cont2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px
}

.partnerbox-sec4 .cont2 .item {
	width: 20%;
	padding: 0 5px;
	margin-bottom: 10px
}

@media (max-width: 991px) {
	.partnerbox-sec4 .cont2 .item {
		width: 33.33%
	}
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont2 .item {
		width: 50%
	}
}

.partnerbox-sec4 .cont2 .item .list {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	position: relative;
	background: #ffffff;
	padding: .58rem .46rem .35rem;
	text-align: center
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont2 .item .list {
		padding: .6rem .26rem
	}
}

.partnerbox-sec4 .cont2 .item .list .shu {
	position: absolute;
	top: .14rem;
	left: .25rem;
	color: #0b3f8b;
	opacity: .3
}

.partnerbox-sec4 .cont2 .item .list .f_icon {
	width: 1.26rem;
	height: 1.26rem;
	background-color: #edf0f4;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: .32rem
}

.partnerbox-sec4 .cont2 .item .list .f_icon img,
.partnerbox-sec4 .cont2 .item .list .f_icon svg {
	width: auto;
	height: auto;
	max-width: 43.65079365%;
	max-height: 39.68253968%
}

.partnerbox-sec4 .cont2 .item .list .f_tit {
	color: #333333;
	line-height: 1.33333333
}

.partnerbox-sec4 .cont {
	padding: .62rem .92rem;
	border-radius: 150px;
	max-width: 10.75rem;
	margin: 0 auto;
	border: dashed 1px rgba(255, 255, 255, 0.3)
}

@media (max-width: 1580px) {
	.partnerbox-sec4 .cont {
		max-width: 12rem
	}
}

@media (max-width: 991px) {
	.partnerbox-sec4 .cont {
		overflow: hidden;
		padding: 0;
		max-width: 100%
	}
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont {
		border: none;
		overflow: visible
	}
}

.partnerbox-sec4 .cont .developbox4_cont {
	width: auto;
	margin: 0 -0.29rem;
	overflow: inherit
}

@media (max-width: 991px) {
	.partnerbox-sec4 .cont .developbox4_cont {
		padding: .4rem .6rem
	}
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont .developbox4_cont {
		padding: .5rem 0
	}
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide {
	width: 25%;
	padding: 0 .29rem;
	position: relative
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont .developbox4_cont .swiper-slide {
		width: 33.333%
	}
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide:after {
	content: "";
	display: block;
	width: .27rem;
	height: 100%;
	position: absolute;
	right: -0.14rem;
	top: 0;
	background: url(../images/jiantouyouimg2.svg) center / 100% auto no-repeat
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide:last-child:after {
	display: none
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item {
	position: relative;
	padding-top: 100%;
	border-radius: 50%;
	background: #ffffff
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item:before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 140%;
	height: 140%;
	z-index: -1;
	background: #68b72f;
	opacity: 0
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list .f_icon {
	height: .42rem;
	margin-bottom: .14rem
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list .f_icon img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

@media (max-width: 767px) {
	.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list .f_tit {
		font-size: .26rem
	}
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after,
.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
	content: "";
	display: block;
	position: absolute;
	top: 86.36%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #68b72f;
	transition: all .4s
}

@media (max-width: 991px) {

	.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after,
	.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
		display: none
	}
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:after {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	opacity: 0
}

.partnerbox-sec4 .cont .developbox4_cont .swiper-slide .item .f_list:before {
	height: 0;
	width: 1px
}

.joinbanner {
	position: relative;
	overflow: hidden
}

.joinbanner .bag {
	width: 100%;
	height: 100vh;
	display: block
}

.joinbanner .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.joinbanner .bag:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .3
}

.joinbanner .cont {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	text-align: center
}

.joinbanner .cont .container .font {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.joinbanner .cont .container .f_tit {
	margin-bottom: .7rem
}

.joinbanner .cont .container .f_videoALt {
	width: .98rem;
	height: .98rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: var(--color);
	position: relative;
	z-index: 1
}

.joinbanner .cont .container .f_videoALt:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 160%;
	height: 160%;
	border-radius: 50%;
	background: var(--color);
	transform: translate(-50%, -50%);
	animation: scale101 1.5s linear infinite;
	display: none
}

@media (max-width: 1199px) {
	.joinbanner .cont .container .f_videoALt:after {
		display: block
	}
}

.joinbanner .cont .container .f_videoALt img,
.joinbanner .cont .container .f_videoALt svg {
	width: .16rem;
	height: .18rem;
	object-fit: contain;
	margin-left: .1rem
}

@media (max-width: 767px) {

	.joinbanner .cont .container .f_videoALt img,
	.joinbanner .cont .container .f_videoALt svg {
		width: .24rem;
		height: .26rem
	}
}

.joinbanner .cont .container .f_videoALt img path,
.joinbanner .cont .container .f_videoALt svg path {
	fill: #ffffff
}

.joinbanner .cont .container .f_videoALt:hover:after {
	display: block
}

.joinbox-sec1 {
	padding: 1.2rem 0
}

.joinbox-sec1 .container .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}

.joinbox-sec1 .container .cont .item {
	width: 100%;
	display: block
}

.joinbox-sec1 .container .cont .item .list {
	display: block;
	position: relative;
	width: 100%
}

.joinbox-sec1 .container .cont .item .list .img {
	width: 100%;
	padding-top: 138.46153846%;
	min-height: 100%
}

@media (max-width: 767px) {
	.joinbox-sec1 .container .cont .item .list .img {
		padding-top: 80%
	}
}

.joinbox-sec1 .container .cont .item .list .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .2
}

.joinbox-sec1 .container .cont .item .list .font {
	position: absolute;
	left: 0;
	top: 0;
	padding: .5rem .48rem;
	width: 100%
}

.joinbox-sec1 .container .cont .item .list .font .f_tit {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #ffffff
}

.joinbox-sec1 .container .cont .item .list:hover .img img {
	transform: scale(1.04)
}

.joinbox-sec1 .container .cont .lt,
.joinbox-sec1 .container .cont .gt {
	padding: 0 .1rem
}

.joinbox-sec1 .container .cont .lt {
	width: 38.57%
}

@media (max-width: 767px) {
	.joinbox-sec1 .container .cont .lt {
		width: 100%;
		margin-bottom: .3rem
	}
}

.joinbox-sec1 .container .cont .gt {
	width: 61.43%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between
}

@media (max-width: 767px) {
	.joinbox-sec1 .container .cont .gt {
		width: 100%;
		align-items: flex-start
	}
}

.joinbox-sec1 .container .cont .gt .item {
	width: 48%;
	width: calc(50% - .1rem);
	height: calc(50% - .1rem)
}

@media (max-width: 767px) {
	.joinbox-sec1 .container .cont .gt .item {
		height: auto;
		margin-bottom: .3rem
	}
}

.joinbox-sec1 .container .cont .gt .item .list {
	height: 100%
}

.joinbox-sec1 .container .cont .gt .item .list .img {
	padding-top: 83.33333333%
}

.joinbox-sec1 .container .cont .gt .item .list .font {
	top: initial;
	bottom: 0
}

.joinbox-sec1 .container .cont .gt .item:last-child {
	width: 100%;
	margin-bottom: 0
}

.joinbox-sec1 .container .cont .gt .item:last-child .list .img {
	padding-top: 40.69767442%
}

.joinbox-sec2 {
	background-color: #f4f6f8;
	padding: 1.1rem 0 1.4rem
}

.joinbox-sec2 .fz_title {
	margin-bottom: .45rem;
	color: #000000
}

.joinbox-sec2 .cont .f_jut {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem;
	transition: all .4s
}

.joinbox-sec2 .cont .f_jut .item {
	width: 33.333%;
	padding: 0 .1rem .2rem
}

@media (max-width: 767px) {
	.joinbox-sec2 .cont .f_jut .item {
		width: 50%
	}
}

.joinbox-sec2 .cont .f_jut .item .list {
	display: block;
	height: 100%;
	position: relative;
	border: solid 1px #e8e8e8;
	background: #ffffff
}

.joinbox-sec2 .cont .f_jut .item .list .img {
	padding-top: 62.22222222%;
	margin: 0 -1px
}

.joinbox-sec2 .cont .f_jut .item .list .font {
	padding: .26rem .34rem;
	text-align: center;
	border-top: none
}

.joinbox-sec2 .cont .f_jut .item .list .font .f_tit {
	width: 100%;
	color: #000000
}

.joinbox-sec2 .cont .f_btn {
	margin-top: .4rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.joinbox-sec2 .cont .f_btn .f_but {
	padding: .12rem .2rem;
	border: solid 1px rgba(0, 54, 134, 0.1);
	color: #666666;
	display: block;
	color: #000;
	cursor: pointer;
	transition: all .4s;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

.joinbox-sec2 .cont .f_btn .f_but span:nth-child(2) {
	display: none
}

.joinbox-sec2 .cont .f_btn .f_but:before {
	content: "";
	display: block;
	background: rgba(0, 54, 134, 0.1);
	width: 1px;
	left: calc(100% - 10px);
	height: 15px;
	position: absolute;
	bottom: 0;
	transition: all .4s;
	transform: rotate(45deg);
	transform-origin: left bottom
}

.joinbox-sec2 .cont .f_btn .f_but.on span {
	display: none
}

.joinbox-sec2 .cont .f_btn .f_but.on span:nth-child(2) {
	display: block
}

.joinbox-sec2 .cont .f_btn .f_but:hover {
	background-color: var(--color);
	color: #ffffff
}

.joinbox-sec2 .cont .f_btn .f_but:hover:before {
	background-color: var(--color)
}

.joinbox-sec3 {
	padding: 1.1rem 0 .2rem
}

.joinbox-sec3 .f_font {
	margin-bottom: .58rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.joinbox-sec4 {
	padding: 1.4rem 0
}

.joinbox-sec4 .fz_title {
	margin-bottom: .4rem;
	color: #000000
}

.joinbox-sec4 .cont {
	display: flex;
	flex-wrap: wrap
}

.joinbox-sec4 .cont .item {
	width: 56%
}

@media (max-width: 767px) {
	.joinbox-sec4 .cont .item {
		width: 100%;
		margin-bottom: .34rem
	}

	.joinbox-sec4 .cont .item:last-child {
		margin-bottom: 0
	}
}

@media (min-width: 768px) {

	.joinbox-sec4 .cont .item:nth-child(2n+1),
	.joinbox-sec4 .cont .item:nth-child(2n) {
		width: 44%
	}

	.joinbox-sec4 .cont .item:first-child {
		width: 56%
	}

	.joinbox-sec4 .cont .item:nth-child(4n) {
		width: 56%
	}
}

.joinbox-sec4 .cont .item .list {
	display: block;
	position: relative
}

.joinbox-sec4 .cont .item .list .img {
	width: 100%;
	height: 3.8rem
}

.joinbox-sec4 .cont .item .list .img img {
	opacity: 1
}

.joinbox-sec4 .cont .item .list .img:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .3;
	transition: all .4s
}

.joinbox-sec4 .cont .item .list .font {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #ffffff;
	padding: .25rem .4rem
}

@media (max-width: 767px) {
	.joinbox-sec4 .cont .item .list .font {
		padding: .34rem
	}
}

.joinbox-sec4 .cont .item .list .font .f_tit {
	margin-bottom: .1rem
}

.joinbox-sec4 .cont .item .list .font .f_text {
	opacity: .8
}

.joinbox-sec4 .cont .item .list:hover .img img {
	opacity: .4
}

.joinbox-sec4 .cont .item .list:hover .img:after {
	opacity: 0
}

.kernelinfo-sec1 .container .gt .brief_cont {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.kernelinfo-sec1 .container .gt .brief_cont .font {
	width: 55.89%;
	padding-right: .84rem
}

@media (max-width: 767px) {
	.kernelinfo-sec1 .container .gt .brief_cont .font {
		width: 100%;
		padding-right: 0;
		margin-bottom: .54rem
	}
}

.kernelinfo-sec1 .container .gt .brief_cont .font .f_tit {
	line-height: 1.2;
	letter-spacing: -1px;
	color: #000000;
	margin-bottom: .4rem
}

.kernelinfo-sec1 .container .gt .brief_cont .font .f_text {
	line-height: 1.875;
	color: #000000;
	opacity: .8;
	margin-bottom: .32rem
}

.kernelinfo-sec1 .container .gt .brief_cont .img {
	width: 44.11%
}

@media (max-width: 767px) {
	.kernelinfo-sec1 .container .gt .brief_cont .img {
		width: 100%
	}
}

.kernelinfo-sec1 .container .gt .brief_cont .img:before {
	padding-top: 58.22222222%
}

.kernelinfo-sec1 .container .gt .app_cont {
	position: relative;
	margin-top: .4rem
}

.kernelinfo-sec1 .container .gt .app_cont .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 80% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%)
}

.kernelinfo-sec1 .container .gt .app_cont .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.kernelinfo-sec1 .container .gt .app_cont .font {
	position: relative;
	padding: .66rem .34rem;
	text-align: center;
	color: #ffffff
}

.kernelinfo-sec1 .container .gt .target_cont {
	display: flex;
	flex-wrap: wrap;
	margin: .4rem -0.1rem 0
}

.kernelinfo-sec1 .container .gt .target_cont .item {
	padding: 0 .1rem;
	width: 33.333%;
	margin-bottom: .2rem
}

@media (max-width: 767px) {
	.kernelinfo-sec1 .container .gt .target_cont .item {
		width: 50%
	}
}

.kernelinfo-sec1 .container .gt .target_cont .item .list {
	position: relative;
	min-height: 1.3rem;
	display: flex;
	align-items: center;
	padding: .5rem .34rem;
	text-align: center
}

.kernelinfo-sec1 .container .gt .target_cont .item .list:before,
.kernelinfo-sec1 .container .gt .target_cont .item .list:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fafbfd;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%)
}

.kernelinfo-sec1 .container .gt .target_cont .item .list:before {
	right: 0;
	bottom: 0;
	margin: -1px;
	width: auto;
	height: auto;
	background: #e8e8e8
}

.kernelinfo-sec1 .container .gt .target_cont .item .list .f_tit {
	position: relative;
	z-index: 1;
	width: 100%;
	color: #000000
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list:before {
	background: #e8e8e8
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list:after {
	background-color: #fafbfd
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .f_img {
	display: none
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .font {
	position: relative;
	overflow: hidden;
	border-top: none;
	padding: .26rem .3rem .8rem;
	min-height: 2.36rem;
	height: 100%
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .font .f_name {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .font .f_tit {
	margin-bottom: .2rem
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .font .f_text {
	display: none
}

.kernelinfo-sec1 .container .gt .f_jut .particular_cont .item .list .font .shu {
	content: "";
	font-size: 1.2rem;
	position: absolute;
	left: .3rem;
	bottom: -0.3em;
	line-height: .9;
	color: #003686;
	opacity: .1
}

.abtbox-sec1 {
	padding: 1.36rem 0 0
}

.abtbox-sec1 .cont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 1.4rem
}

.abtbox-sec1 .cont .lt {
	width: 47.14%
}

@media (max-width: 767px) {
	.abtbox-sec1 .cont .lt {
		width: 100%
	}
}

.abtbox-sec1 .cont .lt .f_tit {
	color: #333333;
	line-height: 1.2;
	margin-bottom: .92rem
}

.abtbox-sec1 .cont .lt .f_tit span {
	color: var(--color)
}

.abtbox-sec1 .cont .lt .f_jut {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.abtbox-sec1 .cont .lt .f_jut .li {
	width: 50%;
	margin-bottom: .56rem;
	padding-right: .24rem
}

.abtbox-sec1 .cont .lt .f_jut .li .shu {
	display: flex;
	align-items: flex-start;
	color: var(--color);
	line-height: .8;
	margin-bottom: .14rem
}

.abtbox-sec1 .cont .lt .f_jut .li .f_text {
	color: #000000
}

.abtbox-sec1 .cont .gt {
	width: 45.7%
}

@media (max-width: 767px) {
	.abtbox-sec1 .cont .gt {
		width: 100%
	}
}

.abtbox-sec1 .cont .gt .item {
	margin-bottom: .36rem;
	padding-bottom: .34rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.abtbox-sec1 .cont .gt .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.abtbox-sec1 .cont .gt .item .f_tit {
	color: #333333;
	margin-bottom: .16rem
}

.abtbox-sec1 .cont .gt .item .f_text {
	line-height: 1.5;
	color: #666666
}

.abtbox-sec1 .f_nei {
	position: relative
}

.abtbox-sec1 .f_nei .bag {
	width: 100%;
	height: 100vh;
	position: relative
}

.abtbox-sec1 .f_nei .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.abtbox-sec1 .f_nei .bag:after {
	content: "";
	display: block;
	position: absolute;
	top: -1rem;
	left: 0;
	width: 100%;
	height: 2.6rem;
	background: linear-gradient(to bottom, #fff 40%, rgba(255, 255, 255, 0))
}

.abtbox-sec1 .f_nei .f_videoALt {
	width: .98rem;
	height: .98rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: var(--color);
	position: relative;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff
}

.abtbox-sec1 .f_nei .f_videoALt .f_tit {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	padding-top: .36rem
}

.abtbox-sec1 .f_nei .f_videoALt:before {
	background: var(--color);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.abtbox-sec1 .f_nei .f_videoALt:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 160%;
	height: 160%;
	border-radius: 50%;
	background: var(--color);
	transform: translate(-50%, -50%);
	animation: scale101 1.5s linear infinite;
	display: block
}

@media (max-width: 1199px) {
	.abtbox-sec1 .f_nei .f_videoALt:after {
		display: block
	}
}

.abtbox-sec1 .f_nei .f_videoALt img,
.abtbox-sec1 .f_nei .f_videoALt svg {
	width: .16rem;
	height: .18rem;
	position: relative;
	object-fit: contain;
	margin-left: .1rem
}

@media (max-width: 767px) {

	.abtbox-sec1 .f_nei .f_videoALt img,
	.abtbox-sec1 .f_nei .f_videoALt svg {
		width: .24rem;
		height: .26rem
	}
}

.abtbox-sec1 .f_nei .f_videoALt img path,
.abtbox-sec1 .f_nei .f_videoALt svg path {
	fill: #ffffff
}

.abtbox-sec1 .f_nei .f_videoALt:hover:after {
	display: block
}

.abtbox-sec2 {
	position: relative
}

@media (max-width: 991px) {
	.abtbox-sec2 .fz_zhong {
		display: none
	}
}

.abtbox-sec2 .fz_zhong .box1 {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none
}

.abtbox-sec2 .fz_zhong .box1 .bag {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.abtbox-sec2 .fz_zhong .box1 .bag .img {
	position: absolute;
	transition: none;
	width: 3rem;
	background: var(--color)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:before {
	padding-top: 100%
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(1) {
	top: -10vh;
	left: -20vw;
	transform: translate(20vw, 20vh) scale(.56)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(2) {
	top: 33vh;
	left: -20vw;
	transform: translate(26vw, 0) scale(.3)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(3) {
	bottom: 2vh;
	left: -20vw;
	transform: translate(4.5rem, 0) scale(.4)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(4) {
	top: -10vw;
	right: -20vw;
	transform: translate(-20vw, 28vh) scale(.5)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(5) {
	top: 20vh;
	right: -25vw;
	transform: translate(-34vw, 28vh) scale(.3)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(6) {
	top: 46vh;
	right: -25vw;
	transform: translate(-30vw, 28vh) scale(.4)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(7) {
	top: 13vh;
	right: -25vw;
	transform: translate(-43vw, 26vh) scale(.4);
	opacity: 1
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(8) {
	top: 3vh;
	right: -25vw;
	transform: translate(-46vw, 0) scale(.4);
	opacity: .6
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(9) {
	top: -36vh;
	right: 50vw;
	transform: translate(0, 34vh) scale(.3)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(10) {
	bottom: -50vh;
	left: -50vw;
	transform: translate(60vw, -68vh) scale(.28)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(11) {
	top: -60vh;
	left: -50vw;
	transform: translate(66vw, 80vh) scale(.3);
	opacity: .4
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(12) {
	bottom: -30vh;
	left: -50vw;
	opacity: .3;
	transform: translate(74vw, -54vh) scale(.2)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(13) {
	top: -30vh;
	left: -50vw;
	opacity: .3;
	transform: translate(78vw, 58vh) scale(.16)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(14) {
	top: -50vh;
	right: -53vw;
	transform: translate(-84vw, 81vh) scale(.1);
	opacity: .06
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(15) {
	top: -30vh;
	left: -53vw;
	opacity: .1;
	transform: translate(84vw, 66vh) scale(.12)
}

.abtbox-sec2 .fz_zhong .box1 .bag .img:nth-child(16) {
	top: -66vh;
	right: -55vw;
	transform: translate(-95vw, 77vh) scale(.1);
	opacity: .1
}

.abtbox-sec2 .fz_zhong .box1 .container {
	margin: 0;
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	position: relative
}

.abtbox-sec2 .fz_zhong .box1 .container .f_logo {
	height: 1.1rem;
	margin-bottom: .4rem
}

.abtbox-sec2 .fz_zhong .box1 .container .f_logo img {
	height: 100%
}

.abtbox-sec2 .fz_zhong .box1 .container .f_tit {
	color: #333333;
	margin-bottom: .42rem
}

.abtbox-sec2 .fz_zhong .box1 .container .f_xiang {
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	border: solid 2px #003686;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	position: relative
}

.abtbox-sec2 .fz_zhong .box1 .container .f_xiang:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200%;
	height: 200%;
	border-radius: 50%;
	background: var(--color);
	animation: scale101 1s linear infinite
}

.abtbox-sec2 .fz_zhong .box1 .container .f_xiang img {
	position: relative;
	width: 30%;
	max-height: 100%;
	height: auto;
	object-fit: contain
}

.abtbox-sec2 .culturebox-sec2 .fz_title {
	text-align: center;
	line-height: 1.2;
	margin-bottom: .45rem
}

.abtbox-sec2 .culturebox-sec2 .fz_title span {
	color: var(--color)
}

.abtbox-sec2 .culturebox-sec2 .cont {
	margin-bottom: .6rem
}

.abtbox-sec2 .culturebox-sec2 .f_but {
	display: flex;
	justify-content: center
}

@media (min-width: 992px) {
	.abtbox-sec2 .culturebox-sec2 {
		transform: translateY(-100vh)
	}

	.abtbox-sec2 .culturebox-sec2 .fz_title {
		animation-name: none !important;
		visibility: inherit !important;
		transform: translateY(-4rem) scale(.5);
		opacity: 0
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item {
		animation-name: none !important;
		visibility: inherit !important;
		opacity: 0
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(1) {
		transform: translate(100%, 100%) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(2) {
		transform: translate(0%, 100%) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(3) {
		transform: translate(-100%, 100%) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(4) {
		transform: translate(100%, 0) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(5) {
		transform: scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(6) {
		transform: translate(-100%, 0) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .cont .item:nth-child(7) {
		transform: translate(0%, -100%) scale(0)
	}

	.abtbox-sec2 .culturebox-sec2 .f_but {
		transform: translate(0, 3rem) scale(0);
		opacity: 0
	}
}

.abtbox-sec3 .container {
	padding: 1.2rem 0 1.1rem;
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.abtbox-sec3 .container .f_font {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: .38rem
}

.abtbox-sec3 .container .f_font .f_tit {
	color: #333333
}

.abtbox-sec3 .container .f_font .qie {
	display: flex;
	align-items: center
}

.abtbox-sec3 .container .f_font .qie .abtbox3_prev,
.abtbox-sec3 .container .f_font .qie .abtbox3_next {
	background: #f4f6f8
}

.abtbox-sec3 .container .f_font .qie .abtbox3_prev:hover,
.abtbox-sec3 .container .f_font .qie .abtbox3_next:hover {
	background: var(--color)
}

.abtbox-sec3 .container .f_font .qie .abtbox3_prev {
	margin-right: .2rem
}

.abtbox-sec3 .container .cont {
	position: relative;
	padding-bottom: .6rem;
	overflow: hidden
}

.abtbox-sec3 .container .cont .abtbox3_cont .swiper-slide .item .font {
	transform: translateX(-100%)
}

.abtbox-sec3 .container .cont.left_float .abtbox3_cont .swiper-slide .item .font {
	transform: translateX(0%);
	transition: all .4s .3s
}

.abtbox-sec3 .container .abtbox3_cont {
	width: auto;
	overflow: visible;
	margin: 0 -0.12rem
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide {
	width: 50%;
	padding: 0 .12rem
}

@media (max-width: 767px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide {
		width: 100%
	}
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item {
	position: relative;
	overflow: hidden
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .img {
	width: 100%;
	padding-top: 55.38847118%
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .3;
	transition: all .4s
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 46.3%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: .6rem 1rem .36rem .42rem;
	background-color: rgba(0, 54, 134, 0.8);
	color: #ffffff
}

@media (min-width: 768px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font {
		clip-path: polygon(0 0, 100% 0%, 60% 100%, 0 100%)
	}
}

@media (max-width: 991px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font {
		padding: .4rem .6rem .4rem .4rem;
		width: 66%;
		clip-path: polygon(0 0, 100% 0%, 70% 100%, 0 100%)
	}
}

@media (max-width: 767px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font {
		width: 100%;
		background-color: rgba(0, 54, 134, 0.5);
		clip-path: none
	}
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_tit {
	margin-bottom: .25rem
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen {
	line-height: 1.5
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li {
	display: flex;
	align-items: flex-start;
	margin-bottom: .08rem
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li:last-child {
	margin-bottom: 0
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li i {
	position: relative;
	flex: 0 0 auto;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: #ffffff;
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: #fff;
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale100 2s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item .font .f_wen .li i:before {
		top: 4px;
		left: 4px
	}
}

.abtbox-sec3 .container .abtbox3_cont .swiper-slide .item:hover .img img {
	transform: scale(1.1)
}

.abtbox-sec3 .container .abtbox3_pagin {
	position: absolute;
	bottom: -0.45rem;
	width: 100%;
	display: flex;
	justify-content: center
}

.abtbox-sec3 .container .abtbox3_pagin span {
	width: 7px;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.abtbox-sec3 .container .abtbox3_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.abtbox-sec4 {
	position: relative;
	padding: 1.08rem 0 1.18rem
}

@media (max-width: 767px) {
	.abtbox-sec4 {
		padding: 1.4rem 0
	}
}

.abtbox-sec4 .bag {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.abtbox-sec4 .bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.abtbox-sec4 .bag:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .6
}

.abtbox-sec4 .container {
	position: relative
}

.abtbox-sec4 .container .fz_title {
	color: #ffffff;
	margin-bottom: .38rem
}

.abtbox-sec4 .container .cont {
	position: relative
}

.abtbox-sec4 .container .cont .f_jut {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	visibility: inherit;
	opacity: 0;
	transition: all .4s
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont {
	width: 100%;
	background: #ffffff;
	overflow: inherit
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item {
	display: flex;
	flex-wrap: wrap;
	padding: 15px;
	background: #ffffff
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item {
		padding: 0
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .img {
	width: 51.09%
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .img {
		width: 100%
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .img:before {
	padding-top: 70%
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font {
	width: 48.91%;
	padding: .4rem .7rem .8rem .86rem
}

@media (max-width: 991px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font {
		padding: .4rem .36rem .8rem
	}
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font {
		width: 100%;
		padding: .6rem .34rem
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_tit {
	color: #333333;
	padding-bottom: .24rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .28rem
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen {
	color: #666666;
	line-height: 1.5
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li {
	display: flex;
	align-items: flex-start;
	margin-bottom: .18rem
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li:last-child {
	margin-bottom: 0
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li i {
	position: relative;
	flex: 0 0 auto;
	top: .75em;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: block;
	background: var(--color);
	margin-right: .1rem
}

@media (max-width: 1580px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li i {
		width: 8px;
		height: 8px;
		margin-top: -4px
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li i:before {
	content: "";
	display: block;
	width: 240%;
	height: 240%;
	background: var(--color);
	position: relative;
	top: 5px;
	left: 5px;
	animation: scale100 2s linear infinite;
	transform: translate(-50%, -50%)
}

@media (max-width: 1580px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .item .font .f_wen .li i:before {
		top: 4px;
		left: 4px
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie {
	position: absolute
}

@media (min-width: 768px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie {
		left: 50%;
		width: 50%;
		bottom: .5rem;
		padding-left: .88rem
	}
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin span {
	width: .24rem;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin.swiper-pagination-lock {
	display: none
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie {
		bottom: -0.4rem;
		width: 100%
	}

	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin {
		justify-content: center
	}

	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin span {
		background: #ffffff;
		opacity: .6
	}

	.abtbox-sec4 .container .cont .f_jut .abtbox4_cont .qie .abtbox4_pagin .swiper-pagination-bullet-active {
		background: #ffffff;
		opacity: 1
	}
}

.abtbox-sec4 .container .cont .on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.abtbox-sec4 .container .abtbox4_nav {
	width: 100%;
	border-bottom: 1px solid #ffffff;
	margin-top: .34rem
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .abtbox4_nav {
		margin-top: .8rem
	}
}

.abtbox-sec4 .container .abtbox4_nav .swiper-slide {
	width: 25%;
	height: auto
}

@media (max-width: 767px) {
	.abtbox-sec4 .container .abtbox4_nav .swiper-slide {
		width: 40%
	}
}

.abtbox-sec4 .container .abtbox4_nav .swiper-slide .item {
	width: 100%;
	display: flex;
	cursor: pointer;
	flex-direction: column;
	text-align: center;
	color: #ffffff;
	align-items: center;
	opacity: .5;
	transition: all .4s
}

.abtbox-sec4 .container .abtbox4_nav .swiper-slide .item:after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #ffffff;
	margin-top: .2rem
}

@media (max-width: 1580px) {
	.abtbox-sec4 .container .abtbox4_nav .swiper-slide .item:after {
		height: 10px
	}
}

.abtbox-sec4 .container .abtbox4_nav .swiper-slide.on .item {
	opacity: 1
}

.abtbox-sec5 {
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 1.1rem 0 1.8rem
}

@media (max-width: 767px) {
	.abtbox-sec5 {
		padding: 1.2rem 0
	}
}

.abtbox-sec5 .fz_title {
	color: #333333;
	margin-bottom: .72rem
}

@media (max-width: 767px) {
	.abtbox-sec5 .fz_title {
		margin-bottom: .5rem
	}
}

.abtbox-sec5 .cont {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start
}

@media (max-width: 991px) {
	.abtbox-sec5 .cont {
		flex-wrap: wrap
	}
}

.abtbox-sec5 .cont .lt {
	width: 86%;
	width: 80%;
	flex: 0 0 auto;
	position: relative
}

@media (max-width: 991px) {
	.abtbox-sec5 .cont .lt {
		width: 100%
	}
}

.abtbox-sec5 .cont .lt .f_tu {
	width: 100%
}

.abtbox-sec5 .cont .lt .f_tu img {
	width: 100%
}

.abtbox-sec5 .cont .lt .f_dian {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

.abtbox-sec5 .cont .lt .f_dian i {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 8px;
	height: 8px;
	background-color: var(--color);
	border-radius: 50%
}

.abtbox-sec5 .cont .lt .f_dian i:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: var(--color);
	width: 220%;
	height: 220%;
	border-radius: 50%;
	z-index: -1;
	animation: scale100 2s linear infinite
}

.abtbox-sec5 .cont .lt .f_dian.f_white i {
	background-color: #ffffff
}

.abtbox-sec5 .cont .lt .f_dian.f_white i:before {
	background: #ffffff
}

.abtbox-sec5 .cont .lt .f_dian .f_hover {
	background-color: #ffffff;
	box-shadow: 0 3px 9px 1px rgba(1, 6, 20, 0.08);
	width: 1.4rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 18px;
	color: #666666;
	min-height: 48px;
	text-align: center;
	padding: .12rem .24rem;
	display: none;
	z-index: 3
}

@media (max-width: 1580px) {
	.abtbox-sec5 .cont .lt .f_dian .f_hover {
		min-height: 44px;
		margin-bottom: 14px
	}
}

.abtbox-sec5 .cont .lt .f_dian .f_hover:before {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff
}

.abtbox-sec5 .cont .lt .f_dian:hover .f_hover,
.abtbox-sec5 .cont .lt .f_dian.on .f_hover {
	display: block
}

.abtbox-sec5 .cont .gt {
	flex: 0 0 auto;
	width: 30%;
	position: relative;
	margin-left: .26rem
}

@media (max-width: 991px) {
	.abtbox-sec5 .cont .gt {
		width: 50%;
		margin: 0 auto;
		margin-top: .6rem
	}
}

@media (max-width: 767px) {
	.abtbox-sec5 .cont .gt {
		width: 100%
	}
}

.abtbox-sec5 .cont .gt .abtbox5_prev,
.abtbox-sec5 .cont .gt .abtbox5_next {
	margin: 0;
	top: 50%;
	background: none;
	width: 16px;
	height: 28px;
	transform: translateY(-50%);
	z-index: 2
}

.abtbox-sec5 .cont .gt .abtbox5_prev img,
.abtbox-sec5 .cont .gt .abtbox5_next img,
.abtbox-sec5 .cont .gt .abtbox5_prev svg,
.abtbox-sec5 .cont .gt .abtbox5_next svg {
	width: 100%;
	max-height: 100%
}

.abtbox-sec5 .cont .gt .abtbox5_prev img svg path,
.abtbox-sec5 .cont .gt .abtbox5_next img svg path,
.abtbox-sec5 .cont .gt .abtbox5_prev svg svg path,
.abtbox-sec5 .cont .gt .abtbox5_next svg svg path {
	fill: rgba(0, 0, 0, 0.1);
	transition: all .4s
}

.abtbox-sec5 .cont .gt .abtbox5_prev:hover svg path,
.abtbox-sec5 .cont .gt .abtbox5_next:hover svg path {
	fill: #073793
}

.abtbox-sec5 .cont .gt .abtbox5_prev {
	left: -34px
}

.abtbox-sec5 .cont .gt .abtbox5_next {
	right: -34px
}

.abtbox-sec5 .cont .gt .abtbox5_cont {
	width: 100%
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item {
	width: 100%;
	background-color: #fafbfd;
	border: solid 1px #e8e8e8
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .img {
	margin: -1px
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .img:before {
	padding-top: 58.0952381%
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font {
	padding: .28rem .3rem .26rem
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_tit {
	color: #222222;
	line-height: 1.5;
	margin-bottom: .12rem
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_tit span {
	color: #999999
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_text {
	color: #999999;
	line-height: 1.5;
	padding-bottom: .26rem;
	margin-bottom: .24rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut {
	width: 100%
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li {
	display: flex;
	align-items: center;
	color: #666666;
	transition: all .4s;
	margin-bottom: .2rem
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li .f_icon {
	transition: all .4s;
	width: .4rem;
	height: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #f1f3f7
}

@media (max-width: 767px) {
	.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li .f_icon {
		width: .66rem;
		height: .66rem
	}
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li .f_icon img,
.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li .f_icon svg {
	width: auto;
	height: auto;
	max-height: 50%;
	max-width: 40%
}

.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li span {
	display: block;
	flex: 1 1 auto;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	padding-left: 10px
}

@media (max-width: 1580px) {
	.abtbox-sec5 .cont .gt .abtbox5_cont .swiper-slide .item .font .f_jut .li span {
		padding-left: 8px
	}
}

.abtbox-sec5 .cont .gt .abtbox5_cont .abtbox5_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: .6rem
}

@media (min-width: 768px) {
	.abtbox-sec5 .cont .gt .abtbox5_cont .abtbox5_pagin {
		display: none
	}
}

.abtbox-sec5 .cont .gt .abtbox5_cont .abtbox5_pagin span {
	width: .24rem;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.abtbox-sec5 .cont .gt .abtbox5_cont .abtbox5_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.abtbox-sec5 .cont .gt .abtbox5_cont .abtbox5_pagin.swiper-pagination-lock {
	display: none
}

.abtbox-sec6 {
	overflow: hidden;
	padding: 1.16rem 0 0
}

@media (max-width: 767px) {
	.abtbox-sec6 {
		padding-bottom: 1.4rem
	}
}

.abtbox-sec6 .fz_title {
	color: #333333;
	margin-bottom: 1.2rem
}

@media (max-width: 767px) {
	.abtbox-sec6 .fz_title {
		margin-bottom: .6rem
	}
}

.abtbox-sec6 .cont {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between
}

.abtbox-sec6 .cont .img,
.abtbox-sec6 .cont .font {
	width: 50%
}

@media (max-width: 767px) {

	.abtbox-sec6 .cont .img,
	.abtbox-sec6 .cont .font {
		width: 100%
	}
}

.abtbox-sec6 .cont .img img {
	width: 100%
}

.abtbox-sec6 .cont .font {
	padding-left: .6rem;
	padding-top: .3rem;
	padding-bottom: .6rem
}

@media (max-width: 767px) {
	.abtbox-sec6 .cont .font {
		padding: .6rem 0 0
	}
}

.abtbox-sec6 .cont .font .f_text {
	line-height: 1.55555556;
	color: #333333;
	position: relative;
	z-index: 1;
	margin-bottom: .68rem
}

.abtbox-sec6 .cont .font .f_text:after,
.abtbox-sec6 .cont .font .f_text:before {
	display: block;
	color: #003686;
	opacity: .2;
	position: absolute;
	font-size: 1.4rem;
	font-family: 'fonzi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	line-height: .9;
	z-index: -1
}

.abtbox-sec6 .cont .font .f_text:before {
	left: -0.1em;
	top: -0.2em;
	content: "“"
}

.abtbox-sec6 .cont .font .f_text:after {
	right: -0.1em;
	bottom: -0.6em;
	content: "”"
}

.abtbox-sec6 .cont .font .f_text p {
	margin-bottom: .1rem
}

.abtbox-sec6 .cont .font .f_text p:last-child {
	margin-bottom: 0
}

.abtbox-sec6 .cont .font .f_tit {
	color: #666666;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	color: #666;
	position: relative;
	margin-bottom: .56rem
}

.abtbox-sec6 .cont .font .f_tit:before {
	content: "";
	width: .42rem;
	height: 1px;
	background-color: #000000;
	opacity: .1;
	position: relative;
	top: .75em;
	margin-right: 10px
}

.abtbox-sec6 .cont .font .f_tit span {
	display: block;
	margin-right: .2rem
}

.abtbox-sec6 .cont .font .f_tit span:last-child {
	margin-right: 0
}

.abtbox-sec6 .cont .font .f_icon {
	width: 100%
}

@media (max-width: 767px) {
	.abtbox-sec6 .cont .font .f_icon {
		width: 5rem
	}
}

.abtbox-sec6 .cont .font .f_icon img {
	width: auto;
	max-width: 100%
}

.abtbox-sec7 {
	background-color: #f4f6f8;
	padding: 1.28rem 0 1.4rem
}

.abtbox-sec7 .newsbox_menu {
	justify-content: space-between;
	margin-bottom: .5rem
}

@media (max-width: 767px) {
	.abtbox-sec7 .newsbox_menu {
		margin-bottom: .6rem;
		justify-content: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}
}

.abtbox-sec7 .newsbox_menu .fz_title {
	letter-spacing: -1px;
	color: #333333
}

@media (max-width: 767px) {
	.abtbox-sec7 .newsbox_menu .fz_title {
		width: 100%;
		text-align: center;
		margin-bottom: .54rem
	}
}

.abtbox-sec7 .newsbox_menu .newsbox_cont {
	width: auto;
	max-width: 60%
}

@media (max-width: 767px) {
	.abtbox-sec7 .newsbox_menu .newsbox_cont {
		max-width: 100%
	}
}

.abtbox-sec7 .cont {
	position: relative
}

.abtbox-sec7 .cont .f_jut {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}

.abtbox-sec7 .cont .on {
	position: relative;
	visibility: inherit;
	opacity: 1
}

.abtbox-sec7 .abtbox7_cont {
	margin: 0 -0.12rem
}

.abtbox-sec7 .abtbox7_cont .swiper-slide {
	padding: 0 .12rem;
	width: 25%
}

@media (max-width: 991px) {
	.abtbox-sec7 .abtbox7_cont .swiper-slide {
		width: 33.33%
	}
}

@media (max-width: 767px) {
	.abtbox-sec7 .abtbox7_cont .swiper-slide {
		width: 60%
	}
}

.abtbox-sec7 .abtbox7_cont .swiper-slide .item {
	background-color: #ffffff
}

.abtbox-sec7 .abtbox7_cont .swiper-slide .item .img {
	background-color: #edf0f4;
	border: solid 1px #e8e8e8;
	border-bottom: none;
	padding-top: 100%
}

.abtbox-sec7 .abtbox7_cont .swiper-slide .item .font {
	border: solid 1px #e8e8e8;
	padding: .28rem .34rem;
	text-align: center;
	color: #333333
}

.abtbox-sec7 .abtbox7_cont .swiper-slide .item:hover .img img {
	transform: scale(1.08)
}

.abtbox-sec7 .abtbox7_cont .abtbox7_pagin {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: .6rem
}

.abtbox-sec7 .abtbox7_cont .abtbox7_pagin span {
	width: .24rem;
	height: 5px;
	background-color: #000000;
	opacity: .1;
	border-radius: 0;
	margin: 0 2px
}

.abtbox-sec7 .abtbox7_cont .abtbox7_pagin .swiper-pagination-bullet-active {
	background: var(--color);
	opacity: 1
}

.abtbox-sec7 .abtbox7_cont .abtbox7_pagin.swiper-pagination-lock {
	display: none
}

.noticebox {
	background: #f3f5f7
}

.noticebox_tit {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.noticebox_tit .f_tit {
	color: #111111;
	line-height: 1.3
}

.noticebox_tit .f_return {
	display: flex;
	color: #999999;
	align-items: center
}

.noticebox_tit .f_return img,
.noticebox_tit .f_return svg {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	object-fit: contain
}

@media (max-width: 767px) {

	.noticebox_tit .f_return img,
	.noticebox_tit .f_return svg {
		width: 12px;
		height: 12px;
		margin-right: 6px
	}
}

.noticebox_tit .f_return img path,
.noticebox_tit .f_return svg path {
	fill: #999999
}

.noticebox_tit .f_return:hover {
	color: var(--color)
}

.noticebox_tit .f_return:hover svg path {
	fill: var(--color)
}

.noticebox-sec1 {
	padding: .64rem 0 1.2rem
}

.noticebox-sec1 .noticebox_tit {
	margin-bottom: .82rem
}

.noticebox-sec1 .newsbox_menu {
	align-items: center;
	margin-bottom: .4rem
}

.noticebox-sec1 .newsbox_menu .f_select {
	width: 2rem
}

@media (max-width: 991px) {
	.noticebox-sec1 .newsbox_menu .f_select {
		width: 2.6rem
	}
}

@media (max-width: 767px) {
	.noticebox-sec1 .newsbox_menu .f_select {
		width: 100%;
		margin-bottom: .3rem
	}
}

.noticebox-sec1 .newsbox_menu .f_select input,
.noticebox-sec1 .newsbox_menu .f_select .layui-form-select .layui-input,
.noticebox-sec1 .newsbox_menu .f_select textarea {
	line-height: 1.5;
	padding: .16rem .26rem;
	width: 100%;
	background-color: #ffffff;
	border: none;
	color: #999999;
	font-weight: bold;
	height: auto
}

@media (max-width: 767px) {

	.noticebox-sec1 .newsbox_menu .f_select input,
	.noticebox-sec1 .newsbox_menu .f_select .layui-form-select .layui-input,
	.noticebox-sec1 .newsbox_menu .f_select textarea {
		padding: .2rem .34rem
	}
}

.noticebox-sec1 .newsbox_menu .f_select .layui-form-select .layui-edge {
	width: 12px;
	height: 100%;
	top: 0%;
	right: .22rem;
	border: none;
	margin-top: 0;
	background: url(../images/selecintimg1.svg) center center / 100% auto no-repeat
}

.noticebox-sec1 .newsbox_menu .f_select .layui-form-select dl dd.layui-this {
	background-color: var(--color)
}

.noticebox-sec1 .newsbox_menu .f_select .layui-form-select dl {
	top: 100%
}

.noticebox-sec1 .newsbox_menu .f_form {
	background: #ffffff
}

.noticebox-sec1 .newsbox_menu .f_form .f_sub {
	padding: .16rem .2rem
}

.noticebox-sec1 .basepage {
	margin-top: .8rem
}

.exchangebox-sec1 .f_menu {
	padding-bottom: .4rem
}

.exchangebox-sec1 .f_data {
	margin-bottom: .3rem
}

.sharesbox-sec1 {
	padding: .64rem 0 1.2rem
}

.sharesbox-sec1 .noticebox_tit {
	margin-bottom: .82rem
}

.sharesbox-sec1 .fz_jut {
	margin-bottom: .4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.sharesbox-sec1 .fz_jut .lt {
	display: flex;
	align-items: center;
	color: #999999
}

.sharesbox-sec1 .fz_jut .lt .f_name {
	flex: 0 0 auto;
	margin-right: .22rem
}

.sharesbox-sec1 .fz_jut .lt .f_but {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color);
	background: #ffffff;
	transition: all .4s;
	padding: .16rem .26rem
}

.sharesbox-sec1 .fz_jut .lt .f_but img,
.sharesbox-sec1 .fz_jut .lt .f_but svg {
	width: 17px;
	height: 17px;
	margin-right: 5px
}

@media (max-width: 1580px) {

	.sharesbox-sec1 .fz_jut .lt .f_but img,
	.sharesbox-sec1 .fz_jut .lt .f_but svg {
		width: 13px;
		height: 13px
	}
}

.sharesbox-sec1 .fz_jut .lt .f_but img path,
.sharesbox-sec1 .fz_jut .lt .f_but svg path {
	fill: var(--color);
	transition: all .4s
}

.sharesbox-sec1 .fz_jut .lt .f_but:hover {
	background: var(--color);
	color: #ffffff
}

.sharesbox-sec1 .fz_jut .lt .f_but:hover img path,
.sharesbox-sec1 .fz_jut .lt .f_but:hover svg path {
	fill: #ffffff
}

.sharesbox-sec1 .fz_jut .form {
	background: #fff;
	display: flex;
	width: 4rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)
}

@media (max-width: 1900px) {
	.sharesbox-sec1 .fz_jut .form {
		width: 4.6rem
	}
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form {
		width: 5.5rem
	}
}

@media (max-width: 767px) {
	.sharesbox-sec1 .fz_jut .form {
		width: 100%;
		margin-top: .54rem
	}
}

.sharesbox-sec1 .fz_jut .form .f_int {
	width: calc(100% - 1rem);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .16rem .24rem
}

@media (max-width: 991px) {
	.sharesbox-sec1 .fz_jut .form .f_int {
		width: calc(100% - 1.2rem)
	}
}

.sharesbox-sec1 .fz_jut .form .f_int input {
	color: #333333;
	font-size: 14px;
	width: calc(50% - 17px)
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int input {
		width: calc(50% - 13px)
	}
}

.sharesbox-sec1 .fz_jut .form .f_int input::-webkit-input-placeholder {
	font-size: 16px;
	color: #999999
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int input::-webkit-input-placeholder {
		font-size: 14px
	}
}

@media (max-width: 767px) {
	.sharesbox-sec1 .fz_jut .form .f_int input::-webkit-input-placeholder {
		font-size: .28rem
	}
}

.sharesbox-sec1 .fz_jut .form .f_int .jiantou {
	display: flex;
	align-items: center;
	width: 18px;
	height: auto
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int .jiantou {
		width: 14px
	}
}

.sharesbox-sec1 .fz_jut .form .f_int .jiantou img {
	width: 100%;
	max-height: 100%
}

.sharesbox-sec1 .fz_jut .form .f_int .startDate {
	width: calc(50% - 17px - .25rem)
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int .startDate {
		width: calc(50% - 13px - .25rem)
	}
}

.sharesbox-sec1 .fz_jut .form .f_int .endDate {
	text-align: right;
	padding-right: .25rem;
	position: relative
}

@media (max-width: 767px) {
	.sharesbox-sec1 .fz_jut .form .f_int .endDate {
		text-align: right
	}
}

.sharesbox-sec1 .fz_jut .form .f_int .f_data {
	width: 16px;
	display: flex;
	align-items: center;
	position: relative
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int .f_data {
		width: 12px
	}
}

.sharesbox-sec1 .fz_jut .form .f_int .f_data img {
	width: 100%;
	max-height: 100%
}

.sharesbox-sec1 .fz_jut .form .f_int .f_data:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.12rem;
	top: 50%;
	background: #e0e0e0;
	transform: translateY(-50%);
	width: 1px;
	height: 15px
}

@media (max-width: 1580px) {
	.sharesbox-sec1 .fz_jut .form .f_int .f_data:before {
		height: 11px
	}
}

.sharesbox-sec1 .fz_jut .form .f_sub {
	padding: .16rem 0;
	color: #ffffff;
	background-color: #003686;
	width: 1rem
}

@media (max-width: 991px) {
	.sharesbox-sec1 .fz_jut .form .f_sub {
		width: 1.2rem
	}
}

.sharesbox-sec1 .cont .f_item_tit,
.sharesbox-sec1 .cont .f_item {
	display: flex
}

.sharesbox-sec1 .cont .f_item_tit .li,
.sharesbox-sec1 .cont .f_item .li {
	word-wrap: break-word;
	width: 14.28%;
	flex: 1 1 auto;
	text-align: center
}

.sharesbox-sec1 .cont .f_item_tit {
	background: #e5e8ec
}

.sharesbox-sec1 .cont .f_item_tit .li {
	padding: .28rem .2rem;
	color: #333333
}

.sharesbox-sec1 .cont .f_item {
	border-bottom: 1px solid #e5e8ec
}

.sharesbox-sec1 .cont .f_item .li {
	color: #666666;
	padding: .24rem .2rem
}

.sharesbox-sec1 .cont .f_item .li:first-child {
	color: #333333
}

.sharesbox-sec1 .cont .f_item .li:last-child {
	color: var(--color)
}

@media (max-width: 767px) {
	.sharesbox-sec1 .cont {
		overflow-y: hidden;
		overflow-x: auto
	}

	.sharesbox-sec1 .cont .f_item_tit,
	.sharesbox-sec1 .cont .f_item {
		width: 15rem
	}
}

.sharesbox-sec1 .basepage {
	margin-top: .8rem
}

.financialbox-sec1 {
	padding: .64rem 0 1.2rem
}

.financialbox-sec1 .noticebox_tit {
	margin-bottom: .82rem
}

.financialbox-sec1 .f_xiala {
	align-items: flex-start;
	padding-bottom: .4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .36rem
}

.financialbox-sec1 .f_xiala .f_select {
	width: 1.8rem
}

@media (max-width: 991px) {
	.financialbox-sec1 .f_xiala .f_select {
		width: 2.6rem
	}
}

@media (max-width: 767px) {
	.financialbox-sec1 .f_xiala .f_select {
		width: 100%;
		margin-bottom: .3rem
	}
}

.financialbox-sec1 .f_xiala .f_select input,
.financialbox-sec1 .f_xiala .f_select .layui-form-select .layui-input,
.financialbox-sec1 .f_xiala .f_select textarea {
	line-height: 1.5;
	padding: .16rem .26rem;
	width: 100%;
	background-color: #ffffff;
	border: none;
	font-size: 14px;
	color: #999999;
	height: auto
}

@media (max-width: 767px) {

	.financialbox-sec1 .f_xiala .f_select input,
	.financialbox-sec1 .f_xiala .f_select .layui-form-select .layui-input,
	.financialbox-sec1 .f_xiala .f_select textarea {
		padding: .2rem .34rem
	}
}

.financialbox-sec1 .f_xiala .f_select .layui-form-select .layui-edge {
	width: 12px;
	height: 100%;
	top: 0%;
	right: .22rem;
	border: none;
	margin-top: 0;
	background: url(../images/selecintimg1.svg) center center / 100% auto no-repeat
}

.financialbox-sec1 .f_xiala .f_select .layui-form-select dl dd.layui-this {
	background-color: var(--color)
}

.financialbox-sec1 .f_xiala .f_select .layui-form-select dl {
	top: 100%;
	font-size: 14px
}

.financialbox-sec1 .f_xiala .lt {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

@media (max-width: 991px) {
	.financialbox-sec1 .f_xiala .lt {
		width: 100%
	}
}

.financialbox-sec1 .f_xiala .lt .f_name {
	color: #999999;
	margin-right: .22rem
}

@media (max-width: 767px) {
	.financialbox-sec1 .f_xiala .lt .f_name {
		margin-right: 0;
		width: 100%;
		margin-bottom: .14rem
	}
}

.financialbox-sec1 .f_xiala .gt {
	max-width: 60%;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

@media (max-width: 991px) {
	.financialbox-sec1 .f_xiala .gt {
		max-width: 100%;
		width: 100%;
		margin-top: .4rem
	}
}

.financialbox-sec1 .f_xiala .gt .f_item {
	display: flex;
	align-items: center;
	margin-right: .2rem
}

.financialbox-sec1 .f_xiala .gt .f_item:last-child {
	margin-right: 0;
	margin-bottom: 0
}

.financialbox-sec1 .f_xiala .gt .f_item .f_name {
	color: #999999;
	margin-right: .2rem
}

.financialbox-sec1 .f_xiala .gt .f_item .f_bili {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.financialbox-sec1 .f_xiala .gt .f_item .f_bili .li {
	background-color: #ffffff;
	padding: .14rem .2rem;
	min-width: .6rem;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	transition: all .4s;
	color: #003686
}

@media (max-width: 1580px) {
	.financialbox-sec1 .f_xiala .gt .f_item .f_bili .li {
		min-width: .8rem
	}
}

.financialbox-sec1 .f_xiala .gt .f_item .f_bili .li.on {
	background: var(--color);
	color: #ffffff
}

@media (max-width: 767px) {
	.financialbox-sec1 .f_xiala .gt .f_item {
		flex-wrap: wrap;
		margin-bottom: .3rem;
		width: 100%
	}

	.financialbox-sec1 .f_xiala .gt .f_item .f_name {
		width: 100%;
		margin-bottom: .14rem
	}
}

.financialbox-sec1 .f_menu {
	margin-bottom: .6rem
}

.financialbox-sec1 .f_menu .newsbox_cont .swiper-slide .item {
	clip-path: none;
	background: #ffffff;
	color: #999999
}

.financialbox-sec1 .f_menu .newsbox_cont .swiper-slide.on .item {
	background: var(--color);
	color: #ffffff
}

.financialbox-sec1 .f_chart {
	margin-bottom: .7rem
}

.financialbox-sec1 .f_chart>div {
	width: 100%;
	height: 7rem
}

@media (max-width: 767px) {
	.financialbox-sec1 .f_chart {
		overflow-y: hidden;
		overflow-x: auto
	}

	.financialbox-sec1 .f_chart>div {
		width: 12rem
	}
}

.financialbox-sec1 .cont .f_item_tit,
.financialbox-sec1 .cont .f_item {
	display: flex
}

.financialbox-sec1 .cont .f_item_tit .li,
.financialbox-sec1 .cont .f_item .li {
	word-wrap: break-word;
	width: 14.28%;
	flex: 1 1 auto;
	text-align: center
}

.financialbox-sec1 .cont .f_item_tit .li:first-child,
.financialbox-sec1 .cont .f_item .li:first-child {
	width: 20%
}

.financialbox-sec1 .cont .f_item_tit {
	background: #e5e8ec
}

.financialbox-sec1 .cont .f_item_tit .li {
	padding: .28rem .2rem;
	color: #333333
}

.financialbox-sec1 .cont .f_item {
	border-bottom: 1px solid #e5e8ec
}

.financialbox-sec1 .cont .f_item .li {
	color: #333333;
	padding: .24rem .2rem
}

@media (max-width: 767px) {
	.financialbox-sec1 .cont {
		overflow-y: hidden;
		overflow-x: auto
	}

	.financialbox-sec1 .cont .f_item_tit,
	.financialbox-sec1 .cont .f_item {
		width: 16rem
	}
}

.layui-form-select dl dd.layui-this {
	color: #ffffff !important
}