@charset "utf-8";

:root {
	--shen-color: #333;
	--qian-color: #666;
	--main-color: #1a305e;
	--hover-color: #1e56cc;
	--Poppins-Bold: Poppins-Bold;
	--Poppins-Light: Poppins-Light;
	--Poppins-Regular: Poppins-Regular;
	--Oswald-Regular: Oswald-Regular;
	--D-DINExp-Bold: D-DINExp-Bold
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	box-sizing: content-box
}

div,
p,
span,
i,
em {
	white-space: inherit !important
}

ul {
	list-style: none
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0
}

html {
	font-size: 1px !important
}

html,
body {
	position: relative
}

@media (max-width:1730px) {
	html {
		font-size: .901042px !important
	}
}

@media (max-width:1600px) {
	html {
		font-size: .824479px !important
	}
}

@media (max-width:1530px) {
	html {
		font-size: .792708px !important
	}
}

@media (max-width:1440px) {
	html {
		font-size: .741146px !important
	}
}

@media (max-width:1366px) {
	html {
		font-size: .702604px !important
	}
}

@media (max-width:1360px) {
	html {
		font-size: .699479px !important
	}
}

@media (max-width:1280px) {
	html {
		font-size: .657813px !important
	}
}

@media (max-width:1200px) {
	html {
		font-size: .617188px !important
	}
}

body {
	font-family: var(--Poppins-Regular), "Microsoft Yahei", "微软雅黑", "思源黑体 CN-Medium", "思源黑体 CN", "Microsoft YaHei New", "PingFang SC", "Hiragino Sans GB", "Arial", "Helvetica", sans-serif;
	font-size: 16rem;
	color: var(--qian-color);
	line-height: 1.1;
	width: 100%;
	background: #fff;
	font-weight: normal;
	margin: 0 auto !important;
	word-break: break-word;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: var(--qian-color)
}

a:hover,
a:active,
a:focus {
	color: var(--qian-color);
	text-decoration: none
}

img {
	border: 0;
	max-width: 100%;
	height: auto
}

table {
	border-collapse: collapse;
	width: 100%
}

table td {
	font-size: 16rem;
	line-height: 32rem;
	padding: 9rem 15rem;
	color: #212121;
	border: 1px solid #d3d7db
}

input,
textarea,
select {
	font-size: 16rem;
	outline: 0;
	overflow: hidden;
	font-family: var(--Poppins-Regular), "Microsoft Yahei", "微软雅黑", "思源黑体 CN-Medium", "思源黑体 CN", "Microsoft YaHei New", "PingFang SC", "Hiragino Sans GB", "Arial", "Helvetica", sans-serif
}

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

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fafafa url(../images/arrow.png) no-repeat scroll 95% center;
	background: #fafafa\9\0
}

input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="radio"] {
	cursor: pointer;
	outline: 0
}

input[type="checkbox"],
input[type="radio"] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,
input[type="email"],
input[type="date"],
input[type="password"],
input[type="text"] {
	padding: 0;
	color: var(--qian-color);
	outline: 0
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
select,
button {
	-webkit-appearance: none
}

input,
select,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 0
}

::-webkit-input-placeholder {
	color: #888
}

:-moz-placeholder {
	color: #888;
	opacity: 1
}

::-moz-placeholder {
	color: #888;
	opacity: 1
}

:-ms-input-placeholder {
	color: #888
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic img {
	transition: .5s
}

.pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	object-fit: cover
}

.ellipsis {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.ellipsis2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.ellipsis3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.ellipsis4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.ellipsis5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.ellipsis6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6
}

.ellipsis7 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 7
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@keyframes fadeInLeft2 {
	0% {
		opacity: 0;
		transform: translate3d(-70px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeft2 {
	animation-name: fadeInLeft2
}

@keyframes fadeInLeft3 {
	0% {
		opacity: 0;
		transform: translate3d(-10px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeft3 {
	animation-name: fadeInLeft3
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		transform: translate3d(70px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInRight2 {
	animation-name: fadeInRight2
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInUp2 {
	animation-name: fadeInUp2
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		transform: translate3d(0, -70px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInDown2 {
	animation-name: fadeInDown2
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
}

.swing {
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}

@keyframes scale {
	0% {
		opacity: 0;
		transform: scale(1.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.scale {
	animation-name: scale
}

@keyframes ants {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@font-face {
	font-family: Poppins-Regular;
	src: url('../font/Poppins-Regular.woff2') format('woff2'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('../font/Poppins-Regular.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Poppins-Bold;
	src: url('../font/Poppins-Bold.woff2') format('woff2'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('../font/Poppins-Bold.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: D-DINExp-Bold;
	src: url('../font/D-DINExp-Bold.woff2') format('woff2'), url('../font/D-DINExp-Bold.woff') format('woff'), url('../font/D-DINExp-Bold.ttf') format('truetype'), url('../font/D-DINExp-Bold.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Oswald-Regular;
	src: url('../font/Oswald-Regular.woff2') format('woff2'), url('../font/Oswald-Regular.woff') format('woff'), url('../font/Oswald-Regular.ttf') format('truetype'), url('../font/Oswald-Regular.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Poppins-Light;
	src: url('../font/Poppins-Light.ttf');
	font-style: normal;
	font-display: swap
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #fff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: var(--qian-color)
}

.prompt span a {
	text-decoration: underline
}

.prompt .prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer
}

.sitemap {
	background: #fff;
	padding: 100rem 0
}

.sitemap .home-title {
	margin-bottom: 35rem
}

.sitemap .sitemap-bottom {
	font-size: 18rem;
	line-height: 30rem;
	color: #333
}

.sitemap .sitemap-bottom li {
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: 20rem;
	margin-bottom: 20rem
}

.sitemap .sitemap-bottom li .top1 {
	font-size: 22rem;
	color: var(--main-color);
	font-family: var(--wujingkaishuXW)
}

.sitemap .sitemap-bottom li .top1 .txt-2 {
	display: none
}

.sitemap .sitemap-bottom li .top1:hover {
	color: var(--main-color);
	text-decoration: underline
}

.sitemap .sitemap-bottom li .subnav {
	margin-top: 15rem
}

.sitemap .sitemap-bottom li .subnav a {
	font-size: 16rem;
	color: var(--qian-color);
	margin-right: 20rem;
	padding: 5rem 0;
	display: block;
	float: left;
	font-family: var(--AlbertSans-Light)
}

.sitemap .sitemap-bottom li .subnav a:hover {
	color: var(--main-color);
	text-decoration: underline
}

.sitemap .p {
	color: var(--shen-color)
}

.sitemap .p p {
	margin-bottom: 15rem
}

@media (max-width:1025px) {
	.sitemap {
		padding: 40px 0
	}

	.sitemap .home-title {
		margin-bottom: 24px
	}

	.sitemap .sitemap-bottom {
		font-size: 16px;
		line-height: 26px
	}

	.sitemap .sitemap-bottom li .top1 {
		font-size: 20px
	}

	.sitemap .sitemap-bottom li .subnav a {
		font-size: 16px;
		margin-right: 10px;
		padding: 5px 0
	}

	.sitemap .sitemap-bottom li .subnav {
		margin-top: 10px
	}

	.sitemap .sitemap-bottom li {
		padding-bottom: 15px;
		margin-bottom: 15px
	}

	.policy-page .policy-content>.p {
		margin-bottom: 24px;
		padding: 18px
	}

	.policy-page .policy-content {
		font-size: 16px;
		line-height: 26px
	}

	.policy-page .policy-content dl {
		padding: 20px 0
	}

	.policy-page .policy-content dt {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 32px
	}
}

.transparent {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.6);
	top: 0;
	left: 0;
	z-index: 888;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

.transparent.active {
	display: block
}

.container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1440rem
}

.height {
	height: 1px;
	position: absolute;
	top: -110rem;
	left: 0;
	width: 100%
}

.height1 {
	height: 110rem
}

.fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 555
}

.header {
	height: 110rem;
	width: 100%;
	transition: .5s;
	position: relative;
	z-index: 2;
	background: #fff
}

.header .container {
	max-width: 1765rem
}

.header .logo {
	float: left;
	transition: .5s;
	padding-top: 19rem
}

.header .logo a {
	display: block;
	position: relative;
	transition: .5s
}

.header .logo a img {
	display: inline-block;
	vertical-align: top;
	width: 195rem;
	z-index: 5;
	position: relative;
	transition: .5s
}

.header .logo a .lg2 {
	display: none
}

.header .header-right {
	float: right;
	margin-right: 0
}

.header .header-right .menu {
	float: right;
	position: relative;
	width: 36px;
	height: 36px;
	margin-top: 12px;
	display: none
}

.header .header-right .menu .navPhoneBtn {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 36px;
	text-align: right
}

.header .header-right .menu .navPhoneBtn span {
	display: block;
	width: 20px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: var(--main-color);
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	transform-origin: 20px;
	-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

.header .header-right .menu .navPhoneBtn span:nth-last-child(2) {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width .5s ease;
	transition: width .5s ease
}

.header .header-right .menu .navPhoneBtn span:last-child {
	margin-bottom: 0
}

.header .header-right .lan {
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 111;
	margin-left: 35rem;
	transition: .7s
}

.header .header-right .lan h3,
.header .header-right .lan .lan-title {
	color: #fff
}

.header .header-right .lan h3 img,
.header .header-right .lan .lan-title img {
	width: 28rem;
	height: 28rem;
	display: inline-block;
	vertical-align: middle;
	object-fit: cover
}

.header .header-right .lan span {
	display: block;
	height: 110rem;
	transition: .7s;
	line-height: 110rem;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle
}

.header .header-right .lan ul {
	position: absolute;
	top: 100%;
	width: 120rem;
	background: #fff;
	color: #353535;
	display: none;
	z-index: -1;
	border-radius: 5rem;
	padding: 10rem 0;
	left: 50%;
	margin-left: -60rem;
	text-align: center;
	box-shadow: 0 0 10rem rgba(0, 0, 0, 0.2)
}

.header .header-right .lan ul::after {
	content: "";
	border: 8rem solid transparent;
	border-bottom-color: #fff;
	width: 0;
	height: 0;
	margin: 0 auto;
	position: absolute;
	top: -16rem;
	left: 0;
	right: 0
}

.header .header-right .lan ul li a {
	display: block;
	color: #666;
	text-align: center;
	font-size: 16rem;
	line-height: 40rem
}

.header .header-right .lan ul li a img {
	width: 24rem;
	margin-right: 5rem;
	margin-top: -3rem;
	display: inline-block;
	vertical-align: middle
}

@media (min-width:1025px) {
	.header .header-right .lan ul li a:hover {
		background: #eee
	}
}

.header .header-right .header-search {
	float: right;
	position: relative;
	transition: .7s
}

.header .header-right .header-search .pull-right {
	position: relative;
	z-index: 778
}

.header .header-right .header-search .pull-right a {
	display: block;
	overflow: hidden;
	width: 40rem;
	height: 110rem;
	transition: .7s;
	background: url(../images/search1.png) no-repeat center center;
	background-size: 20rem !important
}

.header .header-right .header-search .search .search-main {
	top: 100%;
	right: 0;
	z-index: 777;
	width: 300rem;
	display: none;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.header .header-right .header-search .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 16rem;
	color: #666;
	height: 50rem;
	vertical-align: top;
	padding: 0 60rem 0 30rem;
	-webkit-appearance: none;
	background: none
}

.header .header-right .header-search .btn {
	top: 0;
	border: 0;
	right: 0;
	color: #fff;
	width: 50rem;
	height: 50rem;
	line-height: 50rem;
	position: absolute;
	background: url(../images/search1.png) no-repeat center center;
	background-size: 20rem !important
}

.headerfix {
	box-shadow: 0 13rem 21rem 0 rgba(29, 55, 110, 0.15)
}

.nav {
	transition: .2s;
	float: right;
	margin-right: 110rem
}

.nav ul {
	z-index: 1
}

.nav ul li {
	float: left;
	margin-left: 46rem
}

.nav ul li a {
	color: var(--main-color);
	font-size: 18rem;
	padding: 0 10rem;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-family: var(--Poppins-Bold)
}

.nav ul li a>span {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.nav ul li a .txt-1 {
	display: block;
	line-height: 110rem
}

.nav ul li a .txt-2 {
	display: none;
	transform: translateY(100%)
}

.nav ul li i {
	height: 110rem;
	width: 12rem;
	background: url(../images/jt.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: top
}

.nav ul li .subnav {
	width: 260rem;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -130rem;
	display: none;
	z-index: 333;
	text-align: center;
	padding: 24rem 0;
	background: #fff;
	border-radius: 0 0 10rem 10rem;
	box-shadow: 0 12rem 30rem rgba(0, 0, 0, 0.08)
}

.nav ul li .subnav .container {
	display: flex;
	justify-content: center
}

.nav ul li .subnav ul {
	margin: 0;
	padding: 0
}

.nav ul li .subnav ul li {
	margin: 0;
	width: auto;
	padding: 0 20rem;
	float: none;
	background: none
}

.nav ul li .subnav ul li a {
	font-size: 16rem;
	line-height: 24rem;
	color: #3f4652 !important;
	height: auto;
	margin: 0;
	padding: 10rem 18rem;
	text-decoration: none;
	text-align: center;
	font-weight: normal !important;
	display: block;
	border-radius: 6rem;
	transition: .3s;
	font-family: var(--wujingkaishuXW)
}

.nav ul li .subnav ul li a:after {
	display: none
}

.nav ul li .subnav ul li a:before {
	display: none
}

@media (min-width:1025px) {
	.nav ul li .subnav ul li:hover>a {
		color: #fff !important;
		background: var(--main-color);
		text-decoration: underline
	}

	.nav ul li .subnav ul li:hover>a span {
		color: #fff !important
	}
}

.nav ul li .solution-subnav {
	left: 0;
	width: 100%;
	margin-left: 0;
	padding: 0;
	border-radius: 0;
	text-align: left;
	box-shadow: 0 12rem 30rem rgba(0, 0, 0, 0.08)
}

.nav ul li .solution-subnav .solution-subnav-inner {
	display: flex;
	min-height: 400rem;
	background: #fff
}

.nav ul li .solution-subnav .solution-subnav-tabs {
	width: 730rem;
	padding: 42rem 45rem;
	background: #eef3f9;
	max-height: calc(100vh - 110rem);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(30, 86, 204, 0.35) transparent
}

.nav ul li .solution-subnav .solution-subnav-tabs::-webkit-scrollbar {
	width: 4rem
}

.nav ul li .solution-subnav .solution-subnav-tabs::-webkit-scrollbar-thumb {
	background: rgba(30, 86, 204, 0.35)
}

.nav ul li .solution-subnav .solution-subnav-tabs .item {
	padding-top:20rem;
	padding-bottom:20rem;
	padding-left: 145rem;
	border-bottom: 1px solid #d7e0ea;
	font-size: 24rem;
	line-height: 42rem;
	color: var(--main-color);
	cursor: pointer;
	transition: .3s
}

.nav ul li .solution-subnav .solution-subnav-tabs .item.active {
	color: var(--hover-color);
	font-family: var(--Poppins-Bold)
}

.nav ul li .solution-subnav .solution-subnav-content {
	flex: 1;
	padding: 72rem 0 70rem 155rem
}

.nav ul li .solution-subnav .solution-subnav-content .item {
	display: none;
	align-items: flex-start
}

@media (min-width:1025px) {
	.nav ul li .solution-subnav .solution-subnav-content .item:hover .pic img {
		transform: scale(1.1)
	}
}

.nav ul li .solution-subnav .solution-subnav-content .item.active {
	display: block
}

.nav ul li .solution-subnav .solution-subnav-content .item.active a {
	display: flex
}

.nav ul li .solution-subnav .solution-subnav-content .pic {
	width: 380rem;
	height: 100%;
	margin-right: 55rem
}

.nav ul li .solution-subnav .solution-subnav-content .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.nav ul li .solution-subnav .solution-subnav-content .pic:after {
	padding-bottom: 67.64705882%
}

.nav ul li .solution-subnav .solution-subnav-content .text {
	width: 420rem;
	padding-top: 0
}

.nav ul li .solution-subnav .solution-subnav-content .bt {
	margin-bottom: 32rem;
	font-size: 34rem;
	line-height: 40rem;
	color: var(--main-color);
	font-weight: normal
}

.nav ul li .solution-subnav .solution-subnav-content .p {
	margin-bottom: 38rem;
	font-size: 20rem;
	line-height: 28rem;
	color: var(--main-color)
}

.nav ul li .solution-subnav .solution-subnav-content .p p {
	margin-bottom: 18rem
}

.nav ul li .solution-subnav .solution-subnav-content .more a {
	padding: 0;
	font-size: 20rem;
	line-height: 30rem;
	color: var(--hover-color) !important;
	font-family: var(--Poppins-Regular)
}

.nav ul li .solution-subnav .solution-subnav-content .more i {
	display: inline-block;
	width: 16rem;
	height: auto;
	margin-left: 14rem;
	background: none;
	line-height: 1;
	vertical-align: middle
}

.nav ul li .solution-subnav .solution-subnav-content .more img {
	display: block;
	width: 100%
}

.nav ul li:hover a>span {
	text-decoration: underline
}

.nav ul li:nth-child(1) {
	margin-left: 0
}

.nav ul .active a>span {
	text-decoration: underline
}

#menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 82%;
	max-width: 430px;
	background: #fff;
	z-index: 9999;
	height: 100%;
	transition: .5s;
	overflow: auto;
	padding: 78px 22px 40px;
	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.12)
}

#menu .lan {
	text-align: center;
	padding: 15px 0
}

#menu .lan a {
	color: #666;
	font-size: 16px;
	margin: 0 5px 10px 5px
}

#menu .search {
	background: #f1f1f1;
	position: relative
}

#menu .search .form-control {
	width: 100%;
	height: 40px;
	border: 0;
	background: none;
	padding: 0 20px;
	color: #666;
	font-size: 16px
}

#menu .search .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: var(--main-color) url(../images/search.png) no-repeat center center;
	background-size: 15px !important;
	padding: 0;
	margin: 0
}

#menu .btn {
	text-align: center;
	margin-bottom: 18px
}

#menu .hide {
	display: none
}

#menu ul .subnav {
	display: none;
	text-transform: inherit;
	background: #f6f9fd;
	border-radius: 8px;
	margin: 0 0 12px;
	padding: 10px 14px
}

#menu ul .subnav a {
	text-transform: inherit
}

#menu ul .subnav .container {
	width: auto;
	max-width: none;
	margin: 0
}

#menu ul ul {
	padding: 0;
	margin: 0
}

#menu ul ul li {
	width: 100%;
	float: none;
	padding: 7px 0;
	border: 0;
	margin: 0
}

#menu ul ul li i {
	right: 0
}

#menu ul ul li a {
	padding: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	color: #5f6870
}

#menu ul ul li ul {
	display: none
}

#menu ul {
	overflow: hidden;
	padding: 0
}

#menu ul li {
	position: relative;
	border-bottom: 1px solid #eef1f5
}

#menu ul li i {
	display: block;
	width: 44px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	text-align: center;
	background: url(../images/jt.png) no-repeat center center;
	background-size: 12px;
	transition: .3s
}

#menu ul li a {
	font-size: 20px;
	color: #202121;
	display: block;
	line-height: 32px;
	padding: 10px 0;
	padding-right: 48px;
	position: relative;
	z-index: 2
}

