* {
	box-sizing:border-box;
	outline:0
}
*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline:0
}
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin:0;
	padding:0
}
div,p,span,i,em {
	white-space:inherit !important
}
:root {
	--main-color:#612272;
	--sub-color:#f39800;
	--DIN-BOLD:"DIN-BOLD";
	--font-family-H-S-SC-R:'HarmonyOS_Sans_SC_Regular';
	--font-family-H-S-SC-M:'HarmonyOS_Sans_SC_Medium';
	--font-family-H-S-SC-B:'HarmonyOS_Sans_SC_Bold';
	--Montserrat-Light:"Montserrat-Light";
	--Poppins-Semibold:"Poppins-Semibold"
}
a {
	color:#666;
	outline:none;
	text-decoration:none
}
a:hover {
	color:var(--main-color)
}
ol,ul {
	list-style:none
}
img {
	border:0;
	width:auto;
	height:auto
}
table {
	border-collapse:collapse;
	width:100%
}
input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor:pointer;
	outline:none
}
input[type='checkbox'],input[type='radio'] {
	position:relative;
	vertical-align:middle;
	margin:-2px 5px 1px
}
textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding:0;
	color:#616161;
	outline:none
}
html,body {
	position:relative
}
html {
	font-size:10px
}
@media screen and (min-width:1920px) {
	html {
	font-size:10px !important
}
}@media (max-width:1024px) {
	html {
	font-size:8px!important
}
}::-webkit-scrollbar {
	width:6px;
	height:6px
}
::-webkit-scrollbar-thumb {
	height:0px;
	opacity:.5;
	background:rgba(0,0,0,0.08);
	transition:all 500ms ease
}
::-webkit-scrollbar-thumb:hover {
	background-color:#ddd
}
::-webkit-scrollbar-thumb:active {
	background-color:#ddd
}
.body::-webkit-scrollbar {
	width:10px
}
.scroll-content {
	overflow:hidden
}
.scrollbar-thumb {
	width:5px !important
}
.scrollbar-track-y {
	z-index:9999 !important
}
.scrollbar-track {
	background-color:transparent !important;
	right:0 !important
}
.scrollbar-track:hover {
	cursor:grab
}
.scrollbar-thumb {
	background:rgba(0,0,0,0.5) !important
}
.body::-webkit-scrollbar-track {
	background:#f1f1f1;
	border-radius:10px
}
.body::-webkit-scrollbar-thumb {
	background:linear-gradient(to bottom,#6a11cb 0%,#2575fc 100%);
	border-radius:10px;
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
.body::-webkit-scrollbar-thumb:hover {
	background:linear-gradient(to bottom,#5a0db9 0%,#1c6ae4 100%)
}
.fp-scrollable {
	scrollbar-width:thin;
	scrollbar-color:#6a11cb #f1f1f1
}
.f-l {
	float:left
}
.f-r {
	float:right
}
.dw {
	top:-100px;
	width:1px;
	z-index:-1;
	position:absolute
}
.circle {
	position:relative;
	width:4rem;
	height:4rem;
	display:inline-block;
	text-align:center;
	z-index:2;
	margin:auto;
	border-radius:50%;
	background:transparent
}
.circle:after {
	content:'';
	display:block;
	margin:auto;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	opacity:0;
	animation:ripple 2s ease-out 0s infinite;
	background-color:rgba(2,132,193,0.5)
}
.circle:before {
	content:'';
	display:block;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0;
	border-radius:50%;
	background-color:rgba(2,132,193,0.5);
	animation:ripple 2s ease-out 1s infinite
}
@keyframes ripple {
	0% {
	opacity:0;
	transform:scale(.1,.1)
}
50% {
	opacity:1
}
100% {
	opacity:0;
	transform:scale(1)
}
}.clearfix:after {
	clear:both;
	height:0;
	content:"";
	line-height:0;
	font-size:0;
	display:block
}
.vcenter {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-width:100%;
	max-height:100%;
	display:block;
	vertical-align:middle;
	text-align:center;
	margin:auto
}
.hid {
	text-overflow:ellipsis;
	white-space:nowrap
}
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ellipsis1 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.ellipsis2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.ellipsis3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.ellipsis4 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:4
}
.ellipsis5 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:5
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration:.75s;
	animation-duration:.75s
}
@keyframes ripple {
	0% {
	opacity:0;
	transform:scale(.1,.1)
}
50% {
	opacity:1
}
100% {
	opacity:0;
	transform:scale(1)
}
}@keyframes dong {
	0% {
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp2 {
	from {
	opacity:0;
	transform:translate3d(0,50px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInUp2 {
	animation-name:fadeInUp2
}
@keyframes fadeInUp3 {
	from {
	transform:translate3d(0,20px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInUp3 {
	animation-name:fadeInUp3
}
@keyframes fadeInDown2 {
	from {
	opacity:0;
	transform:translate3d(0,-50px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInDown3 {
	animation-name:fadeInDown3
}
@keyframes fadeInDown3 {
	from {
	opacity:0;
	transform:translate3d(0,-20px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInDown2 {
	animation-name:fadeInDown2
}
@keyframes fadeInLeft {
	from {
	transform:translate3d(-30px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInLeft {
	animation-name:fadeInLeft
}
@keyframes fadeInLeft2 {
	from {
	opacity:0;
	transform:translate3d(-50px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInLeft2 {
	animation-name:fadeInLeft2
}
@keyframes fadeInRight2 {
	from {
	opacity:0;
	transform:translate3d(50px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInRight2 {
	animation-name:fadeInRight2
}
.scrollArrow {
	animation-name:scrollArrow
}
.scrollArrow1 {
	animation-name:scrollArrow1
}
@keyframes titFadeup1 {
	0% {
	clip-path:polygon(0 0,100% 0,100% 0,0 50%);
	transform:translateY(100%);
	opacity:0
}
100% {
	opacity:1;
	clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	transform:translateY(0)
}
}@keyframes titFadeup1_1 {
	0% {
	opacity:1;
	clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	transform:translateY(0)
}
100% {
	clip-path:polygon(0 0,100% 0,100% 0,0 50%);
	transform:translateY(-100%);
	opacity:0
}
}@keyframes imgScale {
	0% {
	transform:scale(1.2)
}
100% {
	transform:scale(1)
}
}@keyframes fadeInup {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeInup1 {
	0% {
	opacity:0;
	-webkit-transform:translate(-50%,60px);
	transform:translate(-50%,60px)
}
100% {
	opacity:1;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
}.titFadeup1 {
	animation:titFadeup1 1.1s ease-in-out both .1s
}
.titFadeup2 {
	animation:titFadeup1 1.1s ease-in-out both .2s
}
.fadeInup1 {
	animation:fadeInup 1.1s ease-in-out both .2s
}
.fadeInup2 {
	animation:fadeInup 1.1s ease-in-out both .3s
}
.fadeInup3 {
	animation:fadeInup 1.1s ease-in-out both .4s
}
.fadeInUpimg {
	animation:imgScale 1.2s ease-in-out both .2s
}
@keyframes bmove1 {
	0% {
	transform:scale(1.1)
}
100% {
	transform:scale(1)
}
}@keyframes scrollArrow {
	0% {
	opacity:0;
	transform:scale(.9)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes scrollArrow1 {
	0% {
	opacity:1;
	transform:scale(1.1)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes xuanzhuan {
	from {
	transform:rotate(0)
}
to {
	opacity:1;
	transform:rotate(360deg)
}
}.xuanzhuan {
	animation-name:xuanzhuan
}
@keyframes xuanzhuan2 {
	from {
	transform:rotate(0)
}
to {
	opacity:1;
	transform:rotate(-180deg)
}
}.xuanzhuan2 {
	animation-name:xuanzhuan2
}
@font-face {
	font-family:"DIN-BOLD";
	src:url('../fonts/DIN-BOLD.woff');
	src:url('../fonts/DIN-BOLD.eot');
	src:url('../fonts/DIN-BOLD.ttf');
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
@font-face {
	font-family:"Montserrat-Light";
	src:url('../fonts/Montserrat-Light.woff');
	src:url('../fonts/Montserrat-Light.eot');
	src:url('../fonts/Montserrat-Light.otf');
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
@font-face {
	font-family:'HarmonyOS_Sans_SC_Regular';
	src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
	font-style:normal;
	font-display:swap
}
@font-face {
	font-family:'HarmonyOS_Sans_SC_Medium';
	src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
	font-style:normal;
	font-display:swap
}
@font-face {
	font-family:'HarmonyOS_Sans_SC_Bold';
	src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');
	font-style:normal;
	font-display:swap
}
@font-face {
	font-family:'Poppins-Semibold';
	src:url('../fonts/Poppins-Semibold.ttf');
	src:url('../fonts/Poppins-Semibold.eot');
	src:url('../fonts/Poppins-Semibold.woff');
	font-style:normal;
	font-display:swap
}
body {
	color:#666;
	background:#fff;
	margin:0 auto;
	font-size:1.8rem;
	line-height:1.5;
	font-family:var(--font-family-H-S-SC-R),"微软雅黑",arial;
	word-wrap:normal
}
@media (max-width:1024px) {
	body {
	font-size:15px
}
}img {
	border:0;
	max-width:100%;
	vertical-align:top
}
.vcenter {
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	vertical-align:middle
}
.clearfix:after {
	clear:both;
	height:0;
	content:"";
	line-height:0;
	font-size:0;
	display:block
}
.container {
	width:100%;
	margin:0 auto;
	max-width:160rem
}
@media (max-width:1200px) {
	.container {
	padding:0 40px!important
}
}@media (max-width:1024px) {
	.container {
	max-width:640px!important;
	padding:0 20px!important
}
}.header {
	left:0;
	top:0;
	width:100%;
	z-index:99;
	position:absolute;
	background:var(--main-color)
}
.header.hide {
	opacity:0
}
.header .listbox {
	max-width:183rem;
	display:flex;
	align-items:center;
	height:8rem;
	transition:all 334ms ease-in-out;
	justify-content:space-between
}
.header .logo {
	color:#fff
}
.header .logo a {
	align-items:center;
	display:flex
}
.header .logo img {
	margin-top:-0.8rem;
	max-height:4rem;
	transition:all 500ms ease-in-out
}
.header .logo .img-2 {
	display:none
}
.header .logo-text {
	color:#fff;
	font-size:1.8rem;
	padding-left:2rem
}
.header .rightInfo {
	display:flex;
	align-items:center
}
.header .tel {
	color:#fff;
	padding-right:1.3rem;
	border-radius:3rem;
	line-height:4rem;
	font-weight:500;
	font-size:2rem;
	font-family:var(--font-family-H-S-SC-B);
	background:var(--sub-color)
}
.header .tel img {
	max-height:4rem
}
.header .tel span {
	margin-left:-1rem;
	display:inline-block
}
.header .language {
	margin-left:2rem;
	padding-left:2rem;
	display:inline-block;
	position:relative
}
.header .language a {
	display:flex;
	align-items:center
}
.header .language img {
	max-height:2.6rem
}
.header .language .img-2 {
	display:none
}
.header .language:before {
	left:0;
	top:50%;
	content:"";
	width:1px;
	height:1.5rem;
	position:absolute;
	background:#cccccc;
	transform:translateY(-50%)
}
.header .language .drop {
	left:55%;
	opacity:0;
	width:12rem;
	top:3rem;
	text-align:center;
	padding:1rem 0;
	position:absolute;
	border-radius:1rem;
	line-height:3rem;
	transform:translateX(-50%) scale(.9);
	text-transform:initial;
	transition:all 700ms ease;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	background:rgba(255,255,255,0.95)
}
.header .language .drop:before {
	content:"";
	top:-0.6rem;
	left:50%;
	z-index:3;
	transform:translateX(-50%);
	position:absolute;
	border-left:solid .8rem transparent;
	border-right:solid .8rem transparent;
	border-bottom:solid .8rem #fff
}
.header .language .drop a {
	color:#666;
	display:block;
	margin:1rem 0;
	font-size:1.6rem;
	line-height:3rem;
	position:relative;
	padding-left:1rem;
	padding-right:1rem
}
.header .language .drop a:hover {
	color:var(--main-color)
}
.header .language:hover .drop {
	opacity:1;
	transform:translateX(-50%) scale(1)
}
.header .searchBtn {
	z-index:2;
	margin-left:2.5rem;
	width:4rem;
	height:4rem;
	position:relative;
	cursor:pointer;
	border-radius:50%;
	z-index:1
}
.header .searchBtn svg {
	fill:#fff;
	width:2.6rem;
	height:2.6rem;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	transition:.5s
}
.header .searchBtn:hover:before {
	opacity:1;
	visibility:visible;
	transform:scale(1)
}
.header .searchBtn:hover svg {
	fill:#fff !important
}
@media (max-width:1024px) {
	.header {
	top:0!important;
	left:0;
	width:100%;
	height:60px!important;
	z-index:99;
	background:#fff !important;
	padding-top:0!important;
	position:fixed!important
}
.header .rightInfo {
	display:none
}
.header .listbox {
	margin-top:0;
	max-width:640px;
	height:60px!important
}
.header .logo {
	width:auto
}
.header .logo img {
	max-height:40px!important
}
.header .logo .img-1 {
	display:none
}
.header .logo .img-2 {
	display:block
}
.header .logo-text {
	color:#999
}
}.header-black {
	background:#040000
}
.common-nav {
	padding-right:2rem;
	font-family:var(--font-family-H-S-SC-B)
}
.common-nav .listNav {
	width:100%;
	display:flex;
	justify-content:space-between;
	text-align:center
}
.common-nav .listNav>li {
	margin:0 3.5rem;
	text-align:center;
	position:relative
}
.common-nav .listNav>li>a {
	z-index:1;
	color:#fff;
	height:8rem;
	font-size:1.8rem;
	line-height:3rem;
	padding:2.5rem 0;
	display:inline-block;
	position:relative;
	vertical-align:middle
}
.common-nav .listNav>li>a::after {
	opacity:0;
	content:"";
	bottom:0;
	left:50%;
	width:2rem;
	height:1.1rem;
	position:absolute;
	transition:all 500ms ease;
	transform:translateX(-50%);
	background:url(../images/arrow-bot.png) no-repeat center center;
	background-size:2rem 1.1rem
}
.common-nav .listNav>li>a>span {
	display:inline-block;
	overflow:hidden;
	height:3rem;
	line-height:3rem;
	position:relative
}
.common-nav .listNav>li>a .txt-1 {
	display:block;
	transition:.5s
}
.common-nav .listNav>li>a .txt-2 {
	display:block;
	transform:translateY(100%);
	transition:.5s
}
.common-nav .listNav>li:hover>a,.common-nav .listNav>li.active>a {
	color:var(--sub-color)
}
.common-nav .listNav>li:hover>a>span::after,.common-nav .listNav>li.active>a>span::after {
	width:100%
}
.common-nav .listNav>li:hover>a .txt-1,.common-nav .listNav>li.active>a .txt-1 {
	transform:translateY(-100%)
}
.common-nav .listNav>li:hover>a .txt-2,.common-nav .listNav>li.active>a .txt-2 {
	transform:translateY(-100%)
}
.common-nav .listNav>li:hover a::after,.common-nav .listNav>li.active a::after {
	opacity:1;
	bottom:1rem
}
.common-nav .listNav>li>.child {
	display:block;
	min-width:23rem;
	text-align:center;
	position:absolute;
	z-index:999;
	top:8rem;
	left:50%;
	transform-origin:0 0;
	transform:scaleY(0) translateX(-50%);
	transition:transform .2s
}
.common-nav .listNav>li>.child>.list {
	padding:4rem 0;
	font-size:1.8rem;
	background:#fff;
	box-shadow:0 0 2rem rgba(0,0,0,0.05);
	position:relative
}
.common-nav .listNav>li>.child>.list a {
	width:100%;
	display:block;
	color:#212121;
	height:auto;
	line-height:2.4rem;
	padding:1.5rem 0;
	position:relative
}
.common-nav .listNav>li>.child>.list a:hover {
	color:var(--main-color)
}
.common-nav .listNav>li>.child.show {
	display:block;
	transform:scaleY(1) translateX(-50%)
}
.common-nav .listNav>li>.child-2 {
	min-width:100%;
	background:#fff
}
.common-nav .listNav>li>.child-2 a {
	color:#212121
}
.common-nav .listNav>li>.child-2 a:hover {
	color:var(--main-color)
}
.common-nav .listNav>li>.child-2 .container {
	max-width:144rem;
	display:flex;
	text-align:left;
	font-family:var(--font-family-H-S-SC-R)
}
.common-nav .listNav>li>.child-2 .pronav {
	width:35%;
	padding-top:3rem;
	padding-bottom:6rem;
	padding-left:23rem;
	border-right:solid 1px #bcbcbc;
	font-family:var(--font-family-H-S-SC-B)
}
.common-nav .listNav>li>.child-2 .pronav li {
	padding-top:1.8rem
}
.common-nav .listNav>li>.child-2 .pronav li a {
	height:4rem;
	display:flex;
	align-items:center
}
.common-nav .listNav>li>.child-2 .pronav .active a {
	color:var(--main-color)
}
.common-nav .listNav>li>.child-2 .protab {
	width:50%;
	position:relative;
	padding-top:3rem
}
.common-nav .listNav>li>.child-2 .protab::before {
	top:0;
	left:50%;
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	background:#bcbcbc
}
.common-nav .listNav>li>.child-2 .procot {
	display:none
}
.common-nav .listNav>li>.child-2 .procot.show {
	display:block
}
.common-nav .listNav>li>.child-2 .prosub {
	display:flex;
	flex-wrap:wrap
}
.common-nav .listNav>li>.child-2 .prosub .list-2 {
	width:50%;
	padding-left:4rem;
	padding-right:4rem;
	position:relative
}
.common-nav .listNav>li>.child-2 .prosub .list-2 li {
	padding-top:1.8rem;
	position:relative
}
.common-nav .listNav>li>.child-2 .prosub .list-2 li a {
	padding:0 2.2rem;
	height:4rem;
	display:flex;
	align-items:center;
	border-radius:.5rem
}
.common-nav .listNav>li>.child-2 .prosub .list-2 li:hover a {
	background:#efe8f1
}
.common-nav .listNav>li>.child-2 .prosub .list-2 li.has-child:hover .list-3 {
	opacity:1;
	visibility:visible
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 {
	position:absolute;
	left:100%;
	top:0;
	background:#fff;
	border:solid 1px #bcbcbc;
	min-width:20rem;
	z-index:100;
	box-shadow:0 2px 12px rgba(0,0,0,0.12);
	opacity:0;
	visibility:hidden;
	transition:opacity .25s ease,visibility .25s ease;
	margin-left:-0.5rem
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul {
	display:flex;
	flex-direction:column
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul li {
	padding:1.2rem 2rem;
	white-space:nowrap;
	border-bottom:solid 1px #f0f0f0;
	transition:background .15s ease
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul li:last-child {
	border-bottom:none
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul li:hover {
	background:#f8f8f8
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul li a {
	color:#212121;
	padding:0;
	height:auto;
	display:inline;
	transition:color .15s ease
}
.common-nav .listNav>li>.child-2 .prosub .list-2 .list-3 ul li a:hover {
	color:var(--main-color)
}
@media screen and (max-width:1024px) {
	.common-nav {
	display:none
}
}.fp-flex {
	display:flex;
	align-items:center;
	height:100vh
}
@media (max-width:1024px) {
	.fp-flex {
	display:block;
	height:auto
}
}.fp-table {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
@media (max-width:1024px) {
	.fp-table {
	height:auto!important
}
}.header-ny,.fixed {
	position:static
}
.fixed {
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:9999
}
.fixed .common-nav .listNav .active>a {
	color:var(--sub-color)
}
.fp-viewing-section12 .header {
	opacity:0
}
.common-warp {
	height:6rem;
	z-index:10;
	font-size:1.6rem;
	position:relative;
	margin-top:-6rem
}
.common-warp::after {
	top:0;
	left:0;
	z-index:1;
	content:"";
	opacity:.3;
	position:absolute;
	width:100%;
	height:100%;
	background:var(--main-color)
}
.common-warp .container {
	position:relative;
	z-index:2;
	display:flex;
	justify-content:space-between
}
@media (max-width:1024px) {
	.common-warp {
	display:none
}
}.common-warp-2 {
	background:#f4f4f4;
	margin-top:auto
}
.common-warp-2 .common-current {
	width:100%;
	color:#565657;
	text-align:left
}
.common-warp-2 .common-current a {
	color:#565657
}
.common-warp-2 .common-current a:hover {
	color:var(--main-color);
	text-decoration:underline
}
.common-warp-2 .container {
	max-width:144rem
}
.common-warp-2::after {
	background:#f4f4f4
}
.common-warp-3 {
	margin-top:auto
}
.common-warp-3 .common-current {
	width:100%;
	color:#565657;
	text-align:left
}
.common-warp-3 .common-current a {
	color:#565657
}
.common-warp-3 .common-current a:hover {
	color:var(--main-color);
	text-decoration:underline
}
.common-warp-3::after {
	background:#f4f4f4
}
.common-warp-4 .common-current {
	width:100%;
	text-align:left
}
.common-warp-5 .common-menu {
	width:85%
}
.common-warp-5 .common-menu li a {
	padding-right:2rem
}
.common-warp-5 .common-current {
	width:15%
}
.common-menu {
	width:70%
}
.common-menu ul {
	display:flex;
	flex-wrap:wrap
}
.common-menu li {
	flex-wrap:1
}
.common-menu li a {
	color:#fff;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:6rem;
	padding-right:4rem;
	transition:all 500ms ease
}
.common-menu li:last-child a {
	padding-right:0
}
.common-menu .active a,.common-menu li:hover a {
	color:var(--sub-color);
	text-shadow:0 0 1px var(--sub-color)
}
.common-current {
	width:30%;
	color:#fff;
	text-align:right;
	height:6rem;
	line-height:6rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.common-current a {
	color:#fff
}
.common-current a:hover {
	text-decoration:underline
}
.common-current-2 {
	text-align:left;
	width:100%
}
.banner {
	clear:both;
	width:100%;
	height:100vh;
	overflow:hidden;
	text-align:center;
	position:relative;
	z-index:10
}
.banner .container {
	position:relative
}
.banner .pc {
	height:100vh;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	display:block
}
.banner .pc img {
	vertical-align:top;
	display:inline-block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	max-height:initial;
	max-width:initial;
	width:100%;
	object-fit:cover
}
.banner .ph {
	display:none;
	text-align:center
}
.banner .ph img {
	width:100%
}
.banner .box {
	display:block;
	position:relative;
	overflow:hidden;
	width:100%
}
.banner .text {
	top:50%;
	left:0;
	z-index:11;
	width:100%;
	text-align:left;
	position:absolute;
	transform:translateY(-50%)
}
.banner .title {
	color:#FFF;
	font-size:4.8rem;
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B)
}
.banner .title span {
	display:inline-block;
	text-shadow:0 0 1rem rgba(0,0,0,0.7)
}
.banner .title-2 {
	color:#fff;
	font-size:2.4rem;
	margin-top:2rem;
	font-family:var(--font-family-H-S-SC-M)
}
.banner .common-button {
	margin-top:12rem
}
.banner .swiper-container {
	height:100%;
	width:100%
}
.banner .swiper-slide {
	width:100% !important;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top
}
.banner .swiper-pagination {
	bottom:2rem;
	width:100%;
	text-align:center
}
.banner .swiper-pagination-bullet {
	border-radius:0;
	background:#ddd;
	opacity:1;
	border-radius:50%;
	vertical-align:middle;
	transition:all 500ms ease;
	margin:0 1rem;
	width:1rem;
	height:1rem
}
.banner .swiper-pagination-bullet-active {
	background:var(--main-color)
}
.banner .swiper-slide-active .title {
	animation:1.6s titFadeup1 ease
}
.banner .swiper-slide-active .title-2 {
	animation:1.7s titFadeup1 ease
}
.banner .swiper-slide-active .common-button {
	animation:1.8s titFadeup1 ease
}
@media (max-width:1024px) {
	.banner {
	height:auto;
	margin-top:60px
}
.banner .pc {
	height:auto;
	display:none
}
.banner .ph {
	display:block
}
}@media (max-width:768px) {
	.banner .text {
	text-align:center
}
.banner .title {
	font-size:24px
}
.banner .title-2 {
	margin-top:0
}
.banner .common-button {
	display:none
}
}.common-title {
	position:relative;
	font-weight:normal;
	line-height:7.2rem;
	font-family:var(--font-family-H-S-SC-B)
}
.common-title .cn {
	z-index:1;
	font-size:4.4rem;
	position:relative;
	color:var(--main-color)
}
.common-title .en {
	top:0;
	left:0;
	opacity:.2;
	font-size:7.4rem;
	color:transparent;
	position:absolute;
	text-transform:uppercase;
	-webkit-text-stroke:var(--main-color) 1px
}
@media (max-width:768px) {
	.common-title {
	line-height:40px
}
.common-title .cn {
	font-size:24px
}
.common-title .en {
	font-size:40px
}
}.about-section .fp-flex {
	display:block
}
.about-section .about-top {
	padding-bottom:10rem;
	padding-top:18rem;
	background:rgba(255,255,255,0.84)
}
.about-section .about-top .text {
	color:#4d4e4f;
	font-size:2rem;
	line-height:3.4rem;
	padding-top:2.5rem
}
.about-section .about-top .common-button {
	margin-top:4.5rem
}
.about-section .about-bottom ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0 -2rem
}
.about-section .about-bottom li {
	width:25%;
	padding:0 2rem;
	margin-top:6rem
}
.about-section .about-bottom li .item {
	text-align:center;
	padding:3rem 1rem;
	background:#fff;
	border-bottom:solid .3rem var(--main-color)
}
.about-section .about-bottom li .item .pic img {
	max-height:5rem;
	transition:all 700ms ease
}
.about-section .about-bottom li .item .title {
	margin-top:2.5rem;
	font-size:2.2rem;
	line-height:3.2rem;
	color:#222222;
	transition:all 334ms ease;
	font-family:var(--font-family-H-S-SC-B)
}
.about-section .about-bottom li:hover .pic img {
	transform:scale(1.05)
}
.about-section .about-bottom li:hover .title {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.about-section {
	padding-bottom:20px
}
.about-section .about-top {
	padding:40px 0
}
.about-section .about-bottom ul {
	margin:0 -10px
}
.about-section .about-bottom li {
	width:50%;
	padding:0 10px;
	margin-top:20px
}
}.product-section .common-title {
	margin-top:8rem;
	text-align:center
}
.product-section .common-title .en {
	left:50%;
	transform:translateX(-50%)
}
.product-section .common-info {
	color:#4f4f4f;
	text-align:center;
	margin-top:1rem
}
@media (max-width:1024px) {
	.product-section {
	padding:40px 0
}
.product-section .common-title {
	margin-top:0
}
.product-section .common-info {
	display:none
}
}.product-list ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.5rem
}
.product-list li {
	width:25%;
	padding:0 1.5rem;
	padding-top:3rem
}
.product-list li .item {
	padding:2rem;
	background:#fff
}
.product-list li .item .pic {
	overflow:hidden;
	position:relative
}
.product-list li .item .pic::after {
	content:"";
	display:block;
	padding-bottom:59.52380952%
}
.product-list li .item .pic img {
	transition:all 700ms ease
}
.product-list li .item .title {
	padding-right:3.5rem;
	margin-top:1.5rem;
	position:relative;
	font-size:2.4rem;
	height:4rem;
	line-height:4rem;
	color:#323233;
	font-weight:normal;
	transition:all 500ms ease;
	font-family:var(--font-family-H-S-SC-B);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.product-list li .item .title::after {
	right:0;
	top:.5rem;
	content:">";
	font-size:1.6rem;
	color:#fff;
	position:absolute;
	width:3.2rem;
	height:3.2rem;
	border-radius:50%;
	text-align:center;
	line-height:3.2rem;
	background:var(--main-color);
	font-family:"宋体"
}
.product-list li:hover .item .pic img {
	transform:scale(1.05)
}
.product-list li:hover .item .title {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.product-list li {
	width:50%
}
}@media (max-width:480px) {
	.product-list ul {
	margin-left:-5px;
	margin-right:-5px
}
.product-list li {
	padding-left:5px;
	padding-right:5px
}
.product-list li .item {
	padding:2px;
	padding-bottom:10px
}
.product-list li .item .title {
	text-align:center;
	font-size:14px;
	padding:0 10px
}
.product-list li .item .title::after {
	display:none
}
}.technology-section .item-top {
	margin-top:8rem;
	color:#fff;
	width:44%
}
.technology-section .item-top .text {
	font-size:2rem;
	line-height:3.4rem;
	padding-top:3.5rem
}
.technology-section .item-top .common-title .cn {
	color:#fff
}
.technology-section .item-top .common-title .en {
	-webkit-text-stroke:#fff 1px
}
.technology-section .item-top .common-button {
	margin-top:4rem
}
.technology-section .item-list {
	color:#fff;
	overflow:hidden;
	margin-top:16rem;
	background:rgba(255,255,255,0.29)
}
/*.technology-section .item-list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
*/.technology-section .item-list li {
	position:relative;
	min-height:100%;
	width:20%;
	text-align:center;
	height:16rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.technology-section .item-list li::before {
	content:"";
	top:0;
	left:-50%;
	width:0;
	opacity:0;
	height:100%;
	z-index:1;
	position:absolute;
	background:var(--main-color);
	transition:all 700ms ease
}
.technology-section .item-list li .icon img {
	max-height:5rem;
	transition:all 500ms ease
}
.technology-section .item-list li .title {
	font-size:2rem;
	margin-top:2rem;
	font-family:var(--font-family-H-S-SC-M)
}
.technology-section .item-list li .icon,.technology-section .item-list li .title {
	z-index:3;
	position:relative
}
@media (min-width:1025px) {
	.technology-section .item-list li:hover::before {
	left:0;
	opacity:1;
	width:100%
}
.technology-section .item-list li:hover .icon img {
	transform:scale(1.05)
}
}@media (max-width:1024px) {
	.technology-section {
	padding:40px 0
}
.technology-section .item-top {
	margin-top:0;
	width:100%
}
.technology-section .item-list {
	margin-top:30px
}
.technology-section .item-list ul {
	padding:10px;
	justify-content:flex-start
}
.technology-section .item-list li {
	padding:10px;
	width:33.333%;
	height:auto
}
.technology-section .item-list li .title {
	margin-top:5px;
	font-size:14px
}
}@media (max-width:480px) {
	.technology-section .item-list li {
	width:50%
}
}.solution-section {
	position:relative
}
.solution-section .solution-title {
	top:20rem;
	left:0;
	width:100%;
	z-index:10;
	position:absolute
}
.solution-section .common-title .cn {
	color:#fff
}
.solution-section .common-title .en {
	-webkit-text-stroke:#fff 1px
}
.solution-section .info {
	color:#fff;
	margin-top:1rem;
	font-size:2rem;
	font-family:var(--font-family-H-S-SC-B)
}
.solution-section .info img {
	max-height:2.4rem
}
.solution-section .bgs li {
	display:none;
	width:100%;
	height:100vh;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0
}
.solution-section .bgs li:first-child {
	z-index:3;
	display:block
}
.solution-bg {
	height:100vh;
	overflow:hidden;
	position:relative
}
.solution-list {
	color:#fff
}
.solution-list .menuTabs {
	/* width:47%; */
	width:24%;
	float:right;
	/* margin-top:21rem; */
	margin-top:11rem;
	position:relative
}
.solution-list .menuTabs .list {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	-webkit-transform-origin:center top;
	transform-origin:center top
}
.solution-list .menuTabs .list li {
	/* width:25%; */
	width:50%;
	z-index:4;
	text-align:center;
	position:relative
}
.solution-list .menuTabs li:nth-child(1) {
	/* margin-left:75%; */
	margin-left:50%
}
/*.solution-list .menuTabs li:nth-child(2) {
	margin-left:50%
}
.solution-list .menuTabs li:nth-child(4) {
	margin-left:25%
}*/
.solution-list .menuTabs a {
	display:flex;
	align-items:center;
	cursor:pointer;
	justify-content:center;
	z-index:1;
	transition:all .5s;
	position:relative;
	color:#fff;
	height:16rem;
	margin-left:-1px;
	margin-top:-1px;
	background:rgba(0,0,0,0.15);
	box-shadow:0 0 0 1px rgba(255,255,255,0.6) inset
}
.solution-list .menuTabs .pic img {
	top:auto;
	bottom:0;
	margin-top:initial;
	margin-bottom:initial;
	max-height:5rem
}
.solution-list .menuTabs .title {
	font-size:1.7rem;
	margin-top:2rem
}
.solution-list .menuTabs .active a {
	background:var(--sub-color);
	box-shadow:0 0 0 1px var(--sub-color) inset
}
.solution-list .swiper-container {
	overflow:initial
}
.solution-list .swiper-container .swiper-slide {
	width:100%
}
@media (max-width:1024px) {
	.solution-section .solution-title {
	top:40px
}
.solution-section .info {
	display:none
}
.solution-list .menuTabs .icon {
	display:none!important
}
.solution-list .menuTabs li {
	width:25%!important
}
.solution-list .menuTabs li:nth-child(1),.solution-list .menuTabs li:nth-child(2),.solution-list .menuTabs li:nth-child(4) {
	margin-left:0
}
.solution-list .menuTabs {
	width:100%;
	float:none;
	margin-top:110px;
	margin-bottom:30px
}
.solution-list .menuTabs .list {
	justify-content:flex-start
}
.solution-list .menuTabs .title {
	padding:0;
	margin-top:5px;
	font-size:12px
}
.solution-list .menuTabs a {
	text-align:center;
	height:90px;
	background:rgba(0,0,0,0.7)
}
.solution-bg {
	height:auto
}
.solution-bg .txtbox {
	display:none
}
}@media (max-width:500px) {
	.solution-list .menuTabs li {
	width:50%!important
}
}.active.solution-section .solution-list .menuTabs .list li {
	animation:1.5s linear scrollArrow
}
.news-section .container {
	overflow:hidden
}
.news-section .common-box {
	padding-top:4rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.news-section .common-button-2 a {
	color:#fff;
	font-size:1.8rem;
	border-radius:3rem;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:16rem;
	height:5.9rem;
	transition:all 500ms ease;
	background:var(--main-color)
}
.news-section .common-button-2 svg {
	width:2.6rem;
	height:2.6rem;
	margin-right:1rem;
	fill:#fff;
	transition:all 500ms ease
}
.news-section .common-button-2 a:hover {
	background:var(--sub-color)
}
.news-section .list {
	position:relative;
	margin-top:6rem
}
.news-section .item {
	padding:4rem;
	background:#fff;
	border-radius:2rem
}
.news-section .time {
	margin-top:3rem;
	font-family:var(--font-family-H-S-SC-B);
	color:#212121
}
.news-section .time img {
	margin-right:.5rem;
	margin-top:.3rem;
	max-height:1.6rem
}
.news-section .tit {
	font-weight:100;
	color:#212121;
	height:10.8rem;
	margin-top:2rem;
	line-height:3.6rem;
	font-size:2.4rem;
	transition:all 500ms ease;
	font-family:var(--font-family-H-S-SC-B);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.news-section .more {
	color:#212121;
	margin-top:1rem
}
.news-section .more i {
	font-style:normal;
	font-family:"宋体";
	padding-left:1rem;
	font-weight:700
}
.news-section .pic {
	overflow:hidden;
	border-radius:1rem;
	position:relative
}
.news-section .pic img {
	border-radius:1rem;
	transition:all 700ms ease
}
.news-section .pic:after {
	content:"";
	display:block;
	padding-bottom:59.52380952%
}
.news-section .item:hover .tit,.news-section .item:hover .more {
	color:var(--main-color)
}
.news-section .item:hover .pic img {
	transform:scale(1.05)
}
@media (max-width:1024px) {
	.news-section {
	padding-top:50px;
	padding-bottom:50px
}
.news-section .common-box {
	padding-top:0;
	padding-bottom:30px
}
.news-section .item {
	padding:20px
}
.news-section .list {
	margin-left:0;
	margin-top:0
}
.news-section .time img {
	max-height:16px
}
}@media (max-width:570px) {
	.news-section .list:after {
	display:none
}
.news-section .item {
	border:0
}
}.footer {
	color:#fff;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position:top center !important;
	overflow:hidden;
	position:relative;
	background:#fff
}
.footer a {
	color:#fff;
	transition:all 500ms ease
}
.footer a:hover {
	text-decoration:underline
}
.footer .list {
	padding-top:7rem
}
.footer .list ul {
	display:flex;
	flex-wrap:wrap
}
.footer .list li {
	width:10%
}
.footer .list li h3 {
	font-weight:normal;
	font-size:2rem;
	padding-bottom:3rem;
	font-family:var(--font-family-H-S-SC-B)
}
.footer .list li .drop a {
	display:block;
	margin-bottom:1.5rem
}
.footer .list li:last-child {
	width:5%
}
.footer .list li:nth-child(3) {
	width:16%
}
.footer .list li:nth-child(4) {
	width:19%
}
.footer .list .first {
	width:30%
}
.footer .list .first .logo {
	margin-bottom:4rem
}
.footer .list .first .logo img {
	max-height:5.4rem
}
.footer .list .first .tel {
	margin-bottom:3rem;
	font-size:1.4rem;
	padding-left:7rem;
	position:relative
}
.footer .list .first .tel img {
	left:0;
	top:0;
	border-radius:1rem;
	position:absolute;
	max-height:5.4rem;
	border:solid 1px #d2d2d2
}
.footer .list .first .tel a {
	color:#fff;
	font-family:var(--font-family-H-S-SC-M);
	font-size:3rem;
	line-height:3rem
}
.footer .list .first .p-1 {
	margin-top:1rem;
	padding-left:2.8rem;
	position:relative
}
.footer .list .first .p-1 a {
	color:#fff
}
.footer .list .first .p-1 img {
	top:.4rem;
	left:0;
	position:absolute;
	max-height:2rem
}
.footer .list .first .ewm {
	color:#212121;
	display:flex;
	text-align:center;
	margin:0 -3rem;
	margin-top:3rem
}
.footer .list .first .ewm dl {
	padding:0 3rem
}
.footer .list .first .ewm dt img {
	max-height:12rem
}
.footer .list .first .ewm dd {
	margin-top:1rem
}
.footer .socialMedia {
	padding-top:2.5rem;
	padding-bottom:11rem
}
.footer .socialMedia .wxlist .item {
	width:auto;
	border:0;
	padding-top:0;
	padding-left:1rem;
	display:inline-block
}
.footer .socialMedia .wxlist .item:first-child {
	padding-left:0
}
.footer .socialMedia .wxlist .box {
	display:block;
	cursor:pointer;
	position:relative
}
.footer .socialMedia .wxlist .icon {
	display:block;
	width:4.2rem;
	height:4.2rem;
	text-align:center;
	line-height:3.6rem;
	border-radius:50%;
	border:solid 1px #fff;
	transition:all 500ms ease
}
.footer .socialMedia .wxlist .icon img {
	max-height:4.2rem
}
.footer .socialMedia .wxlist .icon svg {
	width:2.6rem;
	height:2.6rem;
	vertical-align:middle;
	fill:#fff
}
.footer .socialMedia .wxlist .down {
	display:none;
	color:#666;
	align-items:center;
	width:12.2rem;
	cursor:initial;
	position:absolute;
	bottom:-12.5rem;
	left:0;
	margin-left:-1rem
}
.footer .socialMedia .wxlist .down .ewm {
	width:11.4rem;
	position:relative;
	border-radius:.5em
}
.footer .socialMedia .wxlist .down .ewm img {
	width:100%;
	border-radius:.5rem;
	max-height:12.4rem
}
.footer .socialMedia .wxlist .active .down {
	display:flex
}
.footer .socialMedia .wxlist .box:hover .icon {
	opacity:1
}
.footer .socialMedia .wxlist .box:hover .down {
	display:flex
}
.footer .socialMedia .wxlist .cur .down {
	display:block
}
.footer .copy {
	font-size:1.6rem;
	margin-top:5rem;
	padding:1.5rem 0;
	border-top:solid 1px rgba(255,255,255,0.1);
	display:flex;
	justify-content:space-between
}
.footer .copy span {
	padding:0 1rem;
	display:inline-block
}
.footer .copy .container {
	display:flex;
	justify-content:space-between
}
@media (max-width:1024px) {
	.footer .socialMedia {
	display:none
}
.footer .list li {
	display:none
}
.footer .list .first {
	padding:0 10px;
	width:100%;
	display:block
}
.footer .list .first .tel {
	margin-bottom:30px;
	padding-left:70px;
	font-size:14px
}
.footer .list .first .tel img {
	max-height:54px
}
.footer .list .first .tel a {
	font-size:26px;
	line-height:30px
}
.footer .list .first .p-1 {
	padding-left:25px
}
.footer .list .first .p-1 img {
	top:4px;
	max-height:16px
}
.footer .copy {
	font-size:12px
}
.footer .copy .container {
	display:block
}
.footer .copy span {
	padding:0
}
}.solution-list {
	color:#fff
}
.solution-list .common-title .cn {
	color:#fff
}
.solution-list .common-title .en {
	font-size:7.2rem;
	letter-spacing:-4px;
	-webkit-text-stroke:#fff 1px
}
.solution-list .common-info {
	margin-top:4rem;
	font-size:2rem;
	font-family:var(--font-family-H-S-SC-B)
}
.solution-list .common-button {
	margin-top:20rem
}
@media (max-width:1024px) {
	.solution-list .fp-flex {
	display:flex;
	height:100vh;
	align-items:center;
	justify-content:center
}
.solution-list .common-title {
	text-align:center
}
.solution-list .common-title .en {
	display:none
}
.solution-list .common-info {
	display:none;
	text-align:center
}
.solution-list .common-button {
	text-align:center;
	margin-top:30px
}
}.active.solution-list .common-title {
	animation:titFadeup1 1.5s ease
}
.active.solution-list .common-info {
	animation:titFadeup1 1.5s ease .1s
}
.active.solution-list .common-button {
	animation:titFadeup1 1.5s ease .2s
}
.common-banner {
	text-align:center;
	position:relative
}
.common-banner .pc img {
	width:100%
}
.common-banner .ph {
	display:none
}
.common-banner .text {
	color:#fff;
	top:50%;
	left:0;
	width:100%;
	z-index:10;
	position:absolute;
	transform:translateY(-50%)
}
.common-banner .title {
	font-size:4.8rem;
	font-weight:normal;
	text-shadow:0 0 1px #000;
	font-family:var(--font-family-H-S-SC-B)
}
.common-banner .title-sub {
	font-size:2.4rem;
	padding-top:1.5rem;
	text-shadow:0 0 1px #000
}
@media (max-width:1024px) {
	.common-banner {
	margin-top:60px
}
}@media (max-width:768px) {
	.common-banner .pc {
	display:none
}
.common-banner .ph {
	display:block
}
.common-banner .title {
	font-size:20px
}
.common-banner .title-sub {
	display:none
}
}.contact-1 {
	padding:10rem 0
}
.contact-1 .list ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -4rem
}
.contact-1 .list li {
	width:33.333%;
	display:flex;
	padding:0 4rem
}
.contact-1 .list li .item {
	width:100%;
	transition:all 500ms ease;
	min-height:43rem;
	background:#f8f2fa;
	text-align:center;
	padding:8rem 2rem;
	padding-bottom:3rem
}
.contact-1 .list li .icon {
	width:8.4rem;
	height:8.4rem;
	border-radius:50%;
	margin:0 auto;
	background:var(--main-color)
}
.contact-1 .list li .icon img {
	max-height:8.4rem
}
.contact-1 .list li .t-1 {
	color:#353d48;
	font-size:2.2rem;
	margin-top:3rem
}
.contact-1 .list li .t-2 {
	color:#333333;
	line-height:3.2rem;
	font-size:2.4rem;
	margin-top:4rem
}
.contact-1 .list li .t-2 a {
	color:#333
}
.contact-1 .list .last .t-2 {
	padding:0 2rem
}
.contact-1 .list li:hover .item {
	background:#fff;
	box-shadow:0 0 2rem rgba(0,0,0,0.1)
}
@media (max-width:1024px) {
	.contact-1 {
	padding-top:10px;
	padding-bottom:40px;
	font-size:15px
}
.contact-1 .list ul {
	margin:0 -15px
}
.contact-1 .list li {
	padding:0 15px;
	padding-top:30px;
	width:50%
}
.contact-1 .list li .item {
	min-height:auto;
	padding:30px 20px
}
.contact-1 .list li .t-1 {
	margin-top:10px;
	font-size:16px
}
.contact-1 .list li .t-2 {
	margin-top:0;
	font-size:16px
}
}@media (max-width:540px) {
	.contact-1 .list {
	padding-top:0
}
.contact-1 .list li {
	width:100%
}
}.contact-ditu {
	position:relative
}
.contact-ditu .pic img {
	width:100%
}
.contact-ditu .list {
	top:50%;
	left:50%;
	z-index:10;
	display:flex;
	align-items:center;
	padding:.6rem;
	position:absolute;
	background:#fff;
	width:48rem;
	border:solid 1px #e4eaed;
	transform:translate(-70%,-10%)
}
.contact-ditu .list::before {
	content:"";
	top:-2rem;
	left:55%;
	z-index:3;
	position:absolute;
	transform:rotate(35deg);
	border-bottom:solid 4rem #fff;
	border-left:solid 1.5rem transparent;
	border-right:solid 1.5rem transparent
}
.contact-ditu .list dt {
	width:35%;
	display:flex;
	align-items:center;
	height:12rem;
	padding:1.5rem;
	text-align:center;
	justify-content:center;
	background:#fbfafc
}
.contact-ditu .list dt img {
	max-height:4.5rem
}
.contact-ditu .list dd {
	width:65%;
	font-size:1.8rem;
	padding-left:2rem;
	padding-right:2rem
}
.contact-ditu .list dd .t-1 {
	color:#333
}
.contact-ditu .list dd .t-2 {
	color:#999;
	padding-top:1rem
}
@media (max-width:640px) {
	.contact-ditu {
	display:none
}
}.message {
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	padding:10rem 0;
	position:relative
}
.message .common-title {
	text-align:center
}
.message .common-title .en {
	left:50%;
	transform:translateX(-50%)
}
.message .nr {
	border-radius:2rem;
	background:#fff;
	margin-top:4rem;
	padding:6rem 10rem;
	box-shadow:.4rem 0 2.4rem rgba(0,120,191,0.12)
}
.message .list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative
}
.message .list li {
	width:33.33333333%;
	position:relative;
	padding:0 3rem 4rem 3rem
}
.message .list li em {
	color:#d90716;
	font-style:normal
}
.message .list li:last-child {
	padding-bottom:0
}
.message .list .li-w {
	width:48%
}
.message .list .li-w2 {
	width:100%
}
.message .list .li-w2 .box span {
	font-size:1.6rem;
	color:#08060b
}
.message .box {
	position:relative
}
.message .red {
	z-index:9;
	left:0;
	top:1.8rem;
	color:#c70204;
	position:absolute
}
.message .red img {
	max-height:2rem
}
.message select,.message .input-form,.message .textarea-form {
	border:none;
	color:#666;
	width:100%;
	font-family:var(--font-family-H-S-SC-R);
	vertical-align:middle;
	padding:0 3rem;
	height:5.5rem;
	line-height:4.3rem;
	font-size:1.8rem;
	transition:all 500ms ease;
	border-bottom:#ebebeb solid 1px
}
.message select {
	color:#999;
	background-color:transparent
}
.message .textarea-form {
	font-size:1.6rem;
	line-height:3rem;
	padding-right:9rem;
	height:10rem;
	padding:1rem 9rem 1rem 0
}
.message .btn {
	display:flex;
	float:none;
	justify-content:space-between;
	width:100%!important
}
.message .sibmit a {
	color:#fff;
	padding-right:8rem;
	position:relative;
	padding-left:4rem;
	border-radius:3rem;
	display:inline-block;
	min-width:16rem;
	line-height:5rem;
	height:5.2rem;
	transition:all 500ms ease;
	background:var(--main-color)
}
.message .sibmit span {
	top:.4rem;
	right:2rem;
	position:absolute;
	width:4.2rem;
	height:4.2rem;
	text-align:center;
	line-height:4rem
}
.message .sibmit svg {
	width:2.4rem;
	height:2.4rem;
	vertical-align:middle;
	fill:#fff
}
.message .sibmit a:hover {
	background:var(--sub-color)
}
.message .verifyDiv {
	width:30%
}
@media (max-width:1024px) {
	.message {
	padding:40px 0
}
.message .nr {
	padding:30px;
	padding-bottom:40px;
	margin-top:30px
}
.message .red {
	top:14px
}
.message .red img {
	max-height:20px
}
.message .list li {
	padding-bottom:0;
	width:100%!important
}
.message .list .li-w2 {
	padding-top:10px
}
.message .input-form,.message .textarea-form {
	font-size:14px;
	padding-left:30px;
	height:50px;
	line-height:49px
}
.message .textarea-form {
	height:100px;
	line-height:24px;
	padding-top:10px;
	padding-right:0px;
	padding-left:0
}
.message .submit {
	font-size:16px
}
.message .verifyDiv {
	width:60%
}
.message .btn {
	margin-top:30px
}
}@media (max-width:520px) {
	.message .list li {
	width:100%;
	padding-left:0;
	padding-right:0
}
.message .verifyDiv {
	width:100%;
	margin-top:0
}
.message .sibmit {
	margin-top:30px
}
.message .btn {
	text-align:center;
	display:block
}
}.join-list {
	padding:9rem 0;
	background:#fbf7fc
}
.join-list .common-title {
	text-align:center
}
.join-list .common-title .en {
	left:50%;
	transform:translateX(-50%)
}
.join-list ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.5rem
}
.join-list li {
	width:20%;
	padding:0 1.5rem;
	margin-top:5rem
}
.join-list li .item {
	padding:0 2rem;
	min-width:100%;
	height:31rem;
	background:#fff;
	text-align:center;
	border-radius:2rem;
	padding-top:5.5rem;
	box-shadow:1px 0 1.6rem rgba(58,49,60,0.12)
}
.join-list li .icon {
	margin:0 auto;
	max-width:8rem;
	border-radius:5rem;
	border:solid 1px var(--main-color)
}
.join-list li .icon img {
	max-height:8rem;
	transition:all 500ms ease
}
.join-list li .tit {
	color:var(--main-color);
	font-size:2rem;
	margin-top:5rem;
	position:relative
}
.join-list li .tit::before {
	top:-3rem;
	left:50%;
	content:"";
	border-radius:.3rem;
	width:2.2rem;
	height:.4rem;
	position:absolute;
	background:var(--main-color);
	transform:translateX(-50%)
}
.join-list li:hover .icon img {
	transform:scale(1.05)
}
@media (max-width:1024px) {
	.join-list {
	padding:60px 0
}
.join-list ul {
	margin:0 -12px
}
.join-list li {
	width:33.333%;
	padding:0 12px;
	margin-top:30px
}
.join-list li .item {
	padding:0 15px;
	height:auto;
	padding-top:40px;
	padding-bottom:25px;
	border-radius:15px
}
.join-list li .icon {
	max-width:60px;
	border-radius:50px
}
.join-list li .icon img {
	max-height:60px
}
.join-list li .tit {
	font-size:14px;
	margin-top:30px
}
.join-list li .tit::before {
	top:-20px;
	width:18px;
	height:3px;
	border-radius:2px
}
}@media (max-width:640px) {
	.join-list {
	padding:40px 0
}
.join-list ul {
	margin:0 -10px
}
.join-list li {
	width:50%;
	padding:0 10px;
	margin-top:20px
}
.join-list li .item {
	padding:0 12px;
	padding-top:35px;
	padding-bottom:20px;
	border-radius:12px
}
.join-list li .icon {
	max-width:50px
}
.join-list li .icon img {
	max-height:50px
}
.join-list li .tit {
	font-size:12px;
	margin-top:20px
}
.join-list li .tit::before {
	top:-15px;
	width:16px;
	height:2px
}
}.join {
	padding:7.6rem 0
}
.join .phone {
	display:none
}
.join .button {
	margin-top:4rem
}
.join .button span {
	color:#fff;
	margin-left:2rem;
	display:inline-block;
	font-size:2rem;
	padding:0 2rem;
	line-height:4.6rem;
	border-radius:3rem;
	background:var(--main-color)
}
.join .button span img {
	max-width:2.4rem;
	margin-left:1rem;
	vertical-align:middle;
	margin-bottom:.3rem
}
.join .button span:first-child {
	margin-left:0
}
.join .button a {
	color:#fff;
	padding:0 1rem;
	display:inline-block;
	vertical-align:top;
	text-decoration:underline
}
.join .button a:hover {
	color:rgba(255,255,255,0.9)
}
@media (min-width:1025px) {
	.join .button a:hover {
	background-position:right center;
	background-size:200% auto;
	-webkit-animation:pulse512 2s infinite;
	animation:pulse512 1.5s infinite
}
}@media (max-width:1024px) {
	.join .pc {
	display:none
}
.join .phone {
	display:block
}
.join select {
	color:#666;
	padding:0 20px;
	width:100%;
	height:42px;
	line-height:40px;
	background:#fff;
	border:solid 1px #eee
}
.join .button span {
	padding:10px;
	font-size:14px;
	text-align:center;
	display:block;
	margin-left:0;
	border-radius:5px;
	margin-top:20px;
	line-height:20px
}
}.shaixuan {
	border-radius:.8rem;
	border:solid 1px #f0f0f0;
	overflow:hidden
}
.shaixuan .sh-title {
	background:#f2f6fa;
	border-bottom:solid 1px #f0f0f0;
	padding:0 3.7rem
}
.shaixuan .sh-title span {
	font-size:1.8rem;
	line-height:5.4rem;
	color:#262626;
	border-bottom:1px solid var(--main-color);
	display:inline-block;
	vertical-align:top
}
.shaixuan ul {
	padding:3.7rem 4.3rem 2rem 4.3rem
}
.shaixuan ul li {
	margin-bottom:2.1rem;
	overflow:hidden
}
.shaixuan ul li .box {
	position:relative;
	min-height:3.5rem;
	padding-left:10.5rem
}
.shaixuan ul li .box span {
	line-height:3.5rem;
	color:#242424;
	position:absolute;
	top:0;
	left:0
}
.shaixuan ul li .box p {
	line-height:3.5rem;
	color:#727780
}
.shaixuan ul li .box p a {
	color:#727780;
	padding:0 1.1rem;
	margin-right:1.8rem;
	margin-bottom:1rem;
	border-radius:.4rem;
	display:block;
	float:left
}
@media (min-width:1025px) {
	.shaixuan ul li .box p a:hover {
	background:var(--main-color);
	color:#fff
}
}.shaixuan ul li .box p .active {
	background:var(--main-color);
	color:#fff
}
.shaixuan1 {
	border-radius:0;
	border:0
}
.shaixuan1 .sh-title {
	background:none;
	padding:0;
	border-bottom:2px solid #e8e8e8;
	padding-bottom:2.1rem
}
.shaixuan1 .sh-title span {
	letter-spacing:1px;
	font-size:3.6rem;
	color:var(--main-color);
	border-bottom:0;
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B)
}
.shaixuan1 ul {
	padding:2rem 0 3.9rem 0
}
.shaixuan1 ul li {
	overflow:hidden;
	font-size:1.6rem;
	border-bottom:2px solid #e8e8e8
}
.shaixuan1 ul li .box span {
	font-weight:bold;
	font-size:1.8rem
}
.shaixuan1 ul li .box p a {
	padding:0 1.4rem;
	margin-right:3.8rem;
	margin-bottom:2rem;
	border-radius:2.1rem
}
.shaixuan1 .gw-search {
	overflow:hidden;
	padding-bottom:1.8rem
}
.shaixuan1 .gw-search input {
	width:100%;
	max-width:29.5rem;
	height:4rem;
	border-radius:3rem;
	border:2px solid #e8e8e8;
	background:none;
	padding:0 2rem;
	float:left;
	margin-right:2rem
}
.shaixuan1 .gw-search .submit {
	display:block;
	float:left;
	height:4rem;
	width:5rem;
	border-radius:3rem;
	background:var(--main-color) url(../images/search.png) no-repeat center center;
	background-size:2rem
}
.join-info .job2 .span-01 {
	display:block;
	width:24%;
	float:left;
	padding-left:6rem;
	padding-right:2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.join-info .job2 .span-01:after {
	display:none
}
.join-info .job2 .span-02,.join-info .job2 .span-03,.join-info .job2 .span-04,.join-info .job2 .span-05 {
	position:relative
}
.join-info .job2 .span-02:after,.join-info .job2 .span-03:after,.join-info .job2 .span-04:after,.join-info .job2 .span-05:after {
	content:'';
	display:block;
	width:2px;
	height:2rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background:#999ca3
}
.join-info .job2 .span-02 {
	display:block;
	width:40%;
	float:left;
	padding-left:5.2rem;
	padding-right:2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.join-info .job2 .span-04 {
	display:block;
	width:14%;
	padding-left:5.2rem;
	float:left;
	padding-right:2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.join-info .job2 .span-05 {
	display:block;
	width:22%;
	padding-left:5.2rem;
	float:left;
	padding-right:2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.join-info .job2 .span-06 {
	top:50%;
	right:0;
	width:7rem;
	height:7rem;
	display:block;
	position:absolute;
	transform:translateY(-50%);
	background:var(--main-color) url(../images/jia.png) no-repeat center center;
	background-size:2rem
}
.join-info .job2 .span-06:after {
	display:none
}
.join-info .job2 .title {
	padding:2rem 0;
	margin-bottom:2rem;
	font-size:1.8rem;
	line-height:3rem;
	color:#38383a;
	overflow:hidden;
	border-radius:1rem;
	background:#f7f7f7;
	position:relative
}
.join-info .job2 .title .span-06 {
	background:#f0f0f0
}
.join-info .job2 dl {
	margin-bottom:1.5rem;
	border-radius:1rem
}
.join-info .job2 dt {
	cursor:pointer;
	color:#333;
	background:#fff;
	box-shadow:1px 0 1.6rem rgba(58,49,60,0.12);
	overflow:hidden;
	border-radius:1rem;
	padding:2rem 0;
	transition:all .5s;
	position:relative;
	line-height:3rem
}
.join-info .job2 dt b {
	display:none
}
.join-info .job2 dd {
	height:0;
	line-height:3.2rem;
	color:#4c4c4c;
	background:#fbf7fc;
	border-radius:1rem;
	border-bottom-left-radius:2rem;
	border-bottom-right-radius:2rem;
	overflow:hidden
}
.join-info .job2 dd .nr {
	padding:5rem 6rem;
	position:relative
}
.join-info .job2 dd .nr p {
	padding-left:1.8rem;
	position:relative
}
.join-info .job2 dd .nr p i {
	top:0;
	left:0;
	position:absolute;
	font-style:normal
}
.join-info .job2 .cur dt .span-06 {
	background:var(--main-color) url(../images/jian.png) no-repeat center center;
	background-size:2rem
}
.join-info .job2 .cur dd {
	height:auto
}
.join-info .job2 .p-01 {
	padding-left:0 !important;
	color:#212121;
	font-size:2.4rem;
	margin-bottom:3rem
}
.join-info .job2 .p-02 {
	font-size:1.6rem;
	margin-top:3rem
}
.join-info .job2 .p-02 a,.join-info .job2 .p-02 span {
	color:var(--main-color);
	text-decoration:underline
}
.join-info .job2 .red {
	color:#ff0000
}
@media (max-width:1024px) {
	.join {
	padding:40px 0
}
.join-info {
	width:100%;
	margin:0 auto
}
.shaixuan1 {
	border-radius:0;
	border:0
}
.shaixuan1 .sh-title {
	background:none;
	border-bottom:2px solid #e8e8e8;
	padding:0;
	padding-bottom:11px
}
.shaixuan1 .sh-title span {
	font-size:22px;
	border-bottom:0;
	font-weight:bold
}
.shaixuan1 ul {
	padding:20px 0
}
.shaixuan1 ul li {
	overflow:hidden;
	border-bottom:0
}
.shaixuan1 ul li .box {
	padding-left:75px
}
.shaixuan1 ul li .box span {
	font-weight:bold;
	line-height:40px
}
.shaixuan1 ul li .box p a {
	padding:0 10px;
	margin-right:18px;
	margin-bottom:10px;
	border-radius:21px
}
.shaixuan1 .gw-search {
	padding-bottom:18px;
	position:relative;
	padding-right:70px
}
.shaixuan1 .gw-search input {
	width:100%;
	height:40px;
	border-radius:0px;
	border:1px solid #e8e8e8;
	background:none;
	padding:0 20px;
	float:left;
	margin-right:20px
}
.shaixuan1 .gw-search .submit {
	display:block;
	float:left;
	height:40px;
	width:60px;
	border-radius:0px;
	background:var(--main-color) url(../images/search.png) no-repeat center center;
	background-size:20px;
	position:absolute;
	top:0;
	right:0
}
.join-info .job2 .span-01 {
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-01:after {
	display:none
}
.join-info .job2 .span-02,.join-info .job2 .span-03,.join-info .job2 .span-04,.join-info .job2 .span-05 {
	position:relative;
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-02:after,.join-info .job2 .span-03:after,.join-info .job2 .span-04:after,.join-info .job2 .span-05:after {
	display:none
}
.join-info .job2 .span-02:after,.join-info .job2 .span-03:after,.join-info .job2 .span-04:after,.join-info .job2 .span-05:after {
	content:'';
	display:block;
	width:2px;
	height:20px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background:#999ca3
}
.join-info .job2 .span-02 {
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-02:after {
	display:none
}
.join-info .job2 .span-03 {
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-03:after {
	display:none
}
.join-info .job2 .span-04 {
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-04:after {
	display:none
}
.join-info .job2 .span-05 {
	width:100%;
	padding-left:0;
	padding-right:0
}
.join-info .job2 .span-05:after {
	display:none
}
.join-info .job2 .span-06 {
	width:70px;
	height:100%;
	background-size:20px
}
.join-info .job2 .span-06:after {
	display:none
}
.join-info .job2 .title {
	padding:20px 0;
	margin-bottom:20px;
	font-size:18px;
	line-height:30px;
	color:#333;
	overflow:hidden;
	border-radius:10px;
	background:#f7f7f7;
	position:relative;
	display:none
}
.join-info .job2 .title .span-06 {
	background:#f0f0f0
}
.join-info .job2 dl {
	margin-bottom:15px;
	border-radius:10px
}
.join-info .job2 dt {
	background:#fff;
	box-shadow:0 6px 62px 0 rgba(0,0,0,0.1);
	overflow:hidden;
	border-radius:10px;
	padding:25px;
	font-size:16px;
	line-height:30px
}
.join-info .job2 dt b {
	display:inline-block;
	vertical-align:top
}
.join-info .job2 dd {
	height:0;
	font-size:14px;
	line-height:25px;
	border-radius:10px
}
.join-info .job2 dd .nr {
	padding:25px
}
.join-info .job2 .cur dt .span-01 {
	font-weight:bold
}
.join-info .job2 .cur dt .span-06 {
	background:var(--main-color) url(../images/jian.png) no-repeat center center;
	background-size:20px
}
.join-info .job2 .cur dd {
	height:auto
}
.join-info .job2 .p-01 {
	font-size:16px;
	margin-bottom:10px;
	color:#212121
}
.join-info .job2 .p-02 {
	font-size:14px;
	margin-top:15px
}
.join-info .job2 .p-02 a,.join-info .job2 .p-02 span {
	color:var(--main-color);
	text-decoration:underline
}
}@media (max-width:640px) {
	.join-info .job2 .title {
	padding:15px 0;
	margin-bottom:15px;
	font-size:14px;
	line-height:22px
}
.join-info .job2 dl {
	margin-bottom:12px
}
.join-info .job2 dt {
	padding:15px;
	font-size:14px;
	line-height:20px
}
.join-info .job2 dd {
	font-size:14px;
	line-height:20px
}
.join-info .job2 dd .nr {
	padding:15px;
	font-size:14px;
	line-height:20px
}
.join-info .job2 .p-01 {
	font-size:14px;
	margin-bottom:8px
}
.join-info .job2 .p-02 {
	font-size:14px;
	margin-top:12px
}
}.product-list-2 {
	padding-top:7rem;
	padding-bottom:10rem
}
.product-list-2 .common-title {
	text-align:center
}
.product-list-2 .common-title .en {
	text-align:center;
	width:100%
}
.product-list-2 .common-button {
	text-align:center;
	margin-top:6rem
}
.product-list-2 .info {
	max-width:105rem;
	margin:0 auto;
	margin-top:1rem;
	margin-bottom:4rem;
	text-align:center;
	font-size:2rem;
	color:#333;
	opacity:.9
}
.product-list-2 .product-swiper .swiper-wrapper {
	display:flex
}
.product-list-2 .product-swiper .swiper-pagination {
	margin-top:4rem
}
.product-list-2 .product-swiper .swiper-pagination-bullet {
	background:#d0d0d0;
	opacity:1
}
.product-list-2 .product-swiper .swiper-pagination-bullet-active {
	background:var(--main-color)
}
.product-list-2 ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.5rem
}
.product-list-2 li {
	width:25%;
	padding:0 1.5rem;
	margin-top:3rem
}
.product-list-2 .item:hover .pic img {
	transform:scale(1.05)
}
.product-list-2 .item:hover .title {
	color:var(--main-color)
}
.product-list-2 .item:hover .more {
	color:#fff;
	background:var(--main-color)
}
.product-list-2 .item {
	padding:2.5rem;
	padding-bottom:5rem;
	border-radius:1.5rem;
	background:#f8f2fa
}
.product-list-2 .pic {
	border-radius:1.5rem;
	overflow:hidden;
	position:relative
}
.product-list-2 .pic::after {
	content:"";
	display:block;
	padding-bottom:59.52380952%
}
.product-list-2 .pic img {
	border-radius:1.5rem;
	transition:all 700ms ease
}
.product-list-2 .text {
	margin-top:2.5rem
}
.product-list-2 .title {
	color:#212121;
	font-size:2.4rem;
	line-height:3rem;
	height:3rem;
	font-weight:normal;
	transition:all 500ms ease;
	font-family:var(--font-family-H-S-SC-B);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.product-list-2 .description {
	color:#666;
	margin-top:1rem;
	line-height:3rem;
	height:3rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.product-list-2 .more {
	padding:0 1.5rem;
	margin-top:2.5rem;
	text-align:center;
	height:4.2rem;
	line-height:4rem;
	min-width:12rem;
	color:var(--main-color);
	display:inline-block;
	border-radius:3rem;
	border:solid 1px var(--main-color);
	transition:all 500ms ease
}
.product-list-2 .swiper-slide:hover .pic img {
	transform:scale(1.05)
}
.product-list-2 .swiper-slide:hover .title {
	color:var(--main-color)
}
.product-list-2 .swiper-slide:hover .more {
	color:#fff;
	background:var(--main-color)
}
@media (max-width:1024px) {
	.product-list-2 {
	padding-top:50px;
	padding-bottom:50px
}
.product-list-2 .info {
	max-width:100%;
	margin-top:10px;
	margin-bottom:30px;
	font-size:16px
}
.product-list-2 .common-button {
	margin-top:40px
}
.product-list-2 ul {
	margin:0 -10px
}
.product-list-2 li {
	width:50%;
	padding:0 10px;
	margin-top:25px
}
.product-list-2 .item {
	padding:20px;
	padding-bottom:35px;
	border-radius:12px
}
.product-list-2 .pic {
	border-radius:12px
}
.product-list-2 .pic img {
	border-radius:12px
}
.product-list-2 .text {
	margin-top:20px
}
.product-list-2 .title {
	font-size:18px;
	line-height:24px;
	height:24px
}
.product-list-2 .description {
	margin-top:8px;
	line-height:24px;
	height:24px;
	font-size:14px
}
.product-list-2 .more {
	padding:0 12px;
	margin-top:20px;
	height:36px;
	line-height:34px;
	min-width:100px;
	font-size:14px;
	border-radius:25px
}
}@media (max-width:640px) {
	.product-list-2 .info {
	font-size:14px;
	margin-bottom:20px
}
.product-list-2 .common-button {
	margin-top:30px
}
.product-list-2 ul {
	margin:0 -8px
}
.product-list-2 li {
	width:100%;
	padding:0 8px;
	margin-top:20px
}
.product-list-2 .item {
	padding:15px;
	padding-bottom:25px
}
.product-list-2 .text {
	margin-top:20px
}
.product-list-2 .title {
	font-size:16px;
	line-height:22px;
	height:22px
}
.product-list-2 .description {
	margin-top:6px;
	line-height:20px;
	height:20px;
	font-size:12px
}
.product-list-2 .more {
	padding:0 10px;
	margin-top:15px;
	height:32px;
	line-height:30px;
	min-width:90px;
	font-size:14px
}
}.product-list-3 {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.product-list-3 .item {
	background:#fff
}
.product-list-3 .info {
	max-width:111rem
}
.proshow-1 {
	padding:9rem 0
}
.proshow-1 .container {
	max-width:144rem;
	display:flex;
	flex-wrap:wrap
}
.proshow-1 .left-pic {
	width:48.7%;
	position:relative;
	border-radius:2rem
}
.proshow-1 .left-pic img {
	border-radius:2rem
}
.proshow-1 .left-pic::after {
	content:"";
	display:block;
	padding-bottom:71.42857143%
}
.proshow-1 .right-text {
	width:50%;
	padding-top:2rem;
	padding-left:9rem
}
.proshow-1 .right-text .title {
	color:#212121;
	font-size:3.6rem;
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B)
}
.proshow-1 .right-text .title img {
	margin-top:.5rem;
	vertical-align:top;
	margin-left:.5rem;
	max-height:2rem
}
.proshow-1 .right-text .text {
	color:#333;
	padding-bottom:3rem;
	min-height:14rem;
	margin-top:2rem;
	line-height:3.4rem;
	border-bottom:solid 1px #ccc;
	font-family:var(--font-family-H-S-SC-B)
}
.proshow-1 .right-text .text-2 {
	padding-top:4rem;
	line-height:3.4rem
}
.proshow-1 .right-text .button-box {
	margin-top:6rem
}
.proshow-1 .right-text .button-1,.proshow-1 .right-text .button-2 {
	color:#3c3c3c;
	font-size:1.6rem;
	height:5.6rem;
	line-height:5.4rem;
	min-width:17.6rem;
	display:inline-block;
	border-radius:3rem;
	text-align:center;
	transition:all 500ms ease;
	border:solid 1px var(--main-color)
}
.proshow-1 .right-text .button-1 svg,.proshow-1 .right-text .button-2 svg {
	width:2.6rem;
	height:2.6rem;
	margin-top:1.5rem;
	vertical-align:top;
	margin-right:1rem;
	fill:var(--main-color)
}
.proshow-1 .right-text .button-1:hover,.proshow-1 .right-text .button-2:hover {
	color:#fff;
	background:var(--main-color)
}
.proshow-1 .right-text .button-1:hover svg,.proshow-1 .right-text .button-2:hover svg {
	fill:#fff
}
.proshow-1 .right-text .button-2 {
	margin-left:2rem
}
@media (max-width:1024px) {
	.proshow-1 {
	padding:60px 0;
	margin-top:60px
}
.proshow-1 .container {
	max-width:100%;
	display:block
}
.proshow-1 .left-pic {
	width:100%;
	border-radius:15px;
	margin-bottom:30px
}
.proshow-1 .left-pic img {
	border-radius:15px
}
.proshow-1 .right-text {
	width:100%;
	padding-top:0;
	padding-left:0
}
.proshow-1 .right-text .title {
	font-size:28px;
	line-height:36px
}
.proshow-1 .right-text .title img {
	margin-top:5px;
	margin-left:5px;
	max-height:18px
}
.proshow-1 .right-text .text {
	min-height:120px;
	margin-top:20px;
	line-height:28px;
	font-size:14px
}
.proshow-1 .right-text .text-2 {
	padding-top:20px;
	line-height:28px;
	font-size:14px
}
.proshow-1 .right-text .button-box {
	margin-top:40px
}
.proshow-1 .right-text .button-1,.proshow-1 .right-text .button-2 {
	color:#3c3c3c;
	font-size:14px;
	height:44px;
	line-height:42px;
	min-width:140px;
	border-radius:25px
}
.proshow-1 .right-text .button-2 {
	margin-left:15px
}
}@media (max-width:640px) {
	.proshow-1 {
	padding:40px 0
}
.proshow-1 .left-pic {
	border-radius:12px;
	margin-bottom:20px
}
.proshow-1 .left-pic img {
	border-radius:12px
}
.proshow-1 .right-text .title {
	font-size:22px;
	line-height:30px
}
.proshow-1 .right-text .title img {
	max-height:16px
}
.proshow-1 .right-text .text {
	min-height:auto;
	margin-top:15px;
	line-height:26px;
	font-size:14px
}
.proshow-1 .right-text .text-2 {
	padding-top:15px;
	line-height:26px;
	font-size:14px
}
.proshow-1 .right-text .button-box {
	margin-top:30px
}
.proshow-1 .right-text .button-1,.proshow-1 .right-text .button-2 {
	margin-right:10px;
	font-size:14px;
	height:40px;
	line-height:38px;
	min-width:120px;
	border-radius:20px;
	margin-bottom:10px
}
.proshow-1 .right-text .button-1 svg,.proshow-1 .right-text .button-2 svg {
	margin-top:8px
}
.proshow-1 .right-text .button-2 {
	margin-left:0
}
}.proshow-menu {
	top:8rem;
	left:0;
	width:100%;
	z-index:10;
	position:sticky;
	height:7.5rem;
	background:#edf0f2
}
.proshow-menu .container {
	max-width:144rem
}
.proshow-menu ul {
	display:flex;
	flex-wrap:wrap
}
.proshow-menu li {
	position:relative;
	min-width:15rem;
	text-align:center;
	line-height:7.5rem
}
.proshow-menu li a {
	color:#333;
	display:block
}
.proshow-menu li::after {
	top:0;
	left:50%;
	width:0;
	opacity:0;
	content:"";
	position:absolute;
	width:100%;
	height:.4rem;
	background:var(--main-color);
	transition:all 500ms ease
}
.proshow-menu .active {
	background:#fff
}
.proshow-menu .active::after {
	left:0;
	width:100%;
	opacity:1
}
@media (max-width:1024px) {
	.proshow-menu {
	position:relative;
	top:auto;
	height:auto;
	background:#edf0f2
}
.proshow-menu .container {
	max-width:100%
}
.proshow-menu ul {
	display:flex;
	flex-wrap:wrap;
	overflow-x:auto
}
.proshow-menu li {
	min-width:120px;
	text-align:center;
	line-height:50px;
	height:50px;
	white-space:nowrap;
	flex-shrink:0
}
.proshow-menu li a {
	font-size:14px
}
.proshow-menu li::after {
	height:3px
}
}@media (max-width:640px) {
	.proshow-menu ul {
	overflow-x:auto;
	-webkit-overflow-scrolling:touch
}
.proshow-menu li {
	min-width:100px;
	line-height:45px;
	height:45px
}
.proshow-menu li a {
	font-size:12px
}
.proshow-menu li::after {
	height:2px
}
}.proshow-2 {
	padding-top:7rem;
	padding-bottom:12rem
}
.proshow-2 .container {
	max-width:144rem;
	justify-content:space-between
}
.proshow-2 .title {
	color:#282828;
	font-size:3rem;
	font-weight:normal;
	padding-bottom:2rem;
	font-family:var(--font-family-H-S-SC-B);
	border-bottom:solid 1px #e0e0e0
}
.proshow-2 .title img {
	margin-right:1rem;
	max-height:4rem
}
.proshow-2 .left-box {
	width:71%;
	float:left;
	padding:5rem;
	border-radius:2.5rem;
	box-shadow:1.3rem 0 6.5rem rgba(80,91,113,0.15)
}
.proshow-2 .left-box .list {
	position:relative;
	padding-left:2.5rem;
	padding-top:1rem
}
.proshow-2 .left-box .list li {
	color:#333;
	margin-top:2rem;
	font-size:2rem;
	display:flex;
	align-items:center
}
.proshow-2 .left-box .list li img {
	max-height:7rem;
	margin-right:2rem
}
.proshow-2 .left-box .list-2 {
	position:relative;
	margin-top:3rem
}
.proshow-2 .left-box .list-2 ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:5rem
}
.proshow-2 .left-box .list-2 li {
	width:50%;
	padding:0 1.5rem;
	margin-bottom: 3rem;
}
.proshow-2 .left-box .list-2 li .pic {
	border-radius:2rem
}
.proshow-2 .left-box .list-2 li .pic img {
	border-radius:2rem
}
.proshow-2 .right-box {
	right:0;
	top:17rem;
	width:27%;
	float:right;
	position:sticky;
	padding:5rem 4rem;
	border-radius:2.5rem;
	box-shadow:1.3rem 0 6.5rem rgba(80,91,113,0.15)
}
.proshow-2 .right-box .title {
	border-bottom:0
}
.proshow-2 .right-box ul {
	padding-top:1rem
}
.proshow-2 .right-box li {
	margin-bottom:3rem;
	padding:3.5rem;
	border-radius:2rem;
	background:#edf0f2
}
.proshow-2 .right-box li .item {
	text-align:center
}
.proshow-2 .right-box li .pic {
	overflow:hidden;
	position:relative
}
.proshow-2 .right-box li .pic::after {
	content:"";
	display:block;
	padding-bottom:59.52380952%
}
.proshow-2 .right-box li .pic img {
	transition:all 700ms ease
}
.proshow-2 .right-box li .tit {
	font-weight:normal;
	color:#212121;
	font-size:2rem;
	height:3rem;
	line-height:3rem;
	margin-top:2rem;
	font-family:var(--font-family-H-S-SC-B);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.proshow-2 .right-box li .txt {
	color:#666;
	font-size:1.6rem;
	margin-top:1rem
}
.proshow-2 .right-box li .more {
	margin-top:2rem;
	font-size:1.4rem;
	color:var(--main-color)
}
.proshow-2 .right-box li:hover .pic img {
	transform:scale(1.05)
}
.proshow-2 .right-box li:hover .tit {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.proshow-2 {
	padding-top:50px;
	padding-bottom:60px
}
.proshow-2 .container {
	max-width:100%;
	display:block
}
.proshow-2 .title {
	font-size:24px;
	padding-bottom:15px
}
.proshow-2 .title img {
	margin-right:8px;
	max-height:30px
}
.proshow-2 .left-box {
	float:none;
	width:100%;
	padding:30px;
	border-radius:15px;
	box-shadow:8px 0 40px rgba(80,91,113,0.1);
	margin-bottom:30px
}
.proshow-2 .left-box .list {
	padding-left:20px;
	padding-top:8px
}
.proshow-2 .left-box .list li {
	margin-top:15px;
	font-size:16px
}
.proshow-2 .left-box .list li img {
	max-height:50px;
	margin-right:15px
}
.proshow-2 .left-box .list-2 {
	margin-top:25px
}
.proshow-2 .left-box .list-2 ul {
	margin-top:30px
}
.proshow-2 .left-box .list-2 li {
	width:50%;
	padding:0 10px
}
.proshow-2 .left-box .list-2 li .pic {
	border-radius:15px
}
.proshow-2 .left-box .list-2 li .pic img {
	border-radius:15px
}
.proshow-2 .right-box {
	top:auto;
	right:auto;
	position:relative;
	float:none;
	width:100%;
	padding:30px 25px;
	border-radius:15px;
	box-shadow:8px 0 40px rgba(80,91,113,0.1)
}
.proshow-2 .right-box ul {
	padding-top:10px
}
.proshow-2 .right-box li {
	margin-bottom:20px;
	padding:25px;
	border-radius:15px
}
.proshow-2 .right-box li .pic::after {
	padding-bottom:59.52380952%
}
.proshow-2 .right-box li .tit {
	font-size:16px;
	height:24px;
	line-height:24px;
	margin-top:15px
}
.proshow-2 .right-box li .txt {
	font-size:14px;
	margin-top:8px
}
.proshow-2 .right-box li .more {
	margin-top:15px;
	font-size:14px
}
}@media (max-width:640px) {
	.proshow-2 {
	padding-top:30px;
	padding-bottom:40px
}
.proshow-2 .left-box {
	padding:20px;
	margin-bottom:20px
}
.proshow-2 .left-box .list {
	padding-left:15px
}
.proshow-2 .left-box .list li {
	margin-top:12px;
	font-size:14px
}
.proshow-2 .left-box .list li img {
	max-height:40px;
	margin-right:12px
}
.proshow-2 .left-box .list-2 {
	margin-top:20px
}
.proshow-2 .left-box .list-2 ul {
	margin-top:20px
}
.proshow-2 .left-box .list-2 li {
	width:100%;
	padding:0 5px;
	margin-bottom:20px
}
.proshow-2 .right-box {
	padding:20px 15px
}
.proshow-2 .right-box li {
	margin-bottom:15px;
	padding:20px
}
.proshow-2 .right-box li .tit {
	font-size:14px;
	height:22px;
	line-height:22px;
	margin-top:12px
}
.proshow-2 .right-box li .txt {
	font-size:14px;
	margin-top:6px
}
.proshow-2 .right-box li .more {
	margin-top:12px;
	font-size:14px
}
}.about-1 {
	position:relative;
	padding:10rem 0 7rem 0;
	background:linear-gradient(to bottom,#fdfcfe 2%,#fdfcfe,#fcf8fc)
}
.about-1 .row {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.about-1 .left-text {
	width:47%
}
.about-1 .left-text .text p {
	font-size:2rem;
	color:#535253;
	line-height:4rem;
	padding-top:2rem
}
.about-1 .right-video {
	width:47%;
	position:relative
}
.about-1 .right-video .pic {
	border-radius:1.6rem
}
.about-1 .right-video .pic img {
	border-radius:1.6rem
}
.about-1 .right-video .video-btn {
	top:50%;
	left:50%;
	position:absolute;
	transform:translate(-50%,-50%);
	width:9rem;
	height:9rem
}
.about-1 .right-video .video-btn::before {
	top:50%;
	left:50%;
	content:"";
	width:100%;
	height:100%;
	opacity:.3;
	border-radius:50%;
	position:absolute;
	margin-top:-4.5rem;
	margin-left:-4.5rem;
	background:var(--main-color);
	animation:ripple 1.2s ease-out 1s infinite
}
.about-1 .right-video .video-btn span {
	width:6rem;
	height:6rem;
	z-index:3;
	top:50%;
	left:50%;
	position:absolute;
	display:inline-block;
	line-height:5.5rem;
	border-radius:50%;
	text-align:center;
	background-color:var(--main-color);
	transform:translate(-50%,-50%)
}
.about-1 .right-video .video-btn svg {
	vertical-align:middle;
	width:3rem;
	height:3rem;
	fill:#fff
}
.about-1 .numlist {
	margin-top:6rem
}
.about-1 .numlist ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.about-1 .numlist li .counter {
	font-size:6.2rem;
	line-height:6rem;
	font-weight:700;
	color:var(--main-color);
	font-family:var(--font-family-H-S-SC-B)
}
.about-1 .numlist li em {
	padding-left:.5rem;
	vertical-align:bottom;
	display:inline-block;
	font-style:normal;
	color:var(--main-color);
	font-size:2.4rem;
	font-weight:700
}
.about-1 .numlist li i {
	vertical-align:top;
	display:inline-block;
	font-style:normal;
	color:var(--main-color);
	font-size:6.2rem;
	line-height:6rem;
	font-weight:700
}
.about-1 .numlist li .t-2 {
	color:#616161;
	padding-top:1rem
}
@media (max-width:1024px) {
	.about-1 {
	padding-top:40px;
	padding-bottom:50px
}
.about-1 .row {
	display:block
}
.about-1 .left-text {
	width:100%;
	display:block
}
.about-1 .left-text .text p {
	font-size:14px;
	color:#535253;
	line-height:26px;
	padding-top:15px
}
.about-1 .right-video {
	width:100%;
	margin-top:30px
}
.about-1 .right-video .video-btn {
	width:70px;
	height:70px
}
.about-1 .right-video .video-btn::before {
	margin-top:-35px;
	margin-left:-35px
}
.about-1 .right-video .video-btn span {
	width:50px;
	height:50px;
	line-height:45px
}
.about-1 .right-video .video-btn svg {
	width:24px;
	height:24px
}
.about-1 .numlist {
	margin-top:30px
}
.about-1 .numlist li .counter {
	font-size:20px;
	line-height:30px
}
.about-1 .numlist li em {
	font-size:18px
}
.about-1 .numlist li i {
	font-size:20px;
	line-height:30px
}
.about-1 .numlist li .t-2 {
	font-size:14px
}
}@media (max-width:640px) {
	.about-1 {
	padding-top:30px;
	padding-bottom:35px
}
.about-1 .left-text .text p {
	font-size:13px;
	line-height:24px;
	padding-top:12px
}
.about-1 .right-video {
	margin-top:20px
}
.about-1 .right-video .video-btn {
	width:60px;
	height:60px
}
.about-1 .right-video .video-btn::before {
	margin-top:-30px;
	margin-left:-30px
}
.about-1 .right-video .video-btn span {
	width:42px;
	height:42px;
	line-height:38px
}
.about-1 .right-video .video-btn svg {
	width:20px;
	height:20px
}
.about-1 .numlist {
	margin-top:20px
}
.about-1 .numlist ul {
	flex-wrap:wrap
}
.about-1 .numlist li .counter {
	font-size:16px;
	line-height:24px
}
.about-1 .numlist li em {
	font-size:14px
}
.about-1 .numlist li i {
	font-size:16px;
	line-height:24px
}
.about-1 .numlist li .t-2 {
	font-size:12px;
	padding-top:8px
}
}.about-2 {
	position:relative;
	overflow:hidden;
	padding:10rem 0
}
.about-2 .common-title {
	text-align:center
}
.about-2 .common-title .en {
	width:100%;
	text-align:center
}
.about-2 .container {
	max-width:192rem
}
.about-2 .list {
	margin:0 -35rem;
	margin-top:6rem
}
.about-2 .list .pic {
	position:relative;
	border-radius:2rem
}
.about-2 .list .pic img {
	border-radius:2rem
}
.about-2 .list .pic::before {
	top:0;
	left:0;
	z-index:3;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	border-radius:2rem;
	transition:all 500ms ease;
	background:rgba(255,255,255,0.2)
}
.about-2 .list .swiper-slide-active .pic::before {
	background:rgba(255,255,255,0)
}
@media (max-width:1024px) {
	.about-2 {
	padding:50px 0
}
.about-2 .list {
	margin-left:0;
	margin-right:0;
	margin-top:40px
}
.about-2 .list .pic {
	border-radius:15px
}
.about-2 .list .pic img {
	border-radius:15px
}
.about-2 .list .pic::before {
	border-radius:15px
}
}@media (max-width:640px) {
	.about-2 {
	padding:35px 0
}
.about-2 .list {
	margin-top:25px
}
.about-2 .list .pic {
	border-radius:12px
}
.about-2 .list .pic img {
	border-radius:12px
}
.about-2 .list .pic::before {
	border-radius:12px
}
}.about-3 {
	position:relative
}
.about-3 .common-title {
	text-align:center
}
.about-3 .common-title .en {
	width:100%;
	text-align:center
}
.about-3 .list {
	line-height:3.2rem;
	font-size:2rem;
	color:#fff;
	margin-top:4rem;
	height:73rem;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.about-3 .list .container {
	max-width:192rem
}
.about-3 .list ul {
	display:flex;
	flex-wrap:wrap
}
.about-3 .list li:first-child {
	border-left:0
}
.about-3 .list li {
	width:22%;
	display:flex;
	padding:0 5rem;
	padding-top:19rem;
	height:73rem;
	text-align:center;
	justify-content:center;
	transition:all 500ms ease;
	border-left:solid 1px rgba(255,255,255,0.9)
}
.about-3 .list li .t-1 img {
	max-height:7rem
}
.about-3 .list li .t-2 {
	font-size:3rem;
	margin-top:5rem;
	font-family:var(--font-family-H-S-SC-B)
}
.about-3 .list li .t-3 {
	display:none;
	font-size:2rem;
	margin-top:2rem
}
.about-3 .list li .t-3 p {
	padding-top:1rem
}
.about-3 .list .active {
	width:56%
}
.about-3 .list .active .t-3 {
	display:block
}
@media (max-width:1024px) {
	.about-3 {
	padding-top:20px
}
.about-3 .list {
	padding:20px 0;
	height:auto;
	margin-top:30px;
	line-height:24px;
	font-size:14px
}
.about-3 .list ul {
	margin:0 -10px
}
.about-3 .list li {
	height:auto;
	border:0;
	padding:10px;
	display:flex;
	align-items:center;
	width:100%!important
}
.about-3 .list li .item {
	padding:25px 15px;
	color:#666;
	width:100%;
	min-height:100%;
	border-radius:10px;
	background:#fff;
	font-size:14px
}
.about-3 .list li .t-1 {
	display:none
}
.about-3 .list li .t-2 {
	font-size:16px;
	padding-top:0;
	margin-top:0
}
.about-3 .list li .t-3 {
	display:block !important;
	font-size:14px;
	margin-top:10px
}
.about-3 .list li .t-3 p {
	padding-top:0px
}
}@media (max-width:640px) {
	.about-3 {
	padding-top:15px
}
.about-3 .list {
	padding:30px 0;
	margin-top:20px;
	line-height:22px;
	font-size:14px
}
.about-3 .list ul {
	margin:0
}
.about-3 .list li {
	width:100%!important;
	padding:0;
	padding-top:16px
}
.about-3 .list li .item {
	padding:25px;
	background:rgba(255,255,255,0.85)
}
.about-3 .list li .t-2 {
	color:#333;
	font-size:18px
}
.about-3 .list li .t-3 {
	font-size:14px;
	margin-top:8px
}
.about-3 .list li .t-3 p {
	padding-top:4px
}
.about-3 .list li:first-child {
	padding-top:0
}
}.about-4 {
	padding:10rem 0;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.about-4 .container {
	position:relative;
	display:flex;
	justify-content:space-between
}
.about-4 .common-title {
	top:3rem;
	left:54%;
	position:absolute
}
.about-4 .left-pic {
	overflow:hidden;
	position:relative;
	width:48.7%
}
.about-4 .left-pic .pic {
	border-radius:1.6rem
}
.about-4 .left-pic .pic img {
	border-radius:1.6rem
}
.about-4 .left-pic .swiper-pagination-bullet {
	opacity:1;
	background:#fff;
	width:1rem;
	height:1rem;
	transition:all 500ms ease
}
.about-4 .left-pic .swiper-pagination-bullet-active {
	width:2.5rem;
	border-radius:.5rem
}
.about-4 .right-text {
	width:46%;
	padding-top:10rem
}
.about-4 .right-text .text {
	color:#505053;
	font-size:2rem;
	line-height:3.6rem;
	padding-top:1.5rem
}
.about-4 .right-text .text p {
	padding-top:1.5rem
}
@media (max-width:1024px) {
	.about-4 {
	padding:60px 0
}
.about-4 .container {
	display:flex;
	flex-direction:column
}
.about-4 .common-title {
	top:auto;
	left:auto;
	position:relative;
	text-align:center;
	order:1
}
.about-4 .common-title .en {
	width:100%
}
.about-4 .left-pic {
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	order:2
}
.about-4 .left-pic .pic {
	border-radius:12px
}
.about-4 .left-pic .pic img {
	border-radius:12px
}
.about-4 .right-text {
	width:100%;
	padding-top:0;
	order:2
}
.about-4 .right-text .text {
	font-size:14px;
	line-height:26px
}
.about-4 .right-text .text p {
	padding-top:15px
}
}@media (max-width:640px) {
	.about-4 {
	padding:40px 0
}
.about-4 .left-pic {
	margin-bottom:0px
}
.about-4 .left-pic .pic {
	border-radius:10px
}
.about-4 .left-pic .pic img {
	border-radius:10px
}
.about-4 .right-text .text {
	line-height:24px
}
}.history {
	background-color:#fdf7ff;
	padding-top:8rem;
	padding-bottom:15rem;
	position:relative;
	z-index:1
}
.history .common-title {
	text-align:center
}
.history .common-title .en {
	width:100%;
	text-align:center
}
.history .tabs {
	margin-top:6rem
}
.history .menuTabs {
	text-align:center;
	position:relative;
	margin-bottom:6rem
}
.history .menuTabs .swiper-container {
	position:relative;
	max-width:144rem;
	margin-left:auto;
	margin-right:auto
}
.history .menuTabs .swiper-container::after {
	content:'';
	position:absolute;
	bottom:1.4rem;
	width:100%;
	height:.2rem;
	background:var(--main-color);
	left:50%;
	transform:translateX(-50%)
}
.history .menuTabs li {
	cursor:pointer
}
.history .menuTabs li:hover .year {
	color:var(--main-color)
}
.history .menuTabs .year {
	font-size:2.4rem;
	line-height:3.6rem;
	letter-spacing:.1rem;
	color:#86909c;
	margin-bottom:3rem;
	transition:.5s
}
.history .menuTabs .circle {
	width:3rem;
	height:3rem;
	border-radius:50%;
	background-color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.history .menuTabs .circle svg {
	width:2rem;
	height:2rem;
	fill:var(--main-color)
}
.history .menuTabs .circle::before {
	background-color:#fff;
	animation:0s !important
}
.history .menuTabs .circle::after {
	display:none
}
.history .menuTabs .swiper-slide-active1 .year,.history .menuTabs .on .year {
	color:var(--main-color);
	font-size:3rem
}
.history .menuTabs .swiper-slide-active1 .circle,.history .menuTabs .on .circle {
	background:#fff
}
.history .menuTabs .swiper-slide-active1 .circle svg,.history .menuTabs .on .circle svg {
	fill:var(--main-color)
}
.history .swiper-button-prev,.history .swiper-button-next {
	width:4.8rem;
	height:4.8rem;
	color:#fff;
	background-color:var(--main-color);
	border-radius:2.4rem 2.4rem 2.4rem 2.4rem;
	position:absolute;
	top:initial;
	bottom:-1rem
}
.history .swiper-button-prev::after,.history .swiper-button-next::after {
	display:none
}
.history .swiper-button-prev:hover,.history .swiper-button-next:hover {
	background:var(--sub-color)
}
.history .swiper-button-prev svg,.history .swiper-button-next svg {
	width:2rem;
	height:2rem;
	transition:.5s
}
.history .swiper-button-prev {
	left:0
}
.history .swiper-button-prev:hover svg {
	transform:translateX(-0.5rem)
}
.history .swiper-button-next {
	right:0
}
.history .swiper-button-next:hover svg {
	transform:translateX(.5rem)
}
.history .conTabs {
	width:100%;
	max-width:140rem;
	min-height:22rem;
	margin-left:auto;
	margin-right:auto;
	color:#4e5969;
	font-size:1.6rem;
	line-height:2
}
.history .conTabs .swiper-slide {
	padding-left:2rem;
	padding-right:2rem
}
.history .conTabs .box {
	margin-left:auto;
	margin-right:auto;
	font-size:2.2rem;
	color:#333;
	padding:7.5rem 6.4rem;
	background-color:#ffffff;
	box-shadow:0 .8rem 2.1rem 0 rgba(62,119,190,0.16);
	border-radius:1rem;
	padding-right:34rem;
	position:relative
}
.history .conTabs .swiper-slide {
	padding-top:3rem;
	padding-bottom:3rem;
	position:relative
}
.history .conTabs .icon-1,.history .conTabs .icon-2 {
	display:inline-flex;
	width:6rem;
	height:6rem
}
.history .conTabs .icon-1 {
	position:absolute;
	top:-3rem;
	left:5.5rem
}
.history .conTabs .icon-2 {
	position:absolute;
	bottom:-3rem;
	right:5rem
}
.history .conTabs .year {
	transform:translateY(-50%);
	font-family:var(--Poppins-Semibold);
	font-size:9.2rem;
	line-height:1;
	position:absolute;
	top:50%;
	right:11rem
}
.history .conTabs .year span {
	display:inline-block;
	vertical-align:top;
	color:var(--main-color)
}
.history .bg {
	width:100%;
	position:absolute;
	z-index:-1;
	bottom:4rem;
	left:0
}
.history .bg img {
	width:100%;
	vertical-align:top
}
@media screen and (max-width:1024px) {
	.history {
	padding-top:40px;
	padding-bottom:40px
}
.history .titleBig {
	font-size:24px;
	letter-spacing:0;
	margin-bottom:30px
}
.history .menuTabs {
	padding-left:40px;
	padding-right:40px;
	margin-bottom:40px
}
.history .menuTabs .swiper-container {
	max-width:1120px
}
.history .menuTabs .swiper-container::after {
	bottom:14px;
	width:100%;
	height:2px
}
.history .menuTabs .year {
	font-size:18px;
	line-height:24px;
	letter-spacing:0;
	margin-bottom:20px
}
.history .menuTabs .circle {
	width:32px;
	height:32px;
	border-radius:50%;
	background-color:#f7faff;
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.history .menuTabs .circle svg {
	width:20px;
	height:20px;
	fill:var(--main-color)
}
.history .menuTabs .swiper-slide-active1 .year,.history .menuTabs .on .year {
	color:var(--main-color);
	font-size:24px
}
.history .menuTabs .swiper-slide-active1 .circle,.history .menuTabs .on .circle {
	background:#fff
}
.history .menuTabs .swiper-slide-active1 .circle svg,.history .menuTabs .on .circle svg {
	fill:var(--main-color)
}
.history .swiper-button-prev,.history .swiper-button-next {
	width:32px;
	height:32px;
	border-radius:50%;
	bottom:0px
}
.history .swiper-button-prev svg,.history .swiper-button-next svg {
	width:16px;
	height:16px
}
.history .swiper-button-prev {
	left:0px
}
.history .swiper-button-prev:hover svg {
	transform:translateX(0)
}
.history .swiper-button-next {
	right:0px
}
.history .swiper-button-next:hover svg {
	transform:translateX(0)
}
.history .tabs {
	margin-top:30px
}
.history .conTabs {
	max-width:998px;
	min-height:220px;
	font-size:16px;
	line-height:2
}
.history .conTabs .swiper-slide {
	padding-left:10px;
	padding-right:10px
}
.history .conTabs .box {
	padding:40px 20px;
	font-size:14px;
	box-shadow:0 4px 10px 0 rgba(62,119,190,0.16);
	border-radius:10px
}
.history .conTabs .swiper-slide {
	padding-top:20px;
	padding-bottom:20px
}
.history .conTabs .icon-1,.history .conTabs .icon-2 {
	width:40px;
	height:40px
}
.history .conTabs .icon-1 {
	top:-20px;
	left:20px
}
.history .conTabs .icon-2 {
	position:absolute;
	bottom:-20px;
	right:20px
}
.history .conTabs .year {
	font-size:30px;
	position:static;
	top:initial;
	right:initial
}
.history .bg {
	width:100%;
	position:absolute;
	z-index:-1;
	bottom:40px;
	left:0
}
.history .bg img {
	width:100%;
	vertical-align:top
}
}.honor {
	overflow:hidden;
	padding-top:9rem;
	min-height:79rem;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.honor:after {
	content:'';
	position:absolute;
	bottom:9rem;
	left:0;
	right:0;
	width:100%;
	height:17rem;
	background-image:url(../images/honor-line.png);
	background-repeat:repeat-x;
	background-position:center;
	background-size:auto;
	pointer-events:none;
	z-index:1
}
.honor .container {
	max-width:178rem
}
.honor .common-title {
	text-align:center
}
.honor .common-title .cn {
	color:#fff
}
.honor .common-title .en {
	width:100%;
	text-align:center;
	-webkit-text-stroke:#fff 1px
}
.honor .honor-list {
	padding:6rem 0;
	position:relative;
	z-index:9
}
.honor .honor-list .pic-wrapper {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:1rem;
	min-height:35rem;
	background-image:url(../images/honor-kuang.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	cursor:pointer
}
.honor .honor-list .pic {
	display:block;
	width:80%
}
.honor .honor-list .pic img {
	width:100%;
	height:auto;
	display:block
}
.honor .honor-list .title {
	font-size:1.9rem;
	color:#333;
	line-height:1.5;
	text-align:center
}
@media (max-width:1024px) {
	.honor {
	padding-top:60px;
	padding-bottom:60px;
	min-height:auto
}
.honor:after {
	height:100px;
	bottom:70px
}
.honor .container {
	max-width:100%
}
.honor .honor-list {
	padding:40px 0
}
.honor .honor-list .pic-wrapper {
	min-height:295px;
	margin-bottom:8px
}
.honor .honor-list .title {
	font-size:14px;
	line-height:1.4
}
}@media (max-width:640px) {
	.honor {
	padding-top:40px
}
.honor::after {
	bottom:70px
}
.honor .honor-list {
	padding:25px 0
}
.honor .honor-list .pic-wrapper {
	margin-bottom:6px
}
.honor .honor-list .title {
	font-size:12px
}
}@media (max-width:440px) {
	.honor .honor-list .pic-wrapper {
	min-height:230px
}
}@media (max-width:380px) {
	.honor .honor-list .pic-wrapper {
	min-height:214px
}
}.honor-2,.honor-4 {
	padding-bottom:10rem;
	height:auto
}
.honor-2::after,.honor-4::after {
	bottom:10rem
}
.honor-2 .swiper-wrapper,.honor-4 .swiper-wrapper {
	justify-content:center
}
.honor-2 .common-title .cn,.honor-4 .common-title .cn {
	color:var(--main-color)
}
.honor-2 .common-title .en,.honor-4 .common-title .en {
	-webkit-text-stroke:var(--main-color) 1px
}
.honor-2 .info,.honor-4 .info {
	margin:1rem auto;
	text-align:center;
	margin-bottom:0;
	max-width:115rem;
	font-size:2rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:3rem;
	letter-spacing:0rem;
	color:#333333;
	opacity:.9
}
.honor-2 .info-2,.honor-4 .info-2 {
	max-width:100rem
}
.honor-2 .honor-list,.honor-4 .honor-list {
	padding-top:7rem
}
@media (max-width:1024px) {
	.honor-2,.honor-4 {
	padding-bottom:60px
}
.honor-2::after,.honor-4::after {
	bottom:60px
}
.honor-2 .swiper-wrapper,.honor-4 .swiper-wrapper {
	justify-content:inherit
}
.honor-2 .info,.honor-4 .info {
	font-size:14px;
	line-height:24px;
	margin:10px auto
}
.honor-2 .info-2,.honor-4 .info-2 {
	max-width:100%
}
.honor-2 .honor-list,.honor-4 .honor-list {
	padding-top:40px
}
}@media (max-width:640px) {
	.honor-2,.honor-4 {
	padding-bottom:40px
}
.honor-2::after,.honor-4::after {
	bottom:60px;
	height:60px
}
.honor-2 .info,.honor-4 .info {
	text-align:left;
	font-size:13px;
	line-height:22px;
	margin:8px auto
}
.honor-2 .honor-list,.honor-4 .honor-list {
	padding-top:25px
}
}.honor-3 {
	padding-bottom:9rem;
	height:auto
}
.honor-3 .swiper-wrapper {
	justify-content:center
}
.honor-3 .info {
	margin-top:2rem;
	color:rgba(255,255,255,0.85);
	text-align:center;
	font-size:2rem
}
.honor-3 .honor-list .title {
	padding:0 2rem
}
@media (max-width:1024px) {
	.honor-3 {
	padding-bottom:60px
}
.honor-3::after {
	bottom:50px
}
.honor-3 .swiper-wrapper {
	justify-content:inherit
}
.honor-3 .info {
	margin-top:15px;
	font-size:14px;
	line-height:24px
}
.honor-3 .honor-list {
	padding:40px 0
}
.honor-3 .honor-list .title {
	font-size:14px;
	padding:0 15px
}
}@media (max-width:640px) {
	.honor-3 {
	padding-bottom:40px
}
.honor-3 .info {
	margin-top:12px;
	font-size:13px;
	line-height:22px
}
.honor-3 .honor-list {
	padding:25px 0
}
.honor-3 .honor-list .title {
	font-size:12px;
	padding:0 12px
}
}.honor-4 .honor-list .title {
	padding:0 3rem
}
@media (max-width:1024px) {
	.honor-4 .honor-list .title {
	padding:0 20px;
	font-size:14px
}
}@media (max-width:640px) {
	.honor-4 .honor-list .title {
	padding:0 15px;
	font-size:12px
}
}#searchPopup {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	z-index:9999
}
#searchPopup .searchBox {
	color:#fff;
	padding-right:0;
	position:absolute;
	left:0;
	width:100%;
	z-index:-1;
	top:13rem;
	opacity:0;
	transition:all .5s
}
#searchPopup .searchBox.fadeIn {
	top:15rem;
	opacity:1;
	z-index:999
}
#searchPopup .searchBox .container {
	width:100%;
	position:relative;
	z-index:1;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	transform:translateX(0)
}
#searchPopup .searchBox input {
	box-shadow:0 0 1rem rgba(0,0,0,0.1);
	border:1px #fff solid;
	background:#fff;
	color:#333;
	width:40%;
	padding:0 10px;
	font-size:1.4rem;
	height:6rem;
	line-height:5.8rem
}
#searchPopup .searchBox input:focus {
	color:#333
}
#searchPopup .searchBox .btn {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:0;
	height:6rem;
	width:6rem;
	background:var(--main-color);
	text-align:center;
	display:inline-block
}
#searchPopup .searchBox .btn svg {
	width:3rem;
	height:3rem;
	margin:1.5rem
}
#searchPopup .searchBox .btn .cls-1 {
	fill:#fff
}
#searchPopup .searchBox .btn .cls-2 {
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px
}
#searchPopup .searchBox .btn:hover {
	background:var(--main-color)
}
#searchPopup .searchBox .close {
	display:none
}
@media screen and (max-width:1024px) {
	#searchPopup .searchBox .container {
	transform:translateX(0)
}
#searchPopup .searchBox input {
	width:100%;
	padding:0 10px;
	font-size:14px;
	height:36px;
	line-height:36px
}
#searchPopup .searchBox .btn {
	right:15px;
	height:36px;
	width:36px
}
#searchPopup .searchBox .btn svg {
	width:20px;
	height:20px;
	margin:8px auto 0 auto
}
}.verifyDiv {
	width:40%;
	vertical-align:middle;
	position:relative
}
.verify {
	height:5rem;
	background-color:#f3f3f3;
	position:relative
}
.verify .drag-btn {
	position:absolute;
	left:0;
	top:0;
	width:5rem;
	height:5rem;
	border:1px #e5e5e5 solid;
	background:#fff url(../images/drag-arrow.svg) no-repeat center center;
	background-size:2rem 2rem;
	z-index:2;
	cursor:move
}
.verify .suc-drag-btn {
	background:#fff url(../images/drag-success.svg) no-repeat center center;
	background-size:2rem 2rem
}
.verify .drag-progress {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:5rem;
	line-height:4.8rem;
	background-color:#7ac23c;
	color:#fff;
	text-align:center
}
.verify .fix-tips,.verify .verify-msg {
	width:100%;
	position:absolute;
	right:0;
	left:0;
	height:100%;
	color:#666;
	z-index:1;
	font-size:1.4rem;
	line-height:5rem;
	padding-left:5rem;
	text-align:center
}
.verify .verify-msg {
	padding-left:0;
	padding-right:5rem
}
.verify .verify-msg {
	background-color:#7ac23c;
	color:#fff;
	display:none
}
@media (max-width:1023px) {
	.verify {
	height:50px
}
.verify .fix-tips,.verify .verify-msg {
	font-size:14px;
	line-height:50px
}
.verify .drag-btn {
	width:50px;
	height:50px
}
}.videoWindow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	z-index:1000000;
	display:none
}
.videoWindow video {
	z-index:99;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	height:auto;
	transform:translateX(-50%) translateY(-50%);
	max-height:70%;
	max-width:70%;
	object-fit:cover
}
.videoWindow i {
	display:block;
	position:absolute;
	top:3rem;
	right:3rem;
	width:2.5rem;
	height:2.5rem;
	background:url(../images/onlineClose.png) no-repeat center center;
	background-size:contain;
	cursor:pointer
}
.navPhoneBtn {
	width:32px;
	height:32px;
	border-radius:5px;
	padding-top:7px;
	border:solid 1px #999;
	display:inline-block;
	cursor:pointer;
	text-align:right;
	display:none
}
.navPhoneBtn span {
	margin:0 auto;
	display:block;
	width:18px;
	height:3px;
	margin-bottom:3px;
	position:relative;
	background:#999;
	border-radius:0px;
	z-index:1;
	transform-origin:20px;
	animation:fadeIn2 1.8s linear infinite;
	transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s,transform .5s cubic-bezier(.77,.2,.05,1)
}
.navPhoneBtn span:last-child {
	margin-bottom:0
}
.navPhoneBtn.close,.navPhoneBtn.closeMember {
	opacity:1;
	z-index:10
}
.navPhoneBtn.close span,.navPhoneBtn.closeMember span {
	opacity:1;
	transform:rotate(45deg)
}
.navPhoneBtn.close span:nth-last-child(3),.navPhoneBtn.closeMember span:nth-last-child(3) {
	opacity:1;
	transform:rotate(-45deg)
}
.navPhoneBtn.close span:nth-last-child(2),.navPhoneBtn.closeMember span:nth-last-child(2) {
	width:0;
	opacity:0;
	transform:rotate(0);
	transition:width .5s
}
.navPhoneBtn.close span:last-child,.navPhoneBtn.closeMember span:last-child {
	margin-bottom:0
}
@media (max-width:1024px) {
	.navPhoneBtn {
	display:block;
	right:20px!important;
	margin-right:0px;
	position:absolute
}
}.common-navM .transparent {
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	display:none
}
.common-navM .navMCon {
	width:80%;
	min-width:140px;
	max-width:440px;
	height:100%;
	background-color:#fff;
	border-left:1px rgba(0,0,0,0.1) solid;
	padding:10px 20px;
	font-size:14px;
	line-height:2;
	position:fixed;
	z-index:9999999;
	top:0;
	bottom:0;
	right:auto;
	right:-100%;
	transition:all .5s
}
.common-navM .navMWrap {
	overflow-y:auto;
	padding:10px 20px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	align-items:center
}
.common-navM.open .transparent {
	display:block
}
.common-navM.open .closeBtn {
	display:block
}
.common-navM.open .navMCon {
	left:0
}
@media (max-width:1024px) {
	.common-navM.open .navMCon {
	left:auto;
	right:0
}
}.common-navM .mSearch {
	margin-top:40px
}
.common-navM .closeBtn {
	opacity:1!important;
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#666 !important;
	position:absolute;
	z-index:999;
	right:20px;
	top:20px
}
.common-navM .closeBtn:before,.common-navM .closeBtn:after {
	content:"";
	display:block;
	background:#666;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transform:rotate(45deg)
}
.common-navM .closeBtn:before {
	width:20px;
	height:1px
}
.common-navM .closeBtn:after {
	width:1px;
	height:20px
}
.common-navM .titleBig {
	text-align:center;
	padding:10px 0;
	display:none
}
.common-navM .navMWrap>.list {
	padding-top:10rem
}
.common-navM .navMWrap>.list em {
	font-style:initial
}
.common-navM .navMWrap>.list .title {
	padding:5px 0 5px 10px;
	text-indent:0;
	position:relative
}
.common-navM .navMWrap>.list .title .icon {
	width:40px;
	height:40px;
	margin:auto;
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	transform:rotate(45deg)
}
.common-navM .navMWrap>.list .title .icon:before,.common-navM .navMWrap>.list .title .icon:after {
	content:"";
	margin:auto;
	position:absolute;
	z-index:2;
	top:5px;
	right:0;
	bottom:0;
	left:0;
	transform-origin:center center;
	transition:all .3s ease
}
.common-navM .navMWrap>.list .title .icon:before {
	height:10px;
	width:10px;
	border-top:1px #aaa solid;
	border-right:1px #aaa solid
}
.common-navM .navMWrap>.list .title em {
	font-style:initial
}
.common-navM .navMWrap>.list .has .title .icon {
	display:block
}
.common-navM .navMWrap>.list .active>.title .icon:before {
	transform:rotate(90deg)
}
.common-navM .navMWrap>.list>li>.title {
	font-size:18px
}
.common-navM .navMWrap>.list>li>.title a {
	color:#333
}
.common-navM .navMWrap>.list>li>.child>.list>li {
	text-indent:15px
}
.common-navM .navMWrap>.list>li>.child>.list>li>.child .title {
	padding-left:20px
}
.common-navM .navMWrap>.list>li>.child>.list>li>.title {
	padding-left:20px;
	position:relative
}
.common-navM .navMWrap>.list>li>.child>.list>li>.title:before {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#999;
	position:absolute;
	top:12px!important;
	left:10px
}
.common-navM .navMWrap>.list .tb {
	width:20px;
	height:20px;
	display:inline-flex;
	position:absolute;
	top:7px;
	left:0
}
@media (max-width:1024px) {
	.common-navM .navMWrap>.list {
	padding-top:20px
}
}.common-navM .child {
	padding:0 0 20px 0;
	display:none;
	position:relative
}
.common-navM .child a {
	font-size:15px;
	color:#666;
	display:block;
	line-height:20px;
	padding:5px 0;
	transition:all .5s;
	position:relative
}
.common-navM .child a:hover {
	color:#000;
	margin-left:10px
}
.common-navM .mSearch {
	padding:10px 0;
	text-align:left;
	overflow:hidden;
	display:none;
	border-bottom:#f3f3f3 1px solid;
	position:relative
}
.common-navM .mSearch .btn {
	width:26px;
	height:26px;
	font-size:0;
	padding:0;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:10px
}
.common-navM .mSearch .btn .icon {
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:top
}
.common-navM .mSearch input {
	height:40px;
	line-height:38px;
	border:0;
	vertical-align:middle;
	box-sizing:border-box !important;
	color:#333;
	appearance:none;
	transition:all .4s cubic-bezier(.11393,.8644,.14684,1);
	opacity:1;
	width:100%;
	padding:5px 40px 5px 15px;
	border-radius:2px;
	font-size:14px;
	background-color:#fff;
	position:static;
	left:0;
	right:0
}
@media (max-width:1024px) {
	.common-navM .mSearch {
	display:flex
}
}.common-navM .other {
	padding:10px
}
.common-navM .read {
	padding-top:10px;
	padding-bottom:10px
}
.common-navM .read .btn-1 {
	display:inline-flex;
	align-items:center;
	padding:0 5px;
	line-height:40px;
	height:40px;
	border-radius:5px;
	background:linear-gradient(to right,#bf2d32,#a61f24);
	color:#fff;
	text-align:center;
	font-size:16px;
	position:relative
}
.common-navM .read .btn-1 .icon-1 {
	width:30px;
	height:30px;
	margin-left:5px
}
.common-navM .read .btn-1 .icon-2 {
	width:30px;
	height:30px;
	border-radius:5px;
	background-size:20px;
	margin-left:20px
}
.common-navM .list>li>.child>.list {
	padding-top:20px;
	font-family:var(--font-famil-2)
}
.common-navM .list>li>.child>.list>li>.title {
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-size:20px
}
.common-navM .list>li>.child>.list>li>.title::before {
	top:18px!important
}
.common-navM .languageBtn {
	padding:10px 0;
	display:flex;
	flex-wrap:wrap;
	column-gap:0;
	display:none
}
.common-navM .languageBtn>div {
	width:auto
}
.common-navM .languageBtn .col-2 {
	width:50%
}
.common-navM .languageBtn .col-3 {
	width:33.33333333%
}
.common-navM .languageBtn .col-4 {
	width:25%
}
.common-navM .languageBtn .col-5 {
	width:20%
}
.common-navM .languageBtn .col-6 {
	width:16.66666667%
}
.common-navM .languageBtn a {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px;
	text-align:center;
	border:1px #eee solid;
	margin-right:-1px;
	margin-top:-1px;
	background:#fff
}
@media (max-width:1024px) {
	.common-navM .languageBtn {
	display:flex
}
}.float {
	position:fixed;
	bottom:21rem;
	right:0;
	z-index:9999;
	background-color:#ffffff;
	box-shadow:0 0 1.2rem 1px rgba(0,0,0,0.12);
	border-radius:3.9rem;
	padding:1rem .9rem
}
.float ul li:first-child {
	border-top:0
}
.float ul li {
	width:3.8rem;
	font-size:1.2rem;
	padding:1.1rem 0;
	text-align:center;
	position:relative;
	border-top:1px solid #e0e0e0
}
.float ul li .pic {
	width:3rem;
	margin:0 auto
}
.float ul li .pic img {
	max-height:2.4rem
}
.float ul li .bt {
	color:#2b2b2b;
	margin-top:.4rem
}
.float ul li .hover {
	top:0;
	padding:10px;
	background:#fff;
	position:absolute;
	right:5.8rem;
	width:12.7rem;
	display:none;
	border-radius:1rem;
	box-shadow:0 0 1rem rgba(0,0,0,0.1)
}
.float ul li .dianhu {
	font-size:1.6rem
}
.float ul li .dianhu a {
	color:#fff
}
.float ul li .hover1 {
	position:absolute;
	top:0;
	right:5.8rem;
	width:20rem;
	background:#fff;
	padding:1.9rem 1rem;
	min-height:5.8rem;
	display:none;
	font-size:2rem;
	color:var(--main-color);
	line-height:3.2rem;
	border-radius:1rem;
	box-shadow:0 0 1rem rgba(0,0,0,0.1)
}
.float ul li:hover .bt {
	color:var(--main-color)
}
.float ul li:hover .hover {
	display:block
}
.float ul li:hover .hover1 {
	display:block
}
.float ul li.dis {
	opacity:1
}
@media (max-width:1024px) {
	.float {
	display:none
}
}.float .returnTop {
	opacity:0;
	display:none;
	transition:opacity .5s
}
.float .returnTop.show {
	opacity:1;
	display:block
}
.fp-viewing-section1 .float,.fp-viewing-section12 .float {
	display:none
}
.transparent {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	z-index:888
}
.transparent.active {
	display:block
}
#dingyue {
	-webkit-backdrop-filter:saturate(180%) blur(5px);
	backdrop-filter:saturate(180%) blur(5px);
	background:rgba(255,255,255,0.85);
	background-size:100%;
	border-radius:.8rem;
	font-size:1.4rem;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	width:35rem;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:6555;
	padding:3rem 5rem;
	padding-bottom:4rem
}
#dingyue .close {
	top:0;
	right:0;
	cursor:pointer;
	right:4rem;
	top:4rem;
	text-align:center;
	line-height:2.4rem;
	vertical-align:middle;
	position:absolute;
	width:3rem;
	height:3rem;
	border-radius:50%;
	border:solid 1px #666;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
#dingyue .close svg {
	vertical-align:middle;
	width:2.4rem;
	height:2.4rem;
	fill:#666
}
#dingyue .bt {
	color:#000;
	font-size:3.6rem;
	text-align:left;
	font-family:var(--font-family-H-S-SC-B);
	padding-bottom:1.4rem;
	text-transform:uppercase
}
#dingyue .p {
	font-size:1.6rem;
	line-height:3.6rem;
	color:#adadad;
	padding-bottom:1.9rem;
	text-align:center
}
#dingyue .input {
	position:relative
}
#dingyue .input .li {
	position:relative
}
#dingyue .input .li font {
	position:absolute;
	color:#f00;
	top:1rem;
	left:1.5rem
}
#dingyue .input input {
	width:100%;
	height:4.4rem;
	border-radius:.5rem;
	padding:0 1.2rem 0 2.2rem;
	background:none;
	font-size:1.6rem;
	margin-bottom:1.4rem;
	border:solid 1px #fff;
	background:rgba(255,255,255,0.5);
	font-family:var(--font-family-H-S-SC-R)
}
#dingyue .input input:focus {
	border-color:var(--main-color)
}
#dingyue .input a {
	width:14.1rem;
	line-height:4.2rem;
	background:var(--main-color);
	border-radius:.5rem;
	font-size:1.6rem;
	display:block;
	color:#fff;
	margin:0 auto;
	text-align:center
}
@media (min-width:1025px) {
	#dingyue .input a:hover {
	background:var(--sub-color)
}
}@media (max-width:640px) {
	#dingyue {
	width:320px
}
}.honor-lightbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	display:none;
	z-index:10000;
	align-items:center;
	justify-content:center
}
.honor-lightbox.active {
	display:flex
}
.honor-lightbox .lightbox-content {
	position:relative;
	max-width:90%;
	max-height:90%;
	background:#fff;
	border-radius:.8rem;
	overflow:hidden;
	animation:zoomIn .3s ease
}
.honor-lightbox img {
	width:60rem;
	height:auto;
	display:block
}
.honor-lightbox .close-btn {
	position:absolute;
	top:2rem;
	right:2rem;
	width:4rem;
	height:4rem;
	background:#fff;
	border:none;
	border-radius:50%;
	cursor:pointer;
	font-size:2.8rem;
	color:var(--main-color);
	display:flex;
	justify-content:center;
	transition:all .3s ease;
	border:solid 1px var(--main-color)
}
@keyframes zoomIn {
	from {
	transform:scale(.8);
	opacity:0
}
to {
	transform:scale(1);
	opacity:1
}
}.partner {
	overflow:hidden;
	padding-top:9rem;
	padding-bottom:6rem;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.partner .container {
	max-width:192rem
}
.partner .common-title {
	text-align:center
}
.partner .common-title .en {
	width:100%;
	text-align:center
}
.partner .partner-list {
	padding:3rem 0 0 0;
	position:relative;
	z-index:9
}
.partner .partner-row {
	margin-bottom:3rem
}
.partner .partner-item {
	position:relative
}
.partner .partner-item::after {
	content:"";
	display:block;
	padding-bottom:50%
}
@media (max-width:1024px) {
	.partner {
	padding-top:50px;
	padding-bottom:30px
}
}.newslist {
	background-image:url(../images/news-bg-2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding:10rem 0
}
.newslist .newslist-swiper {
	position:relative
}
.newslist .newslist-swiper .swiper-wrapper {
	display:flex
}
.newslist .newslist-swiper .swiper-slide {
	display:flex;
	align-items:center
}
.newslist .news-item {
	align-items:center;
	display:flex;
	background:#fff;
	border-radius:1.2rem;
	overflow:hidden;
	box-shadow:0 .4rem 2rem rgba(0,0,0,0.1);
	transition:all .3s ease
}
.newslist .news-item:hover {
	box-shadow:0 .8rem 3rem rgba(0,0,0,0.15)
}
.newslist .news-item:hover .news-pic img {
	transform:scale(1.05)
}
.newslist .news-item:hover .news-title a {
	color:var(--main-color)
}
.newslist .news-pic {
	width:44%;
	position:relative;
	overflow:hidden;
	border-radius:1.2rem 0 0 1.2rem
}
.newslist .news-pic img {
	transition:all 500ms ease
}
.newslist .news-pic::after {
	content:"";
	display:block;
	padding-bottom:59.57142857%
}
.newslist .news-content {
	width:56%;
	padding:5rem
}
.newslist .news-date {
	font-family:HarmonyOS_Sans_SC_Bold;
	font-size:1.6rem;
	display:flex;
	align-items:center;
	color:#212121;
	margin-bottom:3rem
}
.newslist .news-date .icon {
	margin-right:.8rem;
	width:1.8rem;
	height:1.8rem;
	display:block
}
.newslist .news-title {
	margin:0 0 3rem 0;
	font-family:HarmonyOS_Sans_SC_Bold;
	font-size:2.6rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:3rem;
	letter-spacing:0;
	color:#212121;
	display:-webkit-box;
	-webkit-line-clamp:1;
	line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.newslist .news-title a {
	color:#212121
}
.newslist .news-desc {
	font-size:1.8rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:3.6rem;
	letter-spacing:0;
	color:#7a7a7a;
	margin-bottom:2.5rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.newslist .news-link {
	display:inline-block;
	color:#8b5cf6;
	font-size:1.4rem;
	font-weight:bold;
	text-decoration:none;
	transition:all .3s ease
}
.newslist .news-link:hover {
	color:#7c3aed
}
.newslist .swiper-pagination {
	height:2px;
	background:#e1e1e1;
	width:90%;
	margin:0 auto
}
.newslist .swiper-pagination-progressbar {
	position:relative
}
.newslist .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:var(--main-color)
}
.newslist .swiper-button-prev,.newslist .swiper-button-next {
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	margin-top:auto;
	width:3.4rem;
	height:3.4rem;
	border-radius:50%;
	border:solid 1px #e1e1e1;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.4rem;
	color:#333;
	transition:all .3s ease;
	z-index:10
}
.newslist .swiper-button-prev::after,.newslist .swiper-button-next::after {
	display:none
}
.newslist .swiper-button-prev:hover,.newslist .swiper-button-next:hover {
	color:var(--main-color);
	border-color:var(--main-color)
}
.newslist .swiper-warp {
	margin:0 auto;
	max-width:90rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:4.5rem
}
@media (max-width:1024px) {
	.newslist {
	padding:6rem 0
}
.newslist .news-item {
	flex-direction:column
}
.newslist .news-pic {
	width:100%;
	border-radius:1.2rem 1.2rem 0 0
}
.newslist .news-content {
	width:100%;
	padding:3rem
}
.newslist .news-title {
	font-size:2rem;
	line-height:2.4rem;
	margin-bottom:2rem
}
.newslist .news-desc {
	font-size:1.6rem;
	line-height:2.8rem;
	margin-bottom:2rem
}
.newslist .swiper-warp {
	max-width:100%;
	margin-top:3rem
}
}.news-section-2 {
	padding-top:3rem
}
.news-section-2 ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -2.5rem
}
.news-section-2 li {
	width:33.333%;
	padding:0 2.5rem;
	margin-top:5rem
}
@media (max-width:1024px) {
	.news-section-2 ul {
	margin:0 -1.5rem
}
.news-section-2 li {
	width:50%;
	padding:0 1.5rem;
	margin-top:3rem
}
}@media (max-width:640px) {
	.news-section-2 ul {
	margin:0 -1rem
}
.news-section-2 li {
	width:100%;
	padding:0 1rem;
	margin-top:2rem
}
}.newsshow {
	padding-bottom:10rem
}
.newsshow .container {
	max-width:144rem
}
.newsshow .list {
	display:flex;
	justify-content:space-between
}
.newsshow .leftbox {
	width:67%;
	font-size:2.2rem;
	color:#4c4c4c;
	line-height:4rem;
	padding:7rem 0 0 0;
	background:#fff
}
.newsshow .leftbox h1 {
	color:#212121;
	line-height:6rem;
	font-size:4.2rem;
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B)
}
.newsshow .leftbox .hezi {
	display:flex;
	justify-content:space-between;
	font-size:1.6rem;
	color:#7a7a7a;
	padding-top:2rem;
	padding-bottom:4rem;
	border-bottom:solid 1px #cdcccc
}
.newsshow .leftbox .info {
	font-size:1.6rem
}
.newsshow .leftbox .info span {
	padding-left:4rem
}
.newsshow .leftbox .share {
	display:flex;
	align-items:center
}
.newsshow .leftbox .share a {
	padding:0 1rem;
	display:inline-block
}
.newsshow .leftbox .share svg {
	height:2.6rem;
	width:2.6rem;
	fill:#999;
	vertical-align:middle
}
.newsshow .leftbox .box {
	padding-top:5rem
}
.newsshow .leftbox .text-1 .t-1 {
	padding:2rem;
	margin-left:5rem;
	background:#e8e8e8;
	max-width:77rem
}
.newsshow .leftbox .text-2 {
	margin-top:5rem
}
.newsshow .leftbox .text-hezi {
	padding-bottom:1rem;
	margin-left:19.2rem;
	padding-top:4rem;
	padding-left:2rem;
	border-left:solid 1px #c8bc9d
}
.newsshow .leftbox .text-hezi .t-2 {
	font-size:3rem
}
.newsshow .leftbox .text-hezi .t-3 {
	color:#666;
	font-size:2.4rem;
	letter-spacing:.5rem;
	padding-top:1rem
}
.newsshow .leftbox .text-hezi-2 {
	position:relative;
	margin-left:19.2rem
}
.newsshow .leftbox .text-hezi-2::before {
	top:0;
	left:-2.5rem;
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	background:#c8bc9d
}
.newsshow .leftbox .text-hezi-2::after {
	content:"";
	bottom:20%;
	left:-15%;
	position:absolute;
	width:1.2rem;
	height:1.2rem;
	border-radius:50%;
	background:#af0000
}
.newsshow .leftbox .text-hezi-2 .t-4 {
	padding-top:4rem
}
.newsshow .leftbox .label {
	line-height:2.8rem;
	margin-top:7rem;
	padding:1.5rem 0;
	border-top:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	color:#9c9d9d;
	font-size:1.6rem;
	display:flex;
	flex-wrap:wrap
}
.newsshow .leftbox .label .bt {
	margin-right:1rem
}
.newsshow .leftbox .label a {
	display:inline-block;
	border:1px #9c9d9d solid;
	border-radius:.3rem;
	color:#9c9d9d;
	height:2.8rem;
	line-height:2.6rem;
	padding:0 1rem;
	font-size:1.6rem;
	margin-right:1.5rem
}
.newsshow .leftbox .label a:hover {
	border-color:var(--main-color);
	color:var(--main-color)
}
.newsshow .rightbox {
	width:25%;
	background:#fff;
	padding:7rem 0 0 0
}
.newsshow .list-2 {
	left:0;
	top:10rem;
	position:sticky
}
.newsshow .list-2 .title {
	font-family:var(--font-family-H-S-SC-B);
	color:#212121;
	font-size:2.8rem;
	padding-bottom:2rem;
	border-bottom:solid 1px #cdcccc
}
.newsshow .list-2 ul {
	padding-top:1rem
}
.newsshow .list-2 li:first-child {
	border-top:0;
	padding-top:2rem
}
.newsshow .list-2 li {
	padding:2.5rem 0;
	border-top:solid 1px #e0e0e0
}
.newsshow .list-2 li .box {
	display:flex;
	justify-content:space-between
}
.newsshow .list-2 li .box:hover .pic img {
	transform:scale(1.05)
}
.newsshow .list-2 li .box:hover .tit {
	color:var(--main-color)
}
.newsshow .list-2 li .pic {
	width:44%;
	position:relative;
	overflow:hidden
}
.newsshow .list-2 li .pic:after {
	content:'';
	display:block;
	padding-bottom:66.07929515%
}
.newsshow .list-2 li .pic img {
	transition:.5s
}
.newsshow .list-2 li .text {
	width:56%;
	padding-left:1.5rem
}
.newsshow .list-2 li .time {
	display:flex;
	align-items:center;
	color:#7a7a7a;
	font-size:1.4rem
}
.newsshow .list-2 li .time img {
	margin-right:.5rem;
	max-height:1.6rem
}
.newsshow .list-2 li .tit {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	font-family:var(--font-family-H-S-SC-B);
	font-size:1.6rem;
	line-height:2.4rem;
	height:7.2rem;
	color:#212121;
	margin-top:1rem
}
@media (max-width:1024px) {
	.newsshow {
	padding-top:100px;
	padding-bottom:40px
}
.newsshow .list {
	margin-top:0;
	display:block
}
.newsshow .leftbox,.newsshow .rightbox {
	width:100%
}
.newsshow .rightbox {
	padding:30px 0 0 0
}
.newsshow .leftbox {
	font-size:15px;
	line-height:24px;
	padding-top:0
}
.newsshow .leftbox h1 {
	font-size:20px;
	line-height:30px;
	width:100%
}
.newsshow .leftbox .info {
	padding-top:0
}
.newsshow .leftbox .hezi {
	display:block;
	font-size:14px;
	padding-top:20px
}
.newsshow .leftbox .share {
	margin-top:10px;
	line-height:30px
}
.newsshow .leftbox .share img {
	max-height:30px
}
.newsshow .leftbox .text-1 .t-1 {
	margin-left:0;
	max-width:100%
}
.newsshow .leftbox .text-hezi,.newsshow .leftbox .text-hezi-2 {
	padding:15px 0;
	border-left:0;
	margin-left:0
}
.newsshow .leftbox .text-hezi::before,.newsshow .leftbox .text-hezi-2::before {
	left:0
}
.newsshow .leftbox .text-hezi::after,.newsshow .leftbox .text-hezi-2::after {
	display:none
}
.newsshow .leftbox .text-hezi .t-4,.newsshow .leftbox .text-hezi-2 .t-4 {
	padding-top:20px
}
.newsshow .list-2 .title {
	font-size:16px
}
.newsshow .list-2 ul {
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
	margin:0
}
.newsshow .list-2 li {
	border:0;
	padding:10px 0 !important;
	width:49%
}
.newsshow .list-2 li .text {
	padding-top:0px
}
.newsshow .list-2 li .nr {
	align-items:center
}
.newsshow .list-2 li .time {
	font-size:12px
}
.newsshow .list-2 li .title {
	font-size:15px;
	line-height:24px;
	height:24px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.newsshow .list-2 li .txt {
	font-size:14px;
	height:24px;
	line-height:24px
}
}@media (max-width:480px) {
	.newsshow .list-2 li {
	width:100%
}
}.prev-next-return {
	color:#1b1a1a;
	font-size:1.4rem;
	line-height:2.4rem;
	padding-top:3rem
}
.prev-next-return a {
	color:#616161
}
.prev-next-return .list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.prev-next-return .list li {
	width:50%
}
.prev-next-return .list a {
	display:block
}
.prev-next-return .list .bt {
	display:block;
	color:#1b1a1a;
	padding-bottom:1rem;
	margin-bottom:1rem;
	position:relative
}
.prev-next-return .list .bt::after {
	content:"";
	display:block;
	width:5.6rem;
	height:1.2rem;
	position:absolute;
	bottom:0;
	left:0
}
.prev-next-return .list div {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.prev-next-return .prev .bt {
	padding-left:2.8rem
}
.prev-next-return .prev .bt::after {
	background:url(../images/left-1.svg) no-repeat left bottom;
	background-size:cover
}
.prev-next-return .prev div {
	padding-left:2.8rem
}
.prev-next-return .next {
	text-align:right
}
.prev-next-return .next .bt {
	padding-right:2.5rem
}
.prev-next-return .next .bt::after {
	background:url(../images/right-1.svg) no-repeat right bottom;
	background-size:cover;
	right:0;
	left:initial
}
@media screen and (max-width:1024px) {
	.prev-next-return {
	font-size:14px;
	padding-top:40px
}
.prev-next-return .list .bt {
	margin-bottom:0
}
.prev-next-return .list .bt::after {
	width:56px;
	height:12px
}
.prev-next-return .prev .bt {
	padding-left:28px
}
.prev-next-return .next .bt {
	padding-right:28px
}
}@media screen and (max-width:768px) {
	.prev-next-return .list div {
	display:none
}
}.advantages {
	padding:10rem 0
}
.advantages .row {
	display:flex;
	gap:7.7rem
}
@media (max-width:1024px) {
	.advantages .row {
	flex-direction:column;
	gap:4rem
}
}.advantages .left-images {
	flex:1;
	min-width:0
}
@media (max-width:1024px) {
	.advantages .left-images {
	width:100%
}
}.advantages .image-tabs {
	border-radius:8px;
	overflow:hidden
}
.advantages .tab-content {
	position:relative;
	overflow:hidden;
	border-radius:8px;
	background:#fff
}
.advantages .tab-pane {
	display:none;
	animation:fadeIn 400ms ease-in-out
}
.advantages .tab-pane.active {
	display:block
}
.advantages .tab-pane img {
	width:100%;
	height:auto;
	display:block;
	border-radius:8px
}
.advantages .right-advantages {
	flex:1
}


.advantages .right-advantages .xz-div{
	padding-top:30px;
}


.advantages .right-advantages .xz-div .tit{
    font-size: 2.4rem;
	margin-bottom: 0.5rem;
    position: relative;
	padding-left:1rem;
	color:#333;
}

.advantages .right-advantages .xz-div .tit:before {
    display: block;
    content: '';
    height: 2rem;
    width: 3px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    top: 0.8rem;
}
.advantages .right-advantages .xz-div .txt{
	margin-bottom: 1.5rem;
}

@media (max-width:1024px) {
	.advantages .right-advantages {
		width:100%
	}
	
	.advantages .right-advantages .xz-div .tit{
		font-size: 20px;
		margin-bottom: 10px;
		padding-left:10px;
	}
	.advantages .right-advantages .xz-div .tit:before {
		height: 15px;
		width: 3px;
		top: 9px;
	}	
}
.advantages .common-title {
	margin-bottom:1.5rem
}
.advantages .advantages-list {
	display:flex;
	flex-direction:column
}
.advantages .advantage-item {
	padding:0 2rem;
	color:#333;
	display:flex;
	align-items:center;
	gap:2rem;
	height:8.1rem;
	transition:all 300ms ease;
	cursor:pointer;
	border-bottom:solid 1px #e2e2e2
}
.advantages .advantage-item.active {
	margin-top:-0.8rem;
	color:var(--main-color);
	border-radius:1.6rem;
	background-color:#f6f7f9;
	border-color:#f6f7f9
}
.advantages .advantage-item .icon {
	font-size:3.2rem;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:4rem;
	height:4rem;
	position:relative
}
.advantages .advantage-item .icon img {
	top:0;
	max-height:4rem;
	position:absolute;
	object-fit:contain;
	transition:opacity 300ms ease
}
.advantages .advantage-item .icon .img-1 {
	opacity:1
}
.advantages .advantage-item .icon .img-2 {
	opacity:0
}
.advantages .advantage-item.active .icon .img-1 {
	opacity:0
}
.advantages .advantage-item.active .icon .img-2 {
	opacity:1
}
.advantages .advantage-item .text {
	flex:1
}
.advantages .advantage-item .text h3 {
	font-size:2rem;
	font-weight:normal
}
@media (max-width:1024px) {
	.advantages .advantage-item .text h3 {
	font-size:14px
}
}@media (max-width:1024px) {
	.advantages {
	padding-top:30px;
	padding-bottom:40px
}
.advantages .advantages-list {
	margin-top:20px
}
}@keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}.solution-content {
	color:#fff;
	height:89.6rem;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:25rem
}
.solution-content .common-title .cn {
	color:#fff
}
.solution-content .common-title .en {
	-webkit-text-stroke:#fff 1px
}
.solution-content .text {
	font-size:2.2rem;
	margin-top:5.5rem;
	line-height:3.6rem;
	max-width:60rem
}
@media (max-width:1024px) {
	.solution-content {
	height:240px;
	padding:50px 0
}
.solution-content .text {
	font-size:14px;
	line-height:24px;
	max-width:100%;
	margin-top:10px;
	height:100px;
	overflow:auto
}
}.solution-content-2 {
	padding-top:8rem;
	padding-bottom:10rem;
	background:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
@media (max-width:1024px) {
	.solution-content-2 {
	padding-top:60px;
	padding-bottom:60px
}
}@media (max-width:640px) {
	.solution-content-2 {
	padding-top:40px;
	padding-bottom:40px
}
}.solution-content-2 .common-title {
	text-align:center
}
.solution-content-2 .common-title .en {
	width:100%
}
.solution-content-2 .text {
	margin:0 auto;
	padding-top:1rem;
	max-width:117rem;
	font-size:2rem;
	line-height:3.6rem;
	text-align:center;
	color:#333333;
	opacity:.9
}
@media (max-width:1024px) {
	.solution-content-2 .text {
	line-height:24px;
	font-size:14px;
	max-width:100%;
	padding:10px
}
}.solution-content-2 .pic {
	text-align:center;
	margin-top:4rem
}
@media (max-width:1024px) {
	.solution-content-2 .pic {
	margin-top:30px
}
}@media (max-width:640px) {
	.solution-content-2 .pic {
	margin-top:20px
}
}.contact-bottom {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	padding:7rem 0;
	position:relative;
	overflow:hidden
}
.contact-bottom .container {
	position:relative;
	z-index:1
}
.contact-bottom .section-title {
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B);
	text-align:center;
	font-size:4.4rem;
	color:#fff;
	margin-bottom:4rem
}
@media (max-width:1024px) {
	.contact-bottom .section-title {
	font-size:24px
}
}.contact-bottom .contact-list {
	display:grid;
	grid-template-columns:repeat(3,1fr)
}
@media (max-width:1024px) {
	.contact-bottom .contact-list {
	grid-template-columns:1fr;
	gap:4rem
}
}.contact-bottom .contact-item:first-child::before {
	display:none
}
.contact-bottom .contact-item {
	position:relative;
	font-family:var(--font-family-H-S-SC-B);
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	padding:0 4rem;
	transition:all 500ms ease
}
.contact-bottom .contact-item::before {
	top:50%;
	left:0;
	content:"";
	width:1px;
	height:14rem;
	position:absolute;
	transform:translateY(-50%);
	background:rgba(255,255,255,0.1)
}
.contact-bottom .contact-item:hover {
	transform:translateY(-1.5rem)
}
.contact-bottom .contact-item .icon {
	width:6.5rem;
	height:6.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:2rem
}
.contact-bottom .contact-item .icon svg {
	fill:#fff;
	width:100%;
	height:100%;
	object-fit:contain
}
.contact-bottom .contact-item h3 {
	font-size:2rem;
	color:#fff;
	margin-bottom:.5rem;
	font-weight:normal
}
.contact-bottom .contact-item p {
	font-size:2.6rem;
	color:rgba(255,255,255,0.9);
	line-height:1.6;
	margin:0;
	word-break:break-word
}
.contact-bottom .contact-item a {
	color:#fff
}
@media (max-width:1024px) {
	.contact-bottom .contact-item {
	padding:0
}
.contact-bottom .contact-item::before {
	display:none
}
.contact-bottom .contact-item p {
	font-size:16px
}
}.partner-content {
	min-height:86rem;
	padding:9rem 0;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
@media (max-width:1024px) {
	.partner-content {
	padding:60px 0;
	min-height:auto
}
}@media (max-width:640px) {
	.partner-content {
	padding:40px 0
}
}.partner-content .partner-item {
	border-radius:1.2rem
}
.partner-content .partner-item img {
	border-radius:1.2rem
}
.partner-inner {
	display:flex;
	justify-content:space-between
}
@media (max-width:1024px) {
	.partner-inner {
	display:block
}
}.partner-left {
	flex:0 0 42%;
	padding-top:15rem
}
@media (max-width:1024px) {
	.partner-left {
	width:100%;
	padding-top:0px;
	margin-bottom:30px
}
}.partner-intro {
	margin-top:3rem;
	font-size:2rem;
	line-height:3.6rem;
	opacity:.9;
	color:#333
}
@media (max-width:1024px) {
	.partner-intro {
	font-size:14px;
	line-height:24px
}
}.partner-right {
	flex:1;
	min-width:0;
	flex:0 0 40%
}
@media (max-width:1024px) {
	.partner-right {
	width:100%
}
}.partner-grid {
	overflow:hidden;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:4.5rem;
	height:64rem
}
@media (max-width:1024px) {
	.partner-grid {
	grid-template-columns:repeat(3,1fr);
	gap:1.5rem
}
}.partner-grid .partner-column:nth-child(2) {
	margin-top:10rem
}
.partner-column {
	gap:0;
	height:100%;
	position:relative;
	display:flex;
	flex-direction:column;
	transition:none;
	perspective:1000px
}
.partner-column .partner-item {
	flex-shrink:0;
	margin-bottom:3rem
}
.partner-item {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	transition:all 300ms ease;
	box-shadow:0 0 1rem rgba(92,96,99,0.1)
}
.partner-item:hover {
	box-shadow:0 0 1rem rgba(92,96,99,0.2)
}
.advantages-2 {
	padding-top:8rem;
	padding-bottom:10rem;
	position:relative;
	overflow:hidden;
	z-index:33
}
@media (max-width:1024px) {
	.advantages-2 {
	padding-top:60px;
	padding-bottom:60px
}
}@media (max-width:640px) {
	.advantages-2 {
	padding-top:40px;
	padding-bottom:40px
}
}.advantages-2 .common-title {
	text-align:center
}
.advantages-2 .common-title .en {
	width:100%
}
.advantages-2 .nr {
	margin-top:9rem
}
@media (max-width:1024px) {
	.advantages-2 .nr {
	margin-top:70px
}
}.advantages-2 .swiper {
	position:relative;
	z-index:8
}
.advantages-2 .swiper .swiper-wrapper {
	display:grid;
	grid-auto-flow:column
}
.advantages-2 .swiper .swiper-slide.swiper-slide-active .part:before {
	opacity:0
}
.advantages-2 .swiper .swiper-slide.swiper-slide-active .part:after {
	opacity:0
}
.advantages-2 .item {
	-webkit-transform-origin:50% 0%;
	-ms-transform-origin:50% 0%;
	transform-origin:50% 0%;
	width:100%
}
@media (max-width:1024px) {
	.advantages-2 .item {
	display:block
}
}.advantages-2 .item .part {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
@media (max-width:1024px) {
	.advantages-2 .item .part {
	display:block
}
}.advantages-2 .item .part:before {
	content:'';
	position:absolute;
	height:100%;
	opacity:1;
	pointer-events:none;
	width:41%;
	left:0;
	top:0;
	border-radius:2rem;
	background-color:rgba(0,0,0,0.2);
	-webkit-transition:opacity .5s cubic-bezier(.38,0,0,1);
	transition:opacity .5s cubic-bezier(.38,0,0,1)
}
@media (max-width:1024px) {
	.advantages-2 .item .part:before {
	display:none
}
}.advantages-2 .item .part:after {
	content:'';
	position:absolute;
	height:100%;
	opacity:1;
	pointer-events:none;
	width:59%;
	right:0;
	top:0;
	border-radius:2rem;
	background-color:rgba(0,0,0,0.2);
	-webkit-transition:opacity .5s cubic-bezier(.38,0,0,1);
	transition:opacity .5s cubic-bezier(.38,0,0,1)
}
@media (max-width:1024px) {
	.advantages-2 .item .part:after {
	display:none
}
}.advantages-2 .item .left {
	float:left;
	width:41%;
	position:relative;
	border-radius:2.2rem;
	overflow:hidden
}
@media (max-width:1024px) {
	.advantages-2 .item .left {
	float:none;
	width:100%;
	margin-bottom:20px
}
}.advantages-2 .item .left .pic:after {
	content:"";
	display:block;
	padding-bottom:79.10447761%
}
.advantages-2 .item .right {
	float:left;
	width:59%;
	padding:9.5rem 7rem 2rem 7rem;
	border-radius:2.2rem;
	background-color:#f8f8f8
}
@media (max-width:1024px) {
	.advantages-2 .item .right {
	float:none;
	width:100%;
	padding:40px
}
}.advantages-2 .item .right .info {
	overflow:auto;
	height:35.5rem;
	padding-right:5rem
}
@media (max-width:1024px) {
	.advantages-2 .item .right .info {
	height:auto;
	padding-right:0;
	max-height:300px
}
}.advantages-2 .item .right .info::-webkit-scrollbar {
	width:.6rem;
	height:.6rem
}
.advantages-2 .item .right .info::-webkit-scrollbar-track {
	background-color:#e0e0e0;
	border-radius:.3rem
}
.advantages-2 .item .right .info::-webkit-scrollbar-thumb {
	background:var(--main-color);
	border-radius:.3rem
}
.advantages-2 .item .right .info::-webkit-scrollbar-thumb:hover {
	background:#555
}
.advantages-2 .item .right .bt {
	color:#212121;
	font-size:3.6rem;
	margin-bottom:3rem;
	font-family:var(--font-family-H-S-SC-B)
}
@media (max-width:1024px) {
	.advantages-2 .item .right .bt {
	font-size:14px;
	margin-bottom:15px
}
}@media (max-width:640px) {
	.advantages-2 .item .right .bt {
	font-size:13px
}
}.advantages-2 .item .right .p {
	font-size:2rem;
	color:#494848;
	line-height:3.8rem;
	min-height:16.5rem
}
@media (max-width:1024px) {
	.advantages-2 .item .right .p {
	font-size:14px;
	min-height:auto;
	line-height:1.6
}
}@media (max-width:640px) {
	.advantages-2 .item .right .p {
	font-size:13px
}
}.advantages-2 .item .right .p p {
	margin-bottom:1.5rem
}
@media (max-width:1024px) {
	.advantages-2 .item .right .p p {
	margin-bottom:10px
}
}.advantages-2 .item .right .p span {
	color:var(--main-color)
}
.advantages-2 .adv-bottom {
	position:relative;
	margin:0 auto;
	height:5rem;
	z-index:333;
	margin-top:5rem;
	padding-left:4.3rem
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom {
	height:auto;
	padding-left:0;
	margin-top:0px;
	display:flex;
	align-items:center
}
}.advantages-2 .adv-bottom .h3 {
	font-size:5rem;
	margin-top:-8.5rem;
	font-weight:bold;
	line-height:6.4rem;
	color:#333;
	float:left
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom .h3 {
	font-size:14px;
	margin-top:0;
	float:none;
	margin-bottom:15px
}
}.advantages-2 .adv-bottom .swiper-pagination {
	text-align:left;
	line-height:5rem;
	color:#333;
	bottom:0
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom .swiper-pagination {
	text-align:center;
	position:relative;
	bottom:auto;
	left:auto
}
}.advantages-2 .adv-bottom .swiper-pagination span {
	position:relative;
	font-size:2rem;
	line-height:5rem;
	display:inline-block;
	vertical-align:top;
	color:#333
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom .swiper-pagination span {
	font-size:14px;
	line-height:40px
}
}@media (max-width:640px) {
	.advantages-2 .adv-bottom .swiper-pagination span {
	font-size:12px
}
}.advantages-2 .adv-bottom .swiper-pagination span::before {
	content:"0"
}
.advantages-2 .adv-bottom .swiper-pagination-current {
	color:var(--main-color) !important
}
.advantages-2 .adv-bottom .swiper-button-prev,.advantages-2 .adv-bottom .swiper-button-next {
	opacity:1;
	font-size:2rem;
	color:var(--main-color);
	width:5rem;
	height:5rem;
	line-height:5rem;
	text-align:center;
	background:#fff;
	border-radius:50%;
	margin-top:0;
	top:0;
	right:0;
	left:auto;
	overflow:hidden;
	transition:transform 1s cubic-bezier(.38,0,0,1);
	box-shadow:.8rem 0 4.04rem .26rem rgba(49,24,56,0.13)
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom .swiper-button-prev,.advantages-2 .adv-bottom .swiper-button-next {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:14px
}
}@media (max-width:640px) {
	.advantages-2 .adv-bottom .swiper-button-prev,.advantages-2 .adv-bottom .swiper-button-next {
	width:35px;
	height:35px;
	line-height:35px;
	font-size:12px
}
}.advantages-2 .adv-bottom .swiper-button-prev:after,.advantages-2 .adv-bottom .swiper-button-next:after {
	display:none;
	font-size:2rem;
	color:var(--main-color);
	position:relative;
	z-index:444
}
.advantages-2 .adv-bottom .swiper-button-prev:before,.advantages-2 .adv-bottom .swiper-button-next:before {
	opacity:0;
	color:#fff;
	background:var(--main-color);
	border-radius:.8rem;
	overflow:hidden;
	-webkit-transition:-webkit-transform 1s cubic-bezier(.38,0,0,1);
	transition:-webkit-transform 1s cubic-bezier(.38,0,0,1);
	transition:transform 1s cubic-bezier(.38,0,0,1);
	transition:transform 1s cubic-bezier(.38,0,0,1),-webkit-transform 1s cubic-bezier(.38,0,0,1);
	-webkit-transform:translate3d(-102%,0,0);
	transform:translate3d(-102%,0,0);
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
@media (min-width:1025px) {
	.advantages-2 .adv-bottom .swiper-button-prev:hover,.advantages-2 .adv-bottom .swiper-button-next:hover {
	color:#fff;
	background:var(--main-color)
}
.advantages-2 .adv-bottom .swiper-button-prev:hover:before,.advantages-2 .adv-bottom .swiper-button-next:hover:before {
	-webkit-transform:translate3d(0,0,0);
	transform:translateZ(0)
}
}.advantages-2 .adv-bottom .swiper-button-prev {
	right:8rem
}
@media (max-width:1024px) {
	.advantages-2 .adv-bottom .swiper-button-prev {
	right:auto;
	left:40px
}
}@media (max-width:640px) {
	.advantages-2 .adv-bottom .swiper-button-prev {
	left:15px
}
}.advantages-2 .adv-bottom .swiper-button-prev:before {
	-webkit-transform:translate3d(102%,0,0);
	transform:translate3d(102%,0,0)
}
@media (min-width:1025px) {
	.advantages-2 .adv-bottom .swiper-button-prev:hover:before {
	-webkit-transform:translate3d(0,0,0);
	transform:translateZ(0)
}
}.product-hx {
	background:fixed;
	padding-top:8rem;
	padding-bottom:16rem;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.product-hx .common-title {
	text-align:center;
	margin-bottom:6rem
}
.product-hx .common-title .cn {
	color:var(--main-color)
}
.product-hx .common-title .en {
	text-align:center;
	width:100%
}
.product-hx .product-hx-content {
	display:flex;
	gap:8.4rem;
	align-items:flex-start;
	margin-bottom:6.5rem
}
@media (max-width:1024px) {
	.product-hx .product-hx-content {
	flex-direction:column;
	gap:3rem
}
}.product-hx .product-hx-left {
	padding:3rem;
	justify-content:center;
	border-radius:1.6rem;
	display:flex;
	align-items:center;
	flex:0 0 45%;
	background:#fff
}
@media (max-width:1024px) {
	.product-hx .product-hx-left {
	flex:0 0 100%
}
}.product-hx .product-hx-left .pic {
	position:relative;
	border-radius:1.6rem;
	overflow:hidden
}
.product-hx .product-hx-right {
	flex:1;
	padding-right:5rem
}
@media (max-width:1024px) {
	.product-hx .product-hx-right {
	flex:0 0 100%
}
}.product-hx .product-hx-right .product-title {
	font-size:3rem;
	font-weight:normal;
	color:#212121;
	margin-bottom:1.5rem;
	font-family:var(--font-family-H-S-SC-B)
}
.product-hx .product-hx-right .product-desc {
	line-height:3.6rem;
	color:#666666;
	margin-bottom:2rem
}
.product-hx .product-hx-right .product-features h4 {
	color:var(--main-color);
	font-weight:normal;
	font-family:var(--font-family-H-S-SC-B);
	margin-bottom:1rem
}
.product-hx .product-hx-right .product-features ul {
	list-style:none;
	padding:0
}
.product-hx .product-hx-right .product-features ul li {
	line-height:3.6rem;
	color:#666;
	display:flex;
	align-items:flex-start
}
.product-hx .product-hx-right .product-features ul li .icon {
	font-weight:bold;
	margin-right:.8rem;
	flex-shrink:0
}
.product-hx .product-hx-application .app-title {
	font-size:3.2rem;
	padding-bottom:3rem;
	font-weight:normal;
	color:var(--main-color);
	margin-bottom:6rem;
	position:relative;
	border-bottom:solid 1px #d6d6d6;
	font-family:var(--font-family-H-S-SC-B)
}
.product-hx .product-hx-application .app-title .app-text {
	font-size:2rem;
}
.product-hx .product-hx-application .app-title:before {
	content:'';
	position:absolute;
	left:0;
	width:20rem;
	height:.3rem;
	bottom:-1px;
	border-radius:.05rem;
	background:var(--main-color)
}
.product-hx .product-hx-application .app-gallery {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:4rem
}
@media (max-width:1024px) {
	.product-hx .product-hx-application .app-gallery {
	gap:1.5rem
}
}@media (max-width:480px) {
	.product-hx .product-hx-application .app-gallery {
	grid-template-columns:repeat(2,1fr)
}
}.product-hx .product-hx-application .app-gallery .app-item {
	box-shadow:.92rem .92rem 6.8rem 0 rgba(10,45,69,0.34);
	position:relative;
	border-radius:1.2rem;
	overflow:hidden;
	background:#f5f5f5;
	transition:all 500ms ease
}
.product-hx .product-hx-application .app-gallery .app-item img {
	transition:all 700ms ease
}
.product-hx .product-hx-application .app-gallery .app-item:hover {
	box-shadow:0 .8rem 2rem rgba(0,0,0,0.15)
}
.product-hx .product-hx-application .app-gallery .app-item:hover img {
	transform:scale(1.05)
}
@media (max-width:1024px) {
	.product-hx {
	padding:40px 0 50px 0
}
.product-hx .product-hx-application .app-title {
	margin-bottom:30px
}
.product-hx .common-title {
	margin-bottom:30px
}
}.detection-content {
	position:relative;
	padding-top:11rem;
	padding-bottom:14rem;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center
}
.detection-content .detection-inner {
	display:flex;
	align-items:flex-start;
	gap:6rem;
	margin:0 auto
}
@media (max-width:1024px) {
	.detection-content .detection-inner {
	flex-direction:column;
	gap:4rem
}
}.detection-content .detection-left {
	flex:1;
	display:flex;
	flex-direction:column;
	flex:0 0 35%
}
@media (max-width:1024px) {
	.detection-content .detection-left {
	width:100%
}
}.detection-content .detection-right {
	flex:1;
	display:flex;
	flex-direction:column
}
@media (max-width:1024px) {
	.detection-content .detection-right {
	width:100%
}
}.detection-content .detection-text {
	font-size:2rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:3.6rem;
	letter-spacing:0rem;
	color:#333333;
	opacity:.9
}
.detection-content .detection-text em {
	color:var(--main-color);
	font-family:HarmonyOS_Sans_SC_Bold
}
.detection-content .detection-text p {
	margin-bottom:1.5rem
}
.detection-content .detection-text p:last-child {
	margin-bottom:0
}
.detection-content .detection-certs {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:4rem;
	margin-top:3.5rem
}
@media (max-width:768px) {
	.detection-content .detection-certs {
	grid-template-columns:1fr
}
}.detection-content .detection-certs .cert-item {
	border-radius:1.2rem;
	overflow:hidden;
	background:#fff;
	box-shadow:0 .4rem 1.6rem rgba(49,24,56,0.08);
	transition:all 500ms ease
}
.detection-content .detection-certs .cert-item img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 500ms ease;
	display:block
}
.detection-content .detection-certs .cert-item:hover {
	box-shadow:0 1.2rem 3.2rem rgba(49,24,56,0.15)
}
.detection-content .detection-certs .cert-item:hover img {
	transform:scale(1.05)
}
@media (max-width:1024px) {
	.detection-content {
	padding:40px 0
}
.detection-content .detection-text {
	font-size:14px;
	line-height:24px
}
}.protion-content {
	position:relative;
	padding-top:8rem;
	padding-bottom:13rem;
	background:#fdf7ff
}
.protion-content .common-title {
	text-align:center;
	margin-bottom:2.5rem
}
.protion-content .common-title .en {
	width:100%
}
.protion-content .protion-text {
	text-align:center;
	line-height:3.4rem;
	max-width:100%;
	font-size:2rem;
	color:#333333;
	opacity:.9
}
.protion-content .protion-text em {
	color:var(--main-color);
	font-family:var(--font-family-H-S-SC-B)
}
.protion-content .protion-gallery {
	margin-top:6rem;
	display:flex;
	grid-template-columns:1fr 1fr;
	gap:3rem;
	align-items:stretch
}
@media (max-width:1024px) {
	.protion-content .protion-gallery {
	gap:2rem
}
}@media (max-width:768px) {
	.protion-content .protion-gallery {
	grid-template-columns:1fr;
	gap:2rem
}
}.protion-content .protion-gallery .gallery-left {
	border-radius:1.6rem;
	overflow:hidden
}
.protion-content .protion-gallery .gallery-left img {
	overflow:hidden;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:1.6rem;
	box-shadow:0 1.2rem 4.8rem rgba(49,24,56,0.12);
	transition:all 700ms ease;
	display:block
}
.protion-content .protion-gallery .gallery-left img:hover {
	transform:scale(1.05);
	box-shadow:0 1.6rem 6.4rem rgba(49,24,56,0.18)
}
.protion-content .protion-gallery .gallery-right {
	flex:0 0 65%;
	display:flex;
	flex-direction:column;
	gap:3rem
}
@media (max-width:1024px) {
	.protion-content .protion-gallery .gallery-right {
	gap:2rem
}
}.protion-content .protion-gallery .gallery-right .gallery-top {
	overflow:hidden;
	border-radius:1.6rem;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:3rem
}
@media (max-width:1024px) {
	.protion-content .protion-gallery .gallery-right .gallery-top {
	gap:2rem
}
}@media (max-width:768px) {
	.protion-content .protion-gallery .gallery-right .gallery-top {
	grid-template-columns:1fr
}
}.protion-content .protion-gallery .gallery-right .gallery-top img {
	overflow:hidden;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:1.6rem;
	box-shadow:0 1.2rem 4.8rem rgba(49,24,56,0.12);
	transition:all 700ms ease;
	display:block;
	min-height:30rem
}
.protion-content .protion-gallery .gallery-right .gallery-top img:hover {
	transform:scale(1.05);
	box-shadow:0 1.6rem 6.4rem rgba(49,24,56,0.18)
}
.protion-content .protion-gallery .gallery-right .gallery-bottom {
	border-radius:1.6rem;
	overflow:hidden
}
.protion-content .protion-gallery .gallery-right .gallery-bottom img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:1.6rem;
	box-shadow:0 1.2rem 4.8rem rgba(49,24,56,0.12);
	transition:all 700ms ease;
	display:block;
	min-height:39.8rem
}
.protion-content .protion-gallery .gallery-right .gallery-bottom img:hover {
	transform:scale(1.05);
	box-shadow:0 1.6rem 6.4rem rgba(49,24,56,0.18)
}
@media (max-width:1800px) {
	.protion-content .protion-gallery .gallery-right {
	flex:0 0 68%
}
}@media (max-width:1024px) {
	.protion-content {
	padding:40px 0
}
.protion-content .protion-text {
	font-size:14px;
	line-height:24px;
	text-align:left
}
}@media (max-width:500px) {
	.protion-content .protion-gallery {
	display:block
}
.protion-content .protion-gallery .gallery-left {
	margin-bottom:2rem
}
}.vision-centent {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	padding:8rem 0;
	position:relative;
	overflow:hidden
}
.vision-centent .common-title .cn {
	color:#fff;
	padding-left:7.5rem
}
.vision-centent .common-title .en {
	-webkit-text-stroke:#fff 1px
}
.vision-centent .vision-inner {
	justify-content:space-between;
	display:flex;
	position:relative;
	z-index:1
}
.vision-centent .vision-left {
	flex:1;
	display:flex;
	flex-direction:column;
	gap:5.5rem
}
@media (max-width:768px) {
	.vision-centent .vision-left {
	width:100%
}
}.vision-centent .vision-text {
	color:#fff;
	font-size:2rem;
	line-height:3.6rem
}
.vision-centent .vision-right {
	flex:1
}
@media (max-width:1024px) {
	.vision-centent {
	padding:50px 0
}
.vision-centent .vision-inner {
	display:block
}
.vision-centent .common-title .cn {
	padding-left:0
}
.vision-centent .vision-left {
	width:100%;
	gap:40px
}
.vision-centent .vision-text {
	font-size:14px;
	line-height:24px
}
.vision-centent .vision-right {
	width:100%
}
}@media (max-width:640px) {
	.vision-centent .vision-left {
	gap:25px
}
.vision-centent .vision-text {
	margin-top:20px;
	font-size:14px;
	line-height:22px
}
}.common-button a {
	display:inline-block;
	min-width:21rem;
	text-align:center;
	padding:1.5rem 3.5rem;
	background:var(--main-color);
	color:#fff;
	border-radius:3rem;
	text-decoration:none;
	font-weight:normal;
	transition:all 500ms ease;
	border:.2rem solid var(--main-color)
}
.common-button svg {
	margin-left:1rem;
	margin-top:.3rem;
	vertical-align:top;
	width:2.2rem;
	height:2.2rem;
	fill:#fff;
	transition:transform 500ms ease
}
.common-button:hover a {
	background:transparent;
	color:var(--main-color);
	transform:translateY(-0.4rem);
	box-shadow:0 .8rem 2.4rem rgba(186,85,211,0.3)
}
.common-button:hover svg {
	transform:translateX(.8rem);
	fill:var(--main-color)
}
.overview-content {
	overflow:hidden;
	position:relative;
	padding-top:9rem;
	padding-bottom:10rem;
	background:linear-gradient(to bottom,#fefdfe,#fcf9fd)
}
.overview-content .common-title {
	text-align:center
}
.overview-content .common-title .en {
	width:100%
}
.overview-content .text {
	padding-top:2rem;
	text-align:center;
	max-width:86rem;
	margin:0 auto;
	font-size:2rem;
	line-height:3.6rem;
	color:#333333;
	opacity:.9
}
.overview-content .pic {
	margin-top:3rem
}
.overview-content .waves {
	left:0;
	height:10%;
	position:absolute;
	top:30rem;
	width:100%;
	z-index:1
}
@media (max-width:1024px) {
	.overview-content {
	padding:40px 0
}
}.innovation-content {
	padding-top:9rem;
	padding-bottom:10rem;
	position:relative;
	overflow:hidden;
	background:#fff
}
.innovation-content .common-title {
	text-align:center
}
.innovation-content .common-title .en {
	width:100%
}
.innovation-content .info {
	color:#535353;
	text-align:center;
	margin:0 auto;
	margin-top:3rem;
	font-size:2rem;
	line-height:3.6rem
}
.innovation-content .info em {
	color:var(--main-color);
	font-family:var(--font-family-H-S-SC-B)
}
.innovation-content .item {
	border-radius:1rem;
	border:solid .2rem #f0f0f0;
	display:block;
	padding:6rem 3rem
}
@media (min-width:1025px) {
	.innovation-content .item:hover .pic img {
	transform:scale(1.05)
}
}.innovation-content .pic {
	overflow:hidden;
	position:relative
}
.innovation-content .pic img {
	transition:all 700ms ease
}
.innovation-content .pic::after {
	content:"";
	display:block;
	padding-bottom:71.5%
}
.innovation-content .swiper {
	margin-top:5rem;
	overflow:initial;
	position:relative;
	z-index:444
}
.innovation-content .swiper-slide {
	position:relative
}
.innovation-content .swiper-pagination {
	z-index:3;
	font-size:2rem
}
.innovation-content .swiper-pagination span::before {
	content:"0"
}
.innovation-content .swiper-pagination-current {
	color:var(--main-color);
	font-family:var(--font-family-H-S-SC-B)
}
@media (max-width:1024px) {
	.innovation-content {
	padding:50px 0
}
.innovation-content .info {
	text-align:left;
	font-size:14px;
	line-height:24px;
	margin-top:20px
}
.innovation-content .swiper {
	padding:0 20px;
	max-width:640px;
	margin-top:35px;
	overflow:hidden
}
.innovation-content .swiper-3d,.innovation-content .swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective:inherit !important
}
.innovation-content .item {
	border:solid 1px #eee;
	padding:15px;
	border-radius:12px
}
.innovation-content .pic {
	border-radius:12px
}
.innovation-content .pic img {
	border-radius:12px
}
}@media (max-width:640px) {
	.innovation-content {
	padding:35px 0
}
.innovation-content .swiper {
	margin-top:25px;
	padding:0 15px
}
.innovation-content .swiper-wrapper {
	padding-left:0;
	padding-right:0
}
.innovation-content .item {
	padding:10px
}
.innovation-content .pic {
	border-radius:10px
}
.innovation-content .pic img {
	border-radius:10px
}
}.jiejuePage {
	top:auto;
	color:#adadad;
	height:4.8rem;
	max-width:25rem;
	margin:0 auto;
	margin-top:4rem;
	display:flex;
	position:relative;
	justify-content:space-between
}
.jiejuePage .jiejue-next,.jiejuePage .jiejue-prev {
	cursor:pointer;
	z-index:10;
	width:4.8rem;
	height:4.8rem;
	border-radius:50%;
	text-align:center;
	line-height:3.6rem;
	box-shadow:0 0 4rem rgba(49,24,56,0.13)
}
.jiejuePage .jiejue-prev:after,.jiejuePage .jiejue-next:after {
	content:'';
	display:inline-block;
	width:1.3rem;
	height:1rem
}
.jiejuePage .jiejue-prev {
	background:#fff url(../images/left1.png) no-repeat center center;
	background-size:1.6rem
}
.jiejuePage .jiejue-next {
	background:#fff url(../images/right1.png) no-repeat center center;
	background-size:1.6rem
}
.jiejuePage .jiejue-prev:hover {
	background:var(--main-color) url(../images/left1h.png) no-repeat center center;
	background-size:1.6rem
}
.jiejuePage .jiejue-next:hover {
	background:var(--main-color) url(../images/right1h.png) no-repeat center center;
	background-size:1.6rem
}
.solution-show {
	padding-top:9rem;
	padding-bottom:14rem
}
.solution-show .common-title {
	text-align:center
}
.solution-show .common-title .en {
	width:100%
}
.solution-show .container {
	max-width:144rem;
	padding:7rem 5rem;
	border-radius:3rem;
	box-shadow:1.3rem 0 6.5rem rgba(80,91,113,0.15)
}
.solution-show .info {
	color:#333;
	padding:0 9rem;
	font-size:2rem;
	text-align:center;
	line-height:3.6rem;
	margin-top:4rem;
	padding-top:5rem;
	border-top:solid 1px #e0e0e0
}
.solution-show .pic {
	margin-top:5rem
}
@media (max-width:1024px) {
	.solution-show {
	padding-top:0;
	margin-top:100px;
	padding-bottom:40px
}
.solution-show .container {
	border-radius:0;
	padding:40px 30px !important
}
.solution-show .info {
	padding:0;
	padding-top:30px;
	text-align:left
}
}#fp-nav.fp-right {
	right:auto;
	left:0
}
#fp-nav ul li a span {
	background:#fff
}
.sitemap-content {
	padding:7rem 0
}
.sitemap-content li {
	padding-top:2rem
}
.sitemap-content li h3 {
	font-weight:normal
}
.sitemap-content li:first-child {
	padding-top:0
}
.sitemap-content .drop {
	margin-top:1.5rem
}
.sitemap-content .drop a {
	padding-right:1.5rem;
	display:inline-block
}
.common-page {
	font-size:1.4rem;
	text-align:center;
	padding-top:8rem
}
.common-page a {
	width:4rem;
	height:4rem;
	text-align:center;
	line-height:3.8rem;
	border-radius:100%;
	margin:0 .5rem;
	color:#666;
	display:inline-block;
	transition:all 500ms ease;
	border:solid 1px #ddd
}
.common-page a:hover,.common-page .cur {
	color:#fff;
	border-color:transparent;
	background:var(--main-color)
}
.common-page .prev,.common-page .next {
	width:auto;
	min-width:10.6rem;
	position:relative;
	border-radius:30px
}
.common-page .prev:before {
	content:"<";
	margin-right:.6rem;
	font-family:"宋体";
	display:inline-block;
	font-weight:700
}
.common-page .next:after {
	content:">";
	margin-left:.6rem;
	font-family:"宋体";
	display:inline-block;
	font-weight:700
}
@media (max-width:1024px) {
	.common-page {
	padding-top:40px
}
.common-page .prev,.common-page .next {
	padding:0 10px;
	width:auto;
	min-width:auto
}
.common-page a {
	margin:0;
	width:24px;
	height:24px;
	line-height:22px
}
}.common-nav .child-2 .prosub .list-2>ul>li {
	position:static !important
}
.common-nav .child-2 .prosub .list-3 {
	position:absolute !important;
	top:0 !important;
	left:100% !important;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding-left:4rem !important;
	padding-right:5rem !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	opacity:0 !important;
	visibility:hidden !important;
	min-width:unset !important;
	transition:none !important;
	z-index:10 !important
}
.common-nav .child-2 .prosub .list-3.show {
	opacity:1 !important;
	visibility:visible !important
}
.common-nav .child-2 .prosub .list-2>ul>li.has-child:hover .list-3:not(.show) {
	opacity:0 !important;
	visibility:hidden !important
}
.common-nav .child-2 .prosub .list-3>ul {
	display:block !important
}
.common-nav .child-2 .prosub .list-3>ul>li {
	padding:1.8rem 0 0 0 !important;
	border:none !important;
	background:transparent !important
}
.common-nav .child-2 .prosub .list-3>ul>li>a {
	padding:0 2.2rem !important;
	height:4rem !important;
	display:flex !important;
	align-items:center !important;
	border-radius:.5rem !important;
	background:transparent !important;
	white-space:normal !important
}
.common-nav .child-2 .prosub .list-3>ul>li:hover>a {
	background:#efe8f1 !important;
	color:var(--main-color) !important
}
.common-nav .child-2 .prosub>.list-2:nth-child(2) {
	display:none !important
}
.common-nav .child-2 .prosub .list-2>ul>li.active>a {
	background:#efe8f1 !important;
	color:var(--main-color) !important
}

@media (min-width:1025px) {
	.technology-section .item-list li.swiper-slide-thumb-active:before {
		left:0;
		opacity:1;
		width:100%;
	}
}