@charset "UTF-8";
@import url("font.css");
:root {
	--swiper-theme-color: #007aff
}
:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}
.swiper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}
.swiper-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	display: block
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto
}
.swiper-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-backface-hidden .swiper-slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
	-webkit-perspective: 62.5vw;
	perspective: 62.5vw
}
.swiper-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-3d {
	-webkit-perspective: 62.5vw;
	perspective: 62.5vw
}
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	-ms-scroll-snap-type: none;
	scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 10000;
	-webkit-order: 9999;
	-ms-flex-order: 9999;
	order: 9999
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	-moz-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15)
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
	width: 2.188vw;
	height: 2.188vw;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.094vw;
	margin-top: -1.094vw;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 0.208vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	-webkit-animation: swiper-preloader-spin 1s infinite linear;
	animation: swiper-preloader-spin 1s infinite linear
}
@-webkit-keyframes swiper-preloader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes swiper-preloader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.swiper-button-disabled {
	opacity: 0.6;
	pointer-events: none
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes progressBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes progressBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@-webkit-keyframes downFloat {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes downFloat {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes float {
	0% {
		-webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
		transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
		transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
	}
}
@keyframes float {
	0% {
		-webkit-transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
		transform: rotate(0) translate3d(0, 7%, 0) rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
		transform: rotate(360deg) translate3d(0, 7%, 0) rotate(-360deg);
	}
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes scale {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
/* 放大 */
@-webkit-keyframes amplify2 {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(0.4);
		transform: translate(-50%, -50%) scale(0.4);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	75% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes amplify2 {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(0.4);
		transform: translate(-50%, -50%) scale(0.4);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	75% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes translateX {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translate(-4.167vw);
		transform: translate(-4.167vw);
	}
}
@keyframes translateX {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100% {
		-webkit-transform: translate(-4.167vw);
		transform: translate(-4.167vw);
	}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes rise {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		z-index: 2
	}
}
@keyframes rise {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		z-index: 2
	}
}
.rise {
	-webkit-animation-name: rise;
	animation-name: rise
}
* {
	box-sizing: border-box
}
body {
	margin: 0
}
select, input, textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #878787
}
input:focus {
	outline: none
}
input, button, select, textarea {
	outline: none
}
input:-webkit-autofill {
	box-shadow: 0 0 0 52.083vw white inset !important
}
textarea {
	resize: none
}
textarea, input, select {
	background: none;
	border: none;
	margin: 0;
	padding: 0
}
img {
	max-width: 100%
}
li {
	list-style: none
}
a {
	text-decoration: none;
	font-weight: normal
}
a:hover {
	text-decoration: none;
	outline: none
}
i {
	font-style: normal
}
.clearfix {
	clear: both
}
body {
	font: 14px/1.5 'Inter', 'Roboto', 'Segoe UI', 'Source Han Sans SC', 'PingFang SC', 'Microsoft Yahei', 'Microsoft Jhenghei', 'Hiragino Sans GB', sans-serif;
	position: relative;
	left: 0;
	-webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}
.leftOffset {
	left: -260px !important
}
.content1720 {
	width: 89.583vw;
	margin: 0 auto
}
.content1600 {
	width: 83.333vw;
	margin: 0 auto
}
.content1250 {
	width: 65.104vw;
	margin: 0 auto
}
.viewPicture {
	cursor: pointer
}
.commonBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}
.commonBg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 !important
}
.stopScroll {
	overflow: hidden
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.items-start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}
.items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.items-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}
.content-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.content-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.content-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.content-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}
.flex-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.flex-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.flex-col-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.flex-nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}
@media (max-width:768px) {
	.xs\:flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
	.xs\:items-start {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.xs\:items-center {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
	.xs\:items-end {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end
	}
	.xs\:content-start {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.xs\:content-center {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.xs\:content-end {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
	.xs\:content-between {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.xs\:flex-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.xs\:flex-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	.xs\:flex-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.xs\:flex-col-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	.xs\:flex-wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.xs\:flex-nowrap {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.729vw;
	line-height: 5.729vw;
	border-bottom: 1px solid transparent;
	-webkit-transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease;
	transition: background-color 0.6s ease, border-color 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease;
	transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: background-color 0.6s ease, border-color 0.6s ease, transform 0.6s ease, left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s ease;
	z-index: 9999
}
.header.viewnews {
	border-color: rgba(238, 238, 238, 0.9)
}
.header .content1820 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.header .headerLogo a {
	display: block;
	width: 150px;
	height: 45px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerLogo a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.header .headerLogo a img.active {
	opacity: 0;
	visibility: hidden
}
.header .headerLogo .content {
	margin-left: 1.042vw
}
.header .headerLogo .content .title {
	font-size: 1.35vw;
	font-weight: 700;
	color: #fff;
	line-height: 1.25vw;
	text-shadow: rgba(0, 0, 0, 0.5) 2px 0 4px;
	margin-bottom: 0.417vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerLogo .content .intro {
	font-size: 0.72vw;
	color: #fff;
	line-height: 1.5vw;
	text-shadow: rgba(0, 0, 0, 0.5) 2px 0 4px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerLogo .content .title, .header .headerLogo .content .intro {
	text-shadow: none
}
.header .headerMain .headerNav ul li {
	margin-right: 2.518vw
}
.header .headerMain .headerNav ul li:last-child {
	margin-right: 0
}
.header .headerMain .headerNav ul li > a {
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative
}
.header .headerMain .headerNav ul li > a h2 {
	font-size: 1.042vw;
	color: #fff;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerMain .headerNav ul li > a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 0;
	height: 2px;
	content: "";
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: -webkit-linear-gradient(right, transparent, #0B50AD, transparent);
	background: linear-gradient(to left, transparent, #0B50AD, transparent)
}
.header .headerMain .headerNav ul li > a:hover h2 {
	color: #2A78D0
}
.header .headerMain .headerOther {
	margin-left: 6.235vw
}
.header .headerMain .headerOther .searchBtn {
	width: 1.823vw;
	height: 1.823vw;
	text-align: center;
	line-height: 1.823vw;
	font-size: 0.938vw;
	color: #fff;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.417vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	margin-top: -1px
}
.header .headerMain .headerOther .langBtn {
	position: relative;
	cursor: pointer;
	width: 9.413vw;
	text-align: center;
	margin-right: 0.773vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerMain .headerOther .langBtn #translate {
	position: relative;
	cursor: pointer;
	z-index: 9
}
.header .headerMain .headerOther .langBtn img {
	position: absolute;
	top: 44.5%;
	left: 1vw;
	width: auto;
	height: 0.886vw;
	-webkit-filter: grayscale(1) brightness(500%);
	filter: grayscale(1) brightness(500%);
	margin-right: 0.313vw;
	margin-top: -0.156vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header .headerMain .headerOther .langBtn #translate > .translateSelectLanguage {
	height: 1.823vw;
	line-height: 1.819vw;
	font-size: 0.8vw;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.417vw;
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0 0.235vw 0 1.6vw
}
.header .headerMain .headerOther .langBtn #translate > .translateSelectLanguage option {
	color: #666
}
.header .headerMain .headerOther .langBtn #translate > .translateSelectLanguage option:hover {
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header.headerBg .headerMain .headerOther .langBtn #translate > .translateSelectLanguage, .header.headerMask .headerMain .headerOther .langBtn #translate > .translateSelectLanguage, .header.headerDetail .headerMain .headerOther .langBtn #translate > .translateSelectLanguage {
	color: #333;
	border-color: rgba(0, 0, 0, 0.4)
}
.header.headerBg .headerMain .headerOther .langBtn img, .header.headerMask .headerMain .headerOther .langBtn img {
	top: 44%
}
.header .headerMain .headerOther .langBtn #translate > .translateSelectLanguage::after {
	position: absolute;
	top: 1px;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	width: 0.521vw;
	height: 0.313vw;
	background: #fff;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	content: "";
	display: block
}
.header .headerMain .headerOther .menusBtn {
	display: none
}
.header.headerMask {
	height: 4.427vw;
	line-height: 4.427vw;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(1.042vw);
	border-color: rgba(238, 238, 238, 0.8)
}
.header.headerMask .content1820 {
	border-bottom: transparent
}
.header.headerMask .headerLogo a {
	height: 35.5px
}
.header.headerMask .headerLogo a img.default {
	opacity: 0;
	visibility: hidden
}
.header.headerMask .headerLogo a img.active {
	opacity: 1;
	visibility: visible
}
.header.headerMask .headerLogo .content {
	margin-left: 0.833vw
}
.header.headerMask .headerLogo .content .title {
	color: #333;
	font-size: 1.235vw;
	line-height: 1.042vw;
	margin-bottom: 0.313vw
}
.header.headerMask .headerLogo .content .intro {
	color: #888;
	font-size: 0.691vw;
	line-height: 0.833vw
}
.header.headerMask .headerMain .headerNav ul li > a h2 {
	color: #333
}
.header.headerMask .headerMain .headerNav ul li > a:hover h2 {
	color: #0b50ad
}
.header.headerMask .headerMain .headerNav ul li > a:hover::after {
	width: calc(100% + 0.521vw)
}
.header.headerMask .headerMain .headerNav ul li.active > a h2 {
	color: #0b50ad
}
.header.headerMask .headerMain .headerNav ul li.active > a::after {
	width: calc(100% + 0.521vw)
}
.header.headerMask .headerMain .headerOther .langBtn img {
	-webkit-filter: grayscale(1) opacity(0.7);
	filter: grayscale(1) opacity(0.7)
}
.header.headerMask .dropDownMenu {
	top: 4.427vw
}
.header.headerBg {
	background: white;
	border-color: rgba(238, 238, 238, 0.6)
}
.header.headerBg .content1820 {
	border-bottom: transparent
}
.header.headerBg .headerLogo a img.default {
	opacity: 0;
	visibility: hidden
}
.header.headerBg .headerLogo a img.active {
	opacity: 1;
	visibility: visible
}
.header.headerBg .headerLogo .content .title {
	color: #333
}
.header.headerBg .headerLogo .content .intro {
	color: #333
}
.header.headerBg .headerMain .headerNav ul li > a h2 {
	color: #333
}
.header.headerBg .headerMain .headerNav ul li > a:hover h2 {
	color: #2A78D0
}
.header.headerBg .headerMain .headerNav ul li > a:hover::after {
	width: calc(100% + 0.521vw)
}
.header.headerBg .headerMain .headerOther .langBtn img {
	-webkit-filter: grayscale(1) opacity(0.7);
	filter: grayscale(1) opacity(0.7)
}
.header.headerBg .headerMain .headerOther .menusBtn span {
	background: #333
}
.header.headerDown {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
.header.headerDetail .content1820 {
	border-bottom: transparent
}
.header.headerDetail .headerLogo a img.default {
	opacity: 0;
	visibility: hidden
}
.header.headerDetail .headerLogo a img.active {
	opacity: 1;
	visibility: visible
}
.header.headerDetail .headerLogo .content .title {
	color: #333
}
.header.headerDetail .headerLogo .content .intro {
	color: #333
}
.header.headerDetail .headerMain .headerNav ul li > a h2 {
	color: #333
}
.header.headerDetail .headerMain .headerNav ul li > a:hover h2 {
	color: #2A78D0
}
.header.headerDetail .headerMain .headerNav ul li > a:hover::after {
	width: calc(100% + 0.521vw)
}
.header.headerDetail .headerMain .headerOther .langBtn img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}
.header.headerDetail .headerMain .headerOther .menusBtn span {
	background: #333
}
.headerSearchformMain {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	display: none;
	z-index: 99
}
.headerSearchformMain .headerSearchform {
	background: rgba(255, 255, 255, 0.25);
	padding: 4.167vw 0;
	position: relative;
	z-index: 99;
	-webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
	transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
	opacity: 0;
	-webkit-transform: translate3d(0px, -100%, 1px);
	transform: translate3d(0px, -100%, 1px)
}
.headerSearchformMain .headerSearchform form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 51.042vw;
	margin: 0 auto;
	width: 100%;
	position: relative
}
.headerSearchformMain .headerSearchform form input {
	display: block;
	width: 100%;
	height: 3.125vw;
	font-weight: 400;
	font-size: 0.833vw;
	color: #757575;
	background: #eee;
	border-radius: 2.083vw;
	padding-left: 1.563vw
}
.headerSearchformMain .headerSearchform form input:focus {
	border-color: #d2d2d2 !important;
	box-shadow: none
}
.headerSearchformMain .headerSearchform form input:-internal-autofill-previewed, .headerSearchformMain .headerSearchform form input:-internal-autofill-selected, .headerSearchformMain .headerSearchform form input:-webkit-autofill, .headerSearchformMain .headerSearchform form input:-webkit-autofill:hover, .headerSearchformMain .headerSearchform form input:-webkit-autofill:focus, .headerSearchformMain .headerSearchform form input:-webkit-autofill:active {
	box-shadow: none !important;
	-webkit-transition-delay: 9999s;
	-webkit-transition: background-color 9999s ease-out;
	background-color: #eee !important;
	color: #757575 !important
}
.headerSearchformMain .headerSearchform form button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 1.25vw;
	color: #fff;
	border: 0;
	cursor: pointer
}
.headerSearchformMain .headerSearchform form button:hover {
	box-shadow: 0 0.26vw 0.521vw rgba(42, 120, 208, 0.4)
}
.headerSearchformMain .headerSearchform form .closeSearch {
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	font-size: 1.042vw;
	color: #333
}
.headerSearchformMain .headerSearchMask {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(1.042vw)
}
.headerSearchformMain.admission .headerSearchform {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	opacity: 1
}
.dropDownMenu {
	display: none;
	position: fixed;
	top: 5.729vw;
	left: 65%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 62.083vw;
	border-radius: 0 0px 0.417vw 0.417vw;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(1.042vw)
}
.dropDownMenu .dropDownMenuList {
	width: 14.375vw;
	position: relative;
	--top: 0;
	margin: 3.663vw 0
}
.dropDownMenu .dropDownMenuList::after {
	position: absolute;
	top: 0;
	right: 1.5px;
	width: 1px;
	height: 100%;
	background: rgba(213, 213, 213, 0.5);
	content: "";
	display: block
}
.dropDownMenu .dropDownMenuList .swiper-wrapper::after {
	position: absolute;
	top: var(--top);
	right: 0;
	width: 100%;
	height: 2.5vw;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;
	content: "";
	display: block
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide {
	line-height: 2.5vw;
	height: 2.5vw;
	position: relative;
	text-align: center;
	cursor: pointer
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a h3 {
	font-size: 0.885vw;
	color: #111111;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide:last-child {
	margin-bottom: 0
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active a h3 {
	color: #fff
}
.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide-thumb-active::after {
	opacity: 1;
	visibility: visible
}
.dropDownMenu .dropDownMenuMain {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
	margin: 2.448vw 2.865vw 2.969vw 1.563vw;
	padding-left: 1.563vw
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0 !important
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content {
	width: 16.115vw;
	margin-right: 4.115vw
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .title {
	font-size: 1.771vw;
	color: #000;
	line-height: 1.5;
	margin-bottom: 0.833vw
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .intro {
	font-size: 0.833vw;
	color: #73798C;
	line-height: 1.5vw;
	height: 4.5vw;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 1.302vw
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more {
	display: inline-block;
	min-width: 9.635vw;
	height: 2.604vw;
	text-align: center;
	line-height: 2.604vw;
	border-radius: 0.417vw;
	font-size: 0.729vw;
	position: relative;
	padding: 0 3.333vw;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	cursor: pointer
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::before, .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after {
	position: absolute;
	width: 3.021vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::before {
	top: 1.146vw;
	left: 0;
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after {
	top: 1.146vw;
	right: 0;
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover {
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 0.417vw 1.25vw #1687d4
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover span::after {
	opacity: 1;
	visibility: visible
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image {
	width: 23.333vw;
	overflow: hidden;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/dropDownMenuMask.png");
	mask-image: url("../img/dropDownMenuMask.png");
	-webkit-mask-size: cover;
	mask-size: cover
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image img {
	width: 100%;
	height: 13.594vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide-active {
	opacity: 1 !important;
	z-index: 9
}
.mobileHeader {
	display: none
}
.maskLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(1.042vw);
	z-index: 999
}
#pageMain .paging {
	text-align: center
}
#pageMain .paging.whiteTheme .layui-laypage a, #pageMain .paging.whiteTheme .layui-laypage span {
	background: #fff
}
#pageMain .paging .layui-laypage {
	margin: 0
}
#pageMain .paging .layui-laypage a, #pageMain .paging .layui-laypage span {
	width: 2.5vw;
	height: 2.5vw;
	line-height: 2.5vw;
	font-size: 0.677vw;
	color: #353535;
	padding: 0;
	margin: 0 0.365vw;
	border-radius: 0.417vw;
	border: 0;
	background: rgba(233, 241, 247, 0.5);
	overflow: hidden
}
#pageMain .paging .layui-laypage a:hover, #pageMain .paging .layui-laypage span:hover {
	color: #005AB5
}
#pageMain .paging .layui-laypage-curr {
	font-size: 0.885vw !important;
	font-weight: bold
}
#pageMain .paging .layui-laypage-prev, #pageMain .paging .layui-laypage-next {
	font-size: 0.521vw !important;
	font-weight: bold
}
#pageMain .paging .layui-laypage-curr .layui-laypage-em {
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF)
}
#pageMain .mobileLoadMore {
	display: none
}
#footer {
	letter-spacing: 1px;
	position: relative;
	padding: 0 0 1.354vw
}
#footer .commonBg {
	overflow: hidden
}
#footer .commonBg img {
	-webkit-animation: scale 30s linear infinite;
	animation: scale 30s linear infinite
}
#footer .footerHead {
	padding: 2.083vw 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}
#footer .footerHead .footerNav ul li:last-child span {
	display: none
}
#footer .footerHead .footerNav ul li a {
	font-size: 0.833vw;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	position: relative
}
#footer .footerHead .footerNav ul li a::after {
	position: absolute;
	right: 0;
	bottom: -8px;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: "";
	display: block
}
#footer .footerHead .footerNav ul li a:hover {
	color: #fff
}
#footer .footerHead .footerNav ul li a:hover::after {
	width: 100%;
	right: auto;
	left: 0
}
#footer .footerHead .footerNav ul li span {
	margin: 0 0.833vw;
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.2)
}
#footer .footerHead .footerShare a {
	margin-right: 1.563vw;
	position: relative
}
#footer .footerHead .footerShare a:last-child {
	margin-right: 0
}
#footer .footerHead .footerShare a:hover .popup {
	opacity: 1;
	visibility: visible;
	bottom: 1.771vw
}
#footer .footerHead .footerShare a > img {
	width: auto;
	height: 1.25vw
}
#footer .footerHead .footerShare a .popup {
	position: absolute;
	left: 50%;
	bottom: 1.25vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 8.6vw;
	height: 8.6vw;
	background: #fff;
	border-radius: 0.417vw;
	padding: 0.313vw;
	box-shadow: 2px 2px 0.521vw #ddd;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden
}
#footer .footerHead .footerShare a .popup::after {
	position: absolute;
	bottom: 1px;
	left: 50%;
	-webkit-transform: translate(-50%, 100%) rotate(180deg);
	-ms-transform: translate(-50%, 100%) rotate(180deg);
	transform: translate(-50%, 100%) rotate(180deg);
	width: 0.677vw;
	height: 0.365vw;
	background: #fff;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	content: "";
	display: block
}
#footer .footerHead .footerShare a .popup img {
	width: 100%;
	height: auto
}
#footer .footerContact {
	position: relative;
	text-align: center;
	padding: 4.896vw 0 6.979vw
}
#footer .footerContact .image {
	margin-bottom: 50px
}
#footer .footerContact .image img {
	width: auto;
	height: 60px
}
#footer .footerContact .phone {
	font-weight: 600;
	font-size: 2.188vw;
	color: #FFF;
	margin-bottom: 15px
}
#footer .footerContact .address i {
	font-size: 0.833vw;
	color: #fff;
	margin-right: 0.26vw
}
#footer .footerContact .address span {
	font-size: 0.833vw;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.146vw
}
#footer .footerContact .returnBtn {
	position: absolute;
	top: 1.563vw;
	right: 0;
	width: 2.344vw;
	height: 2.344vw;
	line-height: 2.24vw;
	font-size: 0.625vw;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#footer .footerContact .returnBtn::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.344vw;
	height: 2.344vw;
	background: -webkit-linear-gradient(293deg, #0B50AD, #23C3FF);
	background: linear-gradient(157deg, #0B50AD, #23C3FF);
	z-index: -1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: visible;
	border-radius: 50%;
	content: "";
	display: block
}
#footer .footerContact .returnBtn:hover {
	border-color: transparent
}
#footer .footerContact .returnBtn:hover::after {
	opacity: 1;
	visibility: visible
}
#footer .footerOther .copyright {
	font-weight: 500;
	font-size: 0.8vw;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: rgb(0, 0, 0, 0.5) 1px 0 2px
}
#footer .footerOther .copyright a {
	color: rgba(255, 255, 255, 0.8);
	text-shadow: rgb(0, 0, 0, 0.5) 1px 0 2px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	margin-left: 10px
}
#footer .footerOther .copyright a::after {
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: "";
	display: block
}
#footer .footerOther .copyright a:hover {
	color: #fff
}
#footer .footerOther .copyright a:hover::after {
	width: 100%;
	right: auto;
	left: 0
}
#footer .footerOther .copyright a:hover {
	color: #fff
}
#footer .footerOther .other a {
	font-weight: 500;
	font-size: 0.781vw;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	position: relative
}
#footer .footerOther .other a::after {
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: "";
	display: block
}
#footer .footerOther .other a:hover {
	color: #fff
}
#footer .footerOther .other a:hover::after {
	width: 100%;
	right: auto;
	left: 0
}
#footer .footerOther .other a:hover {
	color: #fff
}
#footer .footerOther .other span {
	font-weight: 500;
	font-size: 0.781vw;
	color: rgba(255, 255, 255, 0.5);
	margin: 0 0.521vw
}
.indexTitle .title {
	font-weight: 500;
	font-size: 0.938vw
}
.indexTitle .intro {
	font-size: 2.3vw;
	font-weight: 600;
	line-height: 3.021vw;
	margin-top: 0.365vw
}
.indexTitle .intro.gs {
	text-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px
}
.indexTitle .des {
	width: 30vw;
	color: #fff;
	font-size: 0.912vw;
	text-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px;
	line-height: 2;
	margin: 3.65vw 0 1.235vw
}
.indexTitle .more {
	display: inline-block;
	min-width: 9.635vw;
	height: 2.604vw;
	text-align: center;
	line-height: 2.396vw;
	border-radius: 0.417vw;
	font-size: 0.729vw;
	position: relative;
	margin-top: 1.615vw;
	padding: 0 3.333vw;
	border: 2px solid;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.indexTitle .more::before, .indexTitle .more::after {
	position: absolute;
	width: 3.021vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
.indexTitle .more::before {
	top: 1.146vw;
	left: 0;
	background: url("../img/moreBefore.png") no-repeat center/cover
}
.indexTitle .more::after {
	top: 0.885vw;
	right: 0;
	background: url("../img/moreAfter.png") no-repeat center/cover
}
.indexTitle .more span::after {
	position: absolute;
	left: -2px;
	top: -2px;
	width: calc(100% + 0.208vw);
	height: 2.604vw;
	content: "";
	display: block;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.417vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	z-index: -1
}
.indexTitle .more:hover {
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 0.417vw 0.729vw #1687d4
}
.indexTitle .more:hover span::after {
	opacity: 1;
	visibility: visible
}
.indexTitle .more:hover::before {
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
.indexTitle .more:hover::after {
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
#banner .swiper-wrapper .swiper-slide {
	position: relative
}
#banner .swiper-wrapper .swiper-slide a {
	display: block
}
#banner .swiper-wrapper .swiper-slide a .image {
	overflow: hidden
}
#banner .swiper-wrapper .swiper-slide a .image img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
#banner .swiper-wrapper .swiper-slide a .content {
	position: absolute;
	left: 50%;
	bottom: 7.969vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
#banner .swiper-wrapper .swiper-slide a .content .title {
	margin-bottom: 1.042vw;
	opacity: 0
}
#banner .swiper-wrapper .swiper-slide a .content .title img {
	width: auto;
	height: 3.49vw
}
#banner .swiper-wrapper .swiper-slide a .content .intro {
	font-weight: 500;
	font-size: 2.083vw;
	line-height: 2.865vw;
	color: #fff;
	opacity: 0;
	text-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px
}
#banner .swiper-wrapper .swiper-slide-active a .image video, #banner .swiper-wrapper .swiper-slide-active a .image img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
#banner .swiper-wrapper .swiper-slide-active a .content .title {
	-webkit-animation: fadeInUp 1s 0.4s forwards;
	animation: fadeInUp 1s 0.4s forwards
}
#banner .swiper-wrapper .swiper-slide-active a .content .intro {
	-webkit-animation: fadeInUp 1s 0.6s forwards;
	animation: fadeInUp 1s 0.6s forwards
}
#banner .swiper-pagination {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 3.906vw;
	font-size: 0.729vw;
	color: #fff;
	z-index: 2
}
#banner .swiper-pagination .progress {
	width: 12.76vw;
	height: 1px;
	background: rgba(206, 206, 206, 0.3);
	margin: 0 0.417vw;
	position: relative
}
#banner .swiper-pagination .progress::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: #fff;
	-webkit-animation: progressBar 4.5s ease forwards;
	animation: progressBar 4.5s ease forwards;
	content: "";
	display: block
}
#indexProducts {
	padding: 5.521vw 0 5.729vw;
	position: relative
}
#indexProducts .indexProductsTitle {
	margin-bottom: 2.135vw
}
#indexProducts .indexProductsTitle .title {
	color: #2A78D0
}
#indexProducts .indexProductsTitle .intro {
	color: #000
}
#indexProducts .indexProductsMain .indexProductsLeft {
	width: 49.4186046512%;
	margin: 0
}
#indexProducts .indexProductsMain .indexProductsRight {
	width: 49.4186046512%;
	margin: 0
}
#indexProducts .indexProductsMain .swiper-wrapper {
	padding-top: 0.521vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a:hover .product {
	box-shadow: none
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a:hover .product .arrow {
	opacity: 1;
	visibility: visible
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .other .arrow {
	display: block
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product {
	background: none
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .commonBg {
	background: #fff;
	display: block;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/indexProductMask.png");
	mask-image: url("../img/indexProductMask.png")
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .commonBg img {
	opacity: 1;
	visibility: visible
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image {
	width: 22.5vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image img {
	width: 22.5vw;
	height: 22.5vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content {
	position: absolute;
	left: 0;
	bottom: 2.448vw;
	margin-top: 0;
	width: 100%;
	text-align: left;
	padding: 0 10.417vw 0 2.604vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .title {
	color: #fff;
	font-size: 1.563vw;
	margin-bottom: 2px
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .intro {
	color: #fff;
	font-size: 0.885vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .arrow {
	display: block
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a {
	display: block;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other {
	text-align: left;
	margin-bottom: 0.99vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .tab {
	font-size: 0.885vw;
	color: #000;
	border-radius: 0.417vw;
	border: 1px solid rgba(105, 137, 160, 0.3);
	padding: 0.417vw 0.833vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .arrow {
	font-size: 0.729vw;
	color: #000;
	width: 2.188vw;
	height: 2.188vw;
	border-radius: 0.417vw;
	text-align: center;
	line-height: 2.083vw;
	border: 1px solid rgba(105, 137, 160, 0.3);
	margin-left: 0.521vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product {
	background: #fff;
	height: 28.646vw;
	border-radius: 0.521vw;
	overflow: hidden;
	padding: 1.25vw 0 2.604vw;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .commonBg img {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image {
	width: 19.115vw;
	border-radius: 0.521vw;
	overflow: hidden;
	margin: 0 auto;
	position: relative
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image .commonBg {
	z-index: 0
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image > img {
	aspect-ratio: 3 / 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	z-index: 2
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image span {
	width: 40%;
	position: absolute;
	left: 50%;
	top: 56%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 500;
	font-size: 1.042vw;
	color: transparent;
	background: -webkit-linear-gradient(bottom, #e4e7ea, #b9c0c8);
	background: linear-gradient(0deg, #e4e7ea, #b9c0c8);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 3
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image span.rotate {
	-webkit-transform: rotate(-39deg) skewX(-8deg);
	-ms-transform: rotate(-39deg) skewX(-8deg);
	transform: rotate(-39deg) skewX(-8deg);
	width: 24%;
	left: 32%;
	top: 50%
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content {
	padding: 0 1.445vw;
	margin-top: 1.533vw
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .title {
	font-size: 1.463vw;
	color: #101010;
	font-weight: 600;
	margin-bottom: 0.833vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .intro {
	font-size: 0.881vw;
	line-height: 1.72;
	text-align: left;
	color: #5C5C5C;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .arrow {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 5.052vw;
	height: 5.052vw;
	text-align: center;
	font-size: 1.563vw;
	color: #000;
	font-weight: lighter;
	line-height: 4.948vw;
	border-radius: 50%;
	border: 1px solid #000
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover {
	-webkit-transform: translateY(-0.521vw);
	-ms-transform: translateY(-0.521vw);
	transform: translateY(-0.521vw)
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover .other .arrow {
	opacity: 1;
	visibility: visible
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover .product {
	box-shadow: 0 0px 1.563vw #ddd
}
#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover .product .image .commonBg img {
	opacity: 1;
	visibility: visible
}
#indexSolutions {
	position: relative;
	min-height: 43.913vw;
	background: rgba(0, 0, 0, 0.2);
	padding-bottom: 6.323vw;
	overflow: hidden
}
#indexSolutions .indexSolutionsImages {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 4.167vw);
	height: 100%;
	z-index: -1
}
#indexSolutions .indexSolutionsImages .swiper-wrapper .swiper-slide {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0 !important
}
#indexSolutions .indexSolutionsImages .swiper-wrapper .swiper-slide-active {
	z-index: 2 !important;
	opacity: 1 !important
}
#indexSolutions .indexSolutionsImages .swiper-wrapper .swiper-slide-active img {
	-webkit-animation: translateX 6.5s linear 0.4s forwards;
	animation: translateX 6.5s linear 0.4s forwards
}
#indexSolutions .indexSolutionsImages .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
#indexSolutions .indexSolutionsTitle .title {
	color: #E4F7FF
}
#indexSolutions .indexSolutionsTitle .intro {
	color: #fff
}
#indexSolutions .indexSolutionsTitle .more {
	color: #fff;
	border-color: #fff
}
#indexSolutions .indexSolutionsTitle .more::before {
	left: 0;
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
#indexSolutions .indexSolutionsTitle .more::after {
	right: 0;
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
#indexSolutions .indexSolutionsList {
	width: 41.25vw
}
#indexSolutions .indexSolutionsList::before {
	width: 13.229vw;
	height: 8.49vw;
	margin: 0.26vw;
	content: "";
	display: block
}
#indexSolutions .indexSolutionsList .list {
	width: 13.229vw;
	height: 8.49vw;
	padding: 0.625vw 1.458vw;
	background: rgba(255, 255, 255, 0.2) url("../img/indexSolutionsListBorder.png") no-repeat center/cover;
	backdrop-filter: blur(1.042vw);
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/indexSolutionsListMask.png");
	mask-image: url("../img/indexSolutionsListMask.png");
	margin: 0.26vw;
	position: relative;
	overflow: hidden
}
#indexSolutions .indexSolutionsList .list::before {
	position: absolute;
	bottom: 1.719vw;
	right: 0;
	width: 4.583vw;
	height: 1.771vw;
	background: url("../img/indexSolutionsListHover.png") no-repeat center/cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	content: "";
	display: block
}
#indexSolutions .indexSolutionsList .list::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block
}
#indexSolutions .indexSolutionsList .list.active::before {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%)
}
#indexSolutions .indexSolutionsList .list.active::before, #indexSolutions .indexSolutionsList .list.active::after {
	opacity: 1;
	visibility: visible
}
#indexSolutions .indexSolutionsList .list .icon {
	margin: 1.042vw 0
}
#indexSolutions .indexSolutionsList .list .icon img {
	width: auto;
	height: 48px
}
#indexSolutions .indexSolutionsList .list .title {
	font-weight: 500;
	font-size: 0.938vw;
	color: #FFF;
	line-height: 1.146vw
}
#indexNews {
	position: relative;
	overflow: hidden;
	padding: 5vw 0 7vw
}
#indexNews .indexNewsTitle {
	position: relative;
	margin-bottom: 0.573vw;
	padding-bottom: 1.927vw;
	border-bottom: 1px solid #E8E8E8
}
#indexNews .indexNewsTitle .title {
	color: #2A78D0
}
#indexNews .indexNewsTitle .intro {
	color: #000
}
#indexNews .indexNewsTitle .more {
	position: absolute;
	top: 30%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #313245;
	line-height: 2.396vw;
	border-color: #1D2088;
	margin-top: 0
}
#indexNews .indexNewsMain {
	width: 70.781vw;
	margin-left: 0;
	overflow: visible;
	padding-top: 3.594vw
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a {
	display: block;
	background: #fff;
	padding: 1.242vw;
	border-radius: 0.521vw;
	overflow: hidden;
	position: relative
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a:hover::after {
	opacity: 1;
	visibility: visible
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a:hover .content .time {
	color: #fff
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a:hover .content .title {
	color: #fff
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a:hover .content .arrow {
	color: #fff;
	border-color: #fff
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .image {
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/indexNewsMask.png");
	mask-image: url("../img/indexNewsMask.png")
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .image img {
	width: 100%;
	height: 14.896vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content {
	padding: 1.323vw 8.771vw 0 0.642vw;
	position: relative;
	z-index: 2
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .time {
	font-size: 0.729vw;
	color: #949494;
	margin-bottom: 0.417vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .title {
	font-size: 1.094vw;
	color: #000;
	line-height: 1.615vw;
	height: 3.618vw;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .arrow {
	position: absolute;
	right: 0.762vw;
	bottom: 0.5vw;
	width: 2.865vw;
	height: 2.188vw;
	line-height: 1.979vw;
	text-align: center;
	border-radius: 0.417vw;
	font-size: 0.677vw;
	color: #44469d;
	border: 2px solid #44469d;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexNews .indexNewsMain .swiper-pagination {
	font-size: 0.781vw;
	position: absolute;
	top: 0;
	left: 0
}
#indexNews .indexNewsMain .swiper-pagination .current {
	color: #959595
}
#indexNews .indexNewsMain .swiper-pagination .line {
	color: #CECECE;
	margin: 0 0.156vw
}
#indexNews .indexNewsMain .swiper-pagination .total {
	color: #CECECE
}
#indexNews .indexNewsMain .indexNewsBtns {
	position: absolute;
	top: 0;
	right: -18.75vw;
	z-index: 2
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev {
	margin-right: 0.26vw
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev i {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next {
	width: 2.656vw;
	height: 1.458vw;
	text-align: center;
	line-height: 1.458vw;
	font-size: 0.625vw;
	color: #343434;
	background: #fff;
	border-radius: 0.417vw;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev::after, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block;
	border-radius: 0.417vw
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev i, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next i {
	display: inline-block;
	position: relative;
	z-index: 2
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev:hover, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next:hover {
	color: #fff
}
#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev:hover::after, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next:hover::after {
	opacity: 1;
	visibility: visible
}
#indexAboutus {
	position: relative;
	height: 44.792vw;
	padding-top: 8.802vw;
	margin-bottom: 17.24vw
}
#indexAboutus .commonBg {
	overflow: hidden
}
#indexAboutus .commonBg > img {
	-webkit-animation: scale 30s linear infinite;
	animation: scale 30s linear infinite
}
#indexAboutus .indexAboutusTitle .title {
	color: #D5E9FF
}
#indexAboutus .indexAboutusTitle .intro {
	color: #fff
}
#indexAboutus .indexAboutusTitle .more {
	color: #fff;
	border-color: #fff
}
#indexAboutus .indexAboutusTitle .more::before {
	left: 0;
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
#indexAboutus .indexAboutusTitle .more::after {
	right: 0;
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
#indexAboutus .indexAboutusMain {
	position: absolute;
	left: calc(50% - 44.792vw);
	bottom: -11.719vw;
	width: 89.583vw;
	min-height: 18.229vw;
	border-radius: 0.521vw;
	padding: 1.615vw 3.177vw 2.604vw;
	border: 1px solid rgba(255, 255, 255, 0.6);
	background: rgba(245, 248, 251, 0.6);
	backdrop-filter: blur(1.042vw)
}
#indexAboutus .indexAboutusMain .indexAboutusNumber {
	width: 47%;
	margin: -0.26vw;
	padding-top: 1.719vw
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list {
	width: 9.948vw;
	height: 11.51vw;
	background: -webkit-linear-gradient(bottom, #E7EAEE, #fff);
	background: linear-gradient(0deg, #E7EAEE, #fff);
	border-radius: 0.521vw;
	margin: 0.26vw;
	padding: 0.938vw 1.042vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(293deg, #0B50AD, #23C3FF);
	background: linear-gradient(157deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: visible;
	content: "";
	display: block
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list:nth-child(1) {
	width: 17.344vw
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list:hover::after {
	opacity: 1;
	visibility: visible
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list:hover .number {
	color: #fff
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list:hover .intro {
	color: #fff
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number {
	color: #09305A;
	font-weight: 600;
	font-size: 1.25vw;
	margin-bottom: 1.42vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	z-index: 2
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number b {
	font-family: 'Roboto Condensed', 'Bebas';
	font-size: 2.344vw
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number span {
	font-size: 0.816vw;
	margin: 0 0.236vw
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list .intro {
	font-size: 0.833vw;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.85;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	z-index: 2
}
#indexAboutus .indexAboutusMain .indexAboutusNumber .list .intro b {
	font-size: 0.912vw;
	font-weight: 500;
	line-height: 2
}
#indexAboutus .indexAboutusMain .indexAboutusContent {
	width: 35vw;
	margin-left: 3.125vw
}
#indexAboutus .indexAboutusMain .indexAboutusContent .title {
	font-size: 0.86vw;
	color: rgba(23, 23, 23, 0.5);
	margin-bottom: 2.656vw
}
#indexAboutus .indexAboutusMain .indexAboutusContent .title::before {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: rgba(8, 38, 84, 0.1);
	margin-right: 1.563vw;
	content: "";
	display: block
}
#indexAboutus .indexAboutusMain .indexAboutusContent .intro {
	font-size: 1.1vw;
	color: #09305A;
	line-height: 2.2vw;
	position: relative
}
#indexAboutus .indexAboutusMain .indexAboutusContent .intro::after {
	position: absolute;
	top: -1.198vw;
	left: -1.979vw;
	width: 1.406vw;
	height: 0.938vw;
	background: url("../img/indexAboutusSymbol.png") no-repeat center/cover;
	content: "";
	display: block
}
#detailBanner {
	position: relative;
	overflow: hidden
}
#detailBanner .image {
	width: calc(100% + 4.167vw)
}
#detailBanner .image img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-animation: translateX 6.5s linear 0.4s forwards;
	animation: translateX 6.5s linear 0.4s forwards
}
#detailBanner .content {
	position: absolute;
	left: 50%;
	bottom: 1.719vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
#detailBanner .content .title {
	font-size: 2.275vw;
	font-weight: 500;
	text-shadow: rgb(0, 0, 0, 0.3) 2px 0 5px;
	color: #fff;
	line-height: 2.813vw;
	min-height: 2.813vw;
}
#detailBanner .content .subTitle {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 2.8vw;
	color: transparent;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 5.333vw;
	min-height: 8.333vw;
	background: -webkit-linear-gradient(top, #fff, transparent);
	background: linear-gradient(180deg, #fff, transparent);
	-webkit-background-clip: text;
	background-clip: text;
	margin-left: -0.417vw
}
#detailBanner .content .icon {
	position: absolute;
	right: 0;
	bottom: 3.073vw;
	width: 3.281vw;
	height: 3.281vw;
	line-height: 3.177vw;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-animation: downFloat 4s ease infinite;
	animation: downFloat 4s ease infinite
}
#detailBanner .content .icon::after {
	position: absolute;
	top: calc(50% - 3.906vw);
	left: calc(50% - 3.906vw);
	width: 7.813vw;
	height: 7.813vw;
	background: url("../img/detailBannerIconBg.png") no-repeat center/cover;
	z-index: -1;
	-webkit-animation: rotate 42s linear forwards infinite;
	animation: rotate 42s linear forwards infinite;
	content: "";
	display: block
}
#detailBanner .content .icon img {
	width: auto;
	height: 1.25vw
}
#mDetailList {
	display: none
}
#detailList {
	line-height: 3.725vw;
	border-bottom: 1px solid rgba(180, 194, 204, 0.2);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease
}
#detailList.detailListFixed {
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(1.042vw);
	border-color: rgba(238, 238, 238, 0.6)
}
#detailList.detailListDown {
	-webkit-transform: translateY(4.427vw);
	-ms-transform: translateY(4.427vw);
	transform: translateY(4.427vw)
}
#detailList a {
	font-size: 1vw;
	font-weight: 500;
	letter-spacing: 1px;
	color: #110C00;
	white-space: nowrap;
	position: relative;
	margin-right: 4.167vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#detailList a::after, #detailList .nav > ul > li a.active::after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	display: block;
	visibility: hidden;
	width: calc(100% + 0.521vw);
	height: 2px;
	content: "";
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	background: -webkit-linear-gradient(right, transparent, #0B50AD, transparent);
	background: linear-gradient(to left, transparent, #0B50AD, transparent)
}
#detailList a.active, #detailList a:hover {
	font-weight: 600
}
#detailList a.active::after, #detailList a:hover::after, #detailList .nav > ul > li a.active::after {
	visibility: visible;
	opacity: 1
}
#detailList .nav {
	width: 100%;
	height: 3.725vw;
	border: 0
}
#detailList .nav.cloud {
	width: 83.333vw
}
#detailList .nav > ul {
	margin: 0 auto
}
#detailList .nav.cloud > ul {
	margin: 0
}
#detailList .nav > ul:after {
	display: block;
	content: '';
	clear: both
}
#detailList .nav > ul > li {
	display: block;
	position: relative;
	float: left;
	width: 11.462vw;
	height: 100%;
	text-align: center
}
#detailList .nav > ul > li.lv1::after {
	content: '';
	position: absolute;
	top: 1.355vw;
	right: 0;
	width: 20px;
	height: 20px;
	background: url(../img/icon_arr.png) no-repeat;
	background-size: cover;
	transform: rotate(90deg);
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#detailList .nav > ul > li:hover::after {
	background: url(../img/icon_arr.png) no-repeat;
	transform: rotate(270deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#detailList .nav > ul > li a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	margin-right: 0
}
#detailList .nav > ul > li a.active {
	color: #0B50AD
}
#detailList .nav > ul > li ul {
	display: none
}
#detailList .nav > ul > li:hover > a + ul {
	display: block
}
#detailList .nav > ul > li > ul {
	width: 11.462vw;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border: 1px solid #eee;
	border-radius: 3px;
	position: relative;
	top: 1px;
	left: 0
}
#detailList .nav > ul > li > ul:empty, #detailList .nav > ul > li > ul > li > ul:empty {
	border: none !important
}
#detailList .nav > ul > li > ul > li, #detailList .nav > ul > li > ul > li > ul > li {
	display: block;
	width: 100%;
	height: calc(3.777vw - 2px);
	text-align: center;
	border-bottom: 1px solid #eee
}
#detailList .nav > ul > li > ul > li a {
	font-size: 0.9vw
}
#detailList .nav > ul > li > ul > li > ul > li a {
	font-size: 0.8vw
}
#detailList .nav > ul > li > ul > li:last-child, #detailList .nav > ul > li > ul > li > ul > li:last-child {
	border: 0
}
#detailList .nav > ul > li > ul > li:hover, #detailList .nav > ul > li > ul > li > ul > li:hover {
	background: #f2f9fc
}
#detailList .nav > ul > li > ul > li:hover ul {
	display: block
}
#detailList .nav > ul > li > ul > li > ul {
	width: 8.856vw;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border: 1px solid #eee;
	border-radius: 3px;
	position: relative;
	top: calc(-3.777vw - 1px);
	left: 100%
}
#detailList .nav > ul > li > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}
#detailList .nav > ul > li > ul > li.lv2:has(.lv3) {
	background: url(../img/icon_arr.png) no-repeat 95%
}
#productsList {
	position: relative;
	padding: 7.385vw 0 4.618vw;
	margin-top: -3.777vw
}
#productsList > .commonBg {
	min-height: 60vw
}
#productsList ul {
	margin: 0 -0.521vw;
	padding-bottom: 4.167vw
}
#productsList ul li {
	width: calc(25% - 2vw);
	margin: 1.15vw 1vw
}
#productsList ul li.recommend {
	width: calc(50% - 1.042vw)
}
#productsList ul li.recommend a {
	padding-top: 0
}
#productsList ul li.recommend a .commonBg {
	opacity: 1;
	visibility: visible;
	z-index: 0
}
#productsList ul li.recommend a .product {
	width: 26.302vw;
	margin-bottom: 0;
	position: relative
}
#productsList ul li.recommend a .product img {
	height: 26.302vw;
	object-fit: cover
}
#productsList ul li.recommend a .content {
	margin-top: -3.802vw
}
#productsList ul li.recommend a .content .title {
	color: #fff;
	font-size: 1.563vw
}
#productsList ul li.recommend a .content .intro {
	color: #fff;
	font-size: 0.885vw
}
#productsList ul li a {
	display: block;
	height: 28.646vw;
	padding: 1.25vw 0 0;
	border-radius: 0.521vw;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productsList ul li a:hover {
	-webkit-transform: translateY(-0.521vw);
	-ms-transform: translateY(-0.521vw);
	transform: translateY(-0.521vw);
	box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.15)
}
#productsList ul li a:hover .commonBg {
	opacity: 1;
	visibility: visible
}
#productsList ul li a .commonBg {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden
}
#productsList ul li a .commonBg img {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productsList ul li a .product {
	width: 17.552vw;
	position: relative;
	z-index: 1;
	margin: 0 auto 1vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0.521vw;
	overflow: hidden
}
#productsList ul li a .product img {
	width: 100%;
	height: 17.552vw;
	object-fit: cover
}
#productsList ul li a .product img.thumb {
	padding: 10%
}
#productsList ul li a .product span {
	width: 40%;
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 600;
	font-size: 1.042vw;
	color: transparent;
	background: -webkit-linear-gradient(bottom, #e4e7ea, #b9c0c8);
	background: linear-gradient(0deg, #e4e7ea, #b9c0c8);
	-webkit-background-clip: text;
	background-clip: text
}
#productsList ul li a .product span.rotate {
	font-size: 1.146vw;
	-webkit-transform: rotate(-39deg) skewX(-6deg);
	-ms-transform: rotate(-39deg) skewX(-6deg);
	transform: rotate(-39deg) skewX(-6deg);
	width: 31%;
	left: 29%;
	top: 51%
}
#productsList ul li a .content {
	position: relative;
	z-index: 1;
	padding: 0 1.5vw
}
#productsList ul li a .content .title {
	font-family: 'Montserrat';
	font-size: 1.235vw;
	font-weight: 700;
	color: #101010;
	letter-spacing: 0.5px;
	margin-bottom: 0.833vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productsList ul li a .content .intro {
	font-size: 0.783vw;
	line-height: 1.6;
	color: #6C6C6C;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productIntro .posi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: url("../img/icon_home.svg") no-repeat left;
	background-size: 14px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 2vw;
	padding-left: 22px
}
#productIntro .posi a {
	font-size: 0.72vw;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productIntro .posi a:hover {
	color: #2A78D0
}
#productIntro .posi span {
	margin: 0 0.625vw;
	font-size: 0.625vw;
	color: #e6ecdb
}
#productIntro .posi span:last-child {
	display: none
}
#productIntro {
	padding: 8vw 0 5.25vw;
	position: relative
}
#productIntro .image {
	position: relative;
	width: 52.375%;
	height: 30vw;
	border-radius: 0.417vw;
	overflow: hidden
}
#productIntro .image > img {
	width: 20.834vw;
	height: 20.834vw
}
#productIntro .image span {
	width: 23%;
	position: absolute;
	left: 50%;
	top: 54%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 600;
	font-size: 1.563vw;
	color: transparent;
	background: -webkit-linear-gradient(bottom, #e4e7ea, #b9c0c8);
	background: linear-gradient(0deg, #e4e7ea, #b9c0c8);
	-webkit-background-clip: text;
	background-clip: text;
	text-align: center
}
#productIntro .image span.rotate {
	-webkit-transform: rotate(-39deg) skewX(-8deg);
	-ms-transform: rotate(-39deg) skewX(-8deg);
	transform: rotate(-39deg) skewX(-8deg);
	left: 37.5%;
	top: 51%;
	width: 19%;
	font-size: 1.354vw
}
#productIntro .contentBox {
	width: 43.125%
}
#productIntro .contentBox.cloud {
	width: 100%
}
#productIntro .contentBox .content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
#productIntro .contentBox .content .list {
	font-family: 'Montserrat';
	font-size: 2.604vw;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
	color: #101010;
	margin-bottom: 0.781vw
}
#productIntro .contentBox .content .line {
	height: 0.521vw;
	background: url("../img/productIntroLine.png") no-repeat;
	background-size: auto 0.521vw;
	margin-bottom: 1.563vw
}
#productIntro .contentBox .content .title {
	font-size: 1.886vw;
	color: #1B2221;
	font-weight: 500;
	margin-bottom: 0.821vw
}
#productIntro .contentBox.cloud .content .title {
	font-size: 1.586vw
}
#productIntro .contentBox .content .intro {
	font-size: 1.042vw;
	color: #555;
	line-height: 1.979vw;
	overflow-y: auto;
	max-height: 17.813vw;
	padding-right: 1.042vw
}
#productIntro .contentBox .content .intro::-webkit-scrollbar {
	width: 0.156vw;
	height: 0.156vw;
	background-color: #d5d5d5
}
#productIntro .contentBox .content .intro::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	border-radius: 0.313vw;
	background-color: #d5d5d5
}
#productIntro .contentBox .content .intro::-webkit-scrollbar-thumb {
	border-radius: 0.313vw;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(top, #0B50AD, #23C3FF);
	background: linear-gradient(180deg, #0B50AD, #23C3FF);
	cursor: pointer
}
#productIntro .contentBox .content .intro p {
	margin-bottom: 0.677vw
}
#productIntro .contentBox .content .intro p:last-child {
	margin-bottom: 0
}
#productIntro .contentBox .more {
	width: 14.913vw;
	height: 2.917vw;
	line-height: 2.917vw;
	text-align: center;
	font-size: 0.956vw;
	color: #fff;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.417vw;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#productIntro .contentBox .more::before, #productIntro .contentBox .more::after {
	position: absolute;
	width: 4.85vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#productIntro .contentBox .more::before {
	top: 1.302vw;
	left: 0;
	background: url("../img/moreWhiteOverlengthBefore.png") no-repeat right/cover
}
#productIntro .contentBox .more::after {
	top: 1.25vw;
	right: 0;
	background: url("../img/moreWhiteOverlengthAfter.png") no-repeat left/cover
}
#productIntro .contentBox .more:hover {
	color: #fff;
	box-shadow: 0 0.417vw 0.729vw #1687d4
}
#productAdvantages {
	position: relative;
	padding: 4.427vw 0 5.21vw;
	min-height: 32.5vw
}
#productAdvantages .productAdvantagesTitle {
	font-size: 2.2vw;
	font-weight: 600;
	color: #fff;
	margin-bottom: 1.868vw
}
#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide {
	min-height: 11.302vw;
	border-radius: 0.417vw;
	text-align: center;
	padding: 2.135vw 2.135vw 1.523vw;
	border: 1px solid rgba(255, 255, 255, 0.8);
	background: -webkit-linear-gradient(top, rgba(245, 248, 251, 0.8), rgba(245, 248, 251, 0.4));
	background: linear-gradient(180deg, rgba(245, 248, 251, 0.8), rgba(245, 248, 251, 0.4));
	backdrop-filter: blur(1.042vw)
}
#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon {
	margin-bottom: 0.533vw
}
#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon:hover {
	cursor: pointer
}
#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon img {
	width: auto;
	height: 10vw;
	border-radius: 0.521vw
}
#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .title {
	font-size: 0.756vw;
	color: #333;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 1.667vw;
	text-shadow: rgba(255, 255, 255, 0.2) 2px 0 3px
}
#productAdvantages .productAdvantagesMain .swiper-pagination {
	display: none
}
.detailModule {
	font-size: 0.925vw;
	line-height: 2
}
.detailModule strong {
	font-size: 0.965vw;
	font-weight: 600;
	padding: .1vw 0
}
.detailModule img {
	border-radius: 0.5vw;
	max-width: 100%;
	margin: 1.125vw 0
}
#productParams {
	background: #fcfbfd url("../img/n_footer.png") no-repeat center bottom;
	padding: 3.866vw 0 5.062vw
}
#productParams .productParamsTitle {
	font-size: 2.2vw;
	font-weight: 600;
	color: #000;
	margin-bottom: 1.868vw
}
#productParams .productParamsMain table {
	width: 100%;
	letter-spacing: 0.5px;
	background: rgba(255, 255, 255, 0.8);
	margin: 1vw auto
}
#productParams .productParamsMain table tr.firstRow {
	background: -webkit-linear-gradient(left, #114BA9, #4FC4EA);
	background: linear-gradient(90deg, #114BA9, #4FC4EA);
	border-radius: 0.313vw 0 0.313vw 0
}
#productParams .productParamsMain table tr.firstRow td {
	padding: 15px 20px 13px;
	border: 1px solid #92B9D0;
	font-size: 0.9vw;
	color: #fff
}
#productParams .productParamsMain table tbody tr td {
	padding: 12px 12px 10px;
	border: 1px solid #92B9D0;
	font-size: 0.86vw;
	line-height: 1.5;
	color: #2a2a2a
}
#solutionsList {
	padding: 8.385vw 0 7.344vw;
	position: relative;
	margin-top: -3.777vw;
	overflow: hidden
}
#solutionsList .commonBg {
	min-height: 208.333vw
}
#solutionsList ul li {
	padding: 3.969vw 0 4.269vw;
	border-bottom: 1px solid rgba(153, 176, 196, 0.5)
}
#solutionsList ul li:first-child {
	padding-top: 0
}
#solutionsList ul li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
#solutionsList ul li:nth-child(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
#solutionsList ul li .image {
	width: 56.3953488372%;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/solutionsListMask.png");
	mask-image: url("../img/solutionsListMask.png");
	border-radius: 0.417vw;
	overflow: hidden
}
#solutionsList ul li .image:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#solutionsList ul li .image img {
	width: 100%;
	height: 30.208vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#solutionsList ul li .content {
	width: 36%
}
#solutionsList ul li .content .icon img {
	width: auto;
	height: 64px
}
#solutionsList ul li .content .title {
	font-weight: 600;
	font-size: 2vw;
	color: #101010;
	margin-bottom: 0.729vw
}
#solutionsList ul li .content .title a {
	font-weight: 600
}
#solutionsList ul li .content .intro {
	font-size: 0.938vw;
	line-height: 2;
	margin-bottom: 2.235vw
}
#solutionsList ul li .content .more {
	display: inline-block;
	min-width: 9.635vw;
	height: 2.604vw;
	text-align: center;
	line-height: 2.9;
	border-radius: 0.417vw;
	font-size: 0.839vw;
	position: relative;
	margin-top: 1.615vw;
	padding: 0 3.5vw;
	border: 2px solid #1D2088;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #313245
}
#solutionsList ul li .content .more::before, #solutionsList ul li .content .more::after {
	position: absolute;
	width: 3.021vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#solutionsList ul li .content .more::before {
	top: 1.146vw;
	left: 0;
	background: url("../img/moreBefore.png") no-repeat center/cover
}
#solutionsList ul li .content .more::after {
	top: 0.885vw;
	right: 0;
	background: url("../img/moreAfter.png") no-repeat center/cover
}
#solutionsList ul li .content .more span::after {
	position: absolute;
	left: -2px;
	top: -2px;
	width: calc(100% + 0.208vw);
	height: 2.604vw;
	content: "";
	display: block;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.417vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	z-index: -1
}
#solutionsList ul li .content .more:hover {
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 0.417vw 0.729vw #1687d4
}
#solutionsList ul li .content .more:hover span::after {
	opacity: 1;
	visibility: visible
}
#solutionsList ul li .content .more:hover::before {
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
#solutionsList ul li .content .more:hover::after {
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
.coreTechMain .commonBg {
	min-height: 130.833vw
}
.coreTechBox .coreTechClass {
	width: 100%;
	padding: 0
}
.coreTechBox .coreTechClass .title {
	font-size: 24px;
	line-height: 1;
	color: #101010
}
.coreTechBox .coreTechClass .coreTechClassList {
	margin-left: 0;
	padding-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto
}
.coreTechBox .coreTechClass .coreTechClassList a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: auto;
	padding: 8px 10px;
	margin-right: 15px;
	margin-top: 0px;
	font-size: 14px;
	line-height: 20px;
	position: relative
}
.coreTechBox .coreTechClass .coreTechClassList a span {
	position: relative;
	z-index: 10;
	color: #575757;
	-webkit-transition: all .6s;
	transition: all .6s
}
.coreTechBox .coreTechClass .coreTechClassList a::after {
	content: '';
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(#004c99), to(#06c));
	background-image: linear-gradient(to right, #004c99, #06c)
}
.coreTechBox .coreTechClass .coreTechClassList a:hover::after {
	opacity: 1
}
.coreTechBox .coreTechClass .coreTechClassList a:hover span {
	color: #fff
}
.coreTechBox .coreTechClass .coreTechClassList a.active::after {
	opacity: 1
}
.coreTechBox .coreTechClass .coreTechClassList a.active span {
	color: #fff
}
.coreTechListBox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.coreTechList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 30px
}
.coreTechList .list {

	background-color: #fff;
	border: 1px solid #2a78d03b;
	transition: all .6s;
	width: -webkit-calc(50% - 2.1vw);
	width: calc(50% - 2.1vw);
	margin: 0 1.05vw 1.563vw;
	-webkit-border-radius: 0.625vw;
	-webkit-transition: all .6s;
	border-radius: 0.625vw;
	overflow: hidden;
}
.coreTechList .list .imgBox {
	position: relative;
	overflow: hidden;
	background: url("../img/coreListBg.jpg") repeat-x;
	padding-top: 9.271vw;
}
.coreTechList .list .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .6s;
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0
}
.coreTechList .list .imgBox img.taologo {
    width: 40%;
    height: auto;
    top: 20%;
    left: 30%;
	opacity: 0.3
}
.coreTechList .list:hover .imgBox img.taologo {
	opacity: 0.8;
	z-index: 999;
}
.coreTechList .list .imgBox .icon {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 25px;
	top: 30px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(#004fa0), to(#06c));
	background-image: linear-gradient(to right, #004fa0, #06c)
}
.coreTechList .list .imgBox .icon img {
	opacity: 1 !important
}
.coreTechList .list .contentBox {
	background-image: url("../img/coreList_l1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 60% auto;
	position: relative
}
.coreTechList .list .contentBox::after {
	content: '';
	-webkit-clip-path: inset(0% 100%);
	clip-path: inset(0% 100%);
	-webkit-transition: all .6s;
	transition: all .6s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url("../img/coreList_l2.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 60% auto
}

.coreTechList .list .contentBox .content .btn {
	padding-top: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.coreTechList .list .contentBox .content .btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0px 15px;
	height: 40px;
	position: relative
}
.coreTechList .list .contentBox .content .btn a span {
	position: relative;
	font-size: 14px;
	margin-right: 15px;
	color: #555555;
	-webkit-transition: all .6s;
	transition: all .6s;
	z-index: 10
}
.coreTechList .list .contentBox .content .btn a i {
	font-size: 14px;
	color: #555;
	-webkit-transition: all .6s;
	transition: all .6s;
	position: relative;
	z-index: 10
}
.coreTechList .list .contentBox .content .btn a::after {
	content: '';
	opacity: 1;
	-webkit-transition: all .6s;
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e9ecf2
}
.coreTechList .list .contentBox .content .btn a::before {
	content: '';
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, left top, right top, from(#004fa0), to(#0066cc));
	background-image: linear-gradient(to right, #004fa0, #0066cc)
}
.coreTechList .list:hover {
	border-color: #58a3d5;
	-webkit-box-shadow: 0px 19px 20px rgba(4, 131, 222, 0.1);
	box-shadow: 0px 19px 20px rgba(4, 131, 222, 0.1)
}
.coreTechList .list:hover .contentBox::after {
	-webkit-clip-path: inset(0% 0%);
	clip-path: inset(0% 0%)
}
.coreTechList .list:hover .contentBox .content .btn a span {
	color: #fff
}
.coreTechList .list:hover .contentBox .content .btn a i {
	color: #fff
}
.coreTechList .list:hover .contentBox .content .btn a::after {
	opacity: 0
}
.coreTechList .list:hover .contentBox .content .btn a::before {
	opacity: 1
}



.coreTechMain {
	background: url("../img/newsDetailBg.jpg") no-repeat;
	margin-top: -3.777vw;
	padding: 7.608vw 0vw 3.86vw
}
.coreTechBox .coreTechClass {
	width: 19.271vw;
	padding: 0 5.208vw 0 0
}
.coreTechBox .coreTechClass .title {
	font-size: 2.083vw
}
.coreTechBox .coreTechClass .coreTechClassList {
	margin-left: -1.042vw;
	padding-top: 1.563vw
}
.coreTechBox .coreTechClass .coreTechClassList a {
	padding: 0.521vw 1.823vw 0.677vw 1.042vw;
	margin-top: 0.781vw;
	font-size: 0.938vw;
	line-height: 1.146vw
}
.coreTechBox .coreTechClass .coreTechClassList a::after {
	-webkit-border-radius: 0.625vw;
	border-radius: 0.625vw
}
.coreTechList .list .contentBox {
	min-height: 10.677vw
}
.coreTechList .list .contentBox .content {
	padding: 2.223vw 1.823vw 1.235vw
}
.coreTechList .list .contentBox .content .listTitle {
	font-size: 1.5vw;
	font-weight: 600;
	line-height: 1.458vw
}
.coreTechList .list .contentBox .content .desc {
	margin-top: 0.521vw;
	font-size: 0.729vw
}
.coreTechList .list .contentBox .content .btn {
	padding-top: 1.142vw
}
.coreTechList .list .contentBox .content .btn a {
	padding: 0vw 1.042vw;
	height: 2.292vw
}
.coreTechList .list .contentBox .content .btn a span {
	position: relative;
	font-size: 0.729vw;
	margin-right: 0.781vw
}
.coreTechList .list .contentBox .content .btn a i {
	font-size: 0.6vw
}
.coreTechList .list .contentBox .content .btn a::after {
	-webkit-border-radius: 0.208vw;
	border-radius: 0.208vw
}
.coreTechList .list .contentBox .content .btn a::before {
	-webkit-border-radius: 0.208vw;
	border-radius: 0.208vw
}
.coreTechList .list:hover {
	-webkit-box-shadow: 0vw 0.99vw 1.042vw rgba(4, 131, 222, 0.1);
	box-shadow: 0vw 0.99vw 1.042vw rgba(4, 131, 222, 0.1)
}
.coreTechView .view {
    width: -webkit-calc(100% - 2.1vw);
    width: calc(100% - 2.1vw);
	background: #fcfbfd url("../img/n_footer.png") no-repeat center bottom;
	border: 2px solid #2a78d03b;
    border-radius: 0.625vw;
	-webkit-transition: all .6s;
	transition: all .6s;
    -webkit-border-radius: 0.625vw;
    margin: 0 1.05vw 1.563vw;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-shadow: 6px 6px 0 rgb(0, 0, 0, 0.02);
    box-shadow: 6px 6px 0 rgb(0, 0, 0, 0.02);
	overflow: hidden;
}
.coreTechView .view .contentBox .content {
	padding: 60px;
	position: relative;
	z-index: 10
}
.coreTechView .view .contentBox .content .viewTitle {
	font-size: 2.1vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	border-bottom: 2px solid #2a78d03b;
	padding: 0 0 2vw;
	margin-bottom: 2vw;
	color: #101010;
}
.coreTechView .view .contentBox .content .desc {
	margin-top: 10px;
	font-size: 0.896vw;
	line-height: 2;
	color: #363636;
}

.coreTechView .view .contentBox .content .desc img {
	margin: 1vw auto
}
.coreTechView .view .contentBox .content .desc table {
	width: 100%;
	letter-spacing: 0.5px;
	background: rgba(255, 255, 255, 0.8);
	margin: 1vw auto
}
.coreTechView .view .contentBox .content .desc table tr.firstRow {
	background: -webkit-linear-gradient(left, #114BA9, #4FC4EA);
	background: linear-gradient(90deg, #114BA9, #4FC4EA);
	border-radius: 0.313vw 0 0.313vw 0
}
.coreTechView .view .contentBox .content .desc table tr.firstRow td {
	padding: 15px 20px 13px;
	border: 1px solid #92B9D0;
	font-size: 0.88vw;
	color: #fff
}
.coreTechView .view .contentBox .content .desc table tbody tr td {
	padding: 12px 12px 10px;
	border: 1px solid #92B9D0;
	font-size: 0.816vw;
	line-height: 1.5;
	color: #2a2a2a
}

#news {
	padding: 3.685vw 0 5.208vw;
	position: relative;
	margin-top: -3.777vw;
	overflow: hidden
}
#news .commonBg {
	min-height: 130.833vw
}
#news .newsRecommend {
	margin-bottom: 4.167vw
}
#news .newsRecommend .swiper-wrapper .swiper-slide a {
	background: #fff;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	border-radius: 0.417vw;
	overflow: hidden;
	-webkit-mask-image: url("../img/newsRecommendMask2.png");
	mask-image: url("../img/newsRecommendMask2.png")
}
#news .newsRecommend .swiper-wrapper .swiper-slide a::after {
	position: absolute;
	right: 0;
	top: 0;
	width: 45%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	content: "";
	display: block
}
#news .newsRecommend .swiper-wrapper .swiper-slide a:hover::after {
	opacity: 1;
	visibility: visible
}
#news .newsRecommend .swiper-wrapper .swiper-slide a:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#news .newsRecommend .swiper-wrapper .swiper-slide a:hover .content .title {
	color: #fff
}
#news .newsRecommend .swiper-wrapper .swiper-slide a:hover .content .intro {
	color: rgba(255, 255, 255, 0.8)
}
#news .newsRecommend .swiper-wrapper .swiper-slide a:hover .content .time {
	color: rgba(255, 255, 255, 0.8)
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .image {
	width: 61.125%;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/newsRecommendMask.png");
	mask-image: url("../img/newsRecommendMask.png")
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .image img {
	width: 100%;
	height: 31.979vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .content {
	width: 38.875%;
	padding: 5.104vw 3.542vw 0
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .content .title {
	font-size: 1.771vw;
	color: #000;
	line-height: 2.292vw;
	font-weight: 600;
	margin-bottom: 1.771vw;
	height: 4.583vw;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro {
	font-size: 0.885vw;
	color: #646464;
	line-height: 1.458vw;
	height: 5.833vw;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 9.583vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsRecommend .swiper-wrapper .swiper-slide a .content .time {
	font-size: 0.885vw;
	color: #9E9E9E;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsRecommend .swiper-pagination {
	position: absolute;
	right: 3.542vw;
	bottom: 4.427vw
}
#news .newsRecommend .swiper-pagination .swiper-pagination-bullet {
	width: 0.729vw;
	height: 0.26vw;
	background: #000;
	border-radius: 0.156vw;
	opacity: 0.2;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	margin-right: 0.313vw
}
#news .newsRecommend .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}
#news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active {
	width: 1.25vw;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	opacity: 1
}
#news .newsList {
	margin-bottom: 3.688vw
}
#news .newsList ul {
	margin: -0.781vw
}
#news .newsList ul li {
	width: calc(33.33% - 1.563vw);
	margin: 0.781vw
}
#news .newsList ul li a {
	display: block;
	background: #fff;
	padding: 1.042vw 1.042vw 1.146vw;
	border-radius: 0.521vw;
	overflow: hidden;
	position: relative
}
#news .newsList ul li a::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block
}
#news .newsList ul li a:hover::after {
	opacity: 1;
	visibility: visible
}
#news .newsList ul li a:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#news .newsList ul li a:hover .content .time {
	color: #fff
}
#news .newsList ul li a:hover .content .title {
	color: #fff
}
#news .newsList ul li a:hover .content .arrow {
	color: #fff;
	border-color: #fff
}
#news .newsList ul li a .image {
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/newsListMask.png");
	mask-image: url("../img/newsListMask.png")
}
#news .newsList ul li a .image img {
	width: 100%;
	height: 11.458vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsList ul li a .content {
	padding: 1.198vw 4.413vw 0 0.469vw;
	position: relative;
	z-index: 2
}
#news .newsList ul li a .content .time {
	font-size: 0.729vw;
	color: #949494;
	margin-bottom: 0.26vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsList ul li a .content .title {
	font-size: 0.938vw;
	color: #000;
	line-height: 1.25vw;
	height: 3.75vw;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#news .newsList ul li a .content .arrow {
	position: absolute;
	right: 0.582vw;
	bottom: 1.325vw;
	width: 2.292vw;
	height: 1.667vw;
	line-height: 1.458vw;
	text-align: center;
	border-radius: 0.417vw;
	font-size: 0.573vw;
	color: #44469d;
	border: 2px solid #44469d;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#newsDetail {
	padding: 8.33vw 0 6.25vw;
	overflow: hidden;
	position: relative
}
#newsDetail .commonBg {
	min-height: 124.948vw
}
#newsDetail .content1600 {
	width: 78.125vw;
	max-width: 80%
}
#newsDetail .newsDetailElement1 {
	position: absolute;
	top: 10.99vw;
	left: -10.99vw
}
#newsDetail .newsDetailElement1 img {
	width: auto;
	height: 18.958vw
}
#newsDetail .newsDetailElement2 {
	position: absolute;
	bottom: 13.021vw;
	right: -11.042vw
}
#newsDetail .newsDetailElement2 img {
	width: auto;
	height: 26.354vw
}
#newsDetail .newsDetailTitle {
	margin: 0 2.604vw 2.152vw;
	padding: 0 3.906vw 0
}
#newsDetail .newsDetailTitle .nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: url("../img/icon_home.svg") no-repeat left;
	background-size: 14px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 22px;
	margin-bottom: 0.729vw
}
#newsDetail .newsDetailTitle .nav a {
	font-size: 0.72vw;
	color: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#newsDetail .newsDetailTitle .nav a:hover {
	color: #2A78D0
}
#newsDetail .newsDetailTitle .nav span {
	margin: 0 0.625vw;
	font-size: 0.625vw;
	color: #e6ecdb
}
#newsDetail .newsDetailTitle .nav span:last-child {
	display: none
}
#newsDetail .newsDetailTitle .title {
	font-size: 2vw;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	color: #101010;
	margin: 1.5vw auto 1.2vw
}
#newsDetail .newsDetailTitle .other {
	height: 3.646vw;
	line-height: 3.646vw;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	padding: 0 1.563vw;
	box-shadow: 0 0.156vw 1.25vw 0 rgba(87, 138, 172, 0.06);
	border-radius: 0.313vw;
	font-size: 0.677vw;
	color: #A5A5A5;
	position: relative
}
#newsDetail .newsDetailTitle .other .source, #newsDetail .newsDetailTitle .other .writer {
	margin-left: 1.5vw
}
#newsDetail .newsDetailTitle .other .time, #newsDetail .newsDetailTitle .other .source {
	height: 0.833vw;
	line-height: 0.9vw;
	border-right: 1px solid rgba(213, 213, 213, 0.6);
	padding-right: 1.5vw
}
#newsDetail .newsDetailTitle .other .time span, #newsDetail .newsDetailTitle .other .source span, #newsDetail .newsDetailTitle .other .writer span {
	font-size: 0.833vw;
	color: rgba(0, 0, 0, 0.8);
	margin-left: 0.5vw
}
#newsDetail .newsDetailTitle .other .returnBtn {
	position: absolute;
	top: 50%;
	right: 1.553vw;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0.782vw;
	color: #000;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 1.823vw;
	line-height: 1.823vw
}
#newsDetail .newsDetailTitle .other .returnBtn::after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 1.354vw;
	height: 1.354vw;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.208vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#newsDetail .newsDetailTitle .other .returnBtn:hover {
	color: #fff
}
#newsDetail .newsDetailTitle .other .returnBtn:hover::after {
	width: 5.938vw;
	height: 1.823vw;
	border-radius: 0.417vw
}
#newsDetail .newsDetailTitle .other .returnBtn i {
	width: 1.354vw;
	height: 1.354vw;
	text-align: center;
	line-height: 1.354vw;
	font-size: 0.417vw;
	color: #fff;
	margin-left: 0.885vw
}
#newsDetail .newsDetailMain {
	position: relative;
	padding: 0 3.906vw;
	margin: 0 2.604vw
}
#newsDetail .newsDetailMain .newsDetailLeft {
	width: 86%
}
#newsDetail .newsDetailMain .newsDetailLeft .content {
	font-size: 0.9vw;
	color: #303030;
	line-height: 2;
	background: rgb(255, 255, 255, 0.5);
	padding: 50px 55px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.26vw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-shadow: 6px 6px 0 rgb(0, 0, 0, 0.02);
	box-shadow: 6px 6px 0 rgb(0, 0, 0, 0.02)
}
#newsDetail .newsDetailMain .newsDetailLeft .content p strong {
	font-size: 0.95vw;
	font-weight: 600
}
#newsDetail .newsDetailMain .newsDetailLeft .content iframe, #newsDetail .newsDetailMain .newsDetailLeft .content video, #newsDetail .newsDetailMain .newsDetailLeft .content img {
	display: block;
	max-width: 100%;
	margin: 20px auto
}
#newsDetail .newsDetailMain .newsDetailLeft .content .vfile {
	width: 960px;
	margin: 0 auto 40px
}
#newsDetail .newsDetailMain .newsDetailLeft .content .vfile .video {
	width: 960px;
	height: 540px
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2.813vw
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a {
	height: 7.85vw;
	background: #fff;
	border-radius: 0.521vw;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 2.135vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a:last-child {
	margin-right: 0
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.nextBtn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 1.406vw 1.265vw 2.083vw 1.51vw
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.prevBtn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 1.406vw 4.375vw 2.083vw 1.51vw
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a:hover {
	-webkit-transform: translate(-0.217vw, -0.217vw);
	-ms-transform: translate(-0.217vw, -0.217vw);
	transform: translate(-0.217vw, -0.217vw);
	box-shadow: 0.521vw 0.521vw 0.781vw #eee
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .tab {
	display: inline-block;
	font-weight: 500;
	font-size: 0.625vw;
	color: #fff;
	height: 1.042vw;
	line-height: 1.042vw;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	padding: 0 0.365vw;
	margin-bottom: 0.885vw;
	border-radius: 0.26vw
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .title {
	font-size: 0.938vw;
	color: #101010;
	line-height: 1.458vw;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1.25vw;
	height: 1.25vw;
	background: #7DB429;
	border-radius: 50%;
	margin-left: 1.042vw
}
#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .icon .iconArrowRight {
	color: #fff
}
#newsDetail .newsDetailMain .newsDetailRight {
	text-align: center;
	margin-right: 3.281vw
}
#newsDetail .newsDetailMain .newsDetailRight .title {
	font-size: 0.833vw;
	color: #545454;
	margin-bottom: 0.938vw
}
#newsDetail .newsDetailMain .newsDetailRight .share {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
#newsDetail .newsDetailMain .newsDetailRight .share a {
	width: 2.5vw;
	height: 2.5vw;
	line-height: 2.396vw;
	text-align: center;
	font-size: 0.938vw;
	color: #B7B7B7;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.06);
	margin-bottom: 0.625vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative
}
#newsDetail .newsDetailMain .newsDetailRight .share a::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 50%;
	z-index: -1;
	content: "";
	display: block
}
#newsDetail .newsDetailMain .newsDetailRight .share a:last-child {
	margin-bottom: 0
}
#newsDetail .newsDetailMain .newsDetailRight .share a.returnBtn {
	border: 0
}
#newsDetail .newsDetailMain .newsDetailRight .share a:hover {
	color: #fff;
	border-color: transparent
}
#newsDetail .newsDetailMain .newsDetailRight .share a:hover::after {
	opacity: 1;
	visibility: visible
}
#newsDetail .newsDetailMain .newsDetailRight .share a img {
	width: auto;
	height: 2.292vw
}
#aboutus {
	position: relative;
	padding: 8.385vw 0 4.531vw;
	margin-top: -3.777vw
}
#aboutus .aboutusContent {
	margin-bottom: 0
}
#aboutus .aboutusContent .imageBox {
	width: 38.49vw;
	height: 32.198vw;
	border-radius: 0.313vw;
	position: relative
}
#aboutus .aboutusContent .imageBox .image {
	position: relative;
	border-radius: 0.625vw;
	overflow: hidden
}
#aboutus .aboutusContent .imageBox .image img {
	width: 39.479vw;
	height: auto;
	position: relative;
	z-index: 2
}
#aboutus .aboutusContent .imageBox .play {
	width: 4.323vw;
	height: 4.271vw;
	background: url("../img/icon-play.png") no-repeat center/cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0.365vw 0.833vw 0 rgba(0, 0, 0, 0.46);
	z-index: 3
}
#aboutus .aboutusContent .content {
	width: 42.8125%
}
#aboutus .aboutusContent .content .title {
	font-weight: 600;
	font-size: 2.292vw;
	color: #000;
	line-height: 2.813vw;
	margin-bottom: 1.198vw
}
#aboutus .aboutusContent .content .intro {
	font-size: 0.885vw;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.5vw;
	max-height: 22.5vw;
	overflow-y: auto;
	padding-right: 1.042vw;
	margin-right: -1.042vw
}
#aboutus .aboutusContent .content .intro::-webkit-scrollbar {
	width: 0.156vw;
	height: 0.156vw;
	background-color: #d5d5d5
}
#aboutus .aboutusContent .content .intro::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	border-radius: 0.313vw;
	background-color: #d5d5d5
}
#aboutus .aboutusContent .content .intro::-webkit-scrollbar-thumb {
	border-radius: 0.313vw;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(top, #0B50AD, #23C3FF);
	background: linear-gradient(180deg, #0B50AD, #23C3FF);
	cursor: pointer
}
#aboutus .aboutusContent .content .intro p {
	margin-bottom: 1.146vw
}
#aboutus .aboutusContent .content .intro p:last-child {
	margin-bottom: 0
}
#aboutus .aboutusNumber .list {
	width: 28%;
	height: 10.729vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: url("../img/aboutusNumberListBg.png") no-repeat center / cover;
	padding: 1.354vw 2.235vw 0 1.3vw;
	margin-bottom: 2.235vw
}
#aboutus .aboutusNumber .list:hover {
	-webkit-transform: translateY(-1.042vw);
	-ms-transform: translateY(-1.042vw);
	transform: translateY(-1.042vw)
}
#aboutus .aboutusNumber .list:hover .number {
	color: transparent;
	background: -webkit-linear-gradient(left, #0B50AD 0%, #23C3FF 100%);
	background: linear-gradient(90deg, #0B50AD 0%, #23C3FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
#aboutus .aboutusNumber .list .icon {
	margin-top: -2vw
}
#aboutus .aboutusNumber .list .icon img {
	width: auto;
	height: 2.604vw
}
#aboutus .aboutusNumber .list .number {
	text-align: right;
	color: #002854;
	font-weight: 500;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#aboutus .aboutusNumber .list .number b {
	font-size: 1.8vw
}
#aboutus .aboutusNumber .list .number span {
	font-size: 1.25vw
}
#aboutus .aboutusNumber .list .intro {
	font-size: 1vw;
	text-align: right;
	line-height: 2vw;
	color: rgba(0, 0, 0, 0.8)
}
#culture {
	position: relative;
	height: 30.675vw;
	padding: 13.333vw 0 0;
	margin-bottom: 20vw
}
#culture .commonBg {
	overflow: hidden
}
#culture .commonBg img {
	-webkit-animation: scale 20s linear infinite;
	animation: scale 20s linear infinite
}
#culture .cultureTitle {
	font-weight: 600;
	font-size: 2.604vw;
	color: #fff;
	margin-bottom: 2.24vw
}
#culture .cultureMain {
	margin: -0.781vw
}
#culture .cultureMain .list {
	width: calc(33.33% - 1.563vw);
	height: 24.235vw;
	background: -webkit-linear-gradient(top, rgba(233, 234, 240, 0.5), #f7f7f8);
	background: linear-gradient(180deg, rgba(233, 234, 240, 0.5), #f7f7f8);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(1.042vw);
	border-radius: 0.417vw;
	margin: 0.781vw;
	padding: 2.76vw 2.604vw;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/cultureMask.png");
	mask-image: url("../img/cultureMask.png");
	position: relative
}
#culture .cultureMain .list::after {
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	z-index: -1;
	opacity: 0;
	visibility: visible;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	content: "";
	display: block
}
#culture .cultureMain .list:hover::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list:hover .title {
	color: rgba(255, 255, 255, 0.1)
}
#culture .cultureMain .list:hover .subTitle {
	color: #fff;
	background: none;
	-webkit-text-fill-color: #fff
}
#culture .cultureMain .list:hover .line::before {
	background: rgba(255, 255, 255, 0.05)
}
#culture .cultureMain .list:hover .line::after {
	background: #fff
}
#culture .cultureMain .list:hover .intro {
	color: rgba(255, 255, 255, 0.8)
}
#culture .cultureMain .list .title {
	font-family: 'Montserrat';
	font-size: 2.5vw;
	color: #DBE2EC;
	font-weight: 600;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list .subTitle {
	font-size: 2vw;
	color: transparent;
	line-height: 2.031vw;
	background: -webkit-linear-gradient(bottom, #0B50AD 0%, #23C3FF 100%);
	background: linear-gradient(0deg, #0B50AD 0%, #23C3FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 1.406vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list .line {
	height: 0.208vw;
	margin-bottom: 2.292vw
}
#culture .cultureMain .list .line::before {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	background: #F0F3FA;
	margin-right: 0.156vw;
	content: "";
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list .line::after {
	width: 0.208vw;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	content: "";
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list .intro {
	font-size: 1.146vw;
	color: rgba(5, 31, 88, 0.8);
	line-height: 1.771vw;
	min-height: 2.083vw;
	margin-bottom: 1.094vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#culture .cultureMain .list .icon img {
	width: auto;
	height: 3.438vw
}
#history {
	padding: 5.823vw 0 7.698vw;
	position: relative;
	overflow: hidden
}
#history .historyTitle {
	font-size: 2.604vw;
	color: #fff;
	font-weight: 600;
	margin-bottom: 1.302vw
}
#history .historyMain {
	overflow: hidden
}
#history .historyMain .historyYear {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 23.906vw;
	margin-top: 3.646vw
}
#history .historyMain .historyYear .swiper-wrapper .swiper-slide {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0.2;
	cursor: pointer
}
#history .historyMain .historyYear .swiper-wrapper .swiper-slide-thumb-active {
	opacity: 1
}
#history .historyMain .historyYear .swiper-wrapper .swiper-slide .line {
	width: 0.521vw;
	height: 100%
}
#history .historyMain .historyYear .swiper-wrapper .swiper-slide .line span {
	width: 100%;
	height: 1px;
	background: #fff
}
#history .historyMain .historyYear .swiper-wrapper .swiper-slide .year {
	margin-left: 1.198vw;
	font-weight: 500;
	font-size: 1.042vw;
	color: #fff
}
#history .historyMain .historyContent {
	width: 27.969vw;
	height: 12.5vw;
	margin-left: 9.948vw;
	margin-right: 4.427vw;
	margin-top: 1.146vw;
	overflow: visible
}
#history .historyMain .historyContent .swiper-wrapper {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide {
	height: auto;
	opacity: 0.8;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide .year {
	font-family: 'Bebas';
	font-weight: 600;
	font-size: 4.692vw;
	letter-spacing: 2px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro {
	display: none
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro h3 {
	font-size: 1.1vw;
	font-weight: 500;
	color: #fff;
	line-height: 1.3vw;
	width: fit-content;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	text-shadow: rgb(0, 0, 0, 0.2) 2px 0 5px;
	border-radius: 0.417vw;
	padding: 0.6vw 1vw 0.4vw;
	margin-bottom: .836vw
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro p {
	font-size: 0.912vw;
	font-weight: 300;
	color: #fff;
	line-height: 1.8vw;
	margin-left: 1.2vw
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro p::before {
	content: "⚪";
	font-size: 0.413vw;
	color: rgba(255, 255, 255, 0.7);
	margin-left: -1.2vw;
	padding-right: 0.6vw;
	position: absolute
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide:nth-child(1) .intro {
	display: block
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide.active {
	opacity: 1
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide.active + .swiper-slide + .swiper-slide {
	opacity: 1;
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
	-webkit-background-clip: text;
	background-clip: text
}
#history .historyMain .historyContent .swiper-wrapper .swiper-slide.active + .swiper-slide + .swiper-slide .year {
	color: transparent
}
#history .historyMain .historyImages {
	width: 36.667vw
}
#history .historyMain .historyImages .swiper-wrapper .swiper-slide {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/historyMask.png");
	mask-image: url("../img/historyMask.png");
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0 !important
}
#history .historyMain .historyImages .swiper-wrapper .swiper-slide-active {
	z-index: 2 !important;
	opacity: 1 !important
}
#history .historyMain .historyImages .swiper-wrapper .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
#history .historyMain .historyImages .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 30.417vw;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#branch {
	position: relative;
	padding: 8.385vw 0 7.531vw;
	margin-top: -3.777vw
}
#branch .branchTitle {
	font-weight: 600;
	font-size: 2.604vw;
	color: #000;
	margin-bottom: 2.344vw
}
#branch .branchMain {
	margin: -0.781vw
}
#branch .branchMain .list {
	width: calc(20% - 1.563vw);
	text-align: center;
	min-height: 18.75vw;
	border: 1px solid rgba(211, 230, 247, 0.8);
	border-radius: 0.313vw;
	margin: 0.781vw;
	padding: 3.906vw 1.042vw 1.042vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden
}
#branch .branchMain .list::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(298deg, #cfe4ff, #fff 53%);
	background: linear-gradient(152deg, #cfe4ff, #fff 53%);
	z-index: -1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#branch .branchMain .list::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	z-index: -1;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("../img/branchMask.png");
	mask-image: url("../img/branchMask.png");
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	opacity: 0;
	visibility: visible;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	content: "";
	display: block
}
#branch .branchMain .list:hover {
	border-color: transparent
}
#branch .branchMain .list:hover::before {
	opacity: 0;
	visibility: hidden
}
#branch .branchMain .list:hover::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#branch .branchMain .list:hover .title {
	color: rgba(255, 255, 255, 0.95)
}
#branch .branchMain .list:hover .address {
	color: rgba(255, 255, 255, 0.8)
}
#branch .branchMain .list:hover .phone {
	color: #fff
}
#branch .branchMain .list .icon {
	margin-bottom: 2.031vw
}
#branch .branchMain .list .icon img {
	width: auto;
	height: 2.708vw
}
#branch .branchMain .list .title {
	font-size: 1.25vw;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.95);
	line-height: 2.813vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#branch .branchMain .list .address {
	font-size: 0.833vw;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.25vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 0.885vw
}
#branch .branchMain .list .phone {
	font-size: 0.938vw;
	color: #000;
	line-height: 1.25vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#pageform {
	display: contents
}
#message {
	padding: 5.417vw 0 6.25vw;
	position: relative
}
#message .messageTitle {
	font-size: 2.604vw;
	color: #fff;
	font-weight: 600;
	margin-bottom: 1.823vw
}
#message .messageMain {
	padding: 1.615vw 1.563vw 1.985vw;
	border-radius: 0.313vw;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(1.042vw)
}
#message .messageMain .list {
	width: calc(25% - 1.042vw);
	margin: 0.781vw 0.521vw
}
#message .messageMain .list:nth-child(5) {
	width: 100%
}
#message .messageMain .list:nth-child(6) {
	width: 13.25vw
}
#message .messageMain .list .title {
	font-size: 0.885vw;
	color: #fff;
	margin-bottom: 0.573vw
}
#message .messageMain .list .title span {
	color: #0B51AE;
	margin-left: 0.156vw
}
#message .messageMain .list .input {
	position: relative
}
#message .messageMain .list .input input, #message .messageMain .list .input textarea {
	display: block;
	width: 100%;
	height: 3.125vw;
	font-size: 0.833vw;
	color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.313vw;
	padding: 0 1.302vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative
}
#message .messageMain .list .input input::-webkit-input-placeholder, #message .messageMain .list .input textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#message .messageMain .list .input input::-moz-placeholder, #message .messageMain .list .input textarea::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#message .messageMain .list .input input:-ms-input-placeholder, #message .messageMain .list .input textarea:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#message .messageMain .list .input input::placeholder, #message .messageMain .list .input textarea::placeholder {
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#message .messageMain .list .input input:focus, #message .messageMain .list .input textarea:focus {
	color: #0C57B2
}
#message .messageMain .list .input input:focus::-webkit-input-placeholder, #message .messageMain .list .input textarea:focus::-webkit-input-placeholder {
	color: #0C57B2
}
#message .messageMain .list .input input:focus::-moz-placeholder, #message .messageMain .list .input textarea:focus::-moz-placeholder {
	color: #0C57B2
}
#message .messageMain .list .input input:focus:-ms-input-placeholder, #message .messageMain .list .input textarea:focus:-ms-input-placeholder {
	color: #0C57B2
}
#message .messageMain .list .input input:focus::placeholder, #message .messageMain .list .input textarea:focus::placeholder {
	color: #0C57B2
}
#message .messageMain .list .input input:focus + .bg, #message .messageMain .list .input textarea:focus + .bg {
	opacity: 1;
	visibility: visible
}
#message .messageMain .list .input textarea {
	height: 5.677vw;
	padding: 0.833vw 1.302vw
}
#message .messageMain .list .input img {
	width: auto;
	height: 1.823vw;
	position: absolute;
	right: 1.458vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer
}
#message .messageMain .list .input .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, #fff, #ccd7e2);
	background: linear-gradient(180deg, #fff, #ccd7e2);
	border-radius: 0.313vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;
	opacity: 0;
	visibility: hidden
}
#message .messageMain .list .submit {
	display: block;
	width: 100%;
	height: 3.125vw;
	text-align: center;
	line-height: 3.125vw;
	border-radius: 0.417vw;
	font-size: 0.833vw;
	color: #fff;
	position: relative;
	padding: 0 3.333vw;
	margin-top: 0.3vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	cursor: pointer
}
#message .messageMain .list .submit::before, #message .messageMain .list .submit::after {
	position: absolute;
	width: 5.313vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#message .messageMain .list .submit::before {
	top: 1.406vw;
	left: 0;
	background: url("../img/moreWhiteLongBefore.png") no-repeat center/cover
}
#message .messageMain .list .submit::after {
	top: 1.406vw;
	right: 0;
	background: url("../img/moreWhiteLongAfter.png") no-repeat center/cover
}
#message .messageMain .list .submit:hover {
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 0.417vw 1.25vw #1687d4
}
#message .messageMain .list .submit:hover span::after {
	opacity: 1;
	visibility: visible
}
#detailList .snav {
	font-size: 0.912vw
}
#srch {
	position: relative;
	overflow: hidden;
	padding: 4.53vw 0 0
}
#srch .commonBg {
	min-height: 80.781vw
}
#srch .srchTitle {
	font-size: 2.2vw;
	color: #fff;
	font-weight: 600;
	margin-bottom: 2.344vw
}
#srch .srchMain {
	margin-bottom: 4.688vw
}
#srch .srchMain ul {
	margin-bottom: 3.25vw
}
#srch .srchMain ul li {
	border-radius: 0.417vw;
	overflow: hidden;
	margin-bottom: 1.235vw
}
#srch .srchMain ul a {
	display: block;
	margin-bottom: 1.235vw
}
#srch .srchMain ul li:last-child {
	margin-bottom: 0
}
#srch .srchMain ul li.active .head, #srch .srchMain ul li:hover .head {
	background: transparent
}
#srch .srchMain ul li.active .head::after, #srch .srchMain ul li:hover .head::after {
	opacity: 1;
	visibility: visible
}
#srch .srchMain ul li.active .head .content .name, #srch .srchMain ul li:hover .head .content .name {
	color: #fff
}
#srch .srchMain ul li.active .head .content .other span, #srch .srchMain ul li:hover .head .content .other span {
	color: rgba(255, 255, 255, 0.7)
}
#srch .srchMain ul li.active .head .arrow, #srch .srchMain ul li:hover .head .arrow {
	color: #23C1FE;
	background: #fff
}
#srch .srchMain ul li .head {
	height: 4.167vw;
	line-height: 4.167vw;
	padding: 0 1.563vw 0 2.083vw;
	background: rgba(255, 255, 255, 0.7);
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#srch .srchMain ul li .head::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	z-index: -1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block
}
#srch .srchMain ul li .head .content .name {
	width: 45.928vw;
	font-weight: 500;
	font-size: 0.938vw;
	color: #1E292F;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 2.969vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#srch .srchMain ul li .head .content .other span {
	width: 11.979vw;
	font-size: 0.833vw;
	color: #666;
	margin-right: 3.073vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#srch .srchMain ul li .head .content .other span:last-child {
	margin-right: 0
}
#srch .srchMain ul li .head .arrow {
	width: 2.865vw;
	height: 2.188vw;
	text-align: center;
	line-height: 2.188vw;
	font-size: 0.625vw;
	color: #0B50AE;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.417vw;
	margin-top: 0.99vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#srch .srchMain ul li .contentBox {
	display: none;
	background: #fff;
	padding: 0 2.24vw
}
#srch .srchMain ul li .contentBox .content {
	padding: 2.185vw 0 0
}
#srch .srchMain ul li .contentBox .content .title {
	font-size: 1.146vw;
	color: #1E292F;
	margin-bottom: 0.469vw
}
#srch .srchMain ul li .contentBox .content .intro {
	font-weight: 300;
	font-size: 0.729vw;
	color: #343434;
	line-height: 1.354vw;
	margin-bottom: 1.354vw
}
#srch .srchMain ul li .contentBox .more {
	display: inline-block;
	min-width: 9.635vw;
	height: 2.604vw;
	text-align: center;
	line-height: 2.604vw;
	border-radius: 0.417vw;
	font-size: 0.729vw;
	position: relative;
	margin-top: 1.615vw;
	padding: 0 3.333vw;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	cursor: pointer;
	margin-bottom: 3.385vw
}
#srch .srchMain ul li .contentBox .more::before, #srch .srchMain ul li .contentBox .more::after {
	position: absolute;
	width: 3.021vw;
	height: 0.365vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	content: "";
	display: block
}
#srch .srchMain ul li .contentBox .more::before {
	top: 1.146vw;
	left: 0;
	background: url("../img/moreWhiteBefore.png") no-repeat center/cover
}
#srch .srchMain ul li .contentBox .more::after {
	top: 1.146vw;
	right: 0;
	background: url("../img/moreWhiteAfter.png") no-repeat center/cover
}
#srch .srchMain ul li .contentBox .more:hover {
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 0.417vw 1.25vw #1687d4
}
#srch .srchMain ul li .contentBox .more:hover span::after {
	opacity: 1;
	visibility: visible
}
#solutionIntro {
	min-height: 50vw;
	position: relative;
	margin-top: -3.542vw;
	overflow: hidden
}
#solutionIntro .commonBg {
	width: calc(100% + 4.167vw)
}
#solutionIntro .commonBg img {
	-webkit-animation: translateX 6.5s linear 0.4s forwards;
	animation: translateX 6.5s linear 0.4s forwards
}
#solutionIntro .title {
	font-size: 2.604vw;
	color: #fff;
	font-weight: 600;
	width: 32.656vw;
	margin-bottom: 0.885vw
}
#solutionIntro .intro {
	font-size: 0.96vw;
	color: #fff;
	line-height: 1.9;
	width: 32.656vw
}
#solutionSpec {
	position: relative;
	padding: 7.385vw 0 4.118vw;
	margin-top: -3.777vw
}
#solutionSpec .solutionSpecTitle {
	margin-bottom: 1vw
}
#solutionSpec .solutionSpecTitle .title {
	font-size: 2.2vw;
	color: #000;
	font-weight: 600;
	line-height: 1.6;
	margin-right: 4.413vw
}
#solutionSpec .solutionSpecTitle .intro {
	width: 62.5vw;
	font-size: 0.925vw;
	color: #333;
	line-height: 1.9
}
#solutionSpec .solutionSpecMain {
	text-align: center;
	border-radius: 0.417vw;
	overflow: hidden
}
#solutionSpec .solutionSpecMain:hover img {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95)
}
#solutionSpec .solutionSpecMain img {
	height: auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#coreAdvantages {
	padding: 5.854vw 0 4.198vw;
	position: relative;
	overflow: hidden
}
#coreAdvantages:not(:has(.swiper-slide)) {
	display: none
}
#coreAdvantages .coreAdvantagesLeft {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 3.438vw
}
#coreAdvantages .coreAdvantagesLeft .title {
	font-size: 2.2vw;
	color: #000;
	font-weight: 600;
	margin-bottom: 8vw
}
#coreAdvantages .coreAdvantagesLeft .content {
	height: 9.5vw;
	padding-right: 60px;
	padding-left: 1.875vw
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide {
	height: auto;
	margin-bottom: 1.25vw;
	cursor: pointer
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide:last-child {
	margin-bottom: 0
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .number {
	width: 2.292vw;
	height: 1.354vw;
	text-align: center;
	line-height: 1.354vw;
	font-size: 0.938vw;
	color: #9D948E;
	background: rgba(157, 148, 142, 0.1);
	border-radius: 0.208vw;
	margin-right: 0.781vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .number::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	content: "";
	display: block
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .name {
	font-size: 1.1vw;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1.667vw;
	margin-top: -0.156vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide-thumb-active .number, #coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide-thumb-active .number.rarr i {
	color: #fff
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide-thumb-active .number::after {
	opacity: 1;
	visibility: visible
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide-thumb-active .name {
	color: #000
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .number.rarr {
	padding: 0.05vw 0;
	margin-left: 2vw
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .number.rarr a {
	display: block
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-pagination {
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: rgba(178, 184, 198, 0.3)
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-pagination .swiper-pagination-progressbar-fill {
	background: -webkit-linear-gradient(top, #0B50AD, #23C3FF);
	background: linear-gradient(180deg, #0B50AD, #23C3FF);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}
#coreAdvantages .coreAdvantagesRight {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 39.5vw;
	overflow: hidden
}
#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox {
	width: 31.25vw;
	overflow: visible;
	margin: 0
}
#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide {
	border-radius: 0.417vw;
	overflow: hidden
}
#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
#coreAdvantages .swiper-button-next, #coreAdvantages .swiper-button-prev {
	position: absolute;
	top: 0;
	width: 44px;
	height: 44px;
	margin-top: 44px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 500
}
#coreAdvantages .swiper-button-next:after, #coreAdvantages .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 44px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}
#coreAdvantages .swiper-button-prev:after, #coreAdvantages .swiper-rtl .swiper-button-next:after {
	content: 'prev'
}
#coreAdvantages .swiper-button-next, #coreAdvantages .swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}
#coreAdvantages .swiper-button-next:after, #coreAdvantages .swiper-rtl .swiper-button-prev:after {
	content: 'next'
}
#coreAdvantages .coreAdvantagesLeft .content {
	position: relative
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-button-prev {
	top: 0;
	right: auto;
	bottom: auto;
	left: 95%;
	transform: translateX(-50%) rotate(90deg);
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 5px;
	margin-top: 0
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-button-next {
	top: auto;
	right: auto;
	bottom: 0;
	left: 95%;
	transform: translateX(-50%) rotate(90deg);
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 5px;
	margin-top: 0
}
#coreAdvantages .coreAdvantagesLeft .content .swiper-button-prev:after, #coreAdvantages .coreAdvantagesLeft .content .swiper-button-next:after {
	color: #fff;
	font-size: 24px
}
#coreAdvantages .coreAdvantagesBox {
	position: relative
}
#coreAdvantages .coreAdvantagesBox .swiper-button-prev {
	top: calc(50% - 66px);
	left: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%
}
#coreAdvantages .coreAdvantagesBox .swiper-button-next {
	top: calc(50% - 66px);
	right: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%
}
#coreAdvantages .coreAdvantagesBox .swiper-button-prev:after, #coreAdvantages .coreAdvantagesBox .swiper-button-next:after {
	color: #fff;
	font-size: 24px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}
@media (max-width:768px) {
	#coreAdvantages .coreAdvantagesLeft .content .swiper-button-prev:after, #coreAdvantages .coreAdvantagesLeft .content .swiper-button-next:after {
		font-size: 18px
	}
	#coreAdvantages .coreAdvantagesBox .swiper-button-prev:after, #coreAdvantages .coreAdvantagesBox .swiper-button-next:after {
		font-size: 18px
	}
}
.videoPopupBox {
	width: 100vw !important;
	height: 100%;
	background: #000 !important
}
.videoPopupBox .layui-layer-setwin .layui-layer-close2 {
	right: 1.094vw;
	top: 1.458vw;
	font-size: 1.458vw;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0%;
	padding: 0;
	background: none
}
.videoPopupBox .layui-layer-setwin .layui-layer-close2:hover {
	background: none
}
.videoPopupBox .layui-layer-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100% !important;
	overflow: hidden !important
}
.videoPopupBox #videoPopup video {
	width: 100vw;
	height: auto;
	max-height: 100vh;
	object-fit: cover
}
.videoPopupBox #videoPopup iframe {
	width: 100vw;
	height: 100vh
}
.msgbg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	display: none
}
.msg-form {
	position: fixed;
	max-width: 800px;
	height: 500px;
	top: 50%;
	left: 50%;
	width: 90%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10001;
	overflow-x: auto;
	display: none;
	-webkit-overflow-scrolling: touch
}
.m-msg-table {
	background: #F4F4F4;
	border-top: 5px solid #116db6;
	padding: 30px 40px 35px
}
.formtitle {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333;
	padding-right: 60px;
	margin-bottom: 10px
}
.form-text {
	font-size: 15px;
	color: rgba(47, 47, 47, 0.7)
}
.msg-formtable {
	margin-top: 20px;
	border-top: 1px solid #D2D2D2;
	padding: 18px 0 0
}
.input-item {
	position: relative
}
.name-tit {
	font-size: 16px;
	margin-bottom: 10px;
	color: #373737
}
.name-tit em {
	font-style: normal;
	color: #d91921
}
.quote-box {
	position: relative;
	background: #fff
}
.quote-box span {
	position: absolute;
	width: 55px;
	top: 0;
	left: 0;
	height: 100%;
	background: #cacaca;
	text-align: center
}
.quote-box span img {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.quote-box input, .quote-box textarea, .quote-box select {
	font-size: 15px;
	height: 50px;
	width: 100%;
	padding: 10px 0;
	line-height: 1.4
}
.quote-box textarea {
	height: 90px
}
.quote-box select {
	background: url("../img/wicon20.png") right center no-repeat
}
.sign-text {
	color: rgba(47, 47, 47, 0.7);
	font-size: 16px;
	padding-top: 20px
}
.sign-text .check-icon {
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: -7px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #eee
}
.sign-text.cur .check-icon {
	background: rgba(255, 255, 255, 0.8) url("../img/icon_star.png") 4px 3px no-repeat;
	background-size: 68%
}
.contact-submit {
	margin-top: 28px;
	margin-bottom: 0
}
.contact-submit input {
	display: block;
	width: 240px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	background: #e50113;
	cursor: pointer;
	-webkit-appearance: button;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-transform: uppercase;
	letter-spacing: 5px
}
.popclose-btn {
	width: 40px;
	height: 40px;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 4px;
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer
}
.popclose-btn:after, .popclose-btn:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 2px;
	left: 8px;
	top: 20px;
	background-color: #FFF;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.popclose-btn:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.message h4 {
	height: 58px;
	background: #03a207;
	color: #fff;
	line-height: 58px;
	text-align: center;
	font-size: 18px
}
.message .request-list {
	margin-top: 7px;
	background: #EEE;
	border-top: 5px solid #DB0F19
}
.message .request-list .reitem {
	position: relative;
	padding: 15px 40px 15px 50px;
	line-height: 24px;
	border-bottom: 1px solid #F4F4F4
}
.message .request-list .reitem:before {
	content: "";
	width: 6px;
	height: 6px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #DB0F19;
	display: block;
	position: absolute;
	left: 25px;
	top: 28px
}
.request-table {
	margin-top: 35px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-right: 1px solid #D7D7D7
}
.request-table table {
	min-width: 640px;
	width: 100%
}
.request-table thead tr {
	background: url("../img/wimg30.jpg") center 0 no-repeat;
	-moz-background-size: 100% 70px;
	-o-background-size: 100% 70px;
	background-size: 100% 70px;
	text-align: center
}
.request-table thead tr td {
	height: 60px;
	color: #fff;
	font-size: 18px
}
.request-table tbody tr td {
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding: 10px 24px
}
.formtitle {
	font-size: 28px;
	margin-bottom: 10px
}
.msg-formtable ul li.sgitem {
	margin: 0 -20px
}
.msg-formtable ul li.sgitem .input-item {
	float: left;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 15px
}
.name-tit {
	font-size: 16px;
	margin-bottom: 15px
}
.quote-box {
	padding-left: 75px
}
.quote-box span {
	width: 55px
}
.quote-box input, .quote-box textarea, .quote-box select {
	height: 50px
}
.quote-box textarea {
	height: 88px
}
.contact-submit .sendform {
	width: 12.771vw;
	height: 2.717vw;
	line-height: 2.717vw;
	text-align: center;
	font-size: 0.956vw;
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
	background: linear-gradient(90deg, #0B50AD, #23C3FF);
	border-radius: 0.417vw;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}
@media (min-width:1921px) {
	@-webkit-keyframes translateX {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}
		100% {
			-webkit-transform: translate(-80px);
			transform: translate(-80px)
		}
	}
	@keyframes translateX {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}
		100% {
			-webkit-transform: translate(-80px);
			transform: translate(-80px)
		}
	}
	.content1720 {
		width: 1720px
	}
	.content1600 {
		width: 1600px
	}
	.content1250 {
		width: 1250px
	}
	.header {
		height: 110px;
		line-height: 110px
	}
	.header .headerLogo a {
		width: 76px;
		height: 97px
	}
	.header .headerLogo .content {
		margin-left: 20px
	}
	.header .headerLogo .content .title {
		font-size: 32px;
		line-height: 24px;
		margin-bottom: 8px
	}
	.header .headerLogo .content .intro {
		font-size: 18px;
		line-height: 20px
	}
	.header .headerMain .headerNav ul li {
		margin-right: 42px
	}
	.header .headerMain .headerNav ul li:hover .dropDownMenu {
		max-height: 370px
	}
	.header .headerMain .headerNav ul li > a h2 {
		font-size: 20px
	}
	.header .headerMain .headerNav ul li > a::after {
		height: 2px
	}
	.header .headerMain .headerOther {
		margin-left: 41px
	}
	.header .headerMain .headerOther .searchBtn {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 18px;
		border-radius: 8px
	}
	.header .headerMain .headerOther .langBtn {
		width: 93px;
		margin-right: 11px
	}
	.header .headerMain .headerOther .langBtn img {
		height: 17px;
		margin-right: 6px;
		margin-top: -3px
	}
	.header .headerMain .headerOther .langBtn:hover .popup {
		top: 49px
	}
	.header .headerMain .headerOther .langBtn .popup {
		top: 59px;
		border-radius: 6px;
		box-shadow: 0 6px 20px #ddd
	}
	.header .headerMain .headerOther .langBtn .popup::after {
		width: 10px;
		height: 6px
	}
	.header .headerMain .headerOther .langBtn .popup a {
		font-size: 13px;
		line-height: 33px;
		margin-bottom: 2px
	}
	.header .headerMain .headerOther .langBtn .popup a:first-child {
		border-radius: 6px 6px 0 0
	}
	.header .headerMain .headerOther .langBtn .popup a:last-child {
		border-radius: 0 0px 6px 6px
	}
	.header.headerMask {
		height: 85px;
		line-height: 85px;
		backdrop-filter: blur(20px)
	}
	.header.headerMask .headerLogo a {
		width: 54px;
		height: 70px
	}
	.header.headerMask .headerLogo .content {
		margin-left: 16px
	}
	.header.headerMask .headerLogo .content .title {
		font-size: 26px;
		line-height: 20px;
		margin-bottom: 6px
	}
	.header.headerMask .headerLogo .content .intro {
		font-size: 14px;
		line-height: 16px
	}
	.header.headerMask .headerMain .headerNav ul li > a:hover::after {
		width: calc(100% + 10px)
	}
	.header.headerMask .headerMain .headerNav ul li.active > a::after {
		width: calc(100% + 10px)
	}
	.header.headerMask .dropDownMenu {
		top: 85px
	}
	.header.headerBg .headerMain .headerNav ul li > a:hover::after {
		width: calc(100% + 10px)
	}
	.header.headerDetail .headerMain .headerNav ul li > a:hover::after {
		width: calc(100% + 10px)
	}
	.headerSearchformMain .headerSearchform {
		padding: 80px 0
	}
	.headerSearchformMain .headerSearchform form {
		max-width: 980px
	}
	.headerSearchformMain .headerSearchform form input {
		height: 60px;
		font-size: 16px;
		border-radius: 40px;
		padding-left: 30px
	}
	.headerSearchformMain .headerSearchform form button {
		width: 60px;
		height: 60px;
		font-size: 24px
	}
	.headerSearchformMain .headerSearchform form button:hover {
		box-shadow: 0 5px 10px rgba(42, 120, 208, 0.4)
	}
	.headerSearchformMain .headerSearchform form .closeSearch {
		font-size: 20px
	}
	.headerSearchformMain .headerSearchMask {
		backdrop-filter: blur(20px)
	}
	.dropDownMenu {
		top: 110px;
		width: 1192px;
		border-radius: 0 0px 8px 8px;
		backdrop-filter: blur(20px)
	}
	.dropDownMenu .dropDownMenuList {
		width: 276px;
		margin: 78px 0 92px
	}
	.dropDownMenu .dropDownMenuList::after {
		right: 1.5px
	}
	.dropDownMenu .dropDownMenuList .swiper-wrapper::after {
		height: 41px
	}
	.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide {
		line-height: 48px;
		height: 48px
	}
	.dropDownMenu .dropDownMenuList .swiper-wrapper .swiper-slide a h3 {
		font-size: 17px
	}
	.dropDownMenu .dropDownMenuMain {
		margin: 47px 55px 57px 30px;
		padding-left: 30px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content {
		width: 271px;
		margin-right: 79px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .title {
		font-size: 34px;
		margin-bottom: 6px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .intro {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
		margin-bottom: 25px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more {
		min-width: 185px;
		height: 50px;
		line-height: 50px;
		border-radius: 8px;
		font-size: 14px;
		padding: 0 64px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::before, .dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after {
		width: 58px;
		height: 7px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::before {
		top: 22px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more::after {
		top: 22px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .content .more:hover {
		box-shadow: 0 8px 24px #1687d4
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image {
		width: 448px
	}
	.dropDownMenu .dropDownMenuMain .swiper-wrapper .swiper-slide .image img {
		height: 261px
	}
	.maskLayer {
		backdrop-filter: blur(20px)
	}
	#pageMain .paging .layui-laypage a, #pageMain .paging .layui-laypage span {
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 13px;
		padding: 0;
		margin: 0 7px;
		border-radius: 8px
	}
	#pageMain .paging .layui-laypage-curr {
		font-size: 17px !important
	}
	#pageMain .paging .layui-laypage-prev, #pageMain .paging .layui-laypage-next {
		font-size: 10px !important
	}
	#footer {
		padding: 0 0px 26px
	}
	#footer .footerHead {
		padding: 40px 0
	}
	#footer .footerHead .footerNav ul li a {
		font-size: 16px
	}
	#footer .footerHead .footerNav ul li span {
		margin: 0 16px;
		font-size: 14px
	}
	#footer .footerHead .footerShare a {
		margin-right: 30px
	}
	#footer .footerHead .footerShare a:hover .popup {
		bottom: 34px
	}
	#footer .footerHead .footerShare a > img {
		height: 20px
	}
	#footer .footerHead .footerShare a .popup {
		bottom: 20px;
		width: 98px;
		height: 98px;
		border-radius: 8px;
		padding: 6px;
		box-shadow: 2px 2px 10px #ddd
	}
	#footer .footerHead .footerShare a .popup::after {
		width: 13px;
		height: 7px
	}
	#footer .footerContact {
		padding: 94px 0 134px
	}
	#footer .footerContact .image {
		margin-bottom: 16px
	}
	#footer .footerContact .image img {
		height: 127px
	}
	#footer .footerContact .phone {
		font-size: 42px
	}
	#footer .footerContact .address i {
		font-size: 16px;
		margin-right: 5px
	}
	#footer .footerContact .address span {
		font-size: 16px;
		line-height: 22px
	}
	#footer .footerContact .returnBtn {
		top: 30px;
		width: 45px;
		height: 45px;
		line-height: 43px;
		font-size: 12px
	}
	#footer .footerContact .returnBtn::after {
		width: 45px;
		height: 45px
	}
	#footer .footerOther .copyright {
		font-size: 15px
	}
	#footer .footerOther .other a {
		font-size: 15px
	}
	#footer .footerOther .other span {
		font-size: 15px;
		margin: 0 10px
	}
	.indexTitle .title {
		font-size: 18px
	}
	.indexTitle .intro {
		font-size: 50px;
		line-height: 58px;
		margin-top: 7px
	}
	.indexTitle .more {
		min-width: 185px;
		height: 50px;
		line-height: 46px;
		border-radius: 8px;
		font-size: 14px;
		margin-top: 31px;
		padding: 0 64px;
		border-width: 2px
	}
	.indexTitle .more::before, .indexTitle .more::after {
		width: 58px;
		height: 7px
	}
	.indexTitle .more::before {
		top: 22px
	}
	.indexTitle .more::after {
		top: 17px
	}
	.indexTitle .more span::after {
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: 50px;
		border-radius: 8px
	}
	.indexTitle .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#banner .swiper-wrapper .swiper-slide a .content {
		bottom: 153px
	}
	#banner .swiper-wrapper .swiper-slide a .content .title {
		margin-bottom: 20px
	}
	#banner .swiper-wrapper .swiper-slide a .content .title img {
		height: 67px
	}
	#banner .swiper-wrapper .swiper-slide a .content .intro {
		font-size: 40px;
		line-height: 55px
	}
	#banner .swiper-pagination {
		bottom: 75px;
		font-size: 14px
	}
	#banner .swiper-pagination .progress {
		width: 245px;
		margin: 0 8px
	}
	#indexProducts {
		padding: 106px 0 110px
	}
	#indexProducts .indexProductsTitle {
		margin-bottom: 41px
	}
	#indexProducts .indexProductsMain .swiper-wrapper {
		padding-top: 10px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image {
		width: 530px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image img {
		width: 530px;
		height: 530px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content {
		left: 0;
		bottom: 47px;
		padding: 0 200px 0 50px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .title {
		font-size: 30px;
		margin-bottom: 2px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .intro {
		font-size: 17px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover .product {
		box-shadow: 0 0px 30px #ddd
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other {
		margin-bottom: 19px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .tab {
		font-size: 17px;
		border-radius: 8px;
		padding: 8px 16px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .arrow {
		font-size: 14px;
		width: 42px;
		height: 42px;
		border-radius: 8px;
		line-height: 40px;
		margin-left: 10px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product {
		height: 550px;
		border-radius: 10px;
		padding: 24px 0 50px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image {
		width: 367px;
		border-radius: 10px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image img {
		width: 367px;
		height: 367px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image span {
		font-size: 20px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content {
		margin-top: 39px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .title {
		font-size: 26px;
		margin-bottom: 6px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .intro {
		font-size: 15px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .arrow {
		width: 97px;
		height: 97px;
		font-size: 30px;
		line-height: 95px
	}
	#indexSolutions {
		min-height: 1000px;
		padding-bottom: 83px
	}
	#indexSolutions .indexSolutionsImages {
		width: calc(100% + 80px)
	}
	#indexSolutions .indexSolutionsList {
		width: 792px
	}
	#indexSolutions .indexSolutionsList::before {
		width: 254px;
		height: 163px;
		margin: 5px
	}
	#indexSolutions .indexSolutionsList .list {
		width: 254px;
		height: 163px;
		padding: 12px 28px;
		backdrop-filter: blur(20px);
		margin: 5px
	}
	#indexSolutions .indexSolutionsList .list::before {
		bottom: 33px;
		width: 88px;
		height: 34px
	}
	#indexSolutions .indexSolutionsList .list .icon {
		margin-bottom: 20px
	}
	#indexSolutions .indexSolutionsList .list .icon img {
		height: 57px
	}
	#indexSolutions .indexSolutionsList .list .title {
		font-size: 18px;
		line-height: 22px
	}
	#indexNews {
		padding: 106px 0 148px
	}
	#indexNews .indexNewsTitle {
		margin-bottom: 11px;
		padding-bottom: 37px
	}
	#indexNews .indexNewsTitle .more {
		line-height: 46px
	}
	#indexNews .indexNewsMain {
		width: 1359px;
		padding-top: 69px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a {
		padding: 20px 20px 26px;
		border-radius: 10px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .image img {
		height: 286px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content {
		padding: 35px 226px 0 20px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .time {
		font-size: 14px;
		margin-bottom: 8px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .title {
		font-size: 21px;
		line-height: 31px;
		height: 93px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .arrow {
		right: 20px;
		bottom: 50px;
		width: 55px;
		height: 42px;
		line-height: 38px;
		border-radius: 8px;
		font-size: 13px;
		border-width: 2px
	}
	#indexNews .indexNewsMain .swiper-pagination {
		font-size: 15px
	}
	#indexNews .indexNewsMain .swiper-pagination .line {
		margin: 0 3px
	}
	#indexNews .indexNewsMain .indexNewsBtns {
		right: -360px
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev {
		margin-right: 5px
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next {
		width: 51px;
		height: 28px;
		line-height: 28px;
		font-size: 10px;
		border-radius: 8px
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev::after, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next::after {
		border-radius: 8px
	}
	#indexAboutus {
		height: 860px;
		padding-top: 169px;
		margin-bottom: 331px
	}
	#indexAboutus .indexAboutusMain {
		left: calc(50% - 860px);
		bottom: -225px;
		width: 1720px;
		min-height: 350px;
		border-radius: 10px;
		padding: 31px 61px 50px;
		backdrop-filter: blur(20px)
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber {
		width: 47%;
		margin: -5px;
		padding-top: 33px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list {
		width: 191px;
		height: 221px;
		border-radius: 10px;
		margin: 5px;
		padding: 18px 20px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list:nth-child(1) {
		width: 333px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number {
		margin-bottom: 61px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number b {
		font-size: 45px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number span {
		font-size: 14px;
		margin: 0 3px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .intro {
		font-size: 16px;
		line-height: 20px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent {
		width: 612px;
		margin-left: 60px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .title {
		font-size: 14px;
		margin-bottom: 51px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .title::before {
		margin-right: 30px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .intro {
		font-size: 36px;
		line-height: 50px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .intro::after {
		top: -23px;
		left: -38px;
		width: 27px;
		height: 18px
	}
	#detailBanner .image {
		width: calc(100% + 80px)
	}
	#detailBanner .content {
		bottom: 33px
	}
	#detailBanner .content .title {
		font-size: 36px;
		line-height: 54px;
		min-height: 54px
	}
	#detailBanner .content .subTitle {
		font-size: 130px;
		line-height: 160px;
		min-height: 160px;
		margin-left: -8px
	}
	#detailBanner .content .icon {
		bottom: 59px;
		width: 63px;
		height: 63px;
		line-height: 61px
	}
	#detailBanner .content .icon::after {
		top: calc(50% - 75px);
		left: calc(50% - 75px);
		width: 150px;
		height: 150px
	}
	#detailBanner .content .icon img {
		height: 24px
	}
	#detailList {
		line-height: 60px;
		top: 85px
	}
	#detailList.detailListFixed {
		backdrop-filter: blur(20px)
	}
	#detailList.detailListDown {
		-webkit-transform: translateY(85px);
		-ms-transform: translateY(85px);
		transform: translateY(85px)
	}
	#detailList a {
		font-size: 18px;
		margin-right: 80px
	}
	#detailList a::after {
		width: calc(100% + 10px);
		height: 2px
	}
	#productsList {
		padding: 161px 0 100px;
		margin-top: -61px
	}
	#productsList > .commonBg {
		min-height: 1622px
	}
	#productsList ul {
		margin: 0 -10px;
		padding-bottom: 80px
	}
	#productsList ul li {
		width: calc(25% - 20px);
		margin: 10px
	}
	#productsList ul li.recommend {
		width: calc(50% - 20px)
	}
	#productsList ul li.recommend a .product img {
		width: 505px;
		height: 505px
	}
	#productsList ul li.recommend a .content {
		margin-top: -73px
	}
	#productsList ul li.recommend a .content .title {
		font-size: 30px
	}
	#productsList ul li.recommend a .content .intro {
		font-size: 17px
	}
	#productsList ul li a {
		height: 550px;
		padding: 24px 0 0;
		border-radius: 10px
	}
	#productsList ul li a:hover {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
		box-shadow: 0 0px 30px #ddd
	}
	#productsList ul li a .product {
		width: 337px;
		border-radius: 8px;
		margin-bottom: 28px
	}
	#productsList ul li a .product img {
		height: 337px
	}
	#productsList ul li a .product span {
		font-size: 20px
	}
	#productsList ul li a .product span.rotate {
		font-size: 22px;
		width: 29%;
		left: 31%;
		top: 51%
	}
	#productsList ul li a .content {
		padding: 0 30px
	}
	#productsList ul li a .content .title {
		font-size: 26px;
		margin-bottom: 6px
	}
	#productsList ul li a .content .intro {
		font-size: 15px
	}
	#productIntro {
		padding: 250px 0 120px
	}
	#productIntro .image {
		width: 65.375%;
		height: 690px;
		border-radius: 8px
	}
	#productIntro .image > img {
		width: 550px;
		height: 550px
	}
	#productIntro .image span {
		font-size: 30px
	}
	#productIntro .image span.rotate {
		font-size: 26px
	}
	#productIntro .contentBox {
		width: 32.125%
	}
	#productIntro .contentBox .content .list {
		font-size: 50px;
		margin-bottom: 15px
	}
	#productIntro .contentBox .content .line {
		height: 10px;
		background-size: auto 10px;
		margin-bottom: 30px
	}
	#productIntro .contentBox .content .title {
		font-size: 42px;
		margin-bottom: 10px
	}
	#productIntro .contentBox .content .intro {
		font-size: 20px;
		line-height: 38px;
		max-height: 342px;
		padding-right: 20px
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar {
		width: 3px;
		height: 3px
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		border-radius: 6px
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar-thumb {
		border-radius: 6px;
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1)
	}
	#productIntro .contentBox .content .intro p {
		margin-bottom: 13px
	}
	#productIntro .contentBox .more {
		width: 514px;
		height: 56px;
		line-height: 56px;
		font-size: 14px;
		border-radius: 8px
	}
	#productIntro .contentBox .more::before, #productIntro .contentBox .more::after {
		width: 216px;
		height: 7px
	}
	#productIntro .contentBox .more::before {
		top: 25px
	}
	#productIntro .contentBox .more::after {
		top: 24px
	}
	#productIntro .contentBox .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#productAdvantages {
		padding: 85px 0 0;
		min-height: 528px
	}
	#productAdvantages .productAdvantagesTitle {
		font-size: 50px;
		margin-bottom: 47px
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide {
		min-height: 217px;
		border-radius: 8px;
		padding: 41px 50px 30px;
		backdrop-filter: blur(20px)
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon {
		margin-bottom: 16px
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon img {
		height: 50px
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .title {
		font-size: 22px;
		line-height: 32px
	}
	#productParams {
		padding: 105px 0 0
	}
	#productParams .productParamsTitle {
		font-size: 50px;
		margin-bottom: 39px
	}
	#productParams .productParamsMain table thead {
		border-radius: 6px 0 6px 0
	}
	#productParams .productParamsMain table thead tr th {
		height: 64px;
		padding: 0 49px;
		font-size: 20px
	}
	#productParams .productParamsMain table tbody tr td {
		padding: 16.5px 49px;
		font-size: 20px
	}
	#solutionsList {
		padding: 161px 0 141px;
		margin-top: -61px
	}
	#solutionsList .commonBg {
		min-height: 4000px
	}
	#solutionsList ul li {
		padding: 105px 0
	}
	#solutionsList ul li .image {
		width: 56.3953488372%;
		border-radius: 8px
	}
	#solutionsList ul li .image img {
		height: 580px
	}
	#solutionsList ul li .content {
		width: 30.6395348837%
	}
	#solutionsList ul li .content .icon img {
		height: 87px
	}
	#solutionsList ul li .content .title {
		font-size: 38px;
		margin-bottom: 14px
	}
	#solutionsList ul li .content .intro {
		font-size: 17px;
		line-height: 28px;
		margin-bottom: 48px
	}
	#solutionsList ul li .content .more {
		min-width: 185px;
		height: 50px;
		line-height: 46px;
		border-radius: 8px;
		font-size: 14px;
		margin-top: 31px;
		padding: 0 64px;
		border-width: 2px
	}
	#solutionsList ul li .content .more::before, #solutionsList ul li .content .more::after {
		width: 58px;
		height: 7px
	}
	#solutionsList ul li .content .more::before {
		top: 22px
	}
	#solutionsList ul li .content .more::after {
		top: 17px
	}
	#solutionsList ul li .content .more span::after {
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: 50px;
		border-radius: 8px
	}
	#solutionsList ul li .content .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#news {
		padding: 161px 0 100px;
		margin-top: -61px
	}
	#news .commonBg {
		min-height: 2512px
	}
	#news .newsRecommend {
		margin-bottom: 80px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a {
		border-radius: 8px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .image {
		width: 61.125%
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .image img {
		height: 614px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content {
		padding: 98px 68px 0
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .title {
		font-size: 34px;
		line-height: 44px;
		margin-bottom: 34px;
		height: 88px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro {
		font-size: 17px;
		line-height: 28px;
		height: 112px;
		margin-bottom: 184px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .time {
		font-size: 17px
	}
	#news .newsRecommend .swiper-pagination {
		right: 68px;
		bottom: 85px
	}
	#news .newsRecommend .swiper-pagination .swiper-pagination-bullet {
		width: 14px;
		height: 5px;
		border-radius: 3px;
		margin-right: 6px
	}
	#news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active {
		width: 24px
	}
	#news .newsList {
		margin-bottom: 90px
	}
	#news .newsList ul {
		margin: -15px
	}
	#news .newsList ul li {
		width: calc(33.33% - 30px);
		margin: 15px
	}
	#news .newsList ul li a {
		padding: 20px 20px 22px;
		border-radius: 10px
	}
	#news .newsList ul li a .image img {
		height: 220px
	}
	#news .newsList ul li a .content {
		padding: 23px 150px 0 9px
	}
	#news .newsList ul li a .content .time {
		font-size: 14px;
		margin-bottom: 5px
	}
	#news .newsList ul li a .content .title {
		font-size: 18px;
		line-height: 24px;
		height: 72px
	}
	#news .newsList ul li a .content .arrow {
		right: 20px;
		bottom: 31px;
		width: 44px;
		height: 32px;
		line-height: 28px;
		border-radius: 8px;
		font-size: 11px;
		border-width: 2px
	}
	#newsDetail {
		padding: 261px 0 120px
	}
	#newsDetail .commonBg {
		min-height: 2399px
	}
	#newsDetail .content1600 {
		width: 1500px;
		max-width: 80%
	}
	#newsDetail .newsDetailElement1 {
		top: 211px;
		left: -211px
	}
	#newsDetail .newsDetailElement1 img {
		height: 364px
	}
	#newsDetail .newsDetailElement2 {
		bottom: 250px;
		right: -212px
	}
	#newsDetail .newsDetailElement2 img {
		height: 506px
	}
	#newsDetail .newsDetailTitle {
		margin: 0 50px 74px;
		padding: 0 75px 0
	}
	#newsDetail .newsDetailTitle .nav {
		margin-bottom: 14px
	}
	#newsDetail .newsDetailTitle .nav a {
		font-size: 13px
	}
	#newsDetail .newsDetailTitle .nav span {
		margin: 0 12px;
		font-size: 12px
	}
	#newsDetail .newsDetailTitle .title {
		font-size: 48px;
		margin-bottom: 65px
	}
	#newsDetail .newsDetailTitle .other {
		height: 70px;
		line-height: 70px;
		padding: 0 30px;
		box-shadow: 0 3px 24px 0 rgba(87, 138, 172, 0.06);
		border-radius: 6px;
		font-size: 13px
	}
	#newsDetail .newsDetailTitle .other .source {
		margin-right: 37px
	}
	#newsDetail .newsDetailTitle .other .time {
		height: 15px;
		line-height: 15px;
		padding-left: 37px
	}
	#newsDetail .newsDetailTitle .other .time span, #newsDetail .newsDetailTitle .other .source span, #newsDetail .newsDetailTitle .other .writer span {
		font-size: 16px;
		margin-left: 16px
	}
	#newsDetail .newsDetailTitle .other .returnBtn {
		right: 30px;
		font-size: 15px;
		height: 35px;
		line-height: 35px
	}
	#newsDetail .newsDetailTitle .other .returnBtn::after {
		width: 26px;
		height: 26px;
		border-radius: 4px
	}
	#newsDetail .newsDetailTitle .other .returnBtn:hover::after {
		width: 114px;
		height: 35px;
		border-radius: 8px
	}
	#newsDetail .newsDetailTitle .other .returnBtn i {
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 8px;
		margin-left: 17px
	}
	#newsDetail .newsDetailMain {
		margin: 0 50px;
		padding: 0 75px
	}
	#newsDetail .newsDetailMain .newsDetailLeft {
		width: 79.2%
	}
	#newsDetail .newsDetailMain .newsDetailLeft .content {
		font-size: 17px;
		line-height: 31px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns {
		margin-top: 54px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a {
		height: 170px;
		border-radius: 10px;
		margin-right: 41px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.nextBtn {
		padding: 27px 84px 40px 29px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.prevBtn {
		padding: 27px 84px 40px 29px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a:hover {
		-webkit-transform: translate(-8px, -8px);
		-ms-transform: translate(-8px, -8px);
		transform: translate(-8px, -8px);
		box-shadow: 10px 10px 15px #eee
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .tab {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		padding: 0 7px;
		margin-bottom: 17px;
		border-radius: 5px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .title {
		font-size: 18px;
		line-height: 28px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .icon {
		width: 24px;
		height: 24px;
		margin-left: 20px
	}
	#newsDetail .newsDetailMain .newsDetailRight {
		margin-right: 63px
	}
	#newsDetail .newsDetailMain .newsDetailRight .title {
		font-size: 16px;
		margin-bottom: 18px
	}
	#newsDetail .newsDetailMain .newsDetailRight .share a {
		width: 48px;
		height: 48px;
		line-height: 46px;
		font-size: 18px;
		margin-bottom: 12px
	}
	#newsDetail .newsDetailMain .newsDetailRight .share a::after {
		border-radius: 50%
	}
	#newsDetail .newsDetailMain .newsDetailRight .share a img {
		height: 44px
	}
	#aboutus {
		padding: 161px 0 183px;
		margin-top: -61px
	}
	#aboutus .aboutusContent {
		margin-bottom: 100px
	}
	#aboutus .aboutusContent .imageBox {
		width: 739px;
		height: 695px;
		border-radius: 6px
	}
	#aboutus .aboutusContent .imageBox .image {
		border-radius: 12px
	}
	#aboutus .aboutusContent .imageBox .image img {
		width: 758px
	}
	#aboutus .aboutusContent .imageBox .play {
		width: 83px;
		height: 82px;
		box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.46)
	}
	#aboutus .aboutusContent .content {
		padding-top: 93px
	}
	#aboutus .aboutusContent .content .title {
		font-size: 44px;
		line-height: 54px;
		margin-bottom: 23px
	}
	#aboutus .aboutusContent .content .intro {
		font-size: 17px;
		line-height: 24px;
		max-height: 432px;
		padding-right: 20px;
		margin-right: -20px
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar {
		width: 3px;
		height: 3px
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		border-radius: 6px
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar-thumb {
		border-radius: 6px;
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1)
	}
	#aboutus .aboutusContent .content .intro p {
		margin-bottom: 22px
	}
	#aboutus .aboutusNumber .list {
		width: 368px;
		height: 206px;
		padding: 26px 25px 0
	}
	#aboutus .aboutusNumber .list:hover {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	#aboutus .aboutusNumber .list .icon {
		margin-bottom: 58px
	}
	#aboutus .aboutusNumber .list .icon img {
		height: 50px
	}
	#aboutus .aboutusNumber .list .number b {
		font-size: 80px
	}
	#aboutus .aboutusNumber .list .number b + b {
		font-size: 50px
	}
	#aboutus .aboutusNumber .list .number span {
		font-size: 24px
	}
	#aboutus .aboutusNumber .list .intro {
		font-size: 16px;
		line-height: 20px
	}
	#culture {
		padding: 256px 0 0;
		margin-bottom: 407px;
		height: 660px
	}
	#culture .cultureTitle {
		font-size: 50px;
		margin-bottom: 43px
	}
	#culture .cultureMain {
		margin: -15px
	}
	#culture .cultureMain .list {
		width: calc(33.33% - 30px);
		height: 554px;
		backdrop-filter: blur(20px);
		border-radius: 8px;
		margin: 15px;
		padding: 53px 50px
	}
	#culture .cultureMain .list::after {
		left: -1px;
		top: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px)
	}
	#culture .cultureMain .list .title {
		font-size: 48px
	}
	#culture .cultureMain .list .subTitle {
		font-size: 38px;
		line-height: 39px;
		margin-bottom: 27px
	}
	#culture .cultureMain .list .line {
		height: 4px;
		margin-bottom: 44px
	}
	#culture .cultureMain .list .line::before {
		margin-right: 3px
	}
	#culture .cultureMain .list .line::after {
		width: 4px
	}
	#culture .cultureMain .list .intro {
		font-size: 22px;
		line-height: 34px;
		min-height: 136px;
		margin-bottom: 21px
	}
	#culture .cultureMain .list .icon img {
		height: 66px
	}
	#history {
		padding: 131px 0 167px
	}
	#history .historyTitle {
		font-size: 50px;
		margin-bottom: 25px
	}
	#history .historyMain .historyYear {
		height: 459px;
		margin-top: 70px
	}
	#history .historyMain .historyYear .swiper-wrapper .swiper-slide .line {
		width: 10px
	}
	#history .historyMain .historyYear .swiper-wrapper .swiper-slide .year {
		margin-left: 23px;
		font-size: 20px
	}
	#history .historyMain .historyContent {
		width: 441px;
		height: 240px;
		margin-left: 191px;
		margin-right: 85px;
		margin-top: 22px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .year {
		font-size: 112px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro {
		font-size: 20px;
		line-height: 28px
	}
	#history .historyMain .historyImages {
		width: 800px
	}
	#history .historyMain .historyImages .swiper-wrapper .swiper-slide img {
		height: 584px
	}
	#branch {
		padding: 167px 0 161px;
		margin-top: -61px
	}
	#branch .branchTitle {
		font-size: 50px;
		margin-bottom: 45px
	}
	#branch .branchMain {
		margin: -15px
	}
	#branch .branchMain .list {
		width: calc(20% - 30px);
		min-height: 360px;
		border-radius: 6px;
		margin: 15px;
		padding: 75px 20px 20px
	}
	#branch .branchMain .list .icon {
		margin-bottom: 39px
	}
	#branch .branchMain .list .icon img {
		height: 52px
	}
	#branch .branchMain .list .title {
		font-size: 24px;
		line-height: 54px
	}
	#branch .branchMain .list .address {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 17px
	}
	#branch .branchMain .list .phone {
		font-size: 18px;
		line-height: 24px
	}
	#message {
		padding: 104px 0 120px
	}
	#message .messageTitle {
		font-size: 50px;
		margin-bottom: 35px
	}
	#message .messageMain {
		padding: 31px 30px 80px;
		border-radius: 6px;
		backdrop-filter: blur(20px)
	}
	#message .messageMain .list {
		width: calc(25% - 20px);
		margin: 15px 10px
	}
	#message .messageMain .list:nth-child(7) {
		width: 253px
	}
	#message .messageMain .list .title {
		font-size: 17px;
		margin-bottom: 11px
	}
	#message .messageMain .list .title span {
		margin-left: 3px
	}
	#message .messageMain .list .input input, #message .messageMain .list .input textarea {
		height: 60px;
		font-size: 16px;
		border-radius: 6px;
		padding: 0 25px
	}
	#message .messageMain .list .input textarea {
		height: 109px;
		padding: 16px 25px
	}
	#message .messageMain .list .input img {
		height: 35px;
		right: 28px
	}
	#message .messageMain .list .input .bg {
		border-radius: 6px
	}
	#message .messageMain .list .submit {
		height: 60px;
		line-height: 60px;
		border-radius: 8px;
		font-size: 16px;
		margin-top: 31px;
		padding: 0 64px
	}
	#message .messageMain .list .submit::before, #message .messageMain .list .submit::after {
		width: 102px;
		height: 7px
	}
	#message .messageMain .list .submit::before {
		top: 27px
	}
	#message .messageMain .list .submit::after {
		top: 27px
	}
	#message .messageMain .list .submit:hover {
		box-shadow: 0 8px 24px #1687d4
	}
	#srch {
		padding: 87px 0 100px
	}
	#srch .commonBg {
		min-height: 1551px
	}
	#srch .srchTitle {
		font-size: 50px;
		margin-bottom: 45px
	}
	#srch .srchMain {
		margin-bottom: 90px
	}
	#srch .srchMain ul li {
		border-radius: 8px;
		margin-bottom: 10px
	}
	#srch .srchMain ul li .head {
		height: 80px;
		line-height: 80px;
		padding: 0 30px 0 40px
	}
	#srch .srchMain ul li .head .content .name {
		width: 460px;
		font-size: 18px;
		margin-right: 57px
	}
	#srch .srchMain ul li .head .content .other span {
		width: 230px;
		font-size: 16px;
		margin-right: 59px
	}
	#srch .srchMain ul li .head .arrow {
		width: 55px;
		height: 42px;
		line-height: 42px;
		font-size: 12px;
		border-radius: 8px;
		margin-top: 19px
	}
	#srch .srchMain ul li .contentBox {
		padding: 0 43px
	}
	#srch .srchMain ul li .contentBox .content {
		padding: 65px 0 0
	}
	#srch .srchMain ul li .contentBox .content .title {
		font-size: 22px;
		margin-bottom: 9px
	}
	#srch .srchMain ul li .contentBox .content .intro {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 26px
	}
	#srch .srchMain ul li .contentBox .more {
		min-width: 185px;
		height: 50px;
		line-height: 50px;
		border-radius: 8px;
		font-size: 14px;
		margin-top: 31px;
		padding: 0 64px;
		margin-bottom: 65px
	}
	#srch .srchMain ul li .contentBox .more::before, #srch .srchMain ul li .contentBox .more::after {
		width: 58px;
		height: 7px
	}
	#srch .srchMain ul li .contentBox .more::before {
		top: 22px
	}
	#srch .srchMain ul li .contentBox .more::after {
		top: 22px
	}
	#srch .srchMain ul li .contentBox .more:hover {
		box-shadow: 0 8px 24px #1687d4
	}
	#solutionIntro {
		min-height: 960px;
		margin-top: -68px
	}
	#solutionIntro .commonBg {
		width: calc(100% + 80px)
	}
	#solutionIntro .title {
		font-size: 50px;
		width: 627px;
		margin-bottom: 17px
	}
	#solutionIntro .intro {
		font-size: 16px;
		width: 627px
	}
	#solutionSpec {
		padding: 90px 0 100px
	}
	#solutionSpec .solutionSpecTitle {
		margin-bottom: 60px
	}
	#solutionSpec .solutionSpecTitle .title {
		font-size: 50px;
		margin-right: 200px
	}
	#solutionSpec .solutionSpecTitle .intro {
		width: 993px;
		font-size: 16px;
		line-height: 26px
	}
	#solutionSpec .solutionSpecMain {
		border-radius: 8px
	}
	#coreAdvantages {
		padding: 170px 0 110px
	}
	#coreAdvantages .coreAdvantagesLeft {
		width: 440px;
		margin-right: 66px
	}
	#coreAdvantages .coreAdvantagesLeft .title {
		font-size: 50px;
		margin-bottom: 274px
	}
	#coreAdvantages .coreAdvantagesLeft .content {
		height: 225px;
		padding-left: 36px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide {
		margin-bottom: 27px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .number {
		width: 44px;
		height: 26px;
		line-height: 26px;
		font-size: 18px;
		border-radius: 4px;
		margin-right: 15px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .name {
		font-size: 22px;
		line-height: 32px;
		margin-top: -3px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-pagination {
		width: 2px
	}
	#coreAdvantages .coreAdvantagesRight {
		width: 1260px
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox {
		width: 1100px
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide {
		border-radius: 8px
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide img {
		height: 580px
	}
	.videoPopupBox .layui-layer-setwin .layui-layer-close2 {
		right: 21px;
		top: 28px;
		font-size: 28px
	}
}
@media (max-width:768px) {
	@-webkit-keyframes translateX {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}
		100% {
			-webkit-transform: translate(-80px);
			transform: translate(-80px)
		}
	}
	@keyframes translateX {
		0% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}
		100% {
			-webkit-transform: translate(-80px);
			transform: translate(-80px)
		}
	}
	.leftOffset {
		left: -260px !important
	}
	.content1720 {
		width: calc(100% - 30px)
	}
	.content1600 {
		width: calc(100% - 30px)
	}
	.content1250 {
		width: calc(100% - 30px)
	}
	.header {
		height: 60px;
		line-height: 60px
	}
	.header .headerLogo {
		position: relative;
		height: 60px;
		z-index: 2
	}
	.header .headerLogo a {
		width: 100px;
		height: 30px
	}
	.header .headerLogo .content {
		margin-left: 12px;
		padding-top: 5px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease
	}
	.header .headerLogo .content .title {
		font-size: 16px;
		line-height: 18px
	}
	.header .headerLogo .content .intro {
		font-size: 12px;
		line-height: 18px
	}
	.header .headerMain .headerNav {
		display: none
	}
	.header .headerMain .headerOther {
		margin-left: 0;
		width: 100%;
		height: 60px
	}
	.header .headerMain .headerOther .searchBtn {
		width: auto;
		height: auto;
		line-height: 1;
		border-radius: 0;
		font-size: 22px;
		margin-right: 14px;
		background: none
	}
	.header .headerMain .headerOther .langBtn {
		display: none
	}
	.header .headerMain .headerOther .menusBtn {
		display: block;
		cursor: pointer;
		margin-top: 1px
	}
	.header .headerMain .headerOther .menusBtn.active span:nth-child(1) {
		opacity: 0;
		visibility: hidden
	}
	.header .headerMain .headerOther .menusBtn.active span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.header .headerMain .headerOther .menusBtn.active span:nth-child(3) {
		width: 23px;
		-webkit-transform: rotate(-45deg) translate(5px, -5px);
		-ms-transform: rotate(-45deg) translate(5px, -5px);
		transform: rotate(-45deg) translate(5px, -5px)
	}
	.header .headerMain .headerOther .menusBtn span {
		display: block;
		height: 2px;
		background: #fff;
		border-radius: 1px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease
	}
	.header .headerMain .headerOther .menusBtn span:nth-child(1) {
		width: 23px;
		margin-bottom: 5px
	}
	.header .headerMain .headerOther .menusBtn span:nth-child(2) {
		width: 23px;
		margin-bottom: 5px
	}
	.header .headerMain .headerOther .menusBtn span:nth-child(3) {
		width: 18px
	}
	.header.headerMask {
		height: 60px;
		line-height: 60px;
		backdrop-filter: blur(20px)
	}
	.header.headerMask .headerLogo .content {
		padding-top: 5px;
		margin-left: 12px
	}
	.header.headerMask .headerLogo .content .title {
		font-size: 16px;
		line-height: 18px
	}
	.header.headerMask .headerLogo .content .intro {
		font-size: 12px;
		line-height: 18px
	}
	.header.headerMask .headerMain .headerOther .menusBtn span {
		background: #333
	}
	.header.headerMask .headerMain .headerOther .searchBtn {
		color: #333
	}
	.headerSearchformMain .headerSearchform {
		padding: 40px 0
	}
	.headerSearchformMain .headerSearchform form {
		max-width: calc(100% - 40px)
	}
	.headerSearchformMain .headerSearchform form input {
		height: 50px;
		font-size: 15px;
		border-radius: 40px;
		padding-left: 20px
	}
	.headerSearchformMain .headerSearchform form button {
		width: 50px;
		height: 50px;
		font-size: 20px
	}
	.headerSearchformMain .headerSearchform form button:hover {
		box-shadow: 0 5px 10px rgba(42, 120, 208, 0.4)
	}
	.headerSearchformMain .headerSearchform form .closeSearch {
		font-size: 20px
	}
	.mobileHeader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		display: block;
		-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
	}
	.mobileHeader.leftOffset .column {
		right: 0
	}
	.mobileHeader .column {
		position: fixed;
		right: -260px;
		top: 0;
		width: 260px;
		height: 100%;
		overflow-y: auto;
		background: #fafafa;
		padding-top: 60px;
		-webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
	}
	.mobileHeader .column .wrapper {
		border-bottom: 1px solid #eff1f3
	}
	.mobileHeader .column .wrapper:last-child {
		border-bottom: 0
	}
	.mobileHeader .column .wrapper .oneLevel.active .oneLevelTitle .icon i::before {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle {
		position: relative
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 15px;
		color: #333;
		padding: 14px 25px;
		min-height: 50px;
		text-transform: uppercase;
		position: relative
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .title a::before {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		border: 1px solid #D8D8D8;
		margin-right: 15px;
		content: "";
		display: block
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i {
		display: block;
		width: 12px;
		height: 12px;
		position: relative
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #474747;
		-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		content: "";
		display: block
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::before {
		width: 2px;
		height: 100%
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelTitle .icon i::after {
		width: 100%;
		height: 2px
	}
	.mobileHeader .column .wrapper .oneLevel:not(:has(.secondLevel)) .icon {
		display: none
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain {
		display: none;
		background: #f6f6f6
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel:last-child {
		border-bottom: 0
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle {
		position: relative;
		border-bottom: 1px solid #EBEBEB
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle.active .icon i::before {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 14px;
		color: #333;
		padding: 15px 25px
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .title a::before {
		width: 5px;
		height: 5px;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		margin-right: 19px;
		content: "";
		display: inline-block
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i {
		display: block;
		width: 12px;
		height: 12px;
		position: relative
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before, .mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background: #474747;
		-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		content: "";
		display: block
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::before {
		width: 2px;
		height: 100%
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelTitle .icon i::after {
		width: 100%;
		height: 2px
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain {
		display: none;
		background: #fafafa
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a {
		display: block;
		font-size: 14px;
		color: #333;
		padding: 15px 50px;
		border-bottom: 1px solid #EBEBEB
	}
	.mobileHeader .column .wrapper .oneLevel .oneLevelMain .secondLevel .secondLevelMain a:last-child {
		border-bottom: 0
	}
	#pageMain .paging {
		display: none
	}
	#pageMain .mobileLoadMore {
		display: block;
		text-align: center
	}
	#pageMain .mobileLoadMore a {
		display: inline-block;
		min-width: 145px;
		height: 40px;
		text-align: center;
		line-height: 36px;
		border-radius: 6px;
		font-size: 12px;
		position: relative;
		margin-top: 0;
		padding: 0 44px;
		border: 2px solid #1D2088;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		color: #313245
	}
	#pageMain .mobileLoadMore a::before, #pageMain .mobileLoadMore a::after {
		position: absolute;
		width: 37px;
		height: 7px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		content: "";
		display: block
	}
	#pageMain .mobileLoadMore a::before {
		left: 0;
		top: 15px;
		background: url(../img/moreShortBefore.png) no-repeat center/cover
	}
	#pageMain .mobileLoadMore a::after {
		right: 0;
		top: 14px;
		background: url(../img/moreShortAfter.png) no-repeat center/cover
	}
	#pageMain .mobileLoadMore a span::after {
		position: absolute;
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: 40px;
		content: "";
		display: block;
		background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
		background: linear-gradient(90deg, #0B50AD, #23C3FF);
		border-radius: 6px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		opacity: 0;
		visibility: hidden;
		z-index: -1
	}
	#pageMain .mobileLoadMore a:hover {
		color: #fff !important;
		border-color: transparent !important;
		box-shadow: 0 8px 14px #1687d4
	}
	#pageMain .mobileLoadMore a:hover span::after {
		opacity: 1;
		visibility: visible
	}
	#pageMain .mobileLoadMore a:hover::before {
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	#pageMain .mobileLoadMore a:hover::after {
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#pageMain .mobileLoadMore a .icon {
		display: none
	}
	#footer {
		padding: 0 0 20px
	}
	#footer .footerHead {
		display: none;
		padding: 40px 0
	}
	#footer .footerHead .footerNav ul li a {
		font-size: 14px
	}
	#footer .footerHead .footerNav ul li span {
		margin: 0 16px;
		font-size: 14px
	}
	#footer .footerHead .footerShare a {
		margin-right: 30px
	}
	#footer .footerHead .footerShare a:hover .popup {
		bottom: 34px
	}
	#footer .footerHead .footerShare a > img {
		height: 20px
	}
	#footer .footerHead .footerShare a .popup {
		bottom: 20px;
		width: 98px;
		height: 98px;
		border-radius: 8px;
		padding: 6px;
		box-shadow: 2px 2px 10px #ddd
	}
	#footer .footerHead .footerShare a .popup::after {
		width: 13px;
		height: 7px
	}
	#footer .footerContact {
		padding: 30px 0 0
	}
	#footer .footerContact .image {
		margin: 10px 0 50px
	}
	#footer .footerContact .image img {
		height: 35.5px
	}
	#footer .footerContact .phone {
		font-size: 24px;
		display: none
	}
	#footer .footerContact .address i {
		font-size: 13px;
		margin-right: 5px
	}
	#footer .footerContact .address span {
		font-size: 11px;
		line-height: 1.3
	}
	#footer .footerContact .returnBtn {
		display: none;
		top: 30px;
		width: 45px;
		height: 45px;
		line-height: 43px;
		font-size: 12px
	}
	#footer .footerContact .returnBtn::after {
		width: 45px;
		height: 45px
	}
	#footer .footerOther {
		display: block;
		text-align: center
	}
	#footer .footerOther .copyright {
		font-size: 12px
	}
	#footer .footerOther .other {
		display: none
	}
	#footer .footerOther .other a {
		font-size: 13px
	}
	#footer .footerOther .other span {
		font-size: 13px;
		margin: 0 10px
	}
	.indexTitle .title {
		font-size: 14px
	}
	.indexTitle .intro {
		font-size: 22px;
		line-height: 30px;
		margin-top: 5px
	}
	.indexTitle .des {
		width: 100%;
		font-size: 13px;
		line-height: 2;
		margin: 20px 0 10px
	}
	.indexTitle .more {
		min-width: 145px;
		height: 40px;
		line-height: 36px;
		border-radius: 6px;
		font-size: 12px;
		margin-top: 15px;
		padding: 0 44px;
		border-width: 2px
	}
	.indexTitle .more::before, .indexTitle .more::after {
		width: 37px;
		height: 7px
	}
	.indexTitle .more::before {
		top: 15px;
		background: url("../img/moreShortBefore.png") no-repeat center/cover
	}
	.indexTitle .more::after {
		top: 14px;
		background: url("../img/moreShortAfter.png") no-repeat center/cover
	}
	.indexTitle .more span::after {
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: 40px;
		border-radius: 6px
	}
	.indexTitle .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	.indexTitle .more:hover::before {
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	.indexTitle .more:hover::after {
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#banner .swiper-wrapper .swiper-slide a .image img {
		height: auto
	}
	#banner .swiper-wrapper .swiper-slide a .content {
		bottom: 83px
	}
	#banner .swiper-wrapper .swiper-slide a .content .title {
		margin-bottom: 12px
	}
	#banner .swiper-wrapper .swiper-slide a .content .title img {
		height: 32px
	}
	#banner .swiper-wrapper .swiper-slide a .content .intro {
		font-size: 20px;
		line-height: 1.4
	}
	#banner .swiper-pagination {
		bottom: 35px;
		font-size: 12px
	}
	#banner .swiper-pagination .progress {
		width: 125px;
		margin: 0 8px
	}
	#indexProducts {
		padding: 25px 0;
		overflow: hidden
	}
	#indexProducts .indexProductsTitle {
		margin-bottom: 25px
	}
	#indexProducts .indexProductsMain .indexProductsLeft {
		width: 100%;
		margin-bottom: 25px
	}
	#indexProducts .indexProductsMain .indexProductsRight {
		width: 70%;
		overflow: visible
	}
	#indexProducts .indexProductsMain .swiper-wrapper {
		padding-top: 0
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product {
		padding: 0
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .commonBg {
		-webkit-mask-position: right bottom;
		mask-position: right bottom
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image {
		width: 72.464vw
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image img {
		width: 72.464vw;
		height: 72.464vw
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .image span {
		font-size: 16px;
		width: 29%;
		left: 30%
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content {
		left: 0;
		bottom: 17px;
		padding: 0 100px 0 20px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .title {
		font-size: 20px;
		margin-bottom: 2px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide.recommend a .product .content .intro {
		font-size: 13px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px)
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a:hover .product {
		box-shadow: none
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other {
		margin-bottom: 12px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .tab {
		font-size: 14px;
		border-radius: 4px;
		padding: 5px 12px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .other .arrow {
		font-size: 12px;
		width: 30px;
		height: 30px;
		border-radius: 4px;
		line-height: 28px;
		margin-left: 6px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product {
		height: 66.6667vw;
		border-radius: 8px;
		padding: 15px 0 30px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image {
		width: 57.246vw;
		border-radius: 8px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .image span {
		font-size: 14px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content {
		margin-top: 20px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .title {
		font-size: 18px;
		margin-bottom: 2px
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .content .intro {
		font-size: 13px;
		line-height: 1.5;
		-webkit-line-clamp: 2
	}
	#indexProducts .indexProductsMain .swiper-wrapper .swiper-slide a .product .arrow {
		width: 50px;
		height: 50px;
		font-size: 16px;
		line-height: 48px
	}
	#indexSolutions {
		min-height: 173.333vw;
		padding: 50px 0 30px
	}
	#indexSolutions .indexSolutionsTitle .more::before {
		left: -2px;
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	#indexSolutions .indexSolutionsTitle .more::after {
		right: -2px;
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#indexSolutions .indexSolutionsImages {
		width: calc(100% + 80px)
	}
	#indexSolutions .indexSolutionsList {
		width: calc(100% + 6px);
		margin: 80px 0 0 -3px
	}
	#indexSolutions .indexSolutionsList::before {
		width: calc(33.33% - 6px);
		height: 90px;
		margin: 3px
	}
	#indexSolutions .indexSolutionsList .list {
		width: calc(33.33% - 6px);
		height: 90px;
		padding: 8px 12px;
		backdrop-filter: blur(20px);
		margin: 3px;
		border-radius: 6px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		-webkit-mask: none;
		mask: none
	}
	#indexSolutions .indexSolutionsList .list::before {
		right: -20px;
		bottom: 19.5px;
		width: 44px;
		height: 17px
	}
	#indexSolutions .indexSolutionsList .list.active {
		border-color: transparent
	}
	#indexSolutions .indexSolutionsList .list .icon {
		margin: 10px 0 5px
	}
	#indexSolutions .indexSolutionsList .list .icon img {
		height: 32px
	}
	#indexSolutions .indexSolutionsList .list .title {
		font-size: 12px;
		line-height: 1.3
	}
	#indexNews {
		padding: 35px 0
	}
	#indexNews .indexNewsTitle {
		margin-bottom: 11px;
		padding-bottom: 15px
	}
	#indexNews .indexNewsTitle .more {
		top: 15%;
		line-height: 36px
	}
	#indexNews .indexNewsMain {
		width: 100%;
		padding-top: 45px;
		overflow: hidden
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a {
		padding: 15px 15px 22px;
		border-radius: 8px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .image img {
		height: 37.44vw
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content {
		padding: 23px 100px 0 9px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .time {
		font-size: 14px;
		margin-bottom: 5px
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .title {
		font-size: 16px;
		line-height: 24px;
		height: auto
	}
	#indexNews .indexNewsMain .swiper-wrapper .swiper-slide a .content .arrow {
		right: 20px;
		bottom: 10px;
		width: 44px;
		height: 32px;
		line-height: 28px;
		border-radius: 6px;
		font-size: 11px;
		border-width: 2px
	}
	#indexNews .indexNewsMain .swiper-pagination {
		font-size: 12px
	}
	#indexNews .indexNewsMain .swiper-pagination .line {
		margin: 0 3px
	}
	#indexNews .indexNewsMain .indexNewsBtns {
		right: 0
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev {
		margin-right: 5px
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next {
		width: 51px;
		height: 28px;
		line-height: 28px;
		font-size: 10px;
		border-radius: 8px
	}
	#indexNews .indexNewsMain .indexNewsBtns .swiper-button-prev::after, #indexNews .indexNewsMain .indexNewsBtns .swiper-button-next::after {
		border-radius: 8px
	}
	#indexAboutus {
		height: 180vw;
		padding-top: 30px;
		margin-bottom: 26vw
	}
	#indexAboutus .indexAboutusTitle .intro br {
		display: none
	}
	#indexAboutus .indexAboutusTitle .more::before {
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	#indexAboutus .indexAboutusTitle .more::after {
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#indexAboutus .indexAboutusMain {
		left: calc(50% - 185.5px);
		bottom: -80px;
		width: 90%;
		height: auto;
		min-height: auto;
		border-radius: 0;
		padding: 0;
		backdrop-filter: blur(0px);
		border: 0;
		background: none
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber {
		width: 100%;
		padding-top: 12px;
		margin: 0 0 0 3%
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list {
		width: auto;
		height: 141px;
		border-radius: 8px;
		margin: 3px;
		padding: 18px 10px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list:nth-child(1) {
		width: 40%
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list:nth-child(n+2) {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number {
		margin-bottom: 3px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number b {
		font-size: 24px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .number span {
		font-size: 12px;
		margin: 0 3px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .intro {
		font-size: 13px;
		line-height: 1.3
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent {
		width: 100%;
		border-radius: 8px;
		padding: 20px;
		border: 1px solid rgba(255, 255, 255, 0.9);
		background: rgba(245, 248, 251, 0.9);
		backdrop-filter: blur(20px);
		position: relative;
		margin-left: 3%
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .title {
		font-size: 14px;
		margin-bottom: 10px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .title::before {
		margin-right: 10px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .intro {
		font-size: 16px;
		line-height: 25px;
		margin-left: 10px
	}
	#indexAboutus .indexAboutusMain .indexAboutusNumber .list .intro b {
		font-size: 15px
	}
	#indexAboutus .indexAboutusMain .indexAboutusContent .intro::after {
		top: -12px;
		left: -19px;
		width: 13.5px;
		height: 9px
	}
	#detailBanner .image {
		width: calc(100% + 80px)
	}
	#detailBanner .content {
		bottom: 15px
	}
	#detailBanner .content .title {
		font-size: 22px;
		line-height: 35px;
		min-height: auto
	}
	#detailBanner .content .subTitle {
		font-size: 20px;
		line-height: 1.3;
		min-height: 28px
	}
	#detailBanner .content .icon {
		display: none;
		bottom: 59px;
		width: 63px;
		height: 63px;
		line-height: 61px
	}
	#detailBanner .content .icon::after {
		top: calc(50% - 75px);
		left: calc(50% - 75px);
		width: 150px;
		height: 150px
	}
	#detailBanner .content .icon img {
		height: 24px
	}
	#detailList {
		line-height: 52px;
		height: 54px;
		overflow-x: auto
	}
	#detailList.detailListFixed {
		backdrop-filter: blur(20px)
	}
	#detailList.detailListDown {
		-webkit-transform: translateY(85px);
		-ms-transform: translateY(85px);
		transform: translateY(85px)
	}
	#detailList a {
		font-size: 14px;
		margin-right: 24px
	}
	#detailList a::after {
		width: calc(100% + 10px);
		height: 2px
	}
	#detailList .nav {
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch
	}
	#detailList .nav > ul {
		display: inline-flex;
		white-space: nowrap;
		width: 90%
	}
	#detailList .nav > ul > li.lv1 {
		float: none;
		display: inline-block;
		width: 33.333%;
		min-width: 120px
	}
	#detailList .nav > ul > li.lv1 a {
		height: auto
	}
	#detailList .nav > ul > li.lv1::after {
		top: 16px
	}
	#productsList {
		padding: 30px 0 20px;
		margin-top: 0
	}
	#productsList > .commonBg {
		min-height: 1622px
	}
	#productsList ul {
		margin: -6px 0;
		padding-bottom: 5px
	}
	#productsList ul li {
		width: 48%;
		margin: 0 4% 5% 0
	}
	#productsList ul li:nth-child(even) {
		margin-right: 0
	}
	#productsList ul li.recommend {
		width: 100%
	}
	#productsList ul li.recommend a {
		padding: 12px 0 25px
	}
	#productsList ul li.recommend a .product {
		width: 80.676vw
	}
	#productsList ul li.recommend a .product img {
		height: 80.676vw
	}
	#productsList ul li.recommend a .content {
		margin-top: 0
	}
	#productsList ul li.recommend a .content .title {
		font-size: 18px;
		margin-bottom: 4px
	}
	#productsList ul li.recommend a .content .intro {
		font-size: 14px
	}
	#productsList ul li a {
		height: auto;
		padding: 0 0 10px;
		border-radius: 8px
	}
	#productsList ul li a:hover {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		box-shadow: none
	}
	#productsList ul li a .product {
		width: 100%;
		border-radius: 8px;
		margin-bottom: 0
	}
	#productsList ul li a .product img {
		height: 100%
	}
	#productsList ul li a .product span {
		font-size: 18px
	}
	#productsList ul li a .product span.rotate {
		-webkit-transform: rotate(-39deg) skewX(-6deg);
		-ms-transform: rotate(-39deg) skewX(-6deg);
		transform: rotate(-39deg) skewX(-6deg);
		width: 34%;
		left: 27%;
		top: 50%;
		font-size: 18px
	}
	#productsList ul li a .content {
		padding: 0 30px
	}
	#productsList ul li a .content .title {
		font-size: 17px;
		letter-spacing: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}
	#productsList ul li a .content .intro {
		font-size: 14px;
		display: none
	}
	#productIntro {
		padding: 75px 0 15px
	}
	#productIntro .posi a {
		font-size: 13px
	}
	#productIntro .posi span {
		font-size: 13px;
		color: #ccc;
		margin: 0 7px
	}
	#productIntro .contentBox.cloud .content .title {
		display: none;
		font-size: 18px;
		font-weight: 500
	}
	#productIntro .image {
		width: 100%;
		height: auto;
		border-radius: 8px;
		padding: 15%;
		margin: 10px 0
	}
	#productIntro .image > img {
		width: 100%;
		height: auto
	}
	#productIntro .image span {
		top: 56%;
		width: 34%;
		font-size: 18px
	}
	#productIntro .image span.rotate {
		width: 29%;
		left: 31%;
		top: 51%;
		font-size: 18px
	}
	#productIntro .contentBox {
		width: 100%
	}
	#productIntro .contentBox .content .list {
		font-size: 20px;
		letter-spacing: normal;
		line-height: 1.3;
		margin: 5px auto 15px
	}
	#productIntro .contentBox .content .line {
		height: 8px;
		background-repeat: repeat-x;
		background-size: auto 8px;
		margin-bottom: 12px
	}
	#productIntro .contentBox .content .title {
		font-size: 18px;
		margin-bottom: 0
	}
	#productIntro .contentBox .content .intro {
		font-size: 14px;
		line-height: 24px;
		max-height: none;
		padding-right: 0;
		margin-bottom: 25px
	}
	#productIntro .contentBox .content .intro span {
		font-size: 14px !important;
		line-height: 24px !important
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar {
		width: 3px;
		height: 3px
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		border-radius: 6px
	}
	#productIntro .contentBox .content .intro::-webkit-scrollbar-thumb {
		border-radius: 6px;
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1)
	}
	#productIntro .contentBox .content .intro p {
		margin-bottom: 13px
	}
	#productIntro .contentBox .more {
		width: 60%;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		border-radius: 6px;
		overflow: hidden;
		margin: 0 auto 10px
	}
	#productIntro .contentBox .more::before, #productIntro .contentBox .more::after {
		width: 62%;
		height: 7px
	}
	#productIntro .contentBox .more::before {
		top: 19px;
		left: -70px
	}
	#productIntro .contentBox .more::after {
		top: 19px;
		right: -70px
	}
	#productIntro .contentBox .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#productAdvantages {
		padding: 20px 0;
		min-height: auto
	}
	#productAdvantages .productAdvantagesTitle {
		font-size: 24px;
		margin-bottom: 12px
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide {
		min-height: 176px;
		border-radius: 8px;
		padding: 30px 50px;
		backdrop-filter: blur(20px)
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon {
		margin-bottom: 16px
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .icon img {
		height: 50%
	}
	#productAdvantages .productAdvantagesMain .swiper-wrapper .swiper-slide .title {
		font-size: 16px;
		line-height: 24px
	}
	#productAdvantages .productAdvantagesMain .swiper-pagination {
		display: block;
		text-align: center;
		margin-top: 15px
	}
	#productAdvantages .productAdvantagesMain .swiper-pagination .swiper-pagination-bullet {
		display: inline-block;
		width: 14px;
		height: 5px;
		background: #fff;
		border-radius: 3px;
		opacity: 0.6;
		z-index: 2;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		cursor: pointer;
		margin-right: 6px
	}
	#productAdvantages .productAdvantagesMain .swiper-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}
	#productAdvantages .productAdvantagesMain .swiper-pagination .swiper-pagination-bullet-active {
		width: 24px;
		background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
		background: linear-gradient(90deg, #0B50AD, #23C3FF);
		opacity: 1
	}
	#productParams {
		padding: 15px 0 0
	}
	#productParams .productParamsTitle {
		font-size: 22px;
		margin-bottom: 12px
	}
	#productParams .productParamsMain {
		font-size: 15px;
		line-height: 1.8;
		overflow-x: auto;
		margin-bottom: 20px
	}
	#productParams .productParamsMain ul.list-paddingleft-2 {
		display: block
	}
	#productParams .productParamsMain ul.list-paddingleft-2 li {
		width: 50%;
		padding-bottom: 15px
	}
	.detailModule strong {
		font-size: 16px
	}
	.detailModule img {
		border-radius: 5px;
		margin: 12px 0
	}
	#productParams .productParamsMain::-webkit-scrollbar {
		width: 2px;
		height: 2px;
		background-color: #eee
	}
	#productParams .productParamsMain::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		border-radius: 6px;
		background-color: #eee
	}
	#productParams .productParamsMain::-webkit-scrollbar-thumb {
		border-radius: 6px;
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		background: -webkit-linear-gradient(left, #0B50AD, #23C3FF);
		background: linear-gradient(90deg, #0B50AD, #23C3FF);
		cursor: pointer
	}
	#productParams .productParamsMain table thead {
		border-radius: 6px 0 6px 0
	}
	#productParams .productParamsMain table thead tr th {
		height: 45px;
		padding: 0 20px;
		font-size: 16px
	}
	#productParams .productParamsMain table tr.firstRow td {
		padding: 8px 20px 7px
	}
	#productParams .productParamsMain table tbody tr td {
		padding: 7px 20px;
		font-size: 14px
	}
	#solutionsList {
		padding: 25px 0 30px;
		margin-top: 0
	}
	#solutionsList .commonBg {
		min-height: auto
	}
	#solutionsList ul li {
		padding: 25px 0
	}
	#solutionsList ul li:nth-child(odd) {
		flex-direction: column
	}
	#solutionsList ul li .image {
		width: 100%;
		border-radius: 8px;
		margin-bottom: 15px
	}
	#solutionsList ul li .image img {
		height: auto
	}
	#solutionsList ul li .content {
		position: relative;
		width: 100%
	}
	#solutionsList ul li .content .icon {
		margin-bottom: 6px
	}
	#solutionsList ul li .content .icon img {
		height: 36px
	}
	#solutionsList ul li .content .title {
		font-size: 18px;
		position: absolute;
		top: 5px;
		left: 50px
	}
	#solutionsList ul li .content .intro {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 25px
	}
	#solutionsList ul li .content .more {
		min-width: 145px;
		height: 40px;
		line-height: 36px;
		border-radius: 6px;
		font-size: 12px;
		margin-top: 0;
		padding: 0 44px;
		border-width: 2px
	}
	#solutionsList ul li .content .more::before, #solutionsList ul li .content .more::after {
		width: 37px;
		height: 7px
	}
	#solutionsList ul li .content .more::before {
		top: 15px;
		background: url(../img/moreShortBefore.png) no-repeat center/cover
	}
	#solutionsList ul li .content .more::after {
		top: 14px;
		background: url(../img/moreShortAfter.png) no-repeat center/cover
	}
	#solutionsList ul li .content .more span::after {
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: 40px;
		border-radius: 6px
	}
	#solutionsList ul li .content .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#solutionsList ul li .content .more:hover::before {
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	#solutionsList ul li .content .more:hover::after {
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#news {
		padding: 70px 0 20px;
		margin-top: -55px
	}
	#news .commonBg {
		min-height: 2512px
	}
	#news .newsRecommend {
		margin-bottom: 12px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a {
		border-radius: 8px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a::after {
		width: 100%
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .image {
		width: 100%
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .image img {
		height: 56.522vw
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content {
		width: 100%;
		padding: 30px 20px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .title {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 8px;
		height: auto
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .intro {
		font-size: 14px;
		line-height: 24px;
		height: 96px;
		margin-bottom: 14px
	}
	#news .newsRecommend .swiper-wrapper .swiper-slide a .content .time {
		font-size: 14px
	}
	#news .newsRecommend .swiper-pagination {
		right: 68px;
		bottom: 35px
	}
	#news .newsRecommend .swiper-pagination .swiper-pagination-bullet {
		width: 14px;
		height: 5px;
		border-radius: 3px;
		margin-right: 6px
	}
	#news .newsRecommend .swiper-pagination .swiper-pagination-bullet-active {
		width: 24px
	}
	#news .newsList {
		margin-bottom: 40px
	}
	#news .newsList ul {
		margin: -6px 0
	}
	#news .newsList ul li {
		width: 100%;
		margin: 6px 0
	}
	#news .newsList ul li a {
		padding: 15px 15px 22px;
		border-radius: 8px
	}
	#news .newsList ul li a .image img {
		height: 37.44vw
	}
	#news .newsList ul li a .content {
		padding: 23px 100px 0 9px
	}
	#news .newsList ul li a .content .time {
		font-size: 14px;
		margin-bottom: 5px
	}
	#news .newsList ul li a .content .title {
		font-size: 16px;
		line-height: 24px;
		height: auto
	}
	#news .newsList ul li a .content .arrow {
		right: 20px;
		bottom: 10px;
		width: 44px;
		height: 32px;
		line-height: 28px;
		border-radius: 6px;
		font-size: 11px;
		border-width: 2px
	}
	#newsDetail {
		padding: 72px 0 15px
	}
	#newsDetail .content1600 {
		width: 100%;
		max-width: 100%
	}
	#newsDetail .newsDetailTitle {
		margin: 0 0px 15px;
		padding: 0 20px 0
	}
	#newsDetail .newsDetailTitle .nav {
		display: none;
		margin-bottom: 8px
	}
	#newsDetail .newsDetailTitle .nav a {
		font-size: 12px
	}
	#newsDetail .newsDetailTitle .nav span {
		margin: 0 6px;
		font-size: 12px
	}
	#newsDetail .newsDetailTitle .title {
		font-size: 20px;
		margin-bottom: 15px
	}
	#newsDetail .newsDetailTitle .other {
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 10px 12px;
		box-shadow: 0 3px 24px 0 rgba(87, 138, 172, 0.06);
		border-radius: 6px;
		font-size: 12px
	}
	#newsDetail .newsDetailTitle .other .source {
		margin-right: 0;
		margin-bottom: 6px
	}
	#newsDetail .newsDetailTitle .other .writer {
		float: left;
		display: inline-block;
		line-height: 20px;
		margin-left: 1.5vw
	}
	#newsDetail .newsDetailTitle .other .time {
		float: left;
		height: 20px;
		line-height: 20px;
		padding-left: 0;
		border: 0
	}
	#newsDetail .newsDetailTitle .other .time span, #newsDetail .newsDetailTitle .other .source span, #newsDetail .newsDetailTitle .other .writer span {
		font-size: 13px;
		margin-left: 6px
	}
	#newsDetail .newsDetailTitle .other .returnBtn {
		right: 16px;
		font-size: 13px;
		height: 35px;
		line-height: 35px
	}
	#newsDetail .newsDetailTitle .other .returnBtn::after {
		width: 22px;
		height: 22px;
		border-radius: 2px
	}
	#newsDetail .newsDetailTitle .other .returnBtn:hover::after {
		width: 92px;
		height: 30px;
		border-radius: 4px
	}
	#newsDetail .newsDetailTitle .other .returnBtn i {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 7px;
		margin-left: 8px
	}
	#newsDetail .newsDetailMain {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin: 0 0;
		padding: 0 20px
	}
	#newsDetail .newsDetailMain .newsDetailLeft {
		width: 100%
	}
	#newsDetail .newsDetailMain .newsDetailLeft .content {
		font-size: 14px;
		line-height: 1.75;
		border: none;
		box-shadow: none;
		background: none;
		padding: 0
	}
	#newsDetail .newsDetailMain .newsDetailLeft .content img {
		margin: 10px auto
	}
	#newsDetail .newsDetailMain .newsDetailLeft .content p strong {
		font-size: 1.05em
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 25px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a {
		height: auto;
		margin-right: 0;
		margin-bottom: 12px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a:last-child {
		margin-right: 0
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.nextBtn {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 10px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.prevBtn {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 10px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a.returnBtn {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 10px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a:hover {
		-webkit-transform: translate(0px, -8px);
		-ms-transform: translate(0px, -8px);
		transform: translate(0px, -8px);
		box-shadow: 10px 10px 15px #eee
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .tab {
		font-size: 10px;
		height: 18px;
		line-height: 18px;
		padding: 0 5px;
		margin-bottom: 6px;
		border-radius: 3px
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .title {
		font-size: 13px;
		line-height: 1.4
	}
	#newsDetail .newsDetailMain .newsDetailLeft .newsDetailBtns a .icon {
		width: 20px;
		height: 20px;
		margin-left: 9px
	}
	#newsDetail .newsDetailMain .newsDetailRight {
		width: 100%;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: 15px
	}
	#newsDetail .newsDetailMain .newsDetailRight .title {
		font-size: 14px;
		margin-bottom: 0;
		margin-right: 12px
	}
	#newsDetail .newsDetailMain .newsDetailRight .share {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	#newsDetail .newsDetailMain .newsDetailRight .share a {
		width: 32px;
		height: 32px;
		line-height: 30px;
		font-size: 16px;
		margin-right: 8px;
		margin-bottom: 0
	}
	#newsDetail .newsDetailMain .newsDetailRight .share a img {
		height: 38px
	}
	.coreTechList {
	    padding-top: 6px;
	}
	.coreTechList .list {
	    width: 100%;
	    margin: 0 0 4.263vw;
	}
	.coreTechList .list:last-child {
	    width: 100%;
	    margin: 0 0 1.263vw;
	}
	.coreTechList .list .imgBox {
	    padding-top: 25%;
    }
    .coreTechList .list .imgBox img {
        height: auto;
    }
    .coreTechList .list .contentBox::after {
        background-size: 30% auto;
    }
    .coreTechList .list .contentBox .content {
        padding: 5px 15px 15px;
    }
    .coreTechList .list .contentBox .content .listTitle {
        font-size: 24px;
        text-align: center;
        line-height: 2;
        padding: 5px 0;
    }
    .coreTechList .list .contentBox .content .btn {
        display: block;
        width: 32%;
        margin: 0 auto;
    }
    .coreTechList .list .contentBox .content .btn a {
        height: auto;
        padding: 5px 15px;
    }
    .coreTechList .list .contentBox .content .btn a span {
        font-size: 14px;
        margin-right: 7px;
    }
    .coreTechList .list .contentBox .content .btn a i {
        font-size: 11px;
    }
    .coreTechView .view {
        width: 100%;
        border: none;
        background: none;
        margin: 0;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .coreTechView .view .contentBox .content {
        padding: 0;
    }
    .coreTechView .view .contentBox .content .viewTitle {
        font-size: 20px;
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .coreTechView .view .contentBox .content .desc {
        font-size: 14px;
        line-height: 1.8;
    }
    .coreTechView .view .contentBox .content .desc h3 {
        line-height: 1.3;
        padding-bottom: 7px;
    }
    .coreTechView .view .contentBox .content .desc img {
        margin: 12px auto;
    }
    .coreTechView .view .contentBox .content .desc table {
        margin: 12px auto;
    }
    .coreTechView .view .contentBox .content .desc table thead {
		border-radius: 6px 0 6px 0
	}
	.coreTechView .view .contentBox .content .desc table thead tr th {
		height: 45px;
		padding: 0 10px;
		font-size: 16px
	}
	.coreTechView .view .contentBox .content .desc table tr.firstRow td {
		font-size: 14px;
		padding: 8px 10px 7px
	}
	.coreTechView .view .contentBox .content .desc table tbody tr td {
		width: auto !important;
		padding: 7px 10px;
		font-size: 13px;
	}
	
	#aboutus {
		padding: 80px 0 30px;
		margin-top: -58px
	}
	#aboutus .aboutusContent {
		margin-bottom: 25px
	}
	#aboutus .aboutusContent .imageBox {
		width: 100%;
		height: auto;
		border-radius: 6px
	}
	#aboutus .aboutusContent .imageBox .image {
		border-radius: 8px
	}
	#aboutus .aboutusContent .imageBox .image img {
		width: 100%
	}
	#aboutus .aboutusContent .imageBox .image .play {
		width: 53px;
		height: 52px;
		box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.46)
	}
	#aboutus .aboutusContent .content {
		width: 100%;
		padding-top: 15px
	}
	#aboutus .aboutusContent .content .title {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 13px
	}
	#aboutus .aboutusContent .content .intro {
		font-size: 14px;
		line-height: 24px;
		max-height: none;
		padding-right: 0;
		margin-right: 0
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar {
		width: 3px;
		height: 3px
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
		border-radius: 6px
	}
	#aboutus .aboutusContent .content .intro::-webkit-scrollbar-thumb {
		border-radius: 6px;
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1)
	}
	#aboutus .aboutusContent .content .intro p {
		margin-bottom: 13px
	}
	#aboutus .aboutusNumber {
		margin: -6px
	}
	#aboutus .aboutusNumber .list {
		width: calc(50% - 12px);
		height: auto;
		min-height: 130px;
		padding: 26px 25px 20px;
		margin: 6px;
		border-radius: 8px
	}
	#aboutus .aboutusNumber .list:hover {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	#aboutus .aboutusNumber .list .icon {
		margin-bottom: 5px
	}
	#aboutus .aboutusNumber .list .icon img {
		height: 38px
	}
	#aboutus .aboutusNumber .list .number b {
		font-size: 20px;
		line-height: 1.3
	}
	#aboutus .aboutusNumber .list .number b + b {
		font-size: 20px
	}
	#aboutus .aboutusNumber .list .number span {
		font-size: 14px
	}
	#aboutus .aboutusNumber .list .intro {
		font-size: 12px;
		line-height: 16px
	}
	#culture {
		padding: 25px 0;
		margin-bottom: 0;
		height: auto
	}
	#culture .cultureTitle {
		font-size: 22px;
		margin-bottom: 25px
	}
	#culture .cultureMain {
		margin: -6px 0
	}
	#culture .cultureMain .list {
		width: 100%;
		height: auto;
		backdrop-filter: blur(20px);
		border-radius: 8px;
		margin: 6px 0;
		padding: 23px 20px
	}
	#culture .cultureMain .list::after {
		left: -1px;
		top: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px)
	}
	#culture .cultureMain .list .title {
		font-size: 26px;
		line-height: 1;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.3) 1px 0px 1px
	}
	#culture .cultureMain .list .subTitle {
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 8px
	}
	#culture .cultureMain .list .line {
		height: 2px;
		margin-bottom: 14px
	}
	#culture .cultureMain .list .line::before {
		margin-right: 2px
	}
	#culture .cultureMain .list .line::after {
		width: 2px
	}
	#culture .cultureMain .list .intro {
		font-size: 14px;
		line-height: 24px;
		min-height: auto;
		margin-bottom: 12px
	}
	#culture .cultureMain .list .icon img {
		height: 38px
	}
	#history {
		padding: 25px 0
	}
	#history .historyTitle {
		font-size: 22px;
		margin-bottom: 15px
	}
	#history .historyMain .historyYear {
		width: 371px;
		margin-top: 15px
	}
	#history .historyMain .historyYear .swiper-wrapper .swiper-slide .line {
		width: 100%;
		height: 10px
	}
	#history .historyMain .historyYear .swiper-wrapper .swiper-slide .line span {
		width: 1px;
		height: 100%
	}
	#history .historyMain .historyYear .swiper-wrapper .swiper-slide .year {
		margin-left: 0;
		font-size: 16px;
		margin-top: 4px
	}
	#history .historyMain .historyContent {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide {
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		opacity: 0 !important
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide-active {
		z-index: 2 !important;
		opacity: 1 !important
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .year {
		font-size: 28px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro {
		display: block;
		font-size: 13px;
		line-height: 22px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro h3 {
		font-size: 15px;
		border-radius: 5px;
		padding: 12px 15px 10px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro p {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.8;
		margin-left: 18px
	}
	#history .historyMain .historyContent .swiper-wrapper .swiper-slide .intro p::before {
		font-size: 10px;
		padding-right: 6px;
		margin-top: 3px;
		margin-left: -18px
	}
	#history .historyMain .historyImages {
		width: 100%
	}
	#history .historyMain .historyImages .swiper-wrapper .swiper-slide {
		border-radius: 8px;
		opacity: 1 !important
	}
	#history .historyMain .historyImages .swiper-wrapper .swiper-slide img {
		height: 65.942vw
	}
	#branch {
		padding: 80px 0 25px;
		margin-top: -55px
	}
	#branch .branchTitle {
		font-size: 20px;
		margin-bottom: 15px
	}
	#branch .branchMain {
		margin: -6px 0
	}
	#branch .branchMain .list {
		width: 100%;
		min-height: auto;
		border-radius: 6px;
		margin: 6px 0;
		padding: 20px
	}
	#branch .branchMain .list::after {
		-webkit-mask-position: left bottom;
		mask-position: left bottom
	}
	#branch .branchMain .list .icon {
		margin-bottom: 10px
	}
	#branch .branchMain .list .icon img {
		height: 32px
	}
	#branch .branchMain .list .title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 3px
	}
	#branch .branchMain .list .address {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 8px
	}
	#branch .branchMain .list .phone {
		font-size: 16px;
		line-height: 24px
	}
	#message {
		padding: 30px 0
	}
	#message .messageTitle {
		font-size: 20px;
		margin-bottom: 15px
	}
	#message .messageMain {
		padding: 15px 20px;
		border-radius: 6px;
		backdrop-filter: blur(20px)
	}
	#message .messageMain .list {
		width: 100%;
		margin: 5px 0
	}
	#message .messageMain .list:nth-child(6) {
		width: 100%
	}
	#message .messageMain .list .title {
		font-size: 14px;
		margin-bottom: 8px
	}
	#message .messageMain .list .title span {
		margin-left: 2px
	}
	#message .messageMain .list .input input, #message .messageMain .list .input textarea {
		height: 48px;
		font-size: 13px;
		border-radius: 4px;
		padding: 0 16px
	}
	#message .messageMain .list .input textarea {
		height: 109px;
		padding: 12px 16px
	}
	#message .messageMain .list .input img {
		height: 35px;
		right: 16px
	}
	#message .messageMain .list .input .bg {
		border-radius: 6px
	}
	#message .messageMain .list .submit {
		height: 48px;
		line-height: 48px;
		border-radius: 6px;
		font-size: 14px;
		margin-top: 8px;
		padding: 0 64px;
		overflow: hidden
	}
	#message .messageMain .list .submit::before, #message .messageMain .list .submit::after {
		width: 216px;
		height: 7px
	}
	#message .messageMain .list .submit::before {
		top: 21px;
		left: -77px;
		background: url("../img/moreWhiteOverlengthBefore.png") no-repeat center/cover
	}
	#message .messageMain .list .submit::after {
		top: 21px;
		right: -77px;
		background: url("../img/moreWhiteOverlengthAfter.png") no-repeat center/cover
	}
	#message .messageMain .list .submit:hover {
		box-shadow: 0 8px 24px #1687d4
	}
	#srch {
		padding: 40px 0
	}
	#srch .commonBg {
		min-height: 1551px
	}
	#srch .srchTitle {
		font-size: 22px;
		margin-bottom: 25px
	}
	#srch .srchMain {
		margin-bottom: 40px
	}
	#srch .srchMain ul li {
		border-radius: 6px;
		margin-bottom: 10px
	}
	#srch .srchMain ul li .head {
		height: 60px;
		line-height: 60px;
		padding: 0 20px
	}
	#srch .srchMain ul li .head .content .name {
		width: auto;
		font-size: 14px;
		margin-right: 27px
	}
	#srch .srchMain ul li .head .content .other {
		display: none
	}
	#srch .srchMain ul li .head .content .other span {
		width: 230px;
		font-size: 16px;
		margin-right: 59px
	}
	#srch .srchMain ul li .head .arrow {
		width: 42px;
		height: 26px;
		line-height: 24px;
		font-size: 11px;
		border-radius: 6px;
		margin-top: 17px
	}
	#srch .srchMain ul li .contentBox {
		padding: 0 20px
	}
	#srch .srchMain ul li .contentBox .content {
		padding: 25px 0 0
	}
	#srch .srchMain ul li .contentBox .content .title {
		font-size: 15px;
		margin-bottom: 7px
	}
	#srch .srchMain ul li .contentBox .content .intro {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 14px
	}
	#srch .srchMain ul li .contentBox .more {
		min-width: 145px;
		height: 40px;
		line-height: 40px;
		border-radius: 6px;
		font-size: 12px;
		margin-top: 21px;
		padding: 0 44px;
		margin-bottom: 40px
	}
	#srch .srchMain ul li .contentBox .more::before, #srch .srchMain ul li .contentBox .more::after {
		width: 37px;
		height: 7px
	}
	#srch .srchMain ul li .contentBox .more::before {
		top: 18px;
		background: url("../img/moreWhiteShortBefore.png") no-repeat center/cover
	}
	#srch .srchMain ul li .contentBox .more::after {
		top: 19px;
		background: url("../img/moreWhiteShortAfter.png") no-repeat center/cover
	}
	#srch .srchMain ul li .contentBox .more:hover {
		box-shadow: 0 8px 14px #1687d4
	}
	#solutionIntro {
		min-height: 448px;
		margin-top: 0
	}
	#solutionIntro .commonBg {
		width: calc(100% + 80px)
	}
	#solutionIntro .title {
		font-size: 24px;
		width: 100%;
		margin-bottom: 7px
	}
	#solutionIntro .intro {
		font-size: 14px;
		line-height: 22px;
		width: 100%;
		margin-bottom: 40px
	}
	#solutionSpec {
		padding: 40px 0 0
	}
	#solutionSpec .solutionSpecTitle {
		padding-bottom: 12px
	}
	#solutionSpec .solutionSpecTitle .title {
		font-size: 22px;
		line-height: 1.3;
		margin-right: 0;
		margin-bottom: 12px
	}
	#solutionSpec .solutionSpecTitle .intro {
		width: 100%;
		font-size: 15px;
		line-height: 1.75
	}
	#solutionSpec .solutionSpecTitle .intro p {
		margin-bottom: 0
	}
	#solutionSpec .solutionSpecMain {
		border-radius: 8px
	}
	#solutionSpec .solutionSpecMain img {
		min-height: 180px;
		object-fit: cover
	}
	#coreAdvantages {
		padding: 10px 0 30px
	}
	#coreAdvantages .coreAdvantagesLeft {
		width: 100%;
		margin-right: 0
	}
	#coreAdvantages .coreAdvantagesLeft .title {
		font-size: 22px;
		margin-bottom: 15px
	}
	#coreAdvantages .coreAdvantagesLeft .content {
		height: auto;
		padding-left: 2px;
		padding-right: 0
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide {
		margin-bottom: 12px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .number {
		font-size: 13px;
		width: 30px;
		height: 20px;
		line-height: 20px;
		border-radius: 4px;
		margin-right: 12px
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-wrapper .swiper-slide .name {
		font-size: 15px;
		line-height: 1.3
	}
	#coreAdvantages .coreAdvantagesLeft .content .swiper-pagination {
		width: 2px
	}
	#coreAdvantages .coreAdvantagesRight {
		width: 100%;
		margin-bottom: 10px
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox {
		width: 100%
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide {
		border-radius: 8px
	}
	#coreAdvantages .coreAdvantagesRight .coreAdvantagesBox .swiper-wrapper .swiper-slide img {
		height: auto
	}
	.videoPopupBox .layui-layer-setwin .layui-layer-close2 {
		right: 11px;
		top: 18px;
		font-size: 22px
	}
	.msg-form {
		width: 99%;
		height: auto;
		padding: 10px 20px 20px
	}
	.m-msg-table {
		border-top: 4px solid #0B50AD
	}
	.popclose-btn {
		width: 28px;
		height: 28px;
		top: 15px;
		right: 20px
	}
	.popclose-btn:after, .popclose-btn:before {
		width: 22px;
		left: 3px;
		top: 13px
	}
	.formtitle {
		font-size: 20px;
		margin: 10px 0
	}
	.form-text {
		font-size: 14px;
		line-height: 1.4
	}
	.msg-formtable {
		padding: 13px 0 0;
		margin-top: 15px
	}
	.msg-formtable ul li:last-child {
		padding-top: 5px
	}
	.msg-formtable ul li.sgitem {
		margin: 0 -20px
	}
	.msg-formtable ul li.sgitem .input-item {
		width: 100%;
		padding: 5px 20px;
		margin-bottom: 5px
	}
	.quote-box {
		padding-left: 64px
	}
	.quote-box input, .quote-box select {
		height: 46px
	}
	.quote-box input, .quote-box textarea, .quote-box select {
		font-size: 15px;
		line-height: 1.5
	}
	.quote-box span {
		width: 50px
	}
	.quote-box span img {
		width: 50%
	}
	.sign-text {
		font-size: 15px;
		padding-top: 15px
	}
	.contact-submit {
		margin-top: 15px
	}
	.contact-submit .sendform, .contact-submit input {
		font-size: 15px;
		width: 150px;
		height: 40px;
		line-height: 40px
	}
	.credit {
		position: relative;
		line-height: 1.5;
		margin-top: 9rem
	}
	.social a.message {
		font-size: 13px
	}
	.intro-right {
		display: none
	}
	.pcMenu {
		display: none
	}
	#mDetailList {
		display: block
	}
	#mDetailList .mob-nav {
		width: 100%;
		padding: 0
	}
	#mDetailList .mob-nav ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	#mDetailList .mob-nav .lv1 {
		display: block;
		border-bottom: 1px solid #edf2f7;
		background: #fff
	}
	#mDetailList .mob-nav .lv1 > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 15px;
		font-weight: 600;
		color: #1a2c3e;
		padding: 12px 20px 11px;
		text-decoration: none;
		transition: background 0.2s
	}
	#mDetailList .mob-nav .lv1 > a.active {
		background: #f2f9fc
	}
	#mDetailList .mob-nav .lv1 > a .arrow-icon {
		width: 20px;
		height: 20px;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238596a6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat center;
		background-size: 16px;
		transition: transform 0.3s ease
	}
	#mDetailList .mob-nav .lv1.open > a .arrow-icon {
		transform: rotate(180deg)
	}
	#mDetailList .mob-nav .lv1:not(:has(.lv2)) > a .arrow-icon {
		display: none
	}
	#mDetailList .mob-nav .lv1 > ul {
		display: none;
		background: #f8fafd;
		padding: 0;
		list-style: none
	}
	#mDetailList .mob-nav .lv1.open > ul {
		display: block
	}
	#mDetailList .mob-nav .lv2 {
		display: block;
		border-bottom: 1px solid #e6edf4
	}
	#mDetailList .mob-nav .lv2 > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 15px;
		font-weight: 400;
		color: #2c3f55;
		padding: 12px 20px 11px 36px;
		text-decoration: none;
		background: transparent
	}
	#mDetailList .mob-nav .lv2 > a .sub-arrow {
		width: 18px;
		height: 18px;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238596a6" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat center;
		background-size: 14px;
		transition: transform 0.3s
	}
	#mDetailList .mob-nav .lv2.open > a .sub-arrow {
		transform: rotate(180deg)
	}
	#mDetailList .mob-nav .lv2 > ul {
		display: none;
		background: #fff;
		list-style: none
	}
	#mDetailList .mob-nav .lv1 > ul, #mDetailList .mob-nav .lv2 > ul {
		overflow: hidden;
		transition: all 0.3s ease-out
	}
	#mDetailList .mob-nav .lv2.open > ul {
		display: block
	}
	#mDetailList .mob-nav .lv3 {
		display: block;
		border-bottom: 1px solid #f2f9fc
	}
	#mDetailList .mob-nav .lv3 a {
		display: block;
		font-size: 14px;
		font-weight: 400;
		color: #4a627a;
		padding: 12px 20px 11px 56px;
		text-decoration: none;
		background: #fff
	}
	#mDetailList .mob-nav a:active {
		background-color: rgba(11, 80, 173, 0.05)
	}
}