#menu ul li a .txt-2 {
	display: none
}

#menu ul li.active>i {
	transform: rotate(90deg)
}

#menu ul li.active>a {
	color: var(--main-color)
}

#menu .subnav {
	padding: 10px 14px
}

#menu .close {
	display: block;
	height: 36px;
	width: 36px;
	position: absolute;
	right: 17px;
	top: 18px;
	border-radius: 50%;
	background: url(../images/closed.png) no-repeat center center;
	background-size: 15px
}

#menu.show1 {
	right: 0
}

.hide {
	display: none
}

.pc {
	display: block
}

.phone {
	display: none
}

.center {
	text-align: center
}

.public-more a,
.public-more p {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 188rem;
	padding: 0 60rem 0 28rem;
	border: 1px solid var(--hover-color);
	overflow: hidden;
	font-size: 20rem;
	font-weight: normal;
	line-height: 56rem;
	color: var(--hover-color);
	background: #fff;
	transition: color .35s ease, border-color .35s ease, transform .35s ease;
	font-family: ArialMT
}

.public-more a:before,
.public-more p:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: var(--hover-color);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .42s cubic-bezier(.45, 0, .12, 1)
}

.public-more a i,
.public-more p i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24rem;
	width: 16rem
}

.public-more a i img,
.public-more p i img {
	filter: brightness(1) invert(0);
	display: block
}

.public-more.is-fill a,
.public-more.is-fill p,
.public-more.is-fill>span {
	color: #fff;
	background: var(--hover-color);
	border: 1px solid var(--hover-color)
}

.public-more.is-fill a:before,
.public-more.is-fill p:before,
.public-more.is-fill>span:before {
	background: #fff
}

.public-more.is-fill a i img,
.public-more.is-fill p i img,
.public-more.is-fill>span i img {
	filter: brightness(0) invert(1)
}

@media (min-width:1025px) {
	.public-more a:hover {
		color: #fff;
		border-color: var(--hover-color)
	}

	.public-more a:hover:before {
		transform: scaleX(1)
	}

	.public-more a:hover i img {
		filter: brightness(0) invert(1)
	}

	.public-more.is-fill a:hover {
		color: var(--hover-color);
		border: 1px solid var(--hover-color)
	}

	.public-more.is-fill a:hover i img {
		filter: brightness(1) invert(0)
	}
}

.white {
	color: #fff !important
}

.black {
	color: #000
}

@-webkit-keyframes wave {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes wave {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.ani_in {
	--go: 0;
	will-change: opacity, clip-path;
	animation-name: imgS;
	will-change: transform, opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: paused;
	animation-delay: calc(var(--go) * -1s);
	animation-timing-function: cubic-bezier(.22, .61, .36, 1)
}

@keyframes imgS {
	0% {
		opacity: 0;
		transform: scale(1.3)
	}

	12% {
		opacity: .5;
		transform: scale(1.3)
	}

	20% {
		opacity: 1
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.banner {
	position: relative;
	overflow: hidden
}

.swiper-renewal-main {
	position: relative;
	overflow: hidden
}

.swiper-renewal-main .swiper-slide {
	overflow: hidden;
	position: relative
}

.swiper-renewal-main .swiper-slide img,
.swiper-renewal-main .swiper-slide video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.swiper-renewal-main .img {
	position: relative;
	overflow: hidden;
	width: 100%
}

.swiper-renewal-main .img img {
	transform: scale(1.2);
	transition: 2.5s
}

.swiper-renewal-main .img1 {
	display: none
}

.swiper-renewal-main .banner-hover {
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 44;
	top: 7%
}

.swiper-renewal-main .banner-hover .bt {
	font-family: var(--Poppins-Bold);
	font-size: 40rem;
	font-weight: normal;
	line-height: 56rem;
	color: #fff;
	margin-bottom: 18rem
}

.swiper-renewal-main .banner-hover .bt span {
	font-family: var(--Poppins-Regular)
}

.swiper-renewal-main .banner-hover .public-more {
	margin-top: 39rem
}

.swiper-renewal-main .banner-hover .p {
	font-size: 18rem;
	font-weight: normal;
	line-height: 28rem;
	color: #fff
}

.swiper-renewal-main .swiper-pagination2 {
	width: 100%;
	position: absolute;
	bottom: 80rem;
	color: #fff;
	z-index: 5;
	max-width: 1440rem;
	left: 50%;
	transform: translate(-50%, 0)
}

.swiper-renewal-main .swiper-pagination2 ul {
	width: 100%;
	display: flex;
	margin: 0 -40rem;
	list-style: none
}

.swiper-renewal-main .swiper-pagination2 ul li {
	width: 33.333333%;
	padding: 0 40rem
}

.swiper-renewal-main .swiper-pagination2 ul li span {
	padding-left: 22px
}

.swiper-renewal-main .swiper-pagination2 ul li.active a {
	opacity: 1
}

.swiper-renewal-main .swiper-pagination2 ul li a {
	color: #fff;
	font-size: 22rem;
	line-height: 70rem;
	font-family: var(--Poppins-Bold);
	cursor: pointer;
	letter-spacing: 0;
	border-bottom: 2px solid #fff;
	padding: 0;
	opacity: .5;
	display: block
}

.swiper-renewal-main .swiper-slide-active .img img {
	transform: scale(1)
}

.swiper-renewal-main .swiper-slide-active .banner-hover .bt {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate
}

.swiper-renewal-main .swiper-slide-active .banner-hover .p {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate
}

.swiper-renewal-main .swiper-slide-active .banner-hover .public-more {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate
}

.swiper-renewal-main .swiper-button-next,
.swiper-renewal-main .swiper-button-prev {
	width: 60rem;
	height: 80rem;
	left: 0;
	display: none
}

.swiper-renewal-main .swiper-button-next:after,
.swiper-renewal-main .swiper-button-prev:after {
	color: #666;
	font-size: 24rem
}

.swiper-renewal-main .swiper-button-next {
	right: 0;
	left: auto
}

.home-head {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.home-title h2 {
	font-size: 62rem;
	line-height: 75rem;
	color: var(--main-color);
	font-family: var(--Poppins-Regular);
	font-weight: normal;
	letter-spacing: 1.1px;
	text-transform: uppercase
}

.home-title.white h2 {
	color: #fff
}

.home-products {
	padding: 87rem 0 0;
	background: #fff
}

.home-products .home-products-tab {
	padding: 52rem 0 45rem
}

.home-products .home-products-tab li {
	float: left;
	width: 20%;
	padding-right: 35rem;
	font-size: 16rem;
	font-weight: normal;
	line-height: 23rem;
	color: #1a305e;
	color: var(--main-color);
	font-family: var(--Poppins-Bold);
	text-transform: uppercase;
	cursor: pointer;
	transition: .3s
}

.home-products .home-products-tab li.active {
	color: var(--hover-color)
}

.home-products .home-products-swiper-box {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #e7ebf2
}

.home-products .home-products-swiper-item {
	position: relative;
	display: none;
	width: 78.5%
}

.home-products .home-products-swiper-item.active {
	display: block
}

.home-products .item .box {
	display: flex;
	min-height: 590rem;
	padding: 50rem 42rem 50rem 0;
	border-right: 1px solid #e7ebf2
}

.home-products .item a {
	display: block
}

.home-products .item .text {
	width: 37%
}

.home-products .item .hot {
	margin-bottom: 58rem;
	padding-left: 31rem;
	font-size: 14rem;
	font-weight: normal;
	line-height: 25rem;
	color: #dd0310;
	font-family: var(--Poppins-Bold);
	background: url(../images/home-hot-icon.png) no-repeat left center;
	background-size: 15rem
}

.home-products .item .bt {
	margin-bottom: 12rem;
	font-size: 38rem;
	line-height: 49rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	height: 98rem;
	color: #1a305e;
	font-weight: normal;
	text-transform: uppercase
}

.home-products .item .p {
	height: 90rem;
	overflow: hidden;
	margin-bottom: 108rem;
	font-size: 20rem;
	font-weight: normal;
	line-height: 30rem;
	color: #132247
}

.home-products .item .img {
	flex: 1;
	position: relative
}

.home-products .item .img span {
	text-align: center;
	font-family: var(--Poppins-Bold);
	font-size: 95rem;
	font-weight: normal;
	line-height: 115rem;
	color: rgba(193, 195, 195, 0.6);
	position: absolute;
	top: 14%;
	left: 0;
	z-index: 2;
	width: 100%;
	display: block
}

.home-products .item .img .pic {
	position: relative;
	z-index: 33
}

.home-products .item .pic:after {
	padding-bottom: 67.64705882%
}

@media (min-width:1025px) {
	.home-products .item:Hover .public-more p {
		color: #fff;
		border-color: var(--hover-color)
	}

	.home-products .item:Hover .public-more p:before {
		transform: scaleX(1)
	}

	.home-products .item:Hover .public-more.is-fill p {
		color: var(--hover-color);
		border: 1px solid var(--hover-color)
	}

	.home-products .item:Hover .public-more.is-fill p i img {
		filter: brightness(1) invert(0)
	}
}

.home-products .home-products-swiper-item .swiper-button-next,
.home-products .home-products-swiper-item .swiper-button-prev {
	width: 46rem;
	height: 46rem;
	right: -23rem;
	left: auto;
	margin-top: -46rem;
	background: #d2d4d4;
	top: 50%
}

@media (min-width:1025px) {

	.home-products .home-products-swiper-item .swiper-button-next:hover,
	.home-products .home-products-swiper-item .swiper-button-prev:hover {
		background: var(--hover-color)
	}

	.home-products .home-products-swiper-item .swiper-button-next:hover img,
	.home-products .home-products-swiper-item .swiper-button-prev:hover img {
		filter: brightness(0) invert(1)
	}
}

.home-products .home-products-swiper-item .swiper-button-prev {
	margin-top: -102rem;
	transform: rotate(270deg)
}

.home-products .home-products-swiper-item .swiper-button-next:after,
.home-products .home-products-swiper-item .swiper-button-prev:after {
	content: ''
}

@media (max-width:1025px) {
	.container {
		max-width: 750px;
		width: 100%;
		padding: 0 20px
	}

	.header {
		height: 60px
	}

	.header .logo {
		padding-top: 11px
	}

	.header .logo a img {
		width: 100px
	}

	.header .container {
		max-width: 750px
	}

	.header .header-right .menu {
		display: block
	}

	.header .header-right .lan {
		display: none
	}

	.header .header-right .header-search {
		display: none
	}

	.nav {
		display: none
	}

	.swiper-renewal-main .img {
		display: none
	}

	.swiper-renewal-main .img1 {
		display: block
	}

	.swiper-renewal-main .banner-hover .bt {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 5px
	}

	.swiper-renewal-main .banner-hover .bt br {
		display: none
	}

	.swiper-renewal-main .banner-hover .p {
		display: none
	}

	.swiper-renewal-main .banner-hover .public-more {
		margin-top: 15px
	}

	.home-head {
		display: block
	}

	.home-head .home-title {
		margin-bottom: 5px
	}

	.home-title h2 {
		font-size: 28px;
		line-height: 36px
	}

	.public-more a,
	.public-more p {
		min-width: 0;
		padding: 0 40px 0 20px;
		font-size: 14px;
		line-height: 36px
	}

	.public-more a i,
	.public-more p i {
		right: 20px;
		width: 10px
	}

	.swiper-renewal-main .swiper-pagination2 {
		bottom: 20px;
		max-width: 100%
	}

	.swiper-renewal-main .swiper-pagination2 ul li a {
		font-size: 0
	}

	.swiper-renewal-main .swiper-pagination2 ul {
		margin: 0
	}

	.swiper-renewal-main .swiper-pagination2 ul li {
		padding: 0 10px
	}

	.home-products {
		padding: 40px 0 0
	}

	.home-products .home-products-tab {
		padding: 20px 0;
		overflow-x: auto
	}

	.home-products .home-products-tab ul {
		width: 820px
	}

	.home-products .home-products-tab li {
		width: 164px;
		padding-right: 18px;
		font-size: 14px;
		line-height: 20px
	}

	.home-products .home-products-swiper-item {
		width: 100%
	}

	.home-products .item .box {
		display: block;
		min-height: 0;
		padding: 20px
	}

	.home-products .item .text {
		width: 100%;
		padding-right: 0
	}

	.home-products .item .hot {
		margin-bottom: 10px;
		padding-left: 16px;
		font-size: 12px;
		line-height: 18px;
		background-size: 10px
	}

	.home-products .item .bt {
		margin-bottom: 12px;
		font-size: 24px;
		line-height: 30px
	}

	.home-products .item .p {
		min-height: 0;
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 26px
	}

	.home-products .item .pic {
		width: 100%
	}

	.home-products .home-products-swiper-item .swiper-button-next,
	.home-products .home-products-swiper-item .swiper-button-prev {
		width: 34px;
		height: 34px;
		right: 50%;
		left: auto;
		margin-right: -44px;
		margin-top: 0;
		top: auto;
		bottom: 20px
	}

	.home-products .home-products-swiper-item .swiper-button-prev {
		right: auto;
		left: 50%;
		margin-left: -44px;
		margin-right: 0
	}
}

.sv-section {
	position: relative;
	overflow: hidden;
	background: var(--main-color);
	height: 964rem
}

.sv-section .swiper-sv,
.sv-section .swiper-wrapper,
.sv-section .swiper-slide {
	height: 100%
}

.sv-section .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden
}

.sv-section .bg {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform: scale(1.08);
	transition: 1.4s
}

.sv-section .bg:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(30, 86, 204, 0.28)
}

.sv-section .container {
	position: relative;
	z-index: 2
}

.sv-section .text {
	padding-top: 56rem;
	opacity: 0;
	transform: scale(1.18);
	transition: .8s .12s
}

.sv-section .text h2 {
	margin: 0 auto;
	font-size: 68rem;
	line-height: 77rem;
	color: #fff;
	font-weight: normal
}

.sv-section .num {
	margin-top: 28rem;
	font-size: 105rem;
	font-weight: normal;
	line-height: 167rem;
	color: #fff;
	font-family: var(--Poppins-Bold)
}

.sv-section .swiper-slide-active .bg {
	transform: scale(1)
}

.sv-section .swiper-slide-active .text {
	opacity: 1;
	transform: scale(1)
}

.sv-section .sv-progress {
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: 86rem;
	display: flex;
	align-items: stretch;
	width: 1080rem;
	max-width: 68%;
	transform: translateX(-50%)
}

.sv-section .sv-progress .item {
	position: relative;
	flex: 1;
	height: 3rem;
	margin: 0 5rem;
	background: rgba(255, 255, 255, 0.36);
	cursor: pointer
}

.sv-section .sv-progress .item span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #fff
}

.sv-section .sv-progress .item.active span {
	animation: svProgress 5s linear forwards
}

@keyframes svProgress {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@media (max-width:1025px) {
	.sv-section {
		height: 460px
	}

	.sv-section .text {
		padding: 0 20px;
		padding-top: 30px
	}

	.sv-section .text h2 {
		font-size: 24px;
		line-height: 32px
	}

	.sv-section .num {
		margin-top: 18px;
		font-size: 46px;
		line-height: 54px
	}

	.sv-section .sv-progress {
		bottom: 42px;
		width: 80%;
		max-width: none
	}

	.sv-section .sv-progress .item {
		height: 2px;
		margin: 0 3px
	}
}

.home-solutions {
	padding: 65rem 0 0
}

.home-solutions .home-solutions-list {
	margin-top: 55rem
}

.home-solutions .home-solutions-list ul {
	display: flex;
	gap: 12rem
}

.home-solutions .home-solutions-list li {
	position: relative;
	flex: 1;
	overflow: hidden;
	transition: .5s
}

.home-solutions .home-solutions-list .box {
	height: 686rem
}

.home-solutions .home-solutions-list .box .hover {
	font-family: var(--Poppins-Bold);
	font-size: 32rem;
	font-weight: normal;
	line-height: 35rem;
	position: absolute;
	bottom: 40rem;
	left: 0;
	width: 100%;
	padding: 0 28rem;
	color: #fff;
	z-index: 33;
	transition: .5s
}

.home-solutions .home-solutions-list .box:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(2, 21, 51, 0.68), rgba(2, 21, 51, 0.12))
}

.home-solutions .home-solutions-list .text {
	position: absolute;
	left: 0;
	top: 66rem;
	z-index: 2;
	color: #fff;
	opacity: 0;
	padding: 0 96rem;
	transition: .5s
}

.home-solutions .home-solutions-list .bt {
	margin-bottom: 18rem;
	font-family: var(--Poppins-Bold);
	font-size: 50rem;
	font-weight: normal;
	line-height: 60rem;
	color: #fff
}

.home-solutions .home-solutions-list .p {
	margin-bottom: 41rem;
	font-size: 28rem;
	font-weight: normal;
	line-height: 45rem;
	color: #fff
}

.home-solutions .home-solutions-list li.active {
	flex: 4.6
}

.home-solutions .home-solutions-list li.active .text {
	opacity: 1
}

.home-solutions .home-solutions-list li.active .hover {
	opacity: 0
}

@media (max-width:1025px) {
	.home-solutions {
		padding: 40px 0 0
	}

	.home-solutions .home-solutions-list {
		margin-top: 25px;
		padding: 0 20px
	}

	.home-solutions .home-solutions-list ul {
		display: block;
		gap: 0
	}

	.home-solutions .home-solutions-list li {
		margin-bottom: 10px
	}

	.home-solutions .home-solutions-list .box {
		height: 350px
	}

	.home-solutions .home-solutions-list .box .hover {
		font-size: 20px;
		line-height: 30px;
		bottom: 20px;
		padding: 0 20px;
		display: none !important;
		opacity: 1 !important
	}

	.home-solutions .home-solutions-list .text {
		left: 22px;
		right: 22px;
		top: 30px;
		padding: 0;
		opacity: 1;
	}

	.home-solutions .home-solutions-list .bt {
		margin-bottom: 12px;
		font-size: 26px;
		line-height: 32px
	}

	.home-solutions .home-solutions-list .p {
		max-width: none;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px
	}
}

.global-warp {
	padding: 95rem 0 80rem;
	background: #fff;
	position: relative
}

.global-warp .home-title {
	margin-bottom: 15rem
}

.global-warp .global-map-scroll {
	overflow: visible
}

.global-warp .global-map {
	height: 815rem;
	width: 1680rem;
	max-width: 1680rem;
	position: relative;
	left: 50%;
	margin-left: -810rem
}

.global-warp .global-map .global-logo {
	z-index: 99;
	top: 36.5%;
	left: 36.5%;
	position: absolute;
	width: 52rem
}

.global-warp .global-map img {
	display: block
}

.global-warp .ph-ditu {
	display: none
}

.global-warp .global-center {
	top: 50rem;
	left: 112rem;
	z-index: 3;
	line-height: 1;
	position: absolute
}

.global-warp .global-line {
	top: 67rem;
	left: 98rem;
	z-index: 2;
	width: 1345.441rem;
	height: 628.63rem;
	line-height: 1;
	position: absolute
}

.global-warp .global-line svg {
	width: 100%;
	height: 100%;
	display: block;
	shape-rendering: geometricPrecision
}

.global-warp .global-line path {
	vector-effect: non-scaling-stroke;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: .45;
	filter: none;
	transform-origin: center;
	transition: opacity .3s ease
}

.global-warp .global-line.is-line-ready path {
	opacity: 0;
	stroke-dasharray: var(--line-length);
	stroke-dashoffset: var(--line-length)
}

.global-warp .global-line.is-spreading path {
	animation: globalLineSpread 3.6s ease-in-out infinite;
	animation-delay: var(--line-delay);
	filter: none
}

.global-warp .global-point-layer {
	width: 1345.441rem;
	height: 628.63rem;
	z-index: 2;
	position: relative;
}

.global-warp .global-point {
	top: var(--y);
	left: var(--x);
	width: 13rem;
	height: 13rem;
	display: block;
	position: absolute;
	border-radius: 50%;
	background: rgba(83, 130, 179, 0.32);
	/*transform:translate(-50%, -50%)*/
	margin-left: -8rem;
	margin-top: -8rem;
}

.global-warp .global-point:before {
	content: "";
	top: 50%;
	left: 50%;
	width: 7rem;
	height: 7rem;
	position: absolute;
	border-radius: 50%;
	background: rgba(56, 101, 153, 0.86);
	transform: translate(-50%, -50%)
}

.global-warp .global-point:after {
	content: "";
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	position: absolute;
	border-radius: 50%;
	background: #0d2b58;
	transform: translate(-50%, -50%)
}

.global-warp .global-stats {
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	max-width: 1220rem;
	z-index: 4;
	display: grid;
	position: absolute;
	column-gap: 150rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	pointer-events: none
}

.global-warp .global-stat {
	color: #171d2b;
	max-width: 370rem;
	padding-bottom: 25rem;
	border-bottom: 1rem solid rgba(23, 29, 43, 0.12)
}

.global-warp .global-stat p {
	display: block;
	color: #121827
}

.global-warp .global-stat p sup {
	top: -0.55em;
	font-size: 30rem;
	line-height: 1;
	position: relative;
	margin-left: 2rem;
	font-family: var(--Oswald-Regular)
}

.global-warp .global-stat p span {
	font-family: var(--Oswald-Regular);
	font-size: 50rem;
	font-weight: normal;
	line-height: 65rem;
	color: #161e30
}

.global-warp .global-stat p {
	font-size: 18rem;
	line-height: 1.35;
	letter-spacing: .1rem
}

@keyframes globalLineSpread {
	0% {
		opacity: 0;
		stroke-dashoffset: var(--line-length)
	}

	16% {
		opacity: .95
	}

	58% {
		opacity: .95;
		stroke-dashoffset: 0
	}

	100% {
		opacity: 0;
		stroke-dashoffset: 0
	}
}

@media (max-width:1025px) {
	.global-warp {
		padding: 40px 0
	}

	.global-warp .home-title {
		margin-bottom: 25px
	}

	.global-warp .global-map {
		height: auto;
		width: 100%;
		max-width: 100%;
		position: relative;
		left: auto;
		margin-left: 0
	}

	.global-warp .global-map .global-logo {
		display: none
	}

	.global-warp .global-stats {
		left: AUTO;
		right: AUTO;
		bottom: AUTO;
		margin: 0 auto;
		max-width: 100%;
		z-index: 4;
		display: grid;
		position: relative;
		column-gap: 20px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		pointer-events: none
	}

	.global-warp .global-stat p {
		font-size: 16px
	}

	.global-warp .global-stat p span {
		font-size: 30px;
		line-height: 45px
	}

	.pc-ditu {
		display: none
	}

	.global-warp .global-center {
		display: none
	}

	.global-warp .global-line {
		display: none
	}

	.global-warp .ph-ditu {
		display: block
	}
}

.home-service {
	position: relative;
	overflow: hidden;
	padding: 78rem 0 0;
	min-height: 800rem
}

.home-service .img {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: .5s
}

.home-service .img.active {
	opacity: 1;
	visibility: visible
}

.home-service .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home-service .container {
	position: relative;
	z-index: 2
}

.home-service .home-title {
	margin-bottom: 110rem
}

.home-service .home-service-content .text {
	display: none;
	max-width: 750rem;
	padding-left: 30rem;
	border-left: 3rem solid var(--hover-color)
}

.home-service .home-service-content .text.active {
	display: block
}

.home-service .home-service-content .bt {
	margin-bottom: 10rem;
	font-family: var(--Poppins-Bold);
	font-size: 50rem;
	font-weight: normal;
	line-height: 55rem;
	color: #1a305e;
	text-transform: uppercase
}

.home-service .home-service-content .p {
	font-size: 16rem;
	font-weight: normal;
	line-height: 27rem;
	color: #49505f
}

.home-service .home-service-tab {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3
}

.home-service .home-service-tab .item {
	float: left;
	width: 50%;
	height: 197rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18rem;
	font-size: 25rem;
	font-weight: bold;
	line-height: 197rem;
	color: #fff;
	font-family: var(--Poppins-Bold);
	text-transform: uppercase;
	cursor: pointer;
	transition: .3s;
	background-color: rgba(0, 0, 0, 0.54)
}

.home-service .home-service-tab .item.active {
	background: rgba(24, 83, 207, 0.9)
}

.home-service .home-service-tab img {
	width: 80rem
}

@media (max-width:1025px) {
	.home-service {
		padding: 40px 0 0;
		min-height: 520px
	}

	.home-service .home-title {
		margin-bottom: 25px
	}

	.home-service .home-service-content .text {
		max-width: none;
		padding-left: 16px;
		border-left: 3px solid var(--hover-color);
		background: rgba(0, 0, 0, 0.5);
	}

	.home-service .home-service-content .bt {
		margin-bottom: 5px;
		font-size: 26px;
		line-height: 32px;
		color: #fff;
	}

	.home-service .home-service-content .p {
		font-size: 16px;
		line-height: 26px;
		color: #fff;
	}

	.home-service .home-service-tab .item {
		height: 50px;
		gap: 10px;
		font-size: 0;
		line-height: 50px
	}

	.home-service .home-service-tab img {
		width: 40px
	}
}

.home-partner {
	padding: 113rem 0 0
}

.home-partner .home-head {
	margin-bottom: 33rem
}

.home-partner .home-title {
	max-width: 82%
}

.home-partner .home-partner-main {
	position: relative;
	overflow: hidden;
	padding: 84rem 0 32rem 0
}

.home-partner .home-partner-main>.img {
	position: absolute;
	inset: 0
}

.home-partner .home-partner-main>.img:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(10, 31, 57, 0.58)
}

.home-partner .home-partner-main>.img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home-partner .nr {
	position: relative;
	z-index: 2
}

.home-partner .left {
	float: left;
	width: 49%;
	padding-top: 16rem;
	color: #fff
}

.home-partner .left .bt {
	margin-bottom: 120rem;
	font-size: 36rem;
	line-height: 44rem;
	color: #fff;
	font-weight: normal
}

.home-partner .left li {
	position: relative;
	margin-bottom: 20rem;
	padding-left: 55rem;
	font-size: 16rem;
	font-weight: normal;
	line-height: 29rem;
	color: #fff
}

.home-partner .left li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 29rem;
	height: 29rem;
	background: url(../images/gou.png) no-repeat center center;
	background-size: 100%
}

.home-partner .right {
	float: right;
	width: 39%;
	padding: 35rem 27rem;
	background-color: rgba(0, 0, 0, 0.54);
	border: solid 1rem rgba(247, 247, 247, 0.54)
}

.home-partner .right li {
	margin-bottom: 32rem
}

.home-partner .right label {
	display: block;
	margin-bottom: 7rem;
	font-size: 13rem;
	line-height: 18rem;
	color: #fff
}

.home-partner .right .field {
	position: relative;
	background: #fff
}

.home-partner .right .icon {
	position: absolute;
	left: 14rem;
	top: 50%;
	width: 24rem;
	height: 24rem;
	transform: translateY(-50%)
}

.home-partner .right .textarea .icon {
	top: 17rem;
	transform: none
}

.home-partner input,
.home-partner textarea {
	width: 100%;
	height: 46rem;
	margin-bottom: 0;
	border: 0;
	padding: 0 18rem 0 50rem;
	font-size: 14rem;
	color: #263a5d;
	background: #fff
}

.home-partner textarea {
	height: 107rem;
	padding-top: 14rem;
	resize: none
}

.home-partner button {
	width: 100%;
	height: 68rem;
	background-image: linear-gradient(0deg, #1961a3 0, #2374b3 100%);
	border: 0;
	font-size: 20rem;
	color: #fff;
	cursor: pointer
}

.home-partner button img {
	width: 34rem;
	margin-right: 20rem;
	display: inline-block;
	vertical-align: middle
}

@media (max-width:1025px) {
	.home-partner {
		padding: 40px 0 0
	}

	.home-partner .home-head {
		margin-bottom: 25px
	}

	.home-partner .home-title {
		max-width: none
	}

	.home-partner .home-partner-main {
		padding: 40px 0
	}

	.home-partner .left {
		float: none;
		width: 100%;
		padding-top: 0
	}

	.home-partner .left .bt {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 32px
	}

	.home-partner .left li {
		margin-bottom: 10px;
		padding-left: 30px;
		font-size: 16px;
		line-height: 26px
	}

	.home-partner .left li:before {
		top: 4px;
		width: 18px;
		height: 18px
	}

	.home-partner .right {
		float: none;
		width: 100%;
		margin-top: 20px;
		padding: 20px
	}

	.home-partner .right li {
		margin-bottom: 12px
	}

	.home-partner .right label {
		margin-bottom: 6px;
		font-size: 13px;
		line-height: 18px
	}

	.home-partner .right .icon {
		left: 12px;
		width: 15px;
		height: 15px
	}

	.home-partner .right .textarea .icon {
		top: 15px
	}

	.home-partner input,
	.home-partner textarea {
		height: 44px;
		margin-bottom: 0;
		padding: 0 14px 0 36px;
		font-size: 14px
	}

	.home-partner textarea {
		height: 90px;
		padding-top: 10px
	}

	.home-partner button {
		height: 46px;
		font-size: 15px
	}

	.home-partner button img {
		width: 20px;
		margin-right: 10px
	}

	.home-title h2 br {
		display: none
	}
}

.home-news {
	padding: 107rem 0 129rem;
	overflow: hidden;
	background: url(../images/home-news-bg.jpg) no-repeat top center;
	background-size: cover
}

.home-news .home-head {
	margin-bottom: 70rem
}

.home-news .home-title {
	max-width: 82%
}

.home-news .home-news-top {
	margin-bottom: 47rem;
	position: relative;
	overflow: hidden
}

.home-news .home-news-top .box {
	display: flex;
	align-items: stretch
}

@media (min-width:1025px) {
	.home-news .home-news-top .box:hover .pic img {
		transform: scale(1.1)
	}

	.home-news .home-news-top .box:hover .bt {
		color: var(--hover-color)
	}
}

.home-news .item a {
	display: block
}

.home-news .home-news-top .pic {
	width: 302rem;
	margin-right: 17rem;
	border-radius: 8rem
}

.home-news .home-news-top .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home-news .home-news-top .pic:after {
	padding-bottom: 69.53642384%
}

.home-news .home-news-top .text {
	flex: 1;
	border-bottom: 1px solid #b1b1b0
}

.home-news .home-news-top .bt {
	height: 128rem;
	margin-bottom: 20rem;
	font-family: var(--Poppins-Bold);
	font-size: 24rem;
	font-weight: normal;
	line-height: 32rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	color: #49505f
}

.home-news .home-news-top .span {
	font-size: 16rem;
	font-weight: normal;
	line-height: 40rem;
	color: #999;
	float: left
}

.home-news .home-news-top .public-more {
	float: right
}

.home-news .home-news-top .public-more p {
	background: none;
	border: 0;
	font-size: 18rem;
	min-width: 0;
	line-height: 40rem
}

.home-news .home-news-bottom {
	position: relative;
	overflow: hidden
}

.home-news .home-news-bottom .box {
	min-height: 214rem;
	padding: 39rem 25rem;
	background: #fff;
	transition: .4s
}

.home-news .home-news-bottom .bt {
	height: 87rem;
	margin-bottom: 22rem;
	font-size: 22rem;
	font-weight: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-height: 29rem;
	color: #49505f;
	transition: .4s
}

.home-news .home-news-bottom .more img {
	transition: .4s
}

@media (min-width:1025px) {
	.home-news .home-news-bottom .box:hover {
		background: var(--hover-color)
	}

	.home-news .home-news-bottom .box:hover .bt {
		color: #fff
	}

	.home-news .home-news-bottom .box:hover .more img {
		filter: brightness(0) invert(1);
		transform: translate(4rem, -4rem)
	}
}

@media (max-width:1025px) {
	.home-news {
		padding: 40px 0
	}

	.home-news .home-head {
		margin-bottom: 25px
	}

	.home-news .home-news-top {
		margin-bottom: 18px
	}

	.home-news .home-news-top .box {
		display: block
	}

	.home-news .home-news-top .pic {
		width: 100%
	}

	.home-news .home-news-top .text {
		padding: 18px 0 0
	}

	.home-news .home-news-top .bt {
		height: 112px;
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 28px
	}

	.home-news .home-news-top .span {
		font-size: 14px;
		line-height: 40px
	}

	.home-news .home-news-top .public-more p {
		font-size: 14px;
		line-height: 40px
	}

	.home-news .home-news-bottom .box {
		min-height: 150px;
		padding: 20px
	}

	.home-news .home-news-bottom .bt {
		min-height: 78px;
		margin-bottom: 11px;
		font-size: 16px;
		line-height: 26px
	}
}

.footer {
	background: #363b48;
	color: #fff
}

.footer .container {
	max-width: 1693rem
}

.footer .footer-top {
	padding: 76rem 0 59rem
}

.footer .footer-info {
	float: left;
	width: 30%
}

.footer .footer-logo {
	margin-bottom: 39rem
}

.footer .footer-logo img {
	width: 365rem
}

.footer .footer-info .p {
	margin-bottom: 58rem;
	font-size: 28rem;
	font-weight: normal;
	line-height: 36rem;
	color: #fff;
	font-family: var(--Poppins-Bold)
}

.footer .footer-form .bt,
.footer .footer-contact .bt {
	margin-bottom: 18rem;
	padding-bottom: 12rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	font-size: 20rem;
	font-weight: normal;
	line-height: 30rem;
	color: #fff;
	font-family: var(--Poppins-Bold);
	text-transform: uppercase
}

.footer .footer-form .form-field {
	position: relative;
	margin-bottom: 16rem;
	background: #fff;
	border: solid 1rem #dce0e2;
	justify-content: space-between;
	display: flex;
	width: 420rem
}

.footer .footer-form .form-field label {
	position: relative;
	z-index: 2;
	padding: 0 10rem;
	height: 47rem;
	line-height: 47rem;
	font-size: 12rem;
	color: #666;
	pointer-events: none;
	transition: all .25s ease;
	float: left
}

.footer .footer-form .form-field label em {
	color: #f00;
	font-style: normal
}

.footer .footer-form .bt {
	border: 0;
	position: relative;
	margin-bottom: 27rem
}

.footer .footer-form .bt:after {
	width: 40rem;
	height: 2rem;
	background-color: #1e56cc;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

.footer .footer-form input {
	height: 47rem;
	background-color: #fff;
	border: 0;
	padding: 0 14rem;
	font-size: 16rem;
	flex: 1
}

.footer .footer-form button {
	width: 138rem;
	height: 47rem;
	border: 0;
	font-size: 18rem;
	margin-top: 17rem;
	color: #fff;
	cursor: pointer;
	display: block;
	background: var(--hover-color)
}

.footer .footer-nav {
	float: left;
	width: 40%;
	margin-left: 70rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 35rem;
	grid-column-gap: 69rem;
	padding-top: 30rem
}

.footer .footer-nav dt {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 8rem
}

.footer .footer-nav dt,
.footer .footer-nav dt a {
	font-size: 20rem;
	font-weight: normal;
	line-height: 62rem;
	color: #fff;
	font-family: var(--Poppins-Bold)
}

@media (min-width:1025px) {

	.footer .footer-nav dt:hover,
	.footer .footer-nav dt a:hover {
		text-decoration: underline;
		color: #fff
	}
}

.footer .footer-nav dd a {
	display: block;
	font-size: 18rem;
	font-weight: normal;
	color: #9c9fa7;
	line-height: 39rem
}

@media (min-width:1025px) {
	.footer .footer-nav dd a:hover {
		text-decoration: underline;
		color: #fff
	}
}

.footer .footer-contact {
	float: right;
	width: 22%;
	padding-top: 29rem
}

.footer .footer-contact .bt {
	line-height: 62rem;
	padding: 0;
	margin-bottom: 32rem
}

.footer .tel span {
	display: block;
	font-size: 18rem;
	font-weight: normal;
	line-height: 28rem;
	color: rgba(255, 255, 255, 0.4)
}

.footer .tel a {
	display: block;
	margin-bottom: 33rem;
	font-size: 38rem;
	font-weight: normal;
	line-height: 49rem;
	color: #fff
}

@media (min-width:1025px) {
	.footer .tel a:hover {
		text-decoration: underline;
		color: #fff
	}
}

.footer .footer-contact li {
	padding-left: 45rem
}

.footer .footer-contact li,
.footer .footer-contact li a {
	margin-bottom: 12rem;
	font-size: 18rem;
	font-weight: normal;
	line-height: 32rem;
	color: #fff;
	position: relative
}

.footer .footer-contact li img,
.footer .footer-contact li a img {
	width: 32rem;
	position: absolute;
	top: 0;
	left: 0;
	display: block
}

@media (min-width:1025px) {

	.footer .footer-contact li a:hover,
	.footer .footer-contact li a a:hover {
		text-decoration: underline;
		color: #fff
	}
}

.footer .social {
	padding-top: 38rem
}

.footer .social a {
	float: left;
	width: 58rem;
	height: 58rem;
	margin-right: 14rem;
	border-radius: 50%;
	text-align: center;
	background: var(--hover-color)
}

.footer .footer-bottom {
	padding: 18rem 0;
	background: #1a1c1d
}

.footer .copyright {
	float: left;
	font-size: 14rem;
	line-height: 28rem;
	color: rgba(255, 255, 255, 0.72)
}

.footer .copyright a {
	margin-left: 14rem;
	color: rgba(255, 255, 255, 0.72)
}

@media (min-width:1025px) {
	.footer .copyright a:hover {
		text-decoration: underline;
		color: #fff
	}
}

.footer .back-top {
	float: right;
	border: 0;
	font-size: 16rem;
	line-height: 28rem;
	padding-right: 30rem;
	color: rgba(255, 255, 255, 0.72);
	background: url(../images/rtop.png) no-repeat center right;
	background-size: 22rem;
	cursor: pointer
}

.verifyDiv {
	width: 420rem
}

.verify-wrap {
	width: 100% !important;
	height: 52rem;
	background-color: #e5e5e5;
	position: relative
}

.verify-wrap .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 52rem;
	height: 52rem;
	background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;
	background-size: 18rem;
	z-index: 2;
	cursor: move;
	border: 1px solid #e1e1e1
}

.verify-wrap .suc-drag-btn {
	background: #fff url(../images/drag-success.svg?t=1) no-repeat center center;
	background-size: 22rem;
	border: 1px solid #e1e1e1
}

.verify-wrap .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 52rem;
	width: 0;
	background-color: var(--hover-color);
	color: #fff;
	font-size: 16rem;
	text-align: center;
	line-height: 50rem
}

.verify-wrap .fix-tips,
.verify-msg {
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #51555c;
	z-index: 1;
	line-height: 52rem;
	font-size: 14rem;
	text-align: center;
	padding-left: 50rem
}

.verify-wrap .verify-msg {
	background-color: var(--hover-color);
	color: #fff;
	display: none;
	padding-left: 0;
	padding-right: 47rem
}

@media (max-width:1025px) {
	.verifyDiv {
		width: 100%
	}

	.verify-wrap {
		width: 100% !important;
		height: 52px;
		background-color: #e5e5e5;
		position: relative
	}

	.verify-wrap .drag-btn {
		position: absolute;
		left: 0;
		top: 0;
		width: 52px;
		height: 52px;
		background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;
		background-size: 18px;
		z-index: 2;
		cursor: move;
		border: 1px solid #e1e1e1
	}

	.verify-wrap .suc-drag-btn {
		background: #fff url(../images/drag-success.svg?t=1) no-repeat center center;
		background-size: 22px;
		border: 1px solid #e1e1e1
	}

	.verify-wrap .drag-progress {
		position: absolute;
		left: 0;
		top: 0;
		height: 52px;
		width: 0;
		background-color: var(--hover-color);
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height: 50px
	}

	.verify-wrap .fix-tips,
	.verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 0;
		height: 100%;
		color: #51555c;
		z-index: 1;
		line-height: 52px;
		font-size: 14px;
		text-align: center;
		padding-left: 50px
	}

	.verify-wrap .verify-msg {
		background-color: var(--hover-color);
		color: #fff;
		display: none;
		padding-left: 0;
		padding-right: 47px
	}
}

@media (max-width:1025px) {
	.footer .footer-top {
		padding: 30px 0 30px
	}

	.footer .footer-info {
		float: none;
		width: 100%
	}

	.footer .footer-logo {
		margin-bottom: 20px
	}

	.footer .footer-logo img {
		width: 180px
	}

	.footer .footer-info .p {
		margin-bottom: 18px;
		font-size: 18px;
		line-height: 28px
	}

	.footer-form {
		display: none
	}

	.footer .footer-nav {
		display: none
	}

	.footer .footer-contact {
		padding: 0
	}

	.footer .footer-form .bt,
	.footer .footer-contact .bt {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 26px
	}

	.footer .footer-contact {
		float: none;
		width: 100%;
		clear: both
	}

	.footer .tel span {
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 24px
	}

	.footer .tel a {
		margin-bottom: 15px;
		font-size: 24px;
		line-height: 32px
	}

	.footer .footer-contact li,
	.footer .footer-contact li a {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 24px
	}

	.footer .social {
		padding-top: 14px
	}

	.footer .social a {
		width: 36px;
		height: 36px;
		margin-right: 12px;
		font-size: 14px;
		line-height: 36px
	}

	.footer .footer-bottom {
		padding: 16px 0
	}

	.footer .copyright {
		float: none;
		font-size: 14px;
		line-height: 24px
	}

	.footer .copyright a {
		margin-left: 10px
	}

	.footer .back-top {
		float: none;
		padding-left: 0;
		font-size: 14px;
		line-height: 24px;
		padding-right: 22px;
		background-size: 16px
	}
}

.public-inbanner {
	position: relative;
	overflow: hidden
}

.public-inbanner picture,
.public-inbanner img {
	display: block;
	width: 100%;
	height: 100%
}

.public-inbanner img {
	object-fit: cover;
	-webkit-animation: wave 2s alternate;
	animation: wave 2s alternate;
	display: block
}

.public-inbanner .text {
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	transform: translateY(-50%);
	color: #fff
}

.public-inbanner h1 {
	margin-bottom: 28rem;
	font-size: 62rem;
	font-weight: normal;
	line-height: 75rem;
	color: #fff;
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
	text-transform: uppercase
}

.public-inbanner p {
	font-size: 22rem;
	font-weight: normal;
	line-height: 38rem;
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
	color: #fff
}

.public-inbanner1 .text {
	top: 23%;
	transform: none
}

.public-inbanner1 .chanpinming .item {
	position: absolute;
	font-size: 20rem;
	font-weight: normal;
	line-height: 33rem;
	color: #e8e8e8
}

.public-inbanner1 .chanpinming .item1 {
	top: 50%;
	left: 18%;
	transform: rotate(-3deg)
}

.public-inbanner1 .chanpinming .item2 {
	top: 46%;
	left: 48%;
	transform: rotate(-3deg)
}

.public-inbanner1 .chanpinming .item3 {
	top: 43%;
	left: 79%;
	transform: rotate(-3deg)
}

.public-inbanner1 .shuju {
	position: absolute;
	bottom: 81rem;
	right: 0;
	width: 100%
}

.public-inbanner1 .shuju .item {
	float: right;
	margin-left: 200rem
}

.public-inbanner1 .shuju .item .span {
	font-size: 18rem;
	font-weight: normal;
	line-height: 27rem;
	margin-bottom: 10rem;
	color: #e8e8e8
}

.public-inbanner1 .shuju .item .p {
	font-size: 20rem;
	font-weight: normal;
	color: #e8e8e8
}

.public-inbanner1 .shuju .item .p span {
	font-size: 58rem;
	font-weight: bold
}

@media (max-width:1025px) {
	.public-inbanner h1 {
		margin-bottom: 0;
		font-size: 26px;
		line-height: 1.25
	}

	.public-inbanner p {
		font-size: 14px;
		line-height: 1.6;
	}

	.chanpinming {
		display: none
	}

	.public-inbanner1 .shuju {
		bottom: 20px
	}

	.public-inbanner1 .shuju .item .span {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 5px
	}

	.public-inbanner1 .shuju .item .p span {
		font-size: 30px
	}

	.public-inbanner1 .shuju .item .p {
		font-size: 14px
	}

	.public-inbanner1 .shuju .item {
		margin-left: 50px
	}
}

.video-pop {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	background: rgba(0, 0, 0, 0.78)
}

.video-pop .video-pop-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 980rem;
	max-width: 88%;
	transform: translate(-50%, -50%)
}

.video-pop video {
	display: block;
	width: 100%;
	background: #000
}

.video-pop .close {
	position: absolute;
	right: -44rem;
	top: -44rem;
	width: 34rem;
	height: 34rem
}

.video-pop .close:before,
.video-pop .close:after {
	content: "";
	position: absolute;
	left: 16rem;
	top: 3rem;
	width: 2rem;
	height: 28rem;
	background: #fff
}

.video-pop .close:before {
	transform: rotate(45deg)
}

.video-pop .close:after {
	transform: rotate(-45deg)
}

@media (max-width:1025px) {
	.video-pop .video-pop-box {
		width: calc(70%);
		max-width: none
	}

	.video-pop .close {
		right: 0;
		top: -44px
	}
}

.about-intro {
	padding: 121rem 0 76rem
}

.about-intro .top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 57rem
}

.about-intro .home-title {
	width: 60%
}

.about-intro .home-title h2 {
	text-transform: capitalize
}

.about-intro .code {
	padding-top: 18rem
}

.about-intro .code span {
	display: block;
	margin-bottom: 8rem;
	font-size: 30rem;
	font-weight: normal;
	line-height: 38rem;
	color: #1a305e
}

.about-intro .code strong {
	display: block;
	font-size: 75rem;
	font-family: var(--D-DINExp-Bold);
	font-weight: normal;
	color: #2659c5
}

.about-intro .txt {
	font-size: 20rem;
	font-weight: normal;
	line-height: 32rem;
	color: #49505f
}

.about-intro .txt p {
	margin-bottom: 15rem
}

@media (max-width:1025px) {
	.about-intro {
		padding: 40px 0
	}

	.about-intro .top {
		display: block;
		margin-bottom: 25px
	}

	.about-intro .home-title {
		width: auto
	}

	.about-intro .code span {
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 26px
	}

	.about-intro .code {
		padding-top: 18px
	}

	.about-intro .code strong {
		font-size: 34px
	}

	.about-intro .txt {
		font-size: 16px;
		line-height: 26px
	}
}

.about-business {
	padding: 0 0 109rem
}

.about-business .home-title {
	margin-bottom: 40rem
}

.about-business .desc {
	margin-bottom: 68rem;
	font-size: 18rem;
	font-weight: normal;
	line-height: 27rem;
	color: #49505f
}

.about-business .video-box,
.solution-video .video-box {
	position: relative;
	display: block;
	overflow: hidden
}

.about-business .video-box img,
.solution-video .video-box img {
	display: block;
	width: 100%;
	transition: transform .55s ease
}

.about-business .video-box:after,
.solution-video .video-box:after,
.video-list a .pic:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	background: rgba(0, 0, 0, 0.34)
}

.about-business .video-box span,
.solution-video .video-box span {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 6;
	width: 93rem;
	height: 93rem;
	background: url(../images/bofang1.png) no-repeat center center;
	background-size: 100%;
	transform: translate(-50%, -50%)
}

@media (min-width:1025px) {

	.about-business .video-box:hover img,
	.solution-video .video-box:hover img {
		transform: scale(1.04)
	}
}

@media (max-width:1025px) {
	.about-business {
		padding: 0 0 40px
	}

	.about-business .home-title {
		margin-bottom: 24px
	}

	.about-business .desc {
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 26px
	}

	.about-business .video-box span,
	.solution-video .video-box span,
	.video-list a div span {
		width: 52px;
		height: 52px
	}
}

.about-base {
	position: relative;
	overflow: hidden;
	color: #fff
}

.about-base .swiper-slide {
	height: 961rem
}

.about-base .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.about-base .swiper-slide:after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url(../images/babg.png) no-repeat center bottom;
	background-size: 100%
}

.about-base .home-title {
	position: absolute;
	left: 0;
	top: 86rem;
	z-index: 2;
	width: 100%;
	text-align: center;
	color: #fff
}

.about-base-tabs {
	position: absolute;
	left: 50%;
	bottom: 88rem;
	z-index: 3;
	display: flex;
	justify-content: center;
	width: 1440rem;
	gap: 10rem;
	transform: translateX(-50%)
}

.about-base-tabs li {
	position: relative;
	width: 33.33%;
	padding: 0 24rem;
	padding-bottom: 10rem;
	font-size: 18rem;
	font-weight: normal;
	line-height: 26rem;
	color: rgba(240, 244, 249, 0.4);
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid rgba(240, 244, 249, 0.4);
	transition: opacity .3s ease, transform .3s ease
}

.about-base-tabs li.active {
	opacity: 1;
	color: #fff;
	border-bottom: 1px solid #fff
}

.about-base-page {
	bottom: 42rem !important
}

@media (max-width:1025px) {
	.about-base .swiper-slide {
		height: 420px
	}

	.about-base .home-title {
		top: 42px
	}

	.about-base-tabs {
		left: 20px;
		right: 20px;
		bottom: 62px;
		width: auto;
		transform: none;
		display: none
	}

	.about-base-tabs li {
		padding: 0 8px;
		font-size: 12px
	}

	.about-base-page {
		bottom: 20px !important
	}
}

.about-history {
	padding: 40rem 0 40rem;
	background: #fff
}

.about-history .container {
	display: flex;
	align-items: center;
	height: 810rem;
	justify-content: space-between
}

.history-years {
	width: 22%;
	height: 550rem;
	margin: 0;
	overflow: hidden
}

.history-years .swiper-wrapper {
	align-items: flex-start
}

.history-years .swiper-slide {
	height: auto;
	font-size: 38rem;
	font-weight: normal;
	line-height: 100rem;
	font-family: var(--D-DINExp-Bold);
	color: #666;
	cursor: pointer;
	transition: color .35s ease, font-size .35s ease, transform .35s ease
}

.history-years .swiper-slide.active {
	font-size: 137rem;
	font-weight: normal;
	color: #1278c0
}

.history-clock {
	position: relative;
	width: 531rem;
	height: 531rem;
	border-radius: 50%;
	background: url(../images/clock.webp) no-repeat top center;
	background-size: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
	text-align: center
}

.history-clock .clock-line {
	position: relative;
	z-index: 6;
	width: 100%;
	animation-duration: .8s;
	animation-fill-mode: both
}

.history-clock .time-el {
	color: #c9daec;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4
}

.history-clock .time-el .shizhen {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 40%;
	width: 2px;
	background-color: #2659c5;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.history-clock .time-el .fenzhen {
	width: 2px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	-webkit-transform: rotate(var(--history-clock-rotate, 0deg));
	-ms-transform: rotate(var(--history-clock-rotate, 0deg));
	transform: rotate(var(--history-clock-rotate, 0deg))
}

.history-clock .time-el .fenzhen.active {
	-webkit-transition: none;
	transition: none
}

.history-clock .time-el .fenzhen:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 220rem;
	top: auto;
	bottom: 0;
	left: 0;
	background-color: #2659c5
}

.history-clock .time-el #clock {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.history-clock .time-el #clock canvas {
	display: block;
	width: 100%;
	height: 100%
}

.history-clock #clock {
	color: #c9daec;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.history-clock #clock canvas {
	color: #c9daec
}

.history-clock.is-animate .clock-line {
	animation-name: historyClockText
}

@keyframes historyClockText {
	0% {
		opacity: 0;
		transform: scale(1.16)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.history-clock span {
	display: block;
	font-size: 86rem;
	font-weight: normal;
	line-height: 94rem;
	font-family: var(--Poppins-Bold);
	color: #dbe6f2
}

.history-clock strong {
	display: block;
	margin-bottom: -12rem;
	font-size: 46rem;
	font-weight: normal;
	line-height: 54rem;
	font-family: var(--D-DINExp-Bold);
	color: #1278c0
}

.history-clock p {
	margin: 18rem auto 0;
	padding: 0 20rem;
	font-size: 20rem;
	font-weight: normal;
	line-height: 27rem;
	color: #49505f
}

.history-honor {
	width: 27%;
	height: 810rem;
	overflow: hidden;
	margin: 0
}

.history-honor .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20rem 0;
	opacity: .38;
	transition: opacity .8s ease, transform .8s ease
}

.history-honor .swiper-slide .pic:after {
	padding-bottom: 60.05221932%
}

.history-honor .swiper-slide-active {
	opacity: 1;
	transform: scale(1)
}

.history-honor img {
	display: block;
	width: 100%
}

.history-mobile-swiper {
	display: none
}

@media (max-width:1025px) {
	.about-history {
		padding: 40px 0
	}

	.about-history .container {
		display: block;
		height: auto;
		overflow: hidden
	}

	.history-years,
	.history-clock,
	.history-honor {
		display: none
	}

	.history-mobile-swiper {
		display: block;
		overflow: hidden
	}

	.history-mobile-swiper .swiper-slide {
		height: auto
	}

	.history-mobile-swiper .box {
		background: #f5f8fc
	}

	.history-mobile-swiper .pic {
		width: 100%
	}

	.history-mobile-swiper .pic:after {
		padding-bottom: 60%
	}

	.history-mobile-swiper .pic img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	.history-mobile-swiper .text {
		padding: 22px 18px 28px;
		background: #f5f8fc
	}

	.history-mobile-swiper .year {
		margin-bottom: 10px;
		font-size: 38px;
		line-height: 46px;
		font-family: var(--D-DINExp-Bold);
		color: #1278c0
	}

	.history-mobile-swiper p {
		font-size: 15px;
		line-height: 24px;
		color: #49505f
	}

	.history-mobile-page {
		position: relative;
		margin-top: 18px;
		text-align: center
	}

	.history-mobile-page .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 5px;
		background: #b9c5d5;
		opacity: 1
	}

	.history-mobile-page .swiper-pagination-bullet-active {
		background: #1278c0
	}
}

.contact {
	padding: 0 !important
}

.contact01 {
	overflow: hidden;
	padding: 101rem 0 127rem 0
}

.contact01 .pp {
	font-family: var(--Poppins-Bold);
	font-size: 30rem;
	font-weight: normal;
	line-height: 32rem;
	color: #1a305e;
	margin-top: 91rem;
	margin-bottom: 25rem
}

.contact01 .pw {
	font-size: 18rem;
	font-weight: normal;
	line-height: 29rem;
	color: #1a305e
}

.contact01 ul {
	padding-top: 63rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 20rem;
	grid-column-gap: 133rem
}

.contact01 ul li .box {
	height: 100%;
	border-radius: 20rem;
	padding: 43rem 31rem 20rem 30rem;
	position: relative;
	min-height: 350rem;
	box-shadow: 0 5rem 51rem 0 rgba(21, 22, 23, 0.28);
	background: #fff
}

.contact01 ul li .box .span {
	position: absolute;
	top: 39rem;
	right: 30rem;
	font-size: 12rem;
	line-height: 24rem;
	color: var(--hover-color);
	writing-mode: vertical-rl;
	font-family: var(--Poppins-Bold)
}

.contact01 ul li .pic {
	width: 76rem;
	border: solid 1px var(--hover-color);
	border-radius: 50%
}

.contact01 ul li .bt {
	font-family: var(--Poppins-Bold);
	font-size: 30rem;
	color: #222;
	margin-bottom: 29rem;
	margin-top: 40rem;
	z-index: 3;
	position: relative
}

.contact01 ul li .p {
	font-size: 26rem;
	line-height: 34rem;
	color: #1c1c1c;
	z-index: 3;
	position: relative
}

.contact01 ul li .p a {
	display: block;
	color: var(--hover-color)
}

.contact01 ul li .p p {
	position: relative
}

.contact01 ul li .ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 20rem;
	grid-column-gap: 20rem;
	text-align: center
}

.contact01 ul li .img {
	position: absolute;
	bottom: 0;
	right: 0
}

.contact01 ul li .img img {
	display: block
}

.contact01 ul li .img .mh {
	display: none
}

@media (min-width:1025px) {
	.contact01 ul li:hover .box {
		background: var(--hover-color)
	}

	.contact01 ul li:hover .box .span {
		color: #fff
	}

	.contact01 ul li:hover .pic {
		border: 1px solid #fff;
		background: #fff
	}

	.contact01 ul li:hover .bt {
		color: #fff
	}

	.contact01 ul li:hover .p {
		color: #fff
	}

	.contact01 ul li:hover .p a {
		color: #fff
	}

	.contact01 ul li:hover .img .m {
		display: none
	}

	.contact01 ul li:hover .img .mh {
		display: block
	}
}

.contact01 ul .cc1 .img {
	width: 153rem
}

.contact01 ul .cc2 .img {
	width: 149rem
}

.contact01 ul .cc3 .img {
	width: 156rem
}

.contact01 ul .cc4 .img {
	width: 162rem
}

.contact02 {
	position: relative
}

.contact02 img {
	display: block
}

.contact02 .hover {
	position: absolute;
	width: 859rem;
	height: 427rem;
	background: url(../images/tankuan.png) no-repeat top left;
	background-size: 100%;
	top: 30%;
	left: 15%;
	padding: 15rem 79rem 0 44rem
}

.contact02 .hover .info {
	padding: 35rem 26rem;
	overflow: hidden
}

.contact02 .hover .info .text {
	float: left;
	width: 52%;
	padding-right: 13rem;
	padding-top: 11rem
}

.contact02 .hover .info .text .span {
	font-size: 20rem;
	font-weight: normal;
	line-height: 33rem;
	color: #054484
}

.contact02 .hover .info .text .bt {
	font-size: 24rem;
	font-weight: normal;
	color: #054484;
	font-family: var(--Poppins-Bold);
	margin-bottom: 35rem;
	margin-top: 10rem
}

.contact02 .hover .info .text .p {
	font-size: 20rem;
	font-weight: normal;
	line-height: 33rem;
	color: #193059
}

.contact02 .hover .info .tupian {
	float: right;
	width: 48%
}

.contact02 .hover .info .tupian img {
	display: block
}

.home-message {
	padding: 91rem 0 85rem 0;
	position: relative;
	background: #f0f4f9;
	scroll-margin-top: 110rem
}

.home-message .home-bottom {
	margin-top: 30rem
}

.home-message .home-bottom ul {
	margin: 0 -10rem
}

.home-message .home-bottom ul li {
	width: 33.33333%;
	float: left;
	padding: 0 10rem;
	margin-bottom: 11rem
}

.home-message .home-bottom ul li .box {
	position: relative
}

.home-message .home-bottom ul li .box .span {
	font-size: 16rem;
	font-weight: normal;
	line-height: 30rem;
	font-family: var(--Poppins-Bold);
	color: #394e6a;
	margin-bottom: 10rem;
	display: block
}

.home-message .home-bottom ul li .box .span font {
	color: #f00
}

.home-message .home-bottom ul li input,
.home-message .home-bottom ul li textarea {
	width: 100%;
	border: 0;
	height: 60rem;
	padding: 0 20rem;
	font-size: 16rem;
	border-radius: 6rem;
	color: #333;
	background-color: #fff
}

.home-message .home-bottom ul li textarea {
	height: 125rem;
	padding: 12rem 20rem 10rem 20rem
}

.home-message .home-bottom ul li .verifyDiv {
	float: left
}

.home-message .home-bottom ul li .public-more {
	float: right
}

.home-message .home-bottom ul li .public-more a {
	min-width: 304rem;
	padding: 0 50rem;
	margin-left: 28rem
}

.home-message .home-bottom ul li .public-more a.y {
	background: #cfcfcf;
	border: 1px solid #cfcfcf
}

@media (max-width:1025px) {
	.contact01 {
		padding: 40px 0
	}

	.contact01 .pp {
		font-size: 22px;
		line-height: 32px;
		width: 100%;
		margin-top: 25px;
		margin-bottom: 15px
	}

	.contact01 .pw {
		font-size: 16px;
		line-height: 26px
	}

	.contact01 ul {
		width: 100%;
		padding-top: 25px;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
		grid-column-gap: 20px
	}

	.contact01 ul li .box {
		height: 100%;
		box-shadow: 0 10px 57px 0 rgba(107, 107, 107, 0.16);
		border-radius: 10px;
		padding: 20px;
		min-height: 190px
	}

	.contact01 ul li .box .span {
		top: 19px;
		right: 20px;
		font-size: 12px;
		line-height: 24px
	}

	.contact01 ul li .pic {
		width: 56px
	}

	.contact01 ul li .bt {
		font-size: 18px;
		margin-bottom: 23px;
		margin-top: 25px
	}

	.contact01 ul li .p {
		font-size: 20px;
		line-height: 34px
	}

	.contact01 ul li .ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
		grid-column-gap: 20px;
		text-align: center
	}

	.contact01 ul .cc1 .img {
		width: 103px
	}

	.contact01 ul .cc2 .img {
		width: 109px
	}

	.contact01 ul .cc3 .img {
		width: 106px
	}

	.contact01 ul .cc4 .img {
		width: 102px
	}

	.contact02 .hover {
		position: relative;
		width: 100%;
		height: auto;
		background: none;
		top: auto;
		left: auto;
		padding: 0
	}

	.contact02 .hover .info {
		padding: 24px
	}

	.contact02 .hover .info .text {
		width: 100%;
		padding-right: 0;
		padding-top: 0
	}

	.contact02 .hover .info .text .span {
		font-size: 20px;
		line-height: 30px
	}

	.contact02 .hover .info .text .bt {
		font-size: 18px;
		margin-bottom: 25px;
		margin-top: 10px
	}

	.contact02 .hover .info .text .p {
		font-size: 16px;
		line-height: 26px
	}

	.contact02 .hover .info .tupian {
		width: 100%;
		padding-top: 10px
	}

	.home-message {
		padding: 40px 0
	}

	.home-message .home-title p {
		margin-top: 15px
	}

	.home-message .home-bottom {
		width: 100%;
		margin-top: 25px
	}

	.home-message .home-bottom ul {
		margin: 0 -6px
	}

	.home-message .home-bottom ul li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 14px
	}

	.home-message .home-bottom ul li .box .span {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px
	}

	.home-message .home-bottom ul li input,
	.home-message .home-bottom ul li textarea {
		height: 45px;
		padding: 0 20px;
		font-size: 16px;
		border-radius: 6px
	}

	.home-message .home-bottom ul li textarea {
		height: 125px;
		padding: 12px 20px 10px 20px
	}

	.home-message .home-bottom ul li .verifyDiv {
		float: left;
		width: 100%;
		margin-bottom: 14px
	}

	.home-message .home-bottom ul li .public-more {
		float: left
	}

	.home-message .home-bottom ul li .public-more a {
		min-width: 200px;
		padding: 0 40px;
		margin-left: 0;
		margin-right: 20px
	}

	.height1 {
		height: 60px
	}
}

.product-page-main {
	padding: 80rem 0 115rem
}

.product-page-main .container {
	max-width: 1765rem
}

.product-layout {
	display: flex;
	align-items: flex-start
}

.product-side {
	width: 340rem;
	margin-right: 41rem;
	position: sticky;
	top: 130rem
}

.product-side h2 {
	margin-bottom: 30rem;
	padding-top: 22rem;
	border-top: 5rem solid #1f63d4;
	font-size: 46rem;
	font-weight: bold;
	line-height: 75rem;
	color: #1a305e
}

.product-side li a {
	position: relative;
	display: block;
	padding: 0 64rem 0 16rem;
	border-bottom: 1rem solid #dce4ee;
	font-size: 16rem;
	line-height: 56rem;
	color: #324665
}

@media (min-width:1025px) {
	.product-side li a:hover {
		background: #1f63d4;
		color: #fff
	}

	.product-side li a:hover:after {
		content: "-"
	}
}

.product-side li a:after {
	content: "+";
	position: absolute;
	right: 0;
	top: 0;
	width: 56rem;
	text-align: center;
	font-size: 24rem
}

.product-side li.active a {
	background: #1f63d4;
	color: #fff
}

.product-side li.active a:after {
	content: "-"
}

.product-content {
	flex: 1;
	margin-top: -20rem
}

.product-content h2 {
	margin-bottom: 29rem;
	font-size: 62rem;
	font-weight: normal;
	line-height: 75rem;
	color: #1a305e
}

.product-content>p {
	margin-bottom: 38rem;
	font-size: 16rem;
	font-weight: normal;
	line-height: 27rem;
	color: #49505f
}

.product-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40rem 28rem
}

.product-list .item a {
	display: block;
	background: #fff;
	border-radius: 6rem;
	border: solid 1rem #aeb4bd;
	transition: box-shadow .35s ease, transform .35s ease
}

.product-list .pic {
	background: url(../images/product-bg.jpg) no-repeat top center;
	background-size: cover
}

.product-list .pic:after {
	padding-bottom: 62.5%
}

.product-list .text {
	padding: 16rem 30rem 53rem 30rem
}

.product-list h3 {
	font-size: 34rem;
	font-weight: normal;
	line-height: 49rem;
	margin-bottom: 25rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	color: #1a305e
}

.product-list .p {
	font-size: 16rem;
	font-weight: normal;
	line-height: 25rem;
	height: 100rem;
	margin-bottom: 44rem;
	overflow: hidden;
	color: #959eb0
}

.product-list .public-more p {
	width: 100%;
	padding: 0 20rem
}

.product-list .public-more p i {
	position: relative;
	top: auto;
	transform: none;
	right: auto;
	margin-left: 20rem
}

@media (min-width:1025px) {
	.product-list .item a:hover {
		transform: translateY(-8rem);
		box-shadow: 0 13rem 21rem 0 rgba(29, 55, 110, 0.15)
	}

	.product-list .item a:hover .pic img {
		transform: scale(1.1)
	}
}

@media (max-width:1025px) {
	.product-page-main {
		padding: 40px 0
	}

	.product-layout {
		display: block
	}

	.product-side {
		width: auto;
		margin: 0 0 30px;
		display: none
	}

	.product-side h2 {
		font-size: 28px
	}

	.product-content {
		margin-top: 0
	}

	.product-content h2 {
		margin-bottom: 10px;
		font-size: 28px;
		line-height: 36px
	}

	.product-content>p {
		margin-bottom: 25px;
		font-size: 16px;
		line-height: 26px
	}

	.product-content h1 {
		font-size: 30px
	}

	.product-list {
		grid-template-columns: 1fr 1fr;
		gap: 16px
	}

	.product-list .item a {
		border-radius: 3px
	}

	.product-list .text {
		padding: 20px
	}

	.product-list h3 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px
	}

	.product-list .p {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		margin-bottom: 10px
	}

	.product-list .public-more p {
		padding: 0 20px
	}

	.product-list .public-more p i {
		margin-left: 10px
	}
}

.news-page-main {
	padding: 82rem 0 112rem
}

.news-page-main .home-title {
	margin-bottom: 58rem;
	text-align: center
}

.filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60rem;
	border-bottom: 1rem solid #dce5f0
}

.filter li {
	position: relative;
	margin-right: 50rem;
	padding: 0 16rem;
	padding-bottom: 29rem;
	font-size: 26rem;
	font-weight: normal;
	line-height: 49rem;
	float: left
}

.filter li a {
	color: #1a305e;
	cursor: pointer;
	display: block
}

.filter li.active {
	font-weight: 700;
	font-family: var(--Poppins-Bold)
}

.filter li.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	width: 100%;
	height: 3rem;
	background: #1f63d4
}

.filter .search {
	position: relative;
	width: 408rem;
	margin-bottom: 18rem
}

.filter .search input {
	width: 100%;
	height: 49rem;
	padding: 0 44rem 0 14rem;
	border-radius: 6rem;
	border: solid 1rem #d7d7d7
}

.filter .search button {
	position: absolute;
	right: 0;
	top: 0;
	width: 49rem;
	height: 49rem;
	border: 0;
	background: url(../images/search1.png) center no-repeat;
	background-size: 20rem;
	cursor: pointer
}

.news-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60rem 30rem
}

.news-list a {
	display: block;
	border-bottom: 1rem solid #dce4ee;
	transition: transform .35s ease
}

.news-list .pic {
	display: block;
	width: 100%;
	border-radius: 8rem;
	margin-bottom: 23rem
}

.news-list .pic:after {
	padding-bottom: 52.83842795%
}

.news-list h3 {
	min-height: 128rem;
	margin-bottom: 24rem;
	font-size: 24rem;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	line-height: 32rem;
	overflow: hidden;
	color: #1a305e
}

.news-list .text div {
	display: flex;
	justify-content: space-between;
	font-size: 16rem;
	line-height: 40rem;
	padding-bottom: 18rem;
	color: #999
}

.news-list em {
	color: var(--hover-color);
	font-style: normal
}

.fenye {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 120rem
}

.fenye span,
.fenye a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45rem;
	height: 45rem;
	line-height: 45rem;
	background: #f7f7f7;
	border-radius: 6rem;
	margin: 0 14rem;
	font-size: 22rem;
	font-weight: normal;
	color: #8995a6
}

.fenye span svg,
.fenye a svg {
	width: 20rem;
	height: 45rem;
	fill: #8995a6
}

.fenye a.active {
	color: var(--hover-color);
	font-family: var(--Poppins-Bold)
}

@media (min-width:1025px) {
	.news-list a:hover .pic img {
		transform: scale(1.1)
	}
}

@media (max-width:1025px) {
	.fenye {
		margin-top: 50px
	}

	.fenye .prev,
	.fenye .next {
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	.fenye span,
	.fenye a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 6px;
		margin: 0 14px;
		font-size: 16px;
		display: none
	}

	.fenye span svg,
	.fenye a svg {
		width: 20px;
		height: 40px
	}

	.news-page-main {
		padding: 40px 0 40px
	}

	.news-page-main .home-title {
		margin-bottom: 25px
	}

	.filter {
		display: block;
		margin-bottom: 20px
	}

	.filter ul {
		overflow: hidden
	}

	.filter li {
		padding: 0 15px;
		font-size: 16px;
		line-height: 26px;
		padding-bottom: 10px
	}

	.filter .search {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px
	}

	.filter .search input {
		height: 45px;
		padding: 0 40px 0 20px;
		border-radius: 3px
	}

	.filter .search button {
		width: 45px;
		height: 45px;
		background-size: 20px
	}

	.news-list {
		grid-template-columns: 1fr 1fr;
		gap: 16px
	}

	.news-list h3 {
		min-height: 84px;
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 28px
	}

	.news-list .text div {
		font-size: 14px;
		line-height: 40px;
		padding-bottom: 10px
	}
}

.news-show-page {
	padding: 63rem 0 88rem;
	background: #fff
}

.news-show-page .share {
	float: left;
	width: 80rem;
	text-align: center;
	margin-left: -80rem
}

.news-show-page .share strong {
	display: block;
	margin-bottom: 12rem;
	font-size: 20rem;
	line-height: 42rem;
	color: #1d3654
}

.news-show-page .share a {
	display: block;
	width: 40rem;
	height: 40rem;
	margin: 0 auto 10rem;
	border-radius: 50%;
	background: #666e86;
	line-height: 40rem
}

.news-show-page .article {
	margin-left: 30rem
}

.news-show-page h1 {
	margin-bottom: 21rem;
	font-size: 50rem;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	line-height: 63rem;
	color: #1a305e
}

.news-show-page .meta {
	display: flex;
	gap: 34rem;
	margin-bottom: 83rem;
	font-size: 16rem;
	font-weight: normal;
	line-height: 30rem;
	color: #1a305e
}

.news-show-page h2 {
	margin-bottom: 12rem;
	font-size: 24rem;
	font-family: var(--Poppins-Bold);
	font-weight: normal;
	line-height: 38rem;
	color: #000
}

.news-show-page .news-nr {
	margin-bottom: 18rem;
	font-size: 18rem;
	font-weight: normal;
	line-height: 38rem;
	color: #333
}

.news-show-page .news-nr p {
	margin-bottom: 16rem
}

.news-show-page .main-img {
	display: block;
	width: 100%
}

.news-show-page blockquote {
	margin: 0 0 42rem;
	padding: 51rem 33rem;
	min-height: 156rem;
	border-left: 4rem solid #1f63d4;
	background: #eef4fb;
	font-size: 24rem;
	font-weight: normal;
	line-height: 28rem;
	color: #1e5589
}

.related-news {
	margin-top: 70rem
}

.related-news .swiper-slide a {
	display: block
}

@media (max-width:1025px) {
	.news-show-page {
		padding: 40px 0 40px
	}

	.news-show-page .share {
		float: none;
		display: flex;
		align-items: center;
		width: auto;
		margin-bottom: 20px;
		text-align: left;
		display: none
	}

	.news-show-page .share strong,
	.news-show-page .share a {
		margin: 0 10px 0 0
	}

	.news-show-page .article {
		margin-left: 0
	}

	.news-show-page h1 {
		font-size: 28px;
		margin-bottom: 10px;
		line-height: 36px
	}

	.news-show-page .meta {
		display: flex;
		gap: 16px;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 25px
	}

	.news-show-page .meta span {
		display: block;
		margin-bottom: 8px
	}

	.news-show-page .news-nr {
		margin-bottom: 14px;
		font-size: 16px;
		line-height: 26px
	}

	.news-show-page h2 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 30px
	}

	.news-show-page .news-nr p {
		margin-bottom: 8px
	}

	.news-show-page blockquote {
		padding: 20px;
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px
	}

	.related-news {
		margin-top: 40px
	}
}

.resources-page-main {
	padding: 82rem 0 112rem
}

.resources-page-main .home-title {
	margin-bottom: 58rem;
	text-align: center
}

@media (max-width:1025px) {
	.resources-page-main {
		padding: 45px 0 60px
	}

	.resources-page-main .home-title {
		margin-bottom: 30px
	}
}

.video-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 46rem 40rem
}

.video-list a {
	display: block;
	background: #f7f7f7;
	position: relative;
	transition: background .35s ease, transform .35s ease
}

.video-list .pic:after {
	padding-bottom: 56.07064018%
}

.video-list .text {
	padding: 21rem 26rem
}

.video-list .text h3 {
	font-size: 25rem;
	font-weight: normal;
	line-height: 30rem;
	height: 90rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333
}

.video-list a div span {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 48rem;
	height: 48rem;
	z-index: 4;
	border-radius: 50%;
	background: url(../images/bofang.png) no-repeat center center;
	background-size: 100%;
	transform: translate(-50%, -50%)
}

@media (min-width:1025px) {
	.video-list a:hover {
		background: #1f63d4;
		transform: translateY(-8rem)
	}

	.video-list a:hover img {
		transform: scale(1.05)
	}

	.video-list a:hover h3 {
		color: #fff
	}
}

@media (max-width:1025px) {
	.video-list {
		grid-template-columns: 1fr 1fr;
		gap: 16px
	}

	.video-list .text {
		padding: 20px
	}

	.video-list .text h3 {
		font-size: 16px;
		line-height: 26px;
		height: 52px
	}
}

.solution-video {
	padding: 92rem 0 70rem
}

@media (max-width:1025px) {
	.solution-video {
		padding: 40px 0
	}
}

.solution-list-section {
	padding: 0 0 106rem
}

.solution-list-section .home-title {
	margin-bottom: 46rem;
	text-align: center
}

.solution-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 21rem 24rem
}

.solution-list li {
	position: relative;
	display: block;
	overflow: hidden
}

.solution-list li .pic:after {
	padding-bottom: 57.24431818%
}

.solution-list img {
	display: block;
	width: 100%;
	transition: transform .5s ease
}

.solution-list li:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0))
}

.solution-list span {
	position: absolute;
	left: 0;
	padding: 0 50rem;
	width: 100%;
	bottom: 40rem;
	z-index: 2;
	font-size: 28rem;
	line-height: 1.3;
	color: #fff
}

@media (min-width:1025px) {
	.solution-list li:hover img {
		transform: scale(1.05)
	}
}

@media (max-width:1025px) {
	.solution-list-section {
		padding-bottom: 40px
	}

	.solution-list-section .home-title {
		margin-bottom: 25px
	}

	.solution-list {
		grid-template-columns: 1fr 1fr;
		gap: 16px
	}

	.solution-list span {
		bottom: 20px;
		font-size: 16px;
		padding: 0 20px
	}
}

.service-center-module {
	padding: 81rem 0 0
}

.service-center-module .home-title {
	margin-bottom: 48rem;
	text-align: center
}

.service-icon-list {
	display: flex;
	padding: 36rem 0;
	background: linear-gradient(180deg, #fbfdff 0, #f5f8fc 100%);
	border-radius: 22rem;
	box-shadow: 0 18rem 55rem rgba(30, 78, 140, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	overflow: hidden
}

.service-icon-list li {
	position: relative;
	transition: .35s ease
}

.service-icon-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 26px;
	width: 1px;
	height: 110px;
	background: linear-gradient(180deg, transparent 0, rgba(173, 188, 206, 0.8) 18%, rgba(173, 188, 206, 0.8) 82%, transparent 100%)
}

.service-icon-list .box {
	padding: 0 10rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}

.service-icon-list .icon {
	width: 78rem;
	height: 78rem;
	color: #245cc8;
	margin-bottom: 26rem
}

.service-icon-list .icon svg {
	width: 100%;
	height: 100%;
	display: block;
	stroke: currentColor;
	fill: none;
	stroke-width: 4.2;
	stroke-linecap: round;
	stroke-linejoin: round
}

.service-icon-list .bt {
	margin-bottom: 10rem;
	font-size: 24rem;
	line-height: 1.25;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	color: #252d3a;
	letter-spacing: -0.2rem;
	margin-bottom: 18rem
}

.service-icon-list .p p {
	font-size: 18rem;
	line-height: 1.45;
	color: #586273;
	font-weight: 400
}

.service-center-desc {
	margin-top: 45rem;
	padding: 50rem 140rem;
	border-top: 2rem solid #bcc0c8;
	border-bottom: 2rem solid #bcc0c8;
	text-align: center
}

.service-center-desc p {
	max-width: 100%;
	margin: 0 auto;
	font-size: 32rem;
	font-weight: normal;
	line-height: 50rem;
	color: #596377
}

@media (min-width:1025px) {
	.service-icon-list li:hover {
		transform: translateY(-5px)
	}

	.service-icon-list li:hover .icon {
		color: #0b72ff
	}
}

@media (max-width:1025px) {
	.service-center-module {
		padding: 40px 0 0
	}

	.service-center-module .home-title {
		margin-bottom: 25px
	}

	.service-icon-list {
		flex-wrap: wrap;
		padding: 20px 0;
		border-radius: 10px;
		grid-template-columns: repeat(3, 1fr)
	}

	.service-icon-list li {
		border-right: 0
	}

	.service-icon-list .box {
		padding: 0 12px
	}

	.service-icon-list .icon {
		width: 42px;
		height: 42px;
		margin-bottom: 10px
	}

	.service-icon-list .bt {
		margin-bottom: 6px;
		font-size: 18px;
		line-height: 28px
	}

	.service-icon-list .p p {
		font-size: 14px
	}

	.service-center-desc {
		margin-top: 20px;
		padding: 20px 0
	}

	.service-center-desc p {
		font-size: 18px;
		line-height: 28px
	}
}

.service-online-module {
	padding: 110rem 0 88rem
}

.service-online-module .nr {
	display: flex;
	justify-content: space-between
}

.service-online-module .left {
	width: 42%
}

.service-online-module .right {
	width: 54%
}

.service-online-module .right img {
	display: block;
	width: 100%
}

.service-online-module .bt {
	margin-bottom: 15rem;
	font-size: 32rem;
	font-family: var(--Poppins-Bold);
	font-weight: normal;
	line-height: 46rem;
	color: #333
}

.service-online-module .p {
	margin-bottom: 58rem;
	font-size: 20rem;
	font-weight: normal;
	line-height: 32rem;
	color: #333
}

@media (max-width:1025px) {
	.service-online-module {
		padding: 40px 0
	}

	.service-online-module .nr {
		display: block
	}

	.service-online-module .left,
	.service-online-module .right {
		width: 100%
	}

	.service-online-module .left {
		margin-bottom: 20px
	}

	.service-online-module .bt {
		margin-bottom: 14px;
		font-size: 22px;
		line-height: 30px
	}

	.service-online-module .p {
		margin-bottom: 22px;
		font-size: 16px;
		line-height: 26px
	}
}

.service-training-module {
	padding: 125rem 0;
	background: #f7f7f7
}

.service-training-module .nr {
	display: flex;
	justify-content: space-between
}

.service-training-module .left {
	width: 54%
}

.service-training-module .right {
	width: 42%
}

.service-training-module .left img {
	display: block;
	width: 100%
}

.service-training-module .bt {
	margin-bottom: 15rem;
	font-size: 32rem;
	font-family: var(--Poppins-Bold);
	font-weight: normal;
	line-height: 46rem;
	color: #333
}

.service-training-module .p {
	margin-bottom: 58rem;
	font-size: 20rem;
	font-weight: normal;
	line-height: 32rem;
	color: #333
}

@media (max-width:1025px) {
	.service-training-module {
		padding: 40px 0
	}

	.service-training-module .nr {
		display: flex;
		flex-direction: column-reverse
	}

	.service-training-module .left,
	.service-training-module .right {
		width: 100%
	}

	.service-training-module .right {
		margin-bottom: 20px
	}

	.service-training-module .bt {
		margin-bottom: 14px;
		font-size: 22px;
		line-height: 30px
	}

	.service-training-module .p {
		margin-bottom: 22px;
		font-size: 16px;
		line-height: 26px
	}
}

.service-request-module {
	display: flex;
	background: #fff;
	overflow: hidden
}

.service-request-module .request-pic {
	width: 48%
}

.service-request-module .request-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.service-request-module .request-form {
	width: 52%;
	padding: 58rem 135rem 60rem 42rem
}

.service-request-module .home-title {
	margin-bottom: 36rem
}

.service-request-module .form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12rem
}

.service-request-module .form-grid label {
	position: relative;
	justify-content: space-between;
	display: flex;
	background-color: #f0f4f9
}

.service-request-module .form-grid label:last-child {
	grid-column: 1 / -1
}

.service-request-module .form-grid span {
	z-index: 2;
	font-size: 18rem;
	line-height: 70rem;
	color: #34445a;
	padding: 0 10rem;
	pointer-events: none
}

.service-request-module .form-grid em {
	color: #e60012;
	font-style: normal
}

.service-request-module input,
.service-request-module select,
.service-request-module textarea {
	flex: 1;
	width: 100%;
	height: 70rem;
	line-height: 30rem;
	border: 0;
	background: #f0f4f9;
	padding: 20rem 10rem;
	font-size: 14rem;
	color: #34445a
}

.service-request-module textarea {
	height: 150rem;
	resize: none
}

.service-request-module .form-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18rem
}

@media (max-width:1025px) {
	.service-request-module {
		display: block
	}

	.service-request-module .request-pic,
	.service-request-module .request-form {
		width: 100%
	}

	.service-request-module .request-form {
		padding: 40px 20px
	}

	.service-request-module .home-title {
		margin-bottom: 25px
	}

	.service-request-module .form-grid {
		grid-template-columns: 1fr;
		gap: 8px
	}

	.service-request-module .form-grid span {
		left: 14px;
		font-size: 14px;
		line-height: 48px
	}

	.service-request-module input,
	.service-request-module select,
	.service-request-module textarea {
		height: 48px;
		padding: 0 14px;
		font-size: 14px
	}

	.service-request-module textarea {
		height: 110px;
		padding-top: 14px
	}

	.service-request-module .form-bottom {
		display: block;
		margin-top: 12px
	}

	.service-request-module .public-more {
		margin-top: 12px
	}
}

.product-show-page-main {
	background: #f7f7f7
}

.product-detail-head {
	padding: 27rem 0 30rem
}

.product-detail-head .container .product-head-top,
.product-detail-head .container .product-head-bottom {
	display: flex;
	justify-content: space-between
}

.product-detail-head .container .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.product-detail-head .left {
	width: 76%
}

.product-detail-head .left .swiper {
	position: relative;
	overflow: hidden;
	background: url(../images/pbg.jpg) no-repeat top center;
	background-size: cover
}

.product-detail-head .left .pic {
	height: 100%;
	object-fit: cover
}

.product-detail-head .left .swiper-button-next,
.product-detail-head .left .swiper-button-prev {
	width: 46rem;
	height: 46rem;
	right: 55rem;
	left: auto;
	margin-top: -46rem;
	background: #d2d4d4;
	top: auto;
	margin: 0;
	bottom: 47rem
}

@media (min-width:1025px) {

	.product-detail-head .left .swiper-button-next:hover,
	.product-detail-head .left .swiper-button-prev:hover {
		background: var(--hover-color)
	}

	.product-detail-head .left .swiper-button-next:hover img,
	.product-detail-head .left .swiper-button-prev:hover img {
		filter: brightness(0) invert(1)
	}
}

.product-detail-head .left .swiper-button-prev {
	margin-top: 0;
	transform: rotate(270deg);
	right: 120rem
}

.product-detail-head .left .swiper-button-next:after,
.product-detail-head .left .swiper-button-prev:after {
	content: ''
}

.product-detail-head .right {
	width: 22.3%;
	padding-right: 19rem;
	height: 100%
}

.product-detail-head .right .public-more {
	margin-bottom: 11rem
}

.product-detail-head .right .public-more a {
	width: 100%;
	padding: 0 20rem
}

.product-detail-head .right .public-more a i {
	width: 28rem
}

.product-detail-head .right .public-more:nth-child(2) {
	margin-bottom: 0
}

.crumb-title {
	margin-bottom: 24rem
}

.crumb-title span {
	display: block;
	font-size: 46rem;
	font-weight: normal;
	line-height: 56rem;
	color: #1a305e
}

.crumb-title h1 {
	font-size: 46rem;
	line-height: 56rem;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	color: #1a305e
}

.product-main-swiper .pic:after {
	padding-bottom: 48.54545455%
}

.product-thumb-swiper {
	overflow: hidden;
	position: relative;
	height: 534rem
}

.product-thumb-swiper .pic {
	height: 100%;
	object-fit: cover
}

.product-thumb-swiper .pic:after {
	padding-bottom: 48.54545455%
}

.product-thumb-swiper .swiper-slide {
	border: 2rem solid transparent;
	cursor: pointer;
	background: url(../images/pbg.jpg) no-repeat top center;
	background-size: cover
}

.product-thumb-swiper .swiper-slide-thumb-active {
	border-color: #1f63d4
}

.product-action {
	margin-bottom: 18rem
}

@media (max-width:1025px) {
	.product-detail-head {
		padding: 40px 0
	}

	.product-detail-head .container .product-head-top,
	.product-detail-head .container .product-head-bottom {
		display: block
	}

	.product-detail-head .container {
		display: block
	}

	.product-detail-head .left,
	.product-detail-head .right {
		width: 100%
	}

	.product-detail-head .right {
		display: none;
		padding-right: 0
	}

	.crumb-title {
		margin-bottom: 16px
	}

	.crumb-title span {
		font-size: 14px;
		line-height: 24px
	}

	.crumb-title h1 {
		font-size: 26px;
		line-height: 34px
	}

	.product-action {
		margin: 16px 0
	}

	.product-thumb-swiper {
		height: auto
	}
}

.product-detail-tabs {
	position: sticky;
	top: 0;
	z-index: 8;
	background: #f0f4f9
}

.product-detail-tabs .container {
	display: flex;
	justify-content: center
}

.product-detail-tabs a {
	display: block;
	min-width: 25%;
	height: 103rem;
	text-align: center;
	font-size: 22rem;
	font-weight: normal;
	line-height: 103rem;
	color: #1a305e;
	position: relative
}

.product-detail-tabs a:after {
	content: '';
	display: block;
	width: 1rem;
	height: 35rem;
	background: #c2c8d1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

@media (min-width:1025px) {
	.product-detail-tabs a:hover {
		color: var(--hover-color);
		text-decoration: underline
	}
}

.product-detail-tabs a:first-child:after {
	display: none
}

@media (max-width:1025px) {
	.product-detail-tabs {
		position: relative;
		overflow-x: auto
	}

	.product-detail-tabs .container {
		justify-content: flex-start
	}

	.product-detail-tabs a {
		height: auto;
		min-width: 30%;
		font-size: 14px;
		line-height: 50px
	}

	.product-detail-head .left .swiper-button-next,
	.product-detail-head .left .swiper-button-prev {
		display: none
	}
}

.product-features {
	padding: 72rem 0 0;
	scroll-margin-top: 110rem;
	position: relative
}

.product-features .home-title {
	margin-bottom: 61rem;
	text-align: center
}

.feature-list {
	width: 83%;
	margin: 0 auto
}

.feature-list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18rem
}

.feature-list .item.reverse {
	flex-direction: row-reverse
}

.feature-list .text {
	width: 45%
}

.feature-list .pic {
	width: 47.5%
}

.feature-list .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.feature-list .pic:after {
	padding-bottom: 51.00917431%
}

.feature-list .text p {
	font-size: 18rem;
	font-weight: normal;
	line-height: 30rem;
	color: #1a305e
}

@media (max-width:1025px) {
	.product-features {
		padding: 40px 0 0
	}

	.product-features .home-title {
		margin-bottom: 25px
	}

	.feature-list {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
		grid-column-gap: 20px
	}

	.feature-list .item,
	.feature-list .item.reverse {
		display: block;
		margin: 0
	}

	.feature-list .text,
	.feature-list .pic {
		width: 100%
	}

	.feature-list .text {
		margin-bottom: 10px
	}

	.feature-list .text p {
		font-size: 16px;
		line-height: 26px
	}
}

.product-technical {
	padding: 84rem 0 0;
	scroll-margin-top: 110rem;
	position: relative
}

.product-technical .home-title {
	margin-bottom: 40rem;
	text-align: center
}

.product-technical table {
	width: 83%;
	margin: 0 auto;
	border-collapse: collapse;
	background: #fff
}

.product-technical th {
	background: #1f63d4;
	font-size: 32rem;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	line-height: 38rem;
	padding: 19rem 10rem;
	color: #fff
}

.product-technical td {
	padding: 6rem 69rem;
	border: 1rem solid #e2e7ef;
	font-size: 18rem;
	color: #1a305e;
	font-family: var(--Poppins-Bold)
}

.product-technical td:last-child {
	text-align: right
}

@media (max-width:1025px) {
	.product-technical {
		padding: 40px 0 0
	}

	.product-technical .home-title {
		margin-bottom: 25px
	}

	.product-technical table {
		width: 100%
	}

	.product-technical th {
		line-height: 28px;
		padding: 15px;
		font-size: 18px
	}

	.product-technical td {
		padding: 10px;
		font-size: 14px;
		line-height: 24px
	}
}

.product-video {
	padding: 97rem 0 0;
	scroll-margin-top: 110rem;
	position: relative
}

.product-video .home-title {
	margin-bottom: 36rem;
	text-align: center
}

.product-video .video-box {
	position: relative;
	display: block;
	width: 82%;
	margin: 0 auto;
	overflow: hidden
}

@media (min-width:1025px) {
	.product-video .video-box:Hover img {
		transform: scale(1.1)
	}

	.product-video .video-box:Hover em img {
		transform: scale(1)
	}
}

.product-video .video-box img {
	display: block;
	width: 100%;
	transition: .5s
}

.product-video .video-box:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.32)
}

.product-video .video-box span {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 58rem;
	height: 42rem;
	border-radius: 10rem;
	background: #fff;
	transform: translate(-50%, -50%)
}

.product-video .video-box span:after {
	content: "";
	position: absolute;
	left: 24rem;
	top: 12rem;
	border-left: 16rem solid #000;
	border-top: 9rem solid transparent;
	border-bottom: 9rem solid transparent
}

.product-video .video-box em {
	position: absolute;
	right: 28rem;
	bottom: 36rem;
	z-index: 2;
	font-size: 24rem;
	color: #fff;
	font-style: normal
}

.product-video .video-box em img {
	height: 26rem;
	margin-right: 10rem;
	width: auto;
	display: inline-block;
	vertical-align: middle
}

@media (max-width:1025px) {
	.product-video {
		padding: 40px 0 0
	}

	.product-video .home-title {
		margin-bottom: 25px
	}

	.product-video .video-box {
		width: 100%
	}

	.product-video .video-box span {
		width: 52px;
		height: 38px;
		border-radius: 8px
	}

	.product-video .video-box span:after {
		left: 22px;
		top: 11px;
		border-left-width: 14px;
		border-top-width: 8px;
		border-bottom-width: 8px
	}

	.product-video .video-box em {
		right: 16px;
		bottom: 14px;
		font-size: 12px
	}
}

.product-related {
	padding: 75rem 0 111rem;
	scroll-margin-top: 110rem;
	position: relative;
	overflow: hidden
}

.product-related .home-title {
	margin-bottom: 40rem;
	text-align: center
}

.related-products-swiper {
	width: 86%;
	margin: 0 auto;
	padding: 2%;
	overflow: hidden
}

@media (max-width:1025px) {
	.product-related {
		padding: 40px 0 40px
	}

	.product-related .home-title {
		margin-bottom: 25px
	}

	.related-products-swiper {
		width: 100%
	}
}

.coop-about {
	padding: 81rem 0 94rem;
	text-align: center;
	scroll-margin-top: 100rem
}

.coop-about .home-title {
	margin-bottom: 35rem
}

.coop-about .logo {
	margin-bottom: 38rem
}

.coop-about .logo img {
	max-width: 605rem
}

.coop-about .p {
	width: 72%;
	margin: 0 auto
}

.coop-about .p {
	font-size: 20rem;
	font-weight: normal;
	line-height: 32rem;
	color: #33456d
}

@media (max-width:1025px) {
	.coop-about {
		padding: 40px 0
	}

	.coop-about .home-title {
		margin-bottom: 25px
	}

	.coop-about .logo {
		margin-bottom: 18px
	}

	.coop-about .logo img {
		max-width: 240px
	}

	.coop-about .p {
		width: 100%
	}

	.coop-about .p {
		font-size: 16px;
		line-height: 26px
	}
}

.coop-line {
	padding: 100rem 0 18rem;
	scroll-margin-top: 100rem;
	background: #f5f8fd;
	overflow: hidden;
	text-align: center
}

.coop-line .home-title {
	margin-bottom: 33rem
}

.coop-line-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 80%;
	margin: 0 auto
}

.coop-line-tabs li {
	position: relative;
	margin: 0 0 15rem;
	padding: 0 31rem;
	font-size: 22rem;
	font-weight: normal;
	line-height: 29rem;
	color: #222;
	cursor: pointer
}

.coop-line-tabs li:after {
	content: '';
	display: block;
	width: 2rem;
	height: 100%;
	background: #222;
	position: absolute;
	top: 0;
	right: 0
}

.coop-line-tabs li:nth-last-child(1):after {
	display: none
}

.coop-line-tabs li.active {
	color: var(--hover-color);
	font-weight: 700
}

.coop-line-swiper {
	width: 1100rem;
	margin: 0 auto
}

.coop-line-swiper .item {
	transform: scale(.8);
	transition: .5s;
	opacity: .6
}

.coop-line-swiper .item .pic:after {
	padding-bottom: 56%
}

.coop-line-swiper .swiper-slide-active {
	transform: scale(1.1);
	opacity: 1
}

.coop-line-swiper img {
	display: block;
	width: 100%
}

@media (max-width:1025px) {
	.coop-line {
		padding: 40px 0 0
	}

	.coop-line .home-title {
		margin-bottom: 25px
	}

	.coop-line-tabs {
		margin-bottom: 15px;
		width: 100%
	}

	.coop-line-tabs li {
		flex: 0 0 auto;
		margin: 0 0 8px 0;
		font-size: 16px;
		line-height: 26px
	}

	.coop-line-swiper {
		width: 80%
	}
}

.coop-benefits {
	padding: 87rem 0 65rem;
	background: url(../images/cooperation-benefits-bg.jpg) center no-repeat;
	background-size: cover;
	scroll-margin-top: 100rem
}

.coop-benefits .home-title {
	margin-bottom: 42rem;
	text-align: center;
	color: #fff
}

.coop-benefits ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15rem
}

.coop-benefits li {
	width: 31.5%
}

.coop-benefits li:nth-child(n+4) {
	width: 31.5%
}

.coop-benefits .box {
	position: relative;
	min-height: 322rem;
	padding: 20rem 43rem 32rem;
	background: #f6f6f6;
	border-radius: 10rem;
	height: 100%
}

.coop-benefits .num {
	display: inline-block;
	min-width: 58rem;
	height: 37rem;
	border-radius: 16rem;
	border: solid 1rem #1c55cc;
	margin-bottom: 61rem;
	text-align: center;
	font-size: 14rem;
	font-weight: normal;
	line-height: 35rem;
	color: #1f63d4
}

.coop-benefits .icon {
	position: absolute;
	right: 23rem;
	top: 12rem
}

.coop-benefits .icon {
	width: 80rem
}

.coop-benefits .bt {
	margin-bottom: 10rem;
	font-size: 22rem;
	font-weight: normal;
	font-family: var(--Poppins-Bold);
	line-height: 35rem;
	color: #040300
}

.coop-benefits .p {
	font-size: 22rem;
	font-weight: normal;
	line-height: 35rem;
	color: #040300
}

@media (max-width:1025px) {
	.coop-benefits {
		padding: 40px 0
	}

	.coop-benefits .home-title {
		margin-bottom: 25px
	}

	.coop-benefits ul {
		gap: 15px
	}

	.coop-benefits li,
	.coop-benefits li:nth-child(n+4) {
		width: 100%
	}

	.coop-benefits .box {
		min-height: 0;
		padding: 20px;
		border-radius: 5px
	}

	.coop-benefits .num {
		min-width: 40px;
		height: 22px;
		margin-bottom: 24px;
		font-size: 12px;
		line-height: 22px
	}

	.coop-benefits .icon {
		right: 22px;
		top: 20px
	}

	.coop-benefits .icon {
		width: 44px
	}

	.coop-benefits .bt {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 28px
	}

	.coop-benefits .p {
		font-size: 16px;
		line-height: 26px
	}
}

.coop-risk {
	padding: 79rem 0 0;
	scroll-margin-top: 100rem;
	text-align: center;
	background: #fff url(../images/cooperation-risk-map.png) center bottom no-repeat;
	background-size: contain
}

.coop-risk .home-title {
	margin-bottom: 39rem
}

.risk-wrap {
	position: relative;
	height: 456rem
}

.risk-item {
	position: absolute;
	width: 20%;
	text-align: center;
	cursor: pointer;
	transition: opacity 1s ease, transform 1s ease
}

.risk-item .pt {
	margin: 0 auto;
	width: 106rem;
	border-radius: 50%;
	background: #f2f2f2
}

.risk-item .ph {
	width: 135rem;
	height: 172rem;
	margin: 0 auto;
	background: url(../images/sbg2.png) no-repeat top center;
	background-size: 100%;
	display: none
}

.risk-item .bt {
	display: block;
	font-family: var(--Poppins-Bold);
	font-size: 18rem;
	font-weight: normal;
	line-height: 24rem;
	overflow: hidden;
	margin-top: 20rem;
	color: #1c1c1c;
	transition: 1s
}

.risk-item.active {
	opacity: 1;
	transform: translateY(-30%)
}

.risk-item.active .pt {
	display: none
}

.risk-item.active .ph {
	display: block
}

.risk-item.su1 {
	top: 31%;
	left: 0
}

.risk-item.su2 {
	top: 14%;
	left: 20%
}

.risk-item.su3 {
	top: 9%;
	left: 40%
}

.risk-item.su4 {
	top: 14%;
	left: 60%
}

.risk-item.su5 {
	top: 31%;
	right: 0
}

.risk-slogan {
	position: absolute;
	left: 0;
	bottom: 90rem;
	font-size: 50rem;
	font-weight: normal;
	line-height: 58rem;
	font-family: var(--Poppins-Bold);
	color: var(--hover-color);
	text-align: center;
	width: 100%
}

@media (max-width:1025px) {
	.coop-risk {
		padding: 40px 0 0
	}

	.coop-risk .home-title {
		margin-bottom: 25px
	}

	.risk-wrap {
		height: auto;
		padding-bottom: 0;
		background-size: 100%
	}

	.risk-item,
	.risk-item:nth-child(1),
	.risk-item:nth-child(2),
	.risk-item:nth-child(3),
	.risk-item:nth-child(4),
	.risk-item:nth-child(5) {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		display: inline-block;
		width: 33%;
		margin: 0 0 18px;
		vertical-align: top
	}

	.risk-item img {
		width: 50px;
		margin-bottom: 8px
	}

	.risk-item span {
		font-size: 14px;
		line-height: 20px
	}

	.risk-item.active {
		opacity: 1;
		transform: none
	}

	.risk-item.active .pt {
		display: block
	}

	.risk-item.active .ph {
		display: none
	}

	.risk-item .bt {
		font-size: 16px;
		line-height: 26px;
		margin-top: 10px
	}

	.risk-slogan {
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		width: 100%;
		transform: none;
		font-size: 24px;
		line-height: 32px
	}
}

.coop-contact {
	padding-bottom: 67rem;
	scroll-margin-top: 100rem
}

.coop-contact .container {
	max-width: 1795rem
}

.coop-contact .coop-info {
	padding: 77rem 0;
	background: url(../images/cooperation-contact-bg.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
	border-radius: 35rem
}

.coop-contact h2 {
	margin-bottom: 48rem;
	text-align: center;
	font-size: 46rem;
	font-weight: normal;
	line-height: 53rem;
	color: #fff
}

.coop-contact ul {
	display: flex;
	justify-content: center
}

.coop-contact li {
	width: 29.5%;
	padding: 0 36rem 0 110rem;
	position: relative
}

.coop-contact li img {
	width: 56rem;
	position: absolute;
	top: 0;
	left: 36rem
}

.coop-contact span {
	display: block;
	margin-bottom: 13rem;
	font-size: 16rem;
	font-weight: normal;
	color: #fdfdfd
}

.coop-contact p {
	font-size: 24rem;
	font-weight: normal;
	line-height: 30rem;
	color: #fdfdfd
}

@media (max-width:1025px) {
	.coop-contact {
		padding: 40px 0
	}

	.coop-contact h2 {
		margin-bottom: 25px;
		font-size: 26px;
		line-height: 34px
	}

	.coop-contact ul {
		display: block
	}

	.coop-contact li {
		width: 100%;
		padding: 0 0 0 70px;
		margin-bottom: 14px
	}

	.coop-contact li img {
		width: 32px;
		left: 20px
	}

	.coop-contact span {
		margin-bottom: 6px;
		font-size: 14px;
		line-height: 20px
	}

	.coop-contact p {
		font-size: 16px;
		line-height: 26px
	}

	.coop-contact .coop-info {
		padding: 20px;
		border-radius: 17px
	}
}

.product-show-float {
	position: fixed;
	right: 8rem;
	top: 50%;
	z-index: 80;
	transform: translateY(-50%)
}

.product-show-float .float-icons {
	position: relative;
	z-index: 2;
	width: 74rem;
	padding: 10rem 0;
	background: #fff;
	box-shadow: 0 3rem 21rem 0 rgba(133, 158, 211, 0.35);
	border-radius: 8rem
}

.product-show-float .float-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50rem;
	height: 50rem;
	margin: 10rem auto;
	border-radius: 12rem;
	position: relative
}

@media (min-width:1025px) {
	.product-show-float .float-icons a:hover {
		background: #1f63d4
	}
}

.product-show-float .float-icons img {
	display: block
}

.product-show-float .float-tel {
	position: absolute;
	right: 100%;
	top: 50%;
	bottom: auto;
	width: 240rem;
	height: 50rem;
	margin-right: 12rem;
	box-shadow: 0 3rem 21rem 0 rgba(133, 158, 211, 0.35);
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	font-size: 18rem;
	line-height: 50rem;
	font-weight: 700;
	color: var(--hover-color);
	letter-spacing: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(12rem, -50%);
	transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

.product-show-float .float-tel.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(0, -50%)
}

@media (min-width:1025px) {
	.product-show-float .float-icons a:hover img {
		filter: brightness(0) invert(1)
	}
}

@media (max-width:1025px) {
	.product-show-float {
		display: none
	}
}

@media (max-width:520px) {
	.swiper-renewal-main .banner-hover .bt {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 5px
	}

	.product-list {
		grid-template-columns: 1fr
	}

	.product-detail-tabs a {
		min-width: 220px
	}

	.home-message .home-bottom ul li .public-more a {
		min-width: 130px;
		padding: 0 30px
	}

	.solution-list {
		grid-template-columns: 1fr
	}

	.coop-line-tabs li {
		padding: 0 15px
	}

	.risk-item,
	.risk-item:nth-child(1),
	.risk-item:nth-child(2),
	.risk-item:nth-child(3),
	.risk-item:nth-child(4),
	.risk-item:nth-child(5) {
		width: 49%
	}

	.risk-item .bt br,
	.risk-item:nth-child(1) .bt br,
	.risk-item:nth-child(2) .bt br,
	.risk-item:nth-child(3) .bt br,
	.risk-item:nth-child(4) .bt br,
	.risk-item:nth-child(5) .bt br {
		display: none
	}

	.coop-contact h2 br {
		display: none
	}

	.filter li {
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 0 10px;
		padding-bottom: 10px
	}

	.video-list {
		grid-template-columns: 1fr
	}

	.news-list {
		grid-template-columns: 1fr
	}

	.news-show-page .meta {
		display: block
	}

	.service-icon-list {
		grid-template-columns: repeat(2, 1fr)
	}

	.service-icon-list li:not(:last-child)::after {
		display: none
	}
}

.global-warp .global-point .hover {
	position: absolute;
	min-width: 200rem;
	top: -20rem;
	left: 20rem;
	display: none;
	padding: 5rem 10rem;
	line-height: 2;
	background: rgba(24, 83, 207, 0.7);
	border-radius: 5rem;
	z-index: 9;
	color: #fff;
}

.global-warp .global-point .hover img {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	height: 20rem;
	width: 30rem;
}

.global-warp .global-point:hover .hover {
	display: block;
}

.contact01 .branch-company li {
	cursor: pointer;
}

.contact01 .branch-company li .bt {
	font-size: 20rem;
	line-height: 1.5;
	margin-bottom: 15rem;
	margin-top: 20rem;
}

.contact01 .branch-company li .p {
	font-size: 16rem;
	line-height: 1.5;
}

.contact01 .branch-company li .p a {
	display: inline-block;
}

.contact01 .branch-company li.active .box {
	background: var(--hover-color);
}

.contact01 .branch-company li.active .box .pic {
	border: 1px solid #fff;
	background: #fff;
}

.contact01 .branch-company li.active .box .span,
.contact01 .branch-company li.active .box .bt,
.contact01 .branch-company li.active .box .p,
.contact01 .branch-company li.active .box .p a {
	color: #fff;
}

.contact01 .branch-company li.active .box .img .m {
	display: none;
}

.contact01 .branch-company li.active .box .img .mh {
	display: block;
}

.contact01 .pp {
	margin-top: 61rem;
}

.contact01 ul.branch-company {
	padding-top: 30rem;
}


.history2 {
	padding: 44px 0;
	overflow: hidden
}

.history2 .in-bottom {
	margin-top: 15px;
	position: relative;
	overflow: hidden
}

.history2 .in-bottom:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background: #e5e5e5;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1
}

.history2 .in-bottom ul {
	margin: 0 -37px;
	position: relative;
	z-index: 3;
	padding-bottom: 24px
}

.history2 .in-bottom ul li {
	width: 25%;
	float: left;
	padding: 0 37px
}

.history2 .in-bottom ul li .date {
	background: url("../images/hh.png") no-repeat top center;
	display: inline-block;
	font-size: 15px;
	color: #777;
	padding-top: 40px;
	font-family: arial;
	margin-left: 10px;
	margin-bottom: 29px
}

.history2 .in-bottom ul li .num {
	font-family: "OratorStd";
	font-size: 65px;
	color: #333;
	line-height: 90px
}

.history2 .in-bottom ul li .jsh {
	font-size: 15px;
	color: #555;
	line-height: 25px;
	overflow: hidden;
	margin-bottom: 57px;
	min-height: 100px;
}

.history2 .in-bottom ul li .pic:after {
	padding-bottom: 60.769230769230774%
}

.history2 .in-bottom ul li:hover .date {
	background: url("../images/h.png") no-repeat top center
}

.history2 .in-bottom .slick-prev,
.history .in-bottom .slick-next {
	top: auto;
	bottom: 0;
	width: 44px;
	height: 44px;
	z-index: 3
}

.history2 .in-bottom .slick-prev {
	left: 50%;
	margin-left: -60px;
	background: url("../images/left3.png") no-repeat center center
}

.history2 .in-bottom .slick-prev:hover {
	background: url("../images/left3h.png") no-repeat center center
}

.history2 .in-bottom .slick-next {
	right: 50%;
	margin-right: -60px;
	background: url("../images/right3.png") no-repeat center center
}

.history2 .in-bottom .slick-next:hover {
	background: url("../images/right3h.png") no-repeat center center
}

.history2 .in-bottom .slick-prev:before,
.history .in-bottom .slick-next:before {
	content: ''
}

@media (max-width:1024px) {
	.history2 .in-bottom ul {
		margin: 0 -10px;
		padding-bottom: 64px
	}

	.history2 .in-bottom ul li {
		padding: 0 10px
	}
}

@media (max-width:1023px) {
	.history2 {
		padding: 30px 0
	}

	.history2 .in-bottom {
		margin-top: 30px
	}

	.history2 .in-bottom ul li .date {
		margin-bottom: 0
	}

	.history2 .in-bottom ul li .num {
		font-size: 30px;
		line-height: 50px
	}

	.history2 .in-bottom ul li .jsh {
		font-size: 14px;
		margin-bottom: 20px
	}
}