@charset "utf-8";

:root {
	--main-color: #194189;
	--hover-color: #2f67c3;
	--Roboto-Regular: Roboto-Regular;
	--Roboto-Bold: Roboto-Bold;
	--Din-Bold: Din-Bold;
	--Ubuntu-Bold: Ubuntu-Bold;
}

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

#bsWXBox {
	box-sizing: content-box;
}

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

ul {
	list-style: none;
}

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

html {
	font-size: 1px;
}

html,
body {
	position: relative;
	scroll-behavior: smooth;
}

@media (max-width: 1730px) {
	html {
		font-size: 0.901042px;
	}
}

@media (max-width: 1600px) {
	html {
		font-size: 0.824479px;
	}
}

@media (max-width: 1530px) {
	html {
		font-size: 0.792708px;
	}
}

@media (max-width: 1440px) {
	html {
		font-size: 0.741146px;
	}
}

@media (max-width: 1366px) {
	html {
		font-size: 0.702604px;
	}
}

@media (max-width: 1360px) {
	html {
		font-size: 0.699479px;
	}
}

@media (max-width: 1280px) {
	html {
		font-size: 0.657813px;
	}
}

body {
	font-family: 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif;
	font-size: 14rem;
	color: #666666;
	line-height: 1.1;
	width: 100%;
	background: #fff;
	margin: 0 auto !important;
	word-break: break-word;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: #666666;
}

a:hover,
a:active,
a:focus {
	color: #666666;
	text-decoration: none;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea,
select {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif;
}

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

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

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0;
	color: #666666;
	outline: 0;
}

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

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

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

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

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

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

.fl {
	float: left;
}

.fr {
	float: right;
}

/*清楚浮动*/
.clearfix:after {
	clear: both;
	height: 0;
	content: '';
	line-height: 0;
	font-size: 0;
	display: block;
}

/*图片垂直水平居中*/
.pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.pic img {
	transition: 0.5s;
}

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

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

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

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

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

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

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

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp-slide {
	float: left;
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

#section-footer .fp-tableCell {
	display: block;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38rem;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 55%;
	opacity: 1;
	width: 50px;
	-webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
	right: 70px;
}

#fp-nav.left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 50px;
	height: 30px;
	text-align: center;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a:before,
.fp-slidesNav ul li a:before {
	content: '';
	width: 0;
	height: 1px;
	left: 50%;
	bottom: 5px;
	display: none;
	background: #fff;
	position: absolute;
	transition: all 334ms ease;
	-webkit-transition: all 334ms ease;
}

#fp-nav ul li a.active:before,
#fp-nav ul li:hover a.active:before,
.fp-slidesNav ul li a.active:before,
.fp-slidesNav ul li:hover a:before {
	width: 20px;
	left: 24px;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #fff;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	position: absolute;
	z-index: 1;
	border: 0;
	color: #fff;
	font-size: 0;
	width: 12px;
	height: 12px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border: solid 2px #fff;
	border-radius: 100%;
}

#fp-nav ul li:last-child {
	display: none;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	background: #fff;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
}

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

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

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

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

	50% {
		opacity: 1;
	}
}

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

	50% {
		opacity: 1;
	}
}

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

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

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

.fadeInLeft2 {
	animation-name: fadeInLeft2;
}

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

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

.fadeInLeft3 {
	animation-name: fadeInLeft3;
}

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

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

.fadeInRight2 {
	animation-name: fadeInRight2;
}

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

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

.fadeInUp2 {
	animation-name: fadeInUp2;
}

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

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

.fadeInDown2 {
	animation-name: fadeInDown2;
}

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

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

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

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

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

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

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

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

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

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

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

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

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

.prompt span a {
	text-decoration: underline;
}

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

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

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

.sitemap li .top1 {
	font-size: 24rem;
	color: #000;
	font-weight: bold;
}

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

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

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

.sitemap li .subnav a {
	font-size: 16rem;
	color: #666;
	margin-right: 20rem;
	padding: 5rem 0;
	display: block;
	float: left;
}

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

.sitemap li .subnav p {
	display: block;
	width: 100%;
	overflow: hidden;
}

.sitemap li .subnav .dot a {
	font-size: 20rem;
	color: #333;
	font-weight: bold;
}

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

.fix {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 155777;
	transition: 0.5s;
	left: 0;
}

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

.transparent.active {
	display: block;
}

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

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

.height1 {
	height: 94rem;
}

.header {
	height: 94rem;
	width: 100%;
	transition: 0.7s;
	position: relative;
	z-index: 1;
	background: #fff;
}

.header .logo {
	padding: 0;
	float: left;
	transition: 0.7s;
	padding-top: 15rem;
	margin-left: -58rem;
}

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

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

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

.header .header-right {
	float: right;
	margin-right: -55rem;
}

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

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

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

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

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

.header .header-right .header-search {
	float: right;
	position: relative;
	/*搜索*/
}

.header .header-right .header-search:after {
	content: '';
	display: block;
	width: 10000rem;
	height: 100%;
	background: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

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

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

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

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

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

.nav {
	transition: 0.2s;
	float: right;
	margin-right: 54rem;
}

.nav ul {
	z-index: 1;
}

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

.nav ul li a {
	display: inline-block;
	vertical-align: top;
	font-size: 20rem;
	font-weight: bold;
	color: #333333;
	height: 94rem;
	line-height: 94rem;
	transition: 0.7s;
	position: relative;
	cursor: pointer;
	padding: 0 10rem;
}

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

.nav ul li a .txt-1 {
	display: block;
	transition: 0.5s;
}

.nav ul li a .txt-2 {
	display: block;
	transform: translateY(100%);
	transition: 0.5s;
}

.nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 5rem;
	background: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s;
}

.nav ul li .subnav {
	width: 100%;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 44rem 0;
	display: none;
	text-align: center;
	z-index: 333;
	border-top: 1px solid #ebebeb;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.nav ul li .subnav ul {
	margin: 0;
	padding: 0;
	width: 1520rem;
	margin: 0 auto;
}

.nav ul li .subnav ul li {
	margin: 0;
	width: auto;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	position: static;
	float: none;
}

.nav ul li .subnav ul li a {
	font-size: 18rem;
	line-height: 40rem;
	height: 40rem;
	margin-bottom: 10rem;
	color: #333 !important;
	margin: 0;
	padding: 0 20rem;
	border-radius: 0;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	display: block;
	background: none;
}

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

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

.nav ul li .subnav1 ul li {
	float: left;
	width: 33.33333333%;
}

.nav ul li .subnav1 ul li a {
	text-align: left;
	font-size: 16rem;
}

.nav ul li .subnav1 ul li .li a {
	font-weight: normal !important;
}

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

.nav ul li:hover a .txt-1 {
	transform: translateY(-100%);
}

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

.nav ul li:hover a:after {
	width: 100%;
}

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

.nav ul .active a .txt-1 {
	transform: translateY(-100%);
}

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

.nav ul .active a:after {
	width: 100%;
}

#menu {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	background: #ffffff;
	z-index: 9999;
	height: 100%;
	transition: 0.5s;
	overflow: auto;
	padding: 62px 8px;
}

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

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

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

#menu ul .subnav {
	display: none;
}

#menu ul ul {
	padding: 0;
	margin: 0 -5px;
}

#menu ul ul li {
	width: 100%;
	float: left;
	padding: 0 5px;
	border: 0;
}

#menu ul ul li a {
	padding: 0;
	padding-right: 48px;
	font-weight: normal;
}

#menu ul ul li i {
	right: 5px;
}

#menu ul ul li ul {
	display: none;
}

#menu ul ul li .li {
	display: none;
}

#menu ul ul li .li ul {
	display: block;
}

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

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

#menu ul li i {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	color: #e01121;
	text-align: center;
	background: url(../images/jt.png) no-repeat center center;
	background-size: 13px;
}

#menu ul li a {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	display: block;
	line-height: 30px;
	padding: 10px 0;
	padding-right: 48px;
	position: relative;
}

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

#menu ul li ul li a {
	font-size: 18px;
	color: #555;
	font-weight: normal;
	line-height: 24px;
	margin: 10px 0;
	padding-left: 0;
}

#menu ul li ul li ul li a {
	font-size: 16px;
	position: relative;
}

#menu ul li ul li ul li ul li a {
	font-size: 14px;
	padding-left: 20rem;
	position: relative;
}

#menu ul li ul li ul li ul li a:after {
	content: '';
	display: block;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	background: #555;
}

#menu ul li:nth-child(1):before {
	display: none;
}

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

#menu.show1 {
	right: 0;
}

.headerfix {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.phone {
	display: none;
}

.center {
	text-align: center;
}

#Privacy {
	z-index: 10000;
	position: fixed;
	width: 800px;
	background: #fff;
	border: 4px solid rgba(0, 0, 0, 0.15);
	top: 50%;
	left: 50%;
	margin-top: -264px;
	margin-left: -400px;
	border-radius: 5px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

#Privacy .dialog_header {
	width: 100%;
	position: relative;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3;
}

#Privacy .dialog_header .title {
	width: 100%;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
}

#Privacy .dialog_header .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #c5c5c5;
	cursor: pointer;
}

#Privacy .privacy_policy_title {
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 20px;
}

#Privacy .p-1 {
	font-size: 20px;
}

#Privacy .p-2 {
	font-size: 16px;
}

#Privacy .privacy_content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	padding: 20px 30px;
	overflow: auto;
	line-height: 30px;
}

#Privacy .privacy_footer {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

#Privacy .close_btn {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	min-width: 200px;
	height: 40px;
	background: var(--main-color);
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

@media (max-width: 768px) {
	#Privacy {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
	}
}

.home-title {
	font-size: 48rem;
	margin-bottom: 17rem;
	color: #2d3132;
	font-weight: bold;
}

.home-p {
	font-size: 20rem;
	color: #2d3132;
}

.white {
	color: #ffffff;
}

.banner {
	position: relative;
}

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

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

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

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

.swiper-renewal-main .banner-hover {
	color: #fff;
	position: absolute;
	top: 22.5%;
	left: 0;
	width: 100%;
	font-size: 0;
	z-index: 33;
	text-align: center;
}

.swiper-renewal-main .banner-hover .bt {
	margin-bottom: 15rem;
}

.swiper-renewal-main .banner-hover .bt img {
	width: 811rem;
}

.swiper-renewal-main .banner-hover .p {
	text-align: center;
	font-size: 18rem;
	margin-bottom: 64rem;
	color: #ffffff;
}

.swiper-renewal-main .banner-hover .more a {
	margin: 0 auto;
}

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

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

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

.swiper-renewal-main .swiper-pagination {
	bottom: 47rem;
	text-align: center;
	width: 100%;
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet {
	width: 88rem;
	height: 4rem;
	background: #ffffff;
	border-radius: 4rem;
	margin: 0 2rem;
	overflow: hidden;
	opacity: 1;
	position: relative;
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet:after {
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	content: '';
	background: #fff;
	left: 0;
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4rem;
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet-active::after {
	-webkit-animation: swiperbanner 5s linear;
	animation: swiperbanner 5s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes swiperbanner {
	0% {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes swiperbanner {
	0% {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes pulse512 {
	0% {
		box-shadow: 0 0 0 0 #bae435;
	}

	70% {
		box-shadow: 0 0 0 10px rgba(186, 228, 53, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(186, 228, 53, 0);
	}
}

.more a,
.more p {
	width: 238rem;
	line-height: 46rem;
	height: 48rem;
	background: var(--main-color);
	border: 1px solid var(--main-color);
	display: block;
	padding: 0 25rem 0 40rem;
	font-size: 16rem;
	color: #ffffff;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.more a b,
.more p b {
	font-weight: normal;
	position: relative;
	z-index: 3;
}

.more a:before,
.more p:before {
	content: '';
	display: block;
	width: 500rem;
	height: 500rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250rem;
	margin-top: -250rem;
	background: var(--hover-color);
	z-index: 0;
	transition: 0.5s;
	transform: scale(0);
	border-radius: 50%;
}

.more a span,
.more p span {
	width: 14rem;
	height: 100%;
	display: block;
	float: right;
	background: url(../images/more.png) no-repeat center center;
	background-size: 100%;
}

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

	.more a:hover:before {
		transform: scale(1);
	}
}

.home-news {
	padding: 67rem 0 93rem 0;
}

.home-news .home-bottom {
	padding-top: 51rem;
	padding-bottom: 68rem;
	position: relative;
	overflow: hidden;
}

.home-news .more a {
	margin: 0 auto;
}

.newslist {
	position: relative;
	overflow: hidden;
}

.newslist .item .pic:after {
	padding-bottom: 61.8556701%;
}

.newslist .item .text {
	padding-top: 36rem;
	position: relative;
	padding-left: 115rem;
	min-height: 112rem;
}

.newslist .item .bt {
	font-size: 20rem;
	line-height: 32rem;
	color: #222222;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.newslist .item .span {
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	font-size: 16rem;
	line-height: 32rem;
	color: #777777;
}

.newslist .item .date {
	width: 92rem;
	height: 85rem;
	padding: 13rem 9rem;
	border: solid 1px #d2d2d2;
	position: absolute;
	top: 27rem;
	left: 0;
}

.newslist .item .date span {
	display: block;
	font-size: 29rem;
	font-family: var(--Roboto-Bold);
	color: #656565;
}

.newslist .item .date p {
	font-size: 15rem;
	font-family: var(--Roboto-Regular);
	margin-top: 5rem;
	color: #a2a2a2;
}

@media (min-width: 1025px) {
	.newslist .item:hover .pic img {
		transform: scale(1.1);
	}

	.newslist .item:hover .bt {
		color: var(--main-color);
		font-weight: bold;
	}

	.newslist .item:hover .date {
		border: solid 1px #797979;
		background-color: #797979;
	}

	.newslist .item:hover .date span {
		color: #fff;
	}

	.newslist .item:hover .date p {
		color: #fff;
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

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

.youshi {
	padding-top: 85rem;
}

.youshi li {
	width: 33.33333333%;
	float: left;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.youshi li .box {
	padding-bottom: 10rem;
}

.youshi li .num span {
	font-family: var(--Din-Bold);
	font-size: 47rem;
	line-height: 56rem;
	color: #fff;
	display: inline-block;
	vertical-align: bottom;
}

.youshi li .num i {
	font-size: 16rem;
	line-height: 39rem;
	color: #fff;
	font-style: normal;
	display: inline-block;
	vertical-align: bottom;
}

.youshi li .h3 {
	font-size: 15rem;
	line-height: 28rem;
	margin-top: 8rem;
	color: rgba(255, 255, 255, 0.8);
}

.home-about {
	background: url(../images/bg1.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.home-about .nr {
	overflow: hidden;
}

.home-about:before {
	content: '';
	display: block;
	width: 162rem;
	height: 501rem;
	background: url(../images/bg2.png) no-repeat center center;
	background-size: cover;
	top: -45rem;
	left: 0;
	position: absolute;
}

.home-about .left {
	float: left;
	width: 43%;
	position: relative;
	padding: 143rem 0;
}

.home-about .left .home-title {
	margin-bottom: 32rem;
}

.home-about .left .p {
	font-size: 120rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.02);
	position: absolute;
	top: 106rem;
	left: -70rem;
	line-height: 130rem;
}

.home-about .left .span {
	font-size: 36rem;
	margin-bottom: 43rem;
	color: #ffffff;
}

.home-about .left .pp {
	font-size: 16rem;
	line-height: 30rem;
	color: rgba(255, 255, 255, 0.84);
}

.home-about .left .pp p {
	margin-bottom: 8rem;
}

.home-about .right {
	float: right;
	width: 72%;
	margin-right: -200rem;
	margin-left: -100rem;
}

.home-about .right a {
	position: relative;
	display: block;
}

.home-about .right a img {
	display: block;
}

.home-about .right .playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 33333;
	width: 60rem;
	height: 60rem;
	border-radius: 50%;
	background: var(--main-color);
}

.home-about .right .playBtn .icon {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 10rem 0 10rem 18rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.home-about .right .playBtn .circle {
	width: 120rem;
	height: 120rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-about .right .playBtn .circle::before {
	content: '';
	display: block;
	width: 120rem;
	height: 120rem;
	border-radius: 50%;
	background: rgba(25, 65, 137, 0.8);
	position: absolute;
	z-index: -1;
	animation: ripple 4s ease-out 0s infinite;
}

.home-about .right .playBtn .circle::after {
	content: '';
	display: block;
	width: 120rem;
	height: 120rem;
	border-radius: 50%;
	background: rgba(25, 65, 137, 0.8);
	position: absolute;
	z-index: -1;
	animation: ripple 2s ease-out 0s infinite;
}

.tanchuvideo {
	z-index: 10000;
	position: fixed;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	width: 100%;
	height: 100%;
}

.tanchuvideo .close {
	position: absolute;
	width: 38rem;
	height: 38rem;
	border-radius: 50%;
	top: 40rem;
	right: 40rem;
	text-align: center;
	background: #ffffff url(../images/closed.png) no-repeat center center;
	background-size: 12rem;
	cursor: pointer;
	z-index: 3333;
}

.tanchuvideo .swiper-video {
	position: relative;
	overflow: hidden;
}

.tanchuvideo .swiper-video .swiper-pagination {
	bottom: 10rem;
	left: 0;
	width: 100%;
}

.tanchuvideo .swiper-video .swiper-pagination-bullet {
	background: #fff;
	margin: 0 4px;
}

.tanchuvideo video {
	display: block;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

@media (max-width: 768px) {
	.tanchuvideo {
		width: 100%;
	}
}

.home-product {
	padding: 93rem 0 96rem 0;
}

.home-product .home-bottom {
	padding-top: 50rem;
}

.home-product .home-bottom .left {
	padding-right: 432rem;
	position: relative;
	width: 105%;
	left: -2%;
}

.home-product .home-bottom .left .mySwiper2 {
	position: relative;
	overflow: hidden;
	font-size: 0;
}

.home-product .home-bottom .left .mySwiper2 .box {
	font-size: 0;
	background: url(../images/bg3.jpg) no-repeat center center;
	background-size: cover;
	height: 100%;
	padding-left: 116rem;
	padding-top: 98rem;
	padding-right: 120rem;
	padding-bottom: 52rem;
}

.home-product .home-bottom .left .mySwiper2 .pic {
	display: inline-block;
	vertical-align: top;
	width: 67%;
}

.home-product .home-bottom .left .mySwiper2 .pic:after {
	padding-bottom: 66.12903226%;
}

.home-product .home-bottom .left .mySwiper2 .text {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding-top: 20rem;
}

.home-product .home-bottom .left .mySwiper2 .bt {
	font-size: 32rem;
	margin-bottom: 29rem;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	color: #3e3e3e;
}

.home-product .home-bottom .left .mySwiper2 .jsh {
	font-size: 18rem;
	line-height: 28rem;
	color: #555555;
	margin-bottom: 112rem;
	overflow: hidden;
}

.home-product .home-bottom .left .mySwiper2 .jsh p {
	padding-left: 22rem;
	margin-bottom: 17rem;
	background: url(../images/dot.png) no-repeat left 8rem;
	background-size: 6rem;
}

.home-product .home-bottom .left .mySwiper2 .item {
	display: none;
}

@media (min-width: 1025px) {
	.home-product .home-bottom .left .mySwiper2 .item:hover .more p:after {
		transform: scale(4);
	}
}

.home-product .home-bottom .left .li {
	width: 385rem;
	position: absolute;
	top: 0;
	right: 0;
	overflow: auto;
	height: 100%;
}

.home-product .home-bottom .left .li::-webkit-scrollbar {
	display: block !important;
}

.home-product .home-bottom .left .li::-webkit-scrollbar {
	width: 17rem;
	height: 17rem;
}

.home-product .home-bottom .left .li::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.home-product .home-bottom .left .li::-webkit-scrollbar-corner {
	background-color: #edf0f6;
}

.home-product .home-bottom .left .li::-webkit-scrollbar-thumb {
	background: #c8ccd9 url(../images/quanquan.png) no-repeat bottom center;
	background-size: 130%;
	position: relative;
}

.home-product .home-bottom .left .li::-webkit-scrollbar-track {
	background-color: #edf0f6;
}

.home-product .home-bottom .left .li::-webkit-scrollbar-track-piece {
	background-color: #edf0f6;
}

.home-product .home-bottom .left .li .fp-scrollable::-webkit-scrollbar {
	display: none !important;
}

.home-product .home-bottom .left .li .iScrollVerticalScrollbar {
	display: none !important;
}

.home-product .home-bottom .left .mySwiper1 {
	position: relative;
	padding-right: 21rem;
	width: 100%;
}

.home-product .home-bottom .left .mySwiper1 .item {
	margin-bottom: 16rem;
}

.home-product .home-bottom .left .mySwiper1 .item:nth-last-child(1) {
	margin-bottom: 0;
}

.home-product .home-bottom .left .mySwiper1 .box {
	padding: 10rem 24rem;
	overflow: hidden;
	font-size: 0;
	background: url(../images/bg3.jpg) no-repeat center center;
	background-size: cover;
	height: 198rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
}

.home-product .home-bottom .left .mySwiper1 .pic {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.home-product .home-bottom .left .mySwiper1 .bt {
	font-size: 16rem;
	font-weight: bold;
	line-height: 26rem;
	height: 78rem;
	overflow: hidden;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.home-product .home-bottom .left .mySwiper1 .active .bt {
	color: var(--main-color);
}

.home-product .home-bottom .left .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.home-product .home-bottom .left .swiper-container-vertical>.swiper-pagination-progressbar {
	background-color: #edf0f6;
	width: 11rem;
	height: 100%;
	left: auto;
	top: 0;
	right: 5rem;
}

.home-product .home-bottom .left .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #c8ccd9;
}

.home-product .home-bottom .left .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after {
	content: '';
	display: block;
	width: 17rem !important;
	height: 17rem !important;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 9rem 0rem rgba(88, 99, 135, 0.79);
	position: absolute;
	bottom: 0;
	left: -3rem !important;
	z-index: 33;
	border-radius: 50% !important;
	transform: scaleX(1) scaleY(1) !important;
}

.home-product .home-bottom .left .swiper-button-next,
.home-product .home-bottom .left .swiper-button-prev {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	background: #eaebf0 url(../images/top.png) no-repeat center center;
	background-size: 10rem;
	height: 15rem;
	z-index: 3;
}

.home-product .home-bottom .left .swiper-button-next:after,
.home-product .home-bottom .left .swiper-button-prev:after {
	display: none;
}

@media (min-width: 1025px) {

	.home-product .home-bottom .left .swiper-button-next:hover,
	.home-product .home-bottom .left .swiper-button-prev:hover {
		background: #eaebf0 url(../images/top1.png) no-repeat center center;
		background-size: 10rem;
	}
}

.home-product .home-bottom .left .swiper-button-next {
	top: auto;
	bottom: 0;
	background: #eaebf0 url(../images/bottom.png) no-repeat center center;
	background-size: 10rem;
}

@media (min-width: 1025px) {
	.home-product .home-bottom .left .swiper-button-next:hover {
		background: #eaebf0 url(../images/bottom1.png) no-repeat center center;
		background-size: 10rem;
	}
}

.home-case {
	padding: 142rem 0 149rem 0;
	background: #f6f6f6 url(../images/bg5.jpg) no-repeat top left;
	background-size: 1363rem;
	background-size: 71% 100%;
	overflow: hidden;
}

.home-case .left {
	float: left;
	width: 44%;
	padding-left: 58rem;
}

.home-case .right {
	float: right;
	margin-right: -200rem;
	width: 63%;
	padding: 15rem 260rem 0 56rem;
	position: relative;
	overflow: hidden;
}

.swiper-case {
	position: relative;
	overflow: hidden;
	padding-bottom: 95rem;
}

.swiper-case .pic {
	display: none;
	border-radius: 20rem;
}

.swiper-case .pic:after {
	padding-bottom: 75.07788162%;
}

.swiper-case .bt {
	font-size: 36rem;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.swiper-case .span {
	font-size: 16rem;
	line-height: 26rem;
	margin-top: 93rem;
	margin-bottom: 7rem;
	font-weight: bold;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.swiper-case .p {
	font-size: 16rem;
	line-height: 26rem;
	height: 104rem;
	margin-bottom: 55rem;
	overflow: hidden;
	color: #ffffff;
}

.swiper-case .more1 p {
	font-size: 15rem;
	line-height: 26rem;
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}

.swiper-case .swiper-pagination {
	bottom: 0;
	left: 0;
}

.swiper-case .swiper-pagination .swiper-pagination-bullet {
	width: 12rem;
	height: 12rem;
	margin: 0 5rem;
	border: solid 2px #ffffff;
	background: none;
	opacity: 1;
}

.swiper-case .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
	border: solid 2px var(--main-color);
}

.swiper-case1 {
	position: relative;
}

.swiper-case1 .pic {
	box-shadow: 0rem 0rem 20rem 0rem rgba(10, 2, 4, 0.1);
	border-radius: 20rem;
}

.swiper-case1 .pic:after {
	padding-bottom: 75.07788162%;
}

.swiper-case1 .swiper-button-prev,
.swiper-case1 .swiper-button-next {
	left: -50rem;
}

.swiper-case1 .swiper-button-prev:after,
.swiper-case1 .swiper-button-next:after {
	color: #fff;
}

.swiper-case1 .swiper-button-next {
	right: -50rem;
	left: auto;
}

.swiper-case1 .swiper-button-next:after {
	color: var(--main-color);
}

.home-message {
	position: relative;
	background-color: #f9f9f9;
}

.home-message .fbg {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 157rem;
	background: url(../images/bg4.png) no-repeat bottom center;
	background-size: 100%;
	left: 0;
}

.home-message .left {
	float: left;
	width: 63.2%;
	margin-left: -200rem;
}

.home-message .left img {
	display: block;
}

.home-message .right {
	float: right;
	width: 48.8%;
	padding-left: 50rem;
	padding-top: 107rem;
}

.home-message .right .home-title {
	font-size: 42rem;
	margin-bottom: 25rem;
}

.home-message .right .home-p span {
	color: #ed0000;
}

.home-message .right .p {
	font-size: 16rem;
	line-height: 28rem;
	margin-top: 6rem;
	margin-bottom: 34rem;
	color: #666666;
}

.home-message .right .list ul {
	margin: 0 -15rem;
}

.home-message .right .list ul li {
	float: left;
	width: 50%;
	padding: 0 15rem;
	margin-bottom: 16rem;
}

.home-message .right .list ul li .box {
	position: relative;
}

.home-message .right .list ul li .box span {
	color: #ff0000;
	position: absolute;
	top: 15rem;
	left: 15rem;
	font-size: 16rem;
}

.home-message .right .list ul li input,
.home-message .right .list ul li textarea {
	width: 100%;
	height: 48rem;
	padding: 0 25rem;
	font-size: 16rem;
	border: solid 1px #000000;
	border-radius: 5rem;
	background: none;
}

.home-message .right .list ul li textarea {
	height: 147rem;
	padding: 10rem 25rem;
}

.home-message .right .list ul li .submit {
	width: 148rem;
	line-height: 48rem;
	font-size: 16rem;
	color: #ffffff;
	background-color: var(--main-color);
	display: block;
	text-align: center;
}

.footer {
	position: relative;
	z-index: 44;
	background: #060d20;
}

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

.footer-bottom {
	padding-top: 35rem;
	padding-bottom: 109rem;
	position: relative;
	z-index: 55;
}

.footer-bottom .footer-left {
	float: right;
	width: 15%;
}

.footer-bottom .footer-left .img img {
	width: 195rem;
	display: block;
}

.footer-bottom .footer-left .socialMedia span {
	font-size: 18rem;
	margin-top: 55rem;
	margin-bottom: 15rem;
	font-weight: bold;
	display: block;
	color: #ffffff;
}

.footer-bottom .footer-left .socialMedia .list li {
	display: inline-block;
	padding: 0 3rem 0 0;
	width: auto !important;
}

.footer-bottom .footer-left .socialMedia .list .box {
	display: block;
	cursor: pointer;
	position: relative;
}

.footer-bottom .footer-left .socialMedia .list .icon {
	display: block;
	width: 40rem;
	height: 40rem;
	border-radius: 50%;
	opacity: 0.6;
	background-size: 40rem !important;
}

.footer-bottom .footer-left .socialMedia .list .icon-1 {
	background: url(../images/sp1.png) no-repeat center center;
}

.footer-bottom .footer-left .socialMedia .list .icon-2 {
	background: url(../images/sp2.png) no-repeat center center;
}

.footer-bottom .footer-left .socialMedia .list .icon-3 {
	background: url(../images/sp3.png) no-repeat center center;
}

.footer-bottom .footer-left .socialMedia .list .icon-4 {
	background: url(../images/sp4.png) no-repeat center center;
}

.footer-bottom .footer-left .socialMedia .list .down {
	display: none;
	color: #666;
	font-size: 14rem;
	align-items: center;
	width: 114rem;
	cursor: initial;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -57rem;
}

.footer-bottom .footer-left .socialMedia .list .down .txt {
	margin-right: 10rem;
}

.footer-bottom .footer-left .socialMedia .list .down .ewm {
	width: 114rem;
	background: url(../images/bg3.png) no-repeat top center;
	background-size: 100%;
	height: 122rem;
	padding: 13rem 5rem;
	position: relative;
}

.footer-bottom .footer-left .socialMedia .list .down .ewm img {
	display: block;
}

.footer-bottom .footer-left .socialMedia .list .active .down {
	display: flex;
}

.footer-bottom .footer-left .socialMedia .list .box:hover .icon {
	opacity: 1;
}

.footer-bottom .footer-list {
	float: left;
	width: 83%;
}

.footer-bottom .footer-list ul li {
	width: 16.66666667%;
	float: left;
}

.footer-bottom .footer-list ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	color: #ffffff;
	max-width: 100%;
	font-size: 20rem;
	font-weight: bold;
	padding-right: 5rem;
	padding-bottom: 23rem;
}

.footer-bottom .footer-list ul li a span {
	display: block;
}

.footer-bottom .footer-list ul li a .txt-2 {
	display: none;
}

.footer-bottom .footer-list ul li ul li {
	width: 100% !important;
}

.footer-bottom .footer-list ul li ul li a {
	font-size: 16rem;
	line-height: 38rem;
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	position: relative;
}

.footer-copyright {
	padding: 11rem 0;
	font-size: 16rem;
	line-height: 36rem;
	color: #ffffff;
	text-align: center;
	position: relative;
	z-index: 55;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-copyright a {
	color: #ffffff;
}

.footer-copyright span {
	margin: 0 5rem;
}

.inbanner {
	color: #fff;
	position: relative;
	overflow: hidden;
}

.inbanner img,
.inbanner video {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inbanner .img {
	position: relative;
	overflow: hidden;
}

.inbanner .img img {
	-webkit-animation: wave 2s alternate;
	animation: wave 2s alternate;
}

.inbanner .img1 {
	position: relative;
	overflow: hidden;
	display: none;
}

.inbanner .item {
	position: relative;
	overflow: hidden;
}

.inbanner .banner-hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 5;
}

.inbanner .banner-hover .info {
	text-align: center;
}

.inbanner .banner-hover .bt {
	font-size: 60rem;
	font-weight: bold;
	line-height: 120rem;
	color: #ffffff;
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
	position: relative;
	text-align: center;
}

.inbanner .banner-hover .bt p {
	font-family: var(--Roboto-Bold);
	font-size: 119rem;
	color: rgba(116, 164, 196, 0.2);
	text-stroke: 1px rgba(255, 255, 255, 0.5);
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	width: 100%;
}

.inbanner .banner-hover .p {
	font-size: 20rem;
	font-weight: lighter;
	color: #fff;
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.inbanner .banner-hover .search-main {
	margin: 0 auto;
	z-index: 777;
	width: 421rem;
	position: relative;
	background: #fff;
	border-radius: 30rem;
	margin-top: 33rem;
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.inbanner .banner-hover .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 14rem;
	height: 46rem;
	color: #666666;
	vertical-align: top;
	padding: 0 60rem 0 30rem;
	-webkit-appearance: none;
	background: none;
}

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

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

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

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

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

.second-nav {
	background-color: var(--main-color);
	width: 100%;
}

.second-nav .container {
	display: block;
}

.second-nav .inside-menu {
	max-width: 70%;
	float: left;
}

.second-nav .inside-menu ul {
	display: flex;
	flex-wrap: wrap;
}

.second-nav .inside-menu ul li {
	float: left;
	text-align: center;
}

.second-nav .inside-menu ul li a {
	font-size: 18rem;
	line-height: 80rem;
	color: #fff;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	min-width: 170rem;
	text-align: center;
	padding: 0 21rem;
}

.second-nav .inside-menu ul li .pic {
	width: 41rem;
	margin-right: 7rem;
	display: inline-block;
	vertical-align: middle;
}

.second-nav .inside-menu ul li .pic .mh {
	display: none;
}

@media (min-width: 1025px) {
	.second-nav .inside-menu ul li:hover a {
		color: var(--main-color);
		background: #fff;
	}

	.second-nav .inside-menu ul li:hover .pic .m {
		display: none;
	}

	.second-nav .inside-menu ul li:hover .pic .mh {
		display: block;
	}
}

.second-nav .inside-menu ul .active a {
	color: var(--main-color);
	background: #fff;
}

.second-nav .inside-menu ul .active .pic .m {
	display: none;
}

.second-nav .inside-menu ul .active .pic .mh {
	display: block;
}

.second-nav .inside-current {
	max-width: 30%;
	font-size: 16rem;
	line-height: 24rem;
	margin: 28rem 0;
	font-weight: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: right;
	color: #fffefe;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	background: url(../images/home.png) no-repeat left 3rem;
	background-size: 18rem;
	padding-left: 30rem;
}

.second-nav .inside-current b {
	color: #fffefe;
	font-weight: normal;
}

.second-nav .inside-current a {
	color: #fffefe;
}

.second-nav1 .inside-menu {
	max-width: 40%;
}

.second-nav1 .inside-current {
	max-width: 60%;
}

.content {
	min-height: 600rem;
	padding: 88rem 0 84rem 0;
}

.inmain-title {
	font-size: 32rem;
	font-weight: bold;
	color: #333841;
}

.app {
	background: #fff;
}

.app .apimg {
	margin-top: 26rem;
	margin-bottom: 85rem;
}

.app .apimg img {
	display: block;
}

.app .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20rem;
}

.app .list ul li {
	width: 25%;
	float: left;
	padding: 0 20rem;
	text-align: center;
}

.app .list ul li .box {
	padding: 13rem;
	box-shadow: 0rem 0rem 51rem 0rem rgba(62, 63, 63, 0.15);
	height: 100%;
	background: #fff;
}

.app .list ul li .box .info {
	border: 1px solid #fff;
	padding: 24rem 10rem;
	height: 100%;
}

.app .list ul li .box .info .pic {
	width: 70rem;
	margin: 0 auto;
}

.app .list ul li .box .info .pic .mh {
	display: none;
}

.app .list ul li .box .info .bt {
	font-size: 20rem;
	font-weight: bold;
	line-height: 38rem;
	margin-top: 3rem;
	margin-bottom: 11rem;
	color: #000000;
}

.app .list ul li .box .info .p {
	font-size: 17rem;
	line-height: 31rem;
	color: #333333;
}

.app .list ul li .box .info .p img {
	margin: 10rem 0;
}

.app .list ul li .box .info .p a {
	color: #333333;
}

@media (min-width: 1025px) {
	.app .list ul li:hover .box {
		background: url(../images/ap1.jpg) no-repeat center center;
		background-size: cover;
	}

	.app .list ul li:hover .box .info .pic .mh {
		display: block;
	}

	.app .list ul li:hover .box .info .pic .m {
		display: none;
	}

	.app .list ul li:hover .box .info .bt {
		color: #fff;
	}

	.app .list ul li:hover .box .info .p {
		color: #fff;
	}

	.app .list ul li:hover .box .info .p a {
		color: #fff;
	}
}

.newslist2 {
	margin: 0 -16rem;
}

.newslist2 .item {
	padding: 0 16rem;
	margin-bottom: 76rem;
	width: 33.33333333%;
	float: left;
}

.page {
	clear: both;
	text-align: center;
	font-size: 0;
	color: #947d58;
}

.page em {
	font-style: normal;
	font-size: 18px;
}

.page a {
	color: #858585;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	width: 26px;
	line-height: 18px;
	text-transform: uppercase;
	height: 20px;
	margin: 0 5px;
	vertical-align: top;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
}

.page a span {
	display: block;
}

.page a.cur,
.page a:hover {
	color: #000;
}

.page a.prev,
.page a.next {
	color: #858585;
}

.page a.prev {
	background: url(../images/prev-01.png) no-repeat center center;
	background-size: 6px;
}

.page a.prev:hover {
	color: #fff;
}

.page a.prev:hover {
	background: url(../images/prev-02.png) no-repeat center center;
	background-size: 6px;
}

.page a.next {
	background: url(../images/next-01.png) no-repeat center center;
	background-size: 6px;
}

.page a.next:hover {
	color: #fff;
}

.page a.next:hover {
	background: url(../images/next-02.png) no-repeat center center;
	background-size: 6px;
}

@media (max-width: 768px) {

	.page a,
	.page em {
		display: none;
	}

	.page a.prev,
	.page a.next {
		display: inline-block;
	}
}

.support ul li {
	float: left;
	width: 19.66666666666667%;
	transition: 0.5s;
}

.support ul li .box {
	height: 597rem;
	overflow: hidden;
	position: relative;
}

.support ul li .box .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 41rem 31rem 60rem 31rem;
}

.support ul li .box .text .bt {
	font-size: 30rem;
	line-height: 129rem;
	color: #ffffff;
}

.support ul li .box .text .more2 {
	width: 70rem;
	height: 70rem;
	border: solid 1px #ffffff;
	border-radius: 50%;
	position: absolute;
	bottom: 59rem;
	left: 34rem;
	background: url(../images/more3.png) no-repeat center center;
	background-size: 27rem;
}

.support ul .active {
	width: 41%;
}

.support ul .active .box {
	text-align: left;
}

.support ul .active .box .text {
	padding: 41rem 49rem 60rem 49rem;
}

.support ul .active .box .text .more2 {
	background: #ffffff url(../images/more3h.png) no-repeat center center;
	background-size: 27rem;
}

.join {
	padding: 0 !important;
}

.join02 {
	padding: 78rem 0 74rem 0;
}

.join02 .left {
	float: right;
	width: 45%;
}

.join02 .right {
	float: left;
	width: 53%;
	padding-top: 28rem;
}

.join02 .right .inmain-title {
	font-size: 42rem;
	margin-bottom: 32rem;
}

.join02 .right .p {
	font-size: 18rem;
	line-height: 32rem;
	color: #666666;
}

.join02 .right .p p {
	margin-bottom: 32rem;
}

.join03 {
	padding: 0 !important;
	background-color: #f9f9f9;
}

.join03 .line1 {
	height: 1rem;
	width: 1520rem;
	margin: 0 auto;
	background-color: #dbdbdb;
}

.join03 .join01 {
	padding: 93rem 0;
}

.join03 .join01 .box {
	font-size: 0;
}

.join03 .join01 .img {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	position: relative;
}

.join03 .join01 .text {
	display: inline-block;
	vertical-align: top;
	width: 55%;
	padding-left: 70rem;
}

.join03 .join01 .span {
	font-size: 24rem;
	color: #000000;
}

.join03 .join01 .p {
	font-size: 32rem;
	font-weight: bold;
	color: var(--main-color);
	margin-top: 20rem;
}

.join03 .join01 .p:after {
	content: '';
	display: block;
	width: 29rem;
	height: 6rem;
	background: var(--main-color);
	margin-top: 22rem;
	margin-bottom: 28rem;
}

.join03 .join01 .jp {
	text-align: center;
	font-size: 24rem;
	line-height: 32rem;
	color: #333333;
	padding: 54rem 0;
	background: #e8e8e8;
}

.join03 .join01 .jsh {
	font-size: 18rem;
	line-height: 36rem;
	color: #595757;
}

.join03 .join01 .jsh p {
	margin-bottom: 15rem;
}

.join03 .join01 .jsearch {
	position: relative;
	margin-top: 94rem;
	width: 87%;
	padding-right: 172rem;
}

.join03 .join01 .jsearch select {
	width: 100%;
	height: 57rem;
	padding: 0 20rem;
	font-size: 18rem;
	color: #595757;
	border: 1px solid #c8c7c7;
}

.join03 .join01 .jsearch select::-ms-expand {
	display: none;
}

.join03 .join01 .jsearch select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url(../images/arrow1h.png) no-repeat 95% center;
	background-size: 18rem;
	background: #fffff\9\0;
}

.join03 .join01 .jsearch .tijiao {
	width: 146rem;
	line-height: 57rem;
	display: block;
	font-size: 18rem;
	color: #ffffff;
	text-align: center;
	background: var(--main-color);
	position: absolute;
	top: 0;
	right: 0;
}

@media (min-width: 1025px) {
	.join03 .join01 .jsearch .tijiao:hover {
		background: var(--main-color);
	}
}

.home-contact {
	position: relative;
	padding: 139rem 0 279rem 0;
	background: url(../images/bg6.jpg) no-repeat top center;
	background-size: cover;
}

.home-contact .fbg {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 157rem;
	background: url(../images/bg4.png) no-repeat bottom center;
	background-size: 100%;
	left: 0;
}

.home-contact .bt {
	font-size: 120rem;
	color: #ffffff;
	padding-bottom: 18rem;
	border-bottom: 1px solid #fff;
	margin-bottom: 71rem;
}

.home-contact .inmain-bottom {
	position: relative;
	padding-left: 165rem;
}

.home-contact .inmain-bottom a {
	width: 105rem;
	height: 105rem;
	background: #1c4088 url(../images/more4.png) no-repeat center center;
	background-size: 30rem;
	border: solid 1px #ffffff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
}

.home-contact .inmain-bottom .li {
	width: 50%;
	float: left;
	font-size: 16rem;
	line-height: 30rem;
	color: #ffffff;
	position: relative;
	padding-left: 130rem;
	padding-top: 36rem;
}

.home-contact .inmain-bottom .li p {
	margin-bottom: 17rem;
}

.home-contact .inmain-bottom .li span {
	font-size: 24rem;
	line-height: 30rem;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	top: 36rem;
	left: 0;
}

.join-show {
	padding: 73rem 0 84rem 0;
}

.join-show .home-title {
	font-size: 42rem;
}

.join-show .job2 {
	margin-top: 61rem;
}

.join-show .job2 .span-01 {
	display: block;
	width: 29%;
	float: left;
	padding-left: 53rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.join-show .job2 .span-02 {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
}

.join-show .job2 .span-03 {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}

.join-show .job2 .span-04 {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}

@media (min-width: 1025px) {
	.join-show .job2 .span-04 a:hover {
		color: var(--main-color);
	}
}

.join-show .job2 .span-05 {
	width: 22rem;
	height: 22rem;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	right: 20rem;
	transform: translateY(-50%);
	background: url(../images/jt2h.png) no-repeat center center;
	background-size: 10rem;
	border: solid 1px rgba(229, 0, 20, 0.8);
}

.join-show .job2 .title {
	font-weight: bold;
	padding: 24rem 0;
	font-size: 20rem;
	line-height: 30rem;
	color: #ffffff;
	overflow: hidden;
	background: var(--main-color);
}

.join-show .job2 dl {
	margin-bottom: 22rem;
	background-color: #fff;
	box-shadow: 0rem 0rem 20rem 0rem rgba(195, 221, 247, 0.4);
	overflow: hidden;
}

.join-show .job2 dt {
	background: #fff;
	overflow: hidden;
	padding: 17rem 0;
	cursor: pointer;
	font-size: 18rem;
	line-height: 30rem;
	color: #212121;
	transition: all 0.5s;
	position: relative;
}

.join-show .job2 dt b {
	display: none;
}

.join-show .job2 dd {
	height: 0;
	font-size: 16rem;
	line-height: 32rem;
	color: #666666;
	overflow: hidden;
}

.join-show .job2 dd .nr {
	padding: 30rem 58rem 61rem 58rem;
	position: relative;
}

.join-show .job2 .cur dt {
	background-color: #fafafa;
}

.join-show .job2 .cur dt .span-01 {
	font-weight: bold;
}

.join-show .job2 .cur dt .span-05 {
	background: url(../images/jt2.png) no-repeat center center;
	background-size: 10rem;
}

.join-show .job2 .cur dd {
	height: auto;
}

.join-show .job2 .p-01 {
	font-weight: 700;
	font-size: 18rem;
	color: #212121;
	margin-bottom: 17rem;
}

.join-show .job2 .red {
	color: #ff0000;
}

.join-show .job2 .send {
	padding-top: 29rem;
}

@media (min-width: 1025px) {
	.join-show .job2 .send:hover a {
		color: #fff;
		background: var(--hover-color) url(../images/toudi.png) no-repeat 84% center;
		background-size: 25rem;
	}
}

.join-show .job2 .send a {
	display: inline-block;
	padding: 0 10rem;
	min-width: 238rem;
	line-height: 48rem;
	text-align: left;
	color: #fff;
	font-size: 16rem;
	padding-left: 38rem;
	border-radius: 30rem;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	background: var(--main-color) url(../images/toudi.png) no-repeat 84% center;
	background-size: 25rem;
}

.case {
	overflow: hidden;
	padding-bottom: 0 !important;
}

.caselist li {
	position: relative;
	margin-bottom: 81rem;
}

.caselist li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.caselist li .pic {
	float: left;
	width: 48%;
}

.caselist li .pic:after {
	padding-bottom: 72.61580381%;
}

.caselist li .img {
	border-bottom: 1px solid #bdc6df;
	padding-bottom: 12rem;
	margin-bottom: 59rem;
}

.caselist li .img span {
	float: left;
	font-size: 42rem;
	font-family: var(--Ubuntu-Bold);
	line-height: 50rem;
	color: rgba(29, 58, 144, 0);
	text-stroke: 1px #1d3a90;
	-webkit-text-stroke: 1px #1d3a90;
}

.caselist li .img img {
	height: 50rem;
	float: right;
}

.caselist li .text {
	width: 52%;
	float: right;
	padding-left: 60rem;
}

.caselist li .text .bt {
	font-size: 32rem;
	font-weight: bold;
	color: #333841;
}

.caselist li .text .span {
	font-size: 16rem;
	font-weight: bold;
	line-height: 26rem;
	margin-top: 29rem;
	color: #666666;
}

.caselist li .text .p {
	font-size: 16rem;
	line-height: 26rem;
	margin-top: 8rem;
	width: 82%;
	margin-bottom: 71rem;
	color: #666666;
}

@media (min-width: 1025px) {
	.caselist li:hover .pic img {
		transform: scale(1.1);
	}

	.caselist li:hover .more p {
		border: 1px solid var(--hover-color);
	}

	.caselist li:hover .more p:before {
		transform: scale(1);
	}
}

.caselist .li .box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.caselist .li .text {
	padding-left: 0;
	padding-right: 60rem;
}

.caselist2 {
	margin: 0 -13rem;
}

.caselist2 li {
	position: relative;
	padding: 0 13rem;
	margin-bottom: 20rem;
	width: 33.33333333%;
	float: left;
}

.caselist2 li .pic {
	border-radius: 12rem;
}

.caselist2 li .pic:after {
	padding-bottom: 114.37371663%;
}

.caselist2 li .pic:before {
	width: 100%;
	height: 100%;
	background: url(../images/bg7.png) no-repeat bottom center;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 33;
	content: '';
	display: block;
}

.caselist2 li .text .bt {
	text-decoration: underline;
	font-size: 24rem;
	line-height: 34rem;
	color: #ffffff;
	position: absolute;
	bottom: 40rem;
	left: 0;
	padding: 0 34rem;
	width: 100%;
	z-index: 53;
}

@media (min-width: 1025px) {
	.caselist2 li:hover .pic img {
		transform: scale(1.1);
	}
}

.contact {
	padding-top: 86rem;
	overflow: hidden;
}

.contact01 .home-title {
	font-size: 42rem;
	color: #333841;
}

.contact01 .home-title b {
	color: var(--main-color);
}

.contact01 .text {
	padding-bottom: 45rem;
}

.contact01 .text .p {
	font-size: 18rem;
	line-height: 32rem;
	color: #666666;
	margin-top: 31rem;
}

.contact02 {
	position: relative;
	margin-bottom: 27rem;
}

.contact02 .text {
	float: left;
	width: 27%;
	padding-top: 3rem;
}

.contact02 .text .img {
	margin-bottom: 59rem;
}

.contact02 .text .img img {
	width: 290rem;
}

.contact02 .text .h3 {
	font-size: 25rem;
	color: #1a1a1a;
	margin-bottom: 22rem;
	font-weight: bold;
}

.contact02 .text .p {
	font-size: 16rem;
	line-height: 32rem;
	color: #2a2a2a;
	margin-bottom: 56rem;
}

.contact02 .text .p a {
	color: var(--main-color);
}

.contact02 #allmap {
	width: 85%;
	float: right;
	margin-right: -200rem;
	position: relative;
}

.contact02 #allmap img {
	display: block;
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

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

.contact04 {
	padding-bottom: 35rem;
}

.contactlist {
	margin: 0 -21rem;
	margin-top: 42rem;
	display: flex;
	flex-wrap: wrap;
}

.contactlist li {
	width: 33.33333333%;
	float: left;
	padding: 0 21rem;
	margin-bottom: 38rem;
}

.contactlist li .box {
	display: block;
	background-color: #f9f9f9;
	border-radius: 8rem;
	padding: 37rem 12rem 46rem 40rem;
	position: relative;
	height: 100%;
}

.contactlist li .bt {
	font-size: 20rem;
	font-weight: bold;
	line-height: 33rem;
	color: #333333;
	margin-bottom: 16rem;
}

.contactlist li .p p {
	font-size: 16rem;
	line-height: 30rem;
	color: #333333;
	overflow: hidden;
	position: relative;
	margin-bottom: 4rem;
}

.contactlist li .p p a {
	color: var(--main-color);
	font-weight: bold;
}

@media (min-width: 1025px) {
	.contactlist li:hover .box {
		background: var(--main-color);
	}

	.contactlist li:hover .bt {
		color: #fff;
	}

	.contactlist li:hover .p p {
		color: #fff;
	}

	.contactlist li:hover .p p span {
		color: #fff;
	}

	.contactlist li:hover .p p a {
		color: #fff;
	}
}

.home-title1 {
	font-size: 42rem;
}

.zhengce .zhengce-bottom {
	padding: 113rem 0 0 0;
}

.zhengce .zhengce-bottom .zhengce-info {
	font-size: 18rem;
	line-height: 33rem;
	padding-top: 30rem;
	color: #666666;
}

.zhengce .zhengce-bottom .zhengce-info .h1 {
	font-size: 20rem;
	font-weight: bold;
	margin-bottom: 16rem;
	color: #333333;
}

.zhengce .zhengce-bottom .zhengce-info p {
	margin-bottom: 14rem;
}

.se-nav {
	text-align: center;
	padding-top: 14rem;
}

.se-nav ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 8rem;
}

.se-nav ul li a {
	display: block;
	font-size: 18rem;
	line-height: 49rem;
	color: var(--main-color);
	padding: 0 38rem;
	border: solid 1px var(--main-color);
}

@media (min-width: 1025px) {
	.se-nav ul li:hover a {
		color: #fff;
		background: var(--main-color);
	}
}

.se-nav ul .active a {
	color: #fff;
	background: var(--main-color);
}

.dianhua .dianhua-bottom {
	padding: 70rem 0 0 0;
}

.dianhua .dianhua-bottom .dianhua-info {
	font-size: 16rem;
	line-height: 33rem;
	padding-top: 30rem;
	color: #333333;
}

.dianhua .dianhua-bottom .dianhua-info .h1 {
	font-size: 20rem;
	font-weight: bold;
	margin-bottom: 12rem;
	color: #333333;
}

.dianhua .dianhua-bottom .table {
	font-size: 18rem;
	line-height: 30rem;
	margin-top: 16rem;
	margin-bottom: 16rem;
	color: #333333;
}

.dianhua .dianhua-bottom .table .firstRow {
	background-color: #f9f9f9;
}

.dianhua .dianhua-bottom .table td {
	padding: 10rem 55rem;
	border: solid 1px #d9d9d9;
}

.dianhua .dianhua-bottom .contact04 {
	padding-bottom: 0;
	padding-top: 60rem;
}

.baoxian .baoxian-bottom {
	padding: 113rem 0 0 0;
}

.baoxian .baoxian-bottom .baoxian-info {
	font-size: 18rem;
	line-height: 33rem;
	padding-top: 30rem;
	color: #333333;
}

.baoxian .baoxian-bottom .baoxian-info .h1 {
	font-size: 20rem;
	font-weight: bold;
	margin-bottom: 12rem;
	color: #333333;
}

.baoxian .baoxian-bottom .baoxian-info p {
	margin-bottom: 5rem;
}

.baoxian .baoxian-bottom .table {
	font-size: 18rem;
	line-height: 30rem;
	margin-top: 16rem;
	margin-bottom: 16rem;
	color: #333333;
}

.baoxian .baoxian-bottom .table .firstRow {
	background-color: #f9f9f9;
}

.baoxian .baoxian-bottom .table td {
	padding: 10rem 55rem;
	border: solid 1px #d9d9d9;
}

.baoxian .baoxian-bottom .contact04 {
	padding-bottom: 0;
	padding-top: 60rem;
}

.product {
	padding: 74rem 0 0 0;
}

.product .item0 {
	margin-bottom: 40rem;
}

.product .item0 .item-title {
	font-size: 24rem;
	font-weight: bold;
	line-height: 32rem;
	color: #333333;
}

.product .item0 .info {
	margin: 0 -38rem;
	position: relative;
}

.product .swiper-button-disabled {
	opacity: 0;
}

.product .swiper-button-prev,
.product .swiper-button-next {
	left: -30rem;
	margin-top: 0;
	transform: translateY(-50%);
	z-index: 55;
}

.product .swiper-button-prev:after,
.product .swiper-button-next:after {
	color: #3d3d3d;
	font-size: 40rem;
}

.product .swiper-button-next {
	right: -30rem;
	left: auto;
}

.mySwiper4 {
	position: relative;
	overflow: hidden;
	padding: 0 38rem;
}

.mySwiper4 .item {
	padding: 38rem 0;
}

.mySwiper4 .item .box {
	border: 1px solid #f7f7f7;
	background-color: #ffffff;
	position: relative;
}

.mySwiper4 .item .pic {
	background: url(../images/bg8.png) no-repeat center center;
	background-size: cover;
}

.mySwiper4 .item .pic:after {
	padding-bottom: 53.125%;
}

.mySwiper4 .item .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 91rem;
	height: 91rem;
	background: url(../images/hot.png) no-repeat center center;
	background-size: cover;
}

.mySwiper4 .item .text {
	padding: 42rem 26rem;
}

.mySwiper4 .item .bt {
	font-size: 20rem;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	line-height: 36rem;
	color: #2d3132;
}

.mySwiper4 .item .p {
	font-size: 16rem;
	line-height: 30rem;
	height: 60rem;
	overflow: hidden;
	color: #666666;
}

.mySwiper4 .item .more5 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.mySwiper4 .item .more5 p {
	width: 60rem;
	height: 42rem;
	background: url(../images/more5.png) no-repeat center center;
	background-size: 100%;
}

@media (min-width: 1025px) {
	.mySwiper4 .item:hover .box {
		box-shadow: 0rem 0rem 40rem 0rem rgba(0, 0, 0, 0.17);
	}

	.mySwiper4 .item:hover .pic img {
		transform: scale(1.1);
	}

	.mySwiper4 .item:hover .more5 p {
		background: url(../images/more5h.png) no-repeat center center;
		background-size: 100%;
	}
}

.news-show {
	padding-bottom: 0 !important;
	padding-top: 0;
}

.news-top {
	padding: 85rem 0 90rem 0;
}

.news-top .neleft {
	float: left;
	width: 78%;
}

.news-top .neright {
	float: right;
	width: 19%;
	padding-top: 68rem;
	position: sticky;
	top: 50rem;
}

.news-top .neright .ne-title {
	font-size: 20rem;
	margin-bottom: 16rem;
	font-weight: bold;
	color: #262626;
}

.news-top .neright .newslist2 {
	margin: 0;
}

.news-top .neright .newslist2 .item {
	padding: 0;
	margin-bottom: 48rem;
	width: 100%;
}

.news-top .neright .newslist .item .text {
	padding-top: 8rem;
	padding-left: 0;
	min-height: 0;
}

.news-top .neright .newslist .item .bt {
	font-size: 16rem;
}

.news-top .neright .newslist .item .span {
	font-size: 12rem;
	line-height: 22rem;
}

.news-top .neright .newslist .item .span span {
	width: 65rem;
	line-height: 22rem;
	margin-right: 5rem;
	background-color: #6a6d69;
	color: #fff;
	text-align: center;
	border-radius: 4rem;
	display: inline-block;
	vertical-align: top;
}

.h1 {
	font-size: 42rem;
	font-weight: bold;
	color: #000000;
}

.h2 {
	font-size: 14rem;
	color: #666666;
	line-height: 26rem;
	margin-top: 27rem;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 14rem 0;
}

.h2 span {
	margin-right: 34rem;
}

.news-info {
	font-size: 18rem;
	line-height: 33rem;
	color: #666666;
	padding: 53rem 0 25rem 0;
}

.news-info p {
	margin-bottom: 21rem;
}

.lable {
	font-size: 16rem;
	padding-bottom: 39rem;
	line-height: 40rem;
	color: #333333;
}

.lable span {
	color: #333;
	font-weight: bold;
	display: block;
	float: left;
	font-size: 18rem;
	padding-right: 17rem;
}

.lable a {
	color: #333;
	line-height: 40rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	padding: 0 5rem;
	margin-bottom: 5px;
	margin-right: 15rem;
	text-align: center;
	display: block;
	float: left;
}

@media (min-width: 1025px) {
	.lable a:hover {
		text-decoration: underline;
	}
}

.list-page-news {
	border-top: solid 1px #d9d9d9;
	margin-bottom: 27rem;
}

.list-page-news ul {
	overflow: hidden;
}

.list-page-news ul li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}

.list-page-news ul li a {
	display: block;
	line-height: 28rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	font-size: 18rem;
	color: #666666;
	position: relative;
	padding: 21rem 0;
	padding-left: 122rem;
}

.list-page-news ul li a span {
	line-height: 28rem;
	color: #333;
	position: absolute;
	top: 21rem;
	left: 0;
	width: 65rem;
	background: url(../images/prev.png) no-repeat center right;
	background-size: 9rem;
}

@media (min-width: 1025px) {
	.list-page-news ul li:hover a {
		color: var(--main-color);
		text-decoration: underline;
	}
}

.list-page-news ul li:nth-child(2) a span {
	background: url(../images/next.png) no-repeat center right;
	background-size: 9rem;
}

.return {
	overflow: hidden;
}

.return a {
	font-size: 20rem;
	color: #2d3132;
	text-align: center;
	width: 206rem;
	line-height: 46rem;
	background: #efefef;
	display: block;
}

@media (min-width: 1025px) {
	.return a:hover {
		color: #fff;
		background: var(--main-color);
	}
}

.case-show .h1 {
	text-align: center;
}

.case-show .h2 {
	text-align: center;
}

.case-show .h2 span {
	margin: 0 19rem;
}

.case-show .return {
	float: right;
}

.case-show .news-top {
	padding: 85rem 0 71rem 0;
}

.case-show .home-title {
	margin-bottom: 0;
}

.related-pro {
	padding-bottom: 45rem;
	position: relative;
}

.related-pro .pinfo {
	margin: 0 -38rem;
	position: relative;
}

.related-pro .pinfo .mySwiper4 {
	position: relative;
	overflow: hidden;
	padding: 0 38rem;
}

.related-pro .pinfo .mySwiper4 .item {
	padding: 38rem 0;
}

.related-pro .pinfo .mySwiper4 .item .box {
	border: 1px solid #f7f7f7;
	background-color: #ffffff;
	position: relative;
}

.related-pro .pinfo .mySwiper4 .item .pic {
	background: url(../images/bg8.png) no-repeat center center;
	background-size: cover;
}

.related-pro .pinfo .mySwiper4 .item .pic:after {
	padding-bottom: 53.125%;
}

.related-pro .pinfo .mySwiper4 .item .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 91rem;
	height: 91rem;
	background: url(../images/hot.png) no-repeat center center;
	background-size: cover;
}

.related-pro .pinfo .mySwiper4 .item .text {
	padding: 42rem 26rem;
}

.related-pro .pinfo .mySwiper4 .item .bt {
	font-size: 20rem;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	line-height: 36rem;
	color: #2d3132;
}

.related-pro .pinfo .mySwiper4 .item .p {
	font-size: 16rem;
	line-height: 30rem;
	height: 60rem;
	overflow: hidden;
	color: #666666;
}

.related-pro .pinfo .mySwiper4 .item .more5 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.related-pro .pinfo .mySwiper4 .item .more5 p {
	width: 60rem;
	height: 42rem;
	background: url(../images/more5.png) no-repeat center center;
	background-size: 100%;
}

@media (min-width: 1025px) {
	.related-pro .pinfo .mySwiper4 .item:hover .box {
		box-shadow: 0rem 0rem 40rem 0rem rgba(0, 0, 0, 0.17);
	}

	.related-pro .pinfo .mySwiper4 .item:hover .pic img {
		transform: scale(1.1);
	}

	.related-pro .pinfo .mySwiper4 .item:hover .more5 p {
		background: url(../images/more5h.png) no-repeat center center;
		background-size: 100%;
	}
}

.related-pro .pinfo .my-button-disabled {
	display: none;
}

.related-pro .pinfo .swiper-button-prev,
.related-pro .pinfo .swiper-button-next {
	left: -30rem;
	margin-top: 0;
	transform: translateY(-50%);
	z-index: 55;
}

.related-pro .pinfo .swiper-button-prev:after,
.related-pro .pinfo .swiper-button-next:after {
	color: #3d3d3d;
	font-size: 40rem;
}

.related-pro .pinfo .swiper-button-next {
	right: -30rem;
	left: auto;
}

.related-case {
	padding-bottom: 71rem;
	position: relative;
}

.related-case .pinfo1 {
	position: relative;
	margin: 0 -38rem;
	margin-top: 38rem;
}

.related-case .pinfo1 .my-button-disabled {
	display: none;
}

.related-case .pinfo1 .swiper-button-prev,
.related-case .pinfo1 .swiper-button-next {
	left: -30rem;
	margin-top: 0;
	transform: translateY(-50%);
	z-index: 55;
}

.related-case .pinfo1 .swiper-button-prev:after,
.related-case .pinfo1 .swiper-button-next:after {
	color: #3d3d3d;
	font-size: 40rem;
}

.related-case .pinfo1 .swiper-button-next {
	right: -30rem;
	left: auto;
}

.related-case .mySwiper5 {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 38rem;
}

.related-case .mySwiper5 li {
	padding: 0;
}

.product01 {
	background: url(../images/bg9.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
	min-height: 704rem;
}

.product01 .second-nav {
	background: none;
}

.product01 .second-nav .inside-current {
	text-align: left;
	float: left;
	color: #666666;
	background: url(../images/home1.png) no-repeat left 3rem;
	background-size: 18rem;
}

.product01 .second-nav .inside-current a {
	color: #666666;
}

.product01 .second-nav .inside-current b {
	color: #666666;
}

.product-top {
	padding: 79rem 0 50rem 0;
}

.product-top .left {
	float: left;
	width: 41%;
}

.product-top .right {
	float: right;
	width: 55.8%;
	padding-top: 4rem;
}

.product-top .right .span {
	font-size: 17rem;
	color: #ffffff;
	min-width: 192rem;
	line-height: 35rem;
	background-color: var(--main-color);
	padding: 0 20rem;
	border-radius: 8rem;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.product-top .right .bt {
	font-size: 32rem;
	margin-bottom: 29rem;
	font-weight: bold;
	color: var(--main-color);
	margin-top: 26rem;
}

.product-top .right .p {
	font-size: 18rem;
	line-height: 35rem;
	min-height: 175rem;
	color: #030000;
}

.product-top .right .p p {
	margin-bottom: 17rem;
}

.product-top .right .btn {
	padding-top: 34rem;
}

.product-top .right .btn a {
	display: block;
	float: left;
	margin-right: 24rem;
	font-size: 16rem;
	color: #666666;
	line-height: 38rem;
	padding-left: 50rem;
	padding-right: 28rem;
	border: solid 1rem #acacac;
}

.product-top .right .btn .b01 {
	border: solid 1rem var(--main-color);
	background: var(--main-color) url(../images/xz.png) no-repeat 21rem center;
	background-size: 18rem;
	color: #fff;
}

@media (min-width: 1025px) {
	.product-top .right .btn .b01:hover {
		text-decoration: underline;
	}
}

.product-top .right .btn .b02 {
	background: #ffffff url(../images/sh.png) no-repeat 20rem center;
	background-size: 19rem;
}

@media (min-width: 1025px) {
	.product-top .right .btn .b02:hover {
		text-decoration: underline;
	}
}

.product-top .right .btn .b03 {
	background: #ffffff url(../images/zx.png) no-repeat 20rem center;
	background-size: 21rem;
}

@media (min-width: 1025px) {
	.product-top .right .btn .b03:hover {
		text-decoration: underline;
	}
}

.product-top .right .btn .b04 {
	background: #ffffff url(../images/video.png) no-repeat 20rem center;
	background-size: 19rem;
}

.product-info {
	padding: 73rem 0 0 0;
}

.product-info .news-info {
	padding: 0;
	padding-bottom: 56rem;
}

.product-info .news-info .hh1 {
	color: #333;
	font-size: 20rem;
	margin-bottom: 12rem;
}

.product-info .news-info p {
	margin-bottom: 0;
}

.product-info .pro-list {
	padding-bottom: 30rem;
}

.product-info .pro-list ul {
	margin: 0 -17rem;
	display: flex;
	flex-wrap: wrap;
}

.product-info .pro-list ul li {
	width: 33.33333333%;
	float: left;
	padding: 0 17rem;
	margin-bottom: 31rem;
	text-align: center;
}

.product-info .pro-list ul li .box {
	padding: 54rem 20rem;
	height: 100%;
	background-color: #f3f3f3;
}

.product-info .pro-list ul li .bt {
	font-size: 24rem;
	font-weight: bold;
	letter-spacing: -1rem;
	color: #333333;
	margin-top: 28rem;
	margin-bottom: 27rem;
}

.product-info .pro-list ul li .p {
	font-size: 18rem;
	line-height: 31rem;
	color: #666666;
}

.product-info .pro-list ul li .pic {
	width: 70rem;
	margin: 0 auto;
}

.product-info .pro-list ul li .pic .mh {
	display: none;
}

@media (min-width: 1025px) {
	.product-info .pro-list ul li:hover .box {
		background: var(--main-color);
	}

	.product-info .pro-list ul li:hover .bt {
		color: #fff;
	}

	.product-info .pro-list ul li:hover .p {
		color: #fff;
	}

	.product-info .pro-list ul li:hover .pic .mh {
		display: block;
	}

	.product-info .pro-list ul li:hover .pic .m {
		display: none;
	}
}

.product-info .return {
	float: right;
}

.product-info .related-pro {
	margin-top: 62rem;
}

.product-info .related-pro .home-title1 {
	margin-bottom: 0;
}

.bg {
	padding-top: 100vh;
	position: relative;
	z-index: 300;
	background-size: cover;
	background-position: center center;
}

.bg img {
	display: none;
}

.bg video {
	max-width: 100%;
	height: 110vh;
	object-fit: cover;
	position: absolute;
	top: -10vh;
	left: 0;
}

.section {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	overflow: hidden !important;
}

.section1 {
	position: relative;
	width: 100%;
	z-index: 400;
}

.section1 .bg {
	z-index: 80;
}

.section1 .bg img {
	display: none;
}

.active .home-title {
	-webkit-animation: fadeInDown2 2s alternate;
	animation: fadeInDown2 2s alternate;
}

.active .about01 .left .p {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .home-about .left .pp {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .about01 .youshi {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.active .about02 .se-nav {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .about02 .show {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .about03 .menuTabs {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.active .about03 .conTabs {
	-webkit-animation: fadeInUp2 5s alternate;
	animation: fadeInUp2 5s alternate;
}

.active .about04 .home-p {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .about04 .about-bottom {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .about05 .titleBig .title {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .about05 .titleBig .info {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.active .about05 .nr {
	-webkit-animation: fadeInUp2 5s alternate;
	animation: fadeInUp2 5s alternate;
}

.active .home-p {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .home-message .right .p {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.active .home-message .right .list {
	-webkit-animation: fadeInUp2 5s alternate;
	animation: fadeInUp2 5s alternate;
}

#fp-nav {
	display: none !important;
}

.home {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 320;
	padding-top: 90rem;
	transform: translateY(-50%);
}

.vr iframe {
	height: calc(100vh - 80rem);
	display: block;
}

.second-nav2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.second-nav2 .inside-menu {
	max-width: 80%;
}

.second-nav2 .inside-current {
	max-width: 20%;
}

.about01 {
	background: none;
	padding-top: 0;
	height: 100vh;
}

.about01:before {
	width: 255rem;
	height: 809rem;
	background: url(../images/bg10.png) no-repeat center center;
	background-size: cover;
	top: 0;
}

.about01 .right a img {
	height: 100vh;
}

.about01 .left {
	padding: 219rem 0;
	width: 48%;
}

.about01 .left .p {
	top: -40rem;
}

.about01 .left .pp p {
	margin-bottom: 22rem;
}

.about01 .t {
	position: relative;
}

.about01 .right {
	width: 70%;
	margin-right: -205rem;
	margin-left: -182rem;
}

.about01 .youshi {
	padding-top: 28rem;
}

.about02 {
	top: 0;
	padding-top: 120rem;
	transform: none;
}

.about02 .se-nav {
	padding-top: 8rem;
}

.about02 .show {
	padding-top: 50rem;
}

.about02 .show .info {
	display: none;
}

.culturelist {
	margin: 0 -8rem;
}

.culturelist li {
	width: 24%;
	padding: 0 8rem;
	float: left;
}

.culturelist .box {
	height: 584rem;
	border-radius: 10rem;
	position: relative;
}

.culturelist .bt {
	font-size: 24rem;
	font-weight: bold;
	line-height: 32rem;
	text-align: center;
	color: #ffffff;
}

.culturelist .p {
	font-size: 16rem;
	line-height: 36rem;
	padding-top: 27rem;
	color: #ffffff;
	height: 0;
	overflow: hidden;
}

.culturelist .p .h3 {
	font-size: 20rem;
	margin-bottom: 13rem;
}

.culturelist .text {
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 90rem;
	padding-bottom: 33rem;
}

.culturelist .active {
	width: 76%;
}

.culturelist .active .bt {
	font-size: 32rem;
	line-height: 36rem;
	text-align: left;
}

.culturelist .active .p {
	height: auto;
}

#certify {
	position: relative;
	margin: 78rem 0;
	overflow: hidden;
}

#certify .swiper {
	position: relative;
	left: 50%;
	width: 1520px;
	margin-left: -760px;
}

#certify .swiper-button-prev,
#certify .swiper-button-next {
	width: 44rem;
	height: 44rem;
	background: #5c5d5e;
	border: solid 1px #f7fafd;
	margin-top: -22rem;
	z-index: 33;
	left: 300rem;
}

#certify .swiper-button-prev:after,
#certify .swiper-button-next:after {
	font-size: 20rem;
	color: #fff;
}

@media (min-width: 1025px) {

	#certify .swiper-button-prev:hover,
	#certify .swiper-button-next:hover {
		background: var(--main-color);
		border: solid 1px var(--main-color);
	}
}

#certify .swiper-button-next {
	right: 300rem;
	left: auto;
}

#certify .swiper-slide .pic img {
	width: 100%;
}

#certify .swiper-slide .pic:after {
	padding-bottom: 56.31578947%;
}

#certify .swiper-slide .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#certify .swiper-slide .bt {
	text-align: center;
	font-size: 20rem;
	margin-top: 10rem;
	color: #2d3132;
	display: none;
}

#certify .swiper-slide-active .bt {
	display: block;
}

#certify .swiper-slide-active .pic:before {
	background: rgba(0, 0, 0, 0);
}

#certify .swiper-slide img {
	display: block;
}

.about03 {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.about03 .home-title {
	font-weight: normal;
}

.about03 a {
	color: inherit;
}

.about03 .line {
	width: 1562rem;
	height: 510rem;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	left: 50%;
	transform: translateX(-50%);
	top: 80rem;
}

.about03 .line span {
	width: 100%;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.5s;
}

.about03 .menuTabs {
	position: relative;
	margin-top: -70rem;
	margin-bottom: 100rem;
}

.about03 .menuTabs .swiper-wrapper .swiper-slide {
	display: flex;
	flex-wrap: wrap;
	width: 14.28571429%;
}

.about03 .menuTabs .year {
	line-height: 1;
	font-size: 24rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.about03 .menuTabs .year .icon {
	display: inline-flex;
	width: 20rem;
	height: 20rem;
	margin-right: 10rem;
}

.about03 .menuTabs .item {
	cursor: pointer;
	padding-bottom: 80rem;
	opacity: 0.6;
}

.about03 .menuTabs .item:hover {
	opacity: 0.8;
}

.about03 .menuTabs .active,
.about03 .menuTabs .active2 {
	opacity: 1;
}

.about03 .menuTabs .item-1 {
	padding-top: 348rem;
}

.about03 .menuTabs .item-2 {
	padding-top: 288rem;
}

.about03 .menuTabs .item-3 {
	padding-top: 230rem;
}

.about03 .menuTabs .item-4 {
	padding-top: 170rem;
	padding-left: 40rem;
}

.about03 .menuTabs .item-5 {
	padding-top: 100rem;
}

.about03 .menuTabs .item-6 {
	padding-top: 50rem;
}

.about03 .menuTabs .item-7 {
	padding-top: 0;
}

.about03 .menuTabs .swiper-button-next,
.about03 .menuTabs .swiper-button-prev {
	color: #fff;
	z-index: 9999;
	top: initial;
	bottom: -160rem;
}

.about03 .menuTabs .swiper-button-next::after,
.about03 .menuTabs .swiper-button-prev::after {
	font-size: 24rem;
}

.about03 .menuTabs .swiper-button-prev {
	left: 70rem;
}

.about03 .menuTabs .swiper-button-next {
	right: 70rem;
}

.about03 .conTabs {
	text-align: center;
	max-width: 1010px;
	margin: auto;
	position: relative;
	z-index: 9;
}

.about03 .conTabs .item {
	display: none;
}

.about03 .conTabs .item.show {
	display: block;
}

.about03 .conTabs .year {
	font-size: 70rem;
	font-weight: 700;
	line-height: 1;
	color: var(--sub-color);
	margin-bottom: 20rem;
}

.about03 .conTabs .info {
	font-size: 20rem;
	line-height: 2;
}

.about04 .home-p {
	font-size: 18rem;
	line-height: 30rem;
	color: #666666;
	width: 81%;
	margin: 0 auto;
}

.about04 .about-bottom {
	padding-top: 20rem;
}

.about04 .about-bottom .img {
	width: 1415px;
	height: 685px;
	position: relative;
	margin: 0 auto;
	transform: scale(0.95);
	margin-top: -20px;
	left: 50%;
	margin-left: -707px;
}

.about04 .about-bottom .img .hide {
	display: none;
}

.about04 .about-bottom .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.about04 .about-bottom .img .globalMap {
	width: 100%;
	height: 693px;
	position: relative;
	z-index: 66;
}

.about04 .about-bottom .img .area {
	position: absolute;
	-webkit-transition: transform 2s linear;
	-webkit-transition: -webkit-transform 2s linear;
	transition: -webkit-transform 2s linear;
	-o-transition: transform 2s linear;
	transition: transform 2s linear;
	transition: transform 2s linear, -webkit-transform 2s linear;
}

.about04 .about-bottom .img .area .video {
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.about04 .about-bottom .img .area .video .playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 33333;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #194189;
}

.about04 .about-bottom .img .area .video .playBtn .icon {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	animation: none;
	background: url(../images/logo2.png) no-repeat center center;
	background-size: 48px;
}

.about04 .about-bottom .img .area .video .playBtn .circle {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about04 .about-bottom .img .area .video .playBtn .circle::before {
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(25, 65, 137, 0.8);
	position: absolute;
	z-index: -1;
	animation: ripple 4s ease-out 0s infinite;
}

.about04 .about-bottom .img .area .video .playBtn .circle::after {
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(25, 65, 137, 0.8);
	position: absolute;
	z-index: -1;
	animation: ripple 2s ease-out 0s infinite;
}

.about04 .about-bottom .img .area span {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	line-height: 120px;
	padding: 0 5px;
	padding-left: 90px;
}

.about04 .about-bottom .img .m0 span {
	font-size: 13px;
}

.about04 .about-bottom .img .area .dot {
	position: relative;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 4px;
	color: #ffffff;
	display: block;
	padding: 0 6px 0 8px;
	text-align: center;
	z-index: 1;
}

.about04 .about-bottom .img .m01 {
	top: 30.3%;
	left: 13.2%;
}

.about04 .about-bottom .img .m02 {
	top: 67.6%;
	left: 25%;
}

.about04 .about-bottom .img .m03 {
	top: 26.8%;
	left: 47%;
}

.about04 .about-bottom .img .m04 {
	top: 52.9%;
	left: 49%;
}

.about04 .about-bottom .img .m05 {
	top: 51.5%;
	right: 30.5%;
}

.about04 .about-bottom .img .m06 {
	top: 55%;
	right: 27.5%;
}

.about04 .about-bottom .img .m07 {
	top: 28%;
	right: 27.8%;
}

.about04 .about-bottom .img .m07 .video {
	width: 250px;
	height: 250px;
}

.about04 .about-bottom .img .m07 .video .playBtn {
	width: 40px;
	height: 40px;
}

.about04 .about-bottom .img .m07 .video .playBtn .circle {
	width: 250px;
	height: 250px;
}

.about04 .about-bottom .img .m07 .video .playBtn .circle::before {
	width: 250px;
	height: 250px;
}

.about04 .about-bottom .img .m07 .video .playBtn .circle::after {
	width: 250px;
	height: 250px;
}

.about04 .about-bottom .img .m07 span {
	line-height: 250px;
	padding-left: 0;
}

.about04 .about-bottom svg {
	position: relative;
	z-index: 1;
}

.about04 .about-bottom .map-lines {
	position: absolute;
	top: 166px;
	right: 312px;
	z-index: 10;
	fill: none;
	width: 860px;
	height: 360px;
	-webkit-stroke: #000f2b;
	-moz-stroke: #000f2b;
	-ms-stroke: #000f2b;
	-o-stroke: #000f2b;
	stroke: #000f2b;
	-webkit-stroke-width: 1px;
	-moz-stroke-width: 1px;
	-ms-stroke-width: 1px;
	-o-stroke-width: 1px;
	stroke-width: 1px;
}

.about04 .about-bottom svg:not(:root) {
	overflow: hidden;
}

.about04 .about-bottom .map-line1 {
	stroke-dashoffset: 860px;
	stroke-dasharray: 860px;
	animation: animation-line 10.04s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

.about04 .about-bottom .map-line2 {
	stroke-dashoffset: -860px;
	stroke-dasharray: -860px;
	animation: animation-line 10.04s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

.about04 .about-bottom .map-line--6 {
	animation-delay: 1.94s;
}

@keyframes animation-line {
	0% {
		stroke-dashoffset: 860px;
	}

	14.28571% {
		stroke-dashoffset: 0;
	}

	61.42857% {
		stroke-dashoffset: 0;
	}

	85.71429% {
		stroke-dashoffset: -860px;
	}

	to {
		stroke-dashoffset: -860px;
	}
}

@-webkit-keyframes animation-line {
	0% {
		-webkit-stroke-dashoffset: 860px;
	}

	14.28571% {
		-webkit-stroke-dashoffset: 0;
	}

	61.42857% {
		-webkit-stroke-dashoffset: 0;
	}

	85.71429% {
		-webkit-stroke-dashoffset: -860px;
	}

	to {
		-webkit-stroke-dashoffset: -860px;
	}
}

@-moz-keyframes animation-line {
	0% {
		-moz-stroke-dashoffset: 860px;
	}

	14.28571% {
		-moz-stroke-dashoffset: 0;
	}

	61.42857% {
		-moz-stroke-dashoffset: 0;
	}

	85.71429% {
		-moz-stroke-dashoffset: -860px;
	}

	to {
		-moz-stroke-dashoffset: -860px;
	}
}

@-o-keyframes animation-line {
	0% {
		-o-stroke-dashoffset: 860px;
	}

	14.28571% {
		-o-stroke-dashoffset: 0;
	}

	61.42857% {
		-o-stroke-dashoffset: 0;
	}

	85.71429% {
		-o-stroke-dashoffset: -860px;
	}

	to {
		-o-stroke-dashoffset: -860px;
	}
}

.about05 {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-bottom: 120rem;
}

.about05:before {
	content: '';
	display: block;
	width: 100%;
	max-width: 1920rem;
	height: 152rem;
	background: url(../images/honor-zt-bg.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.about05 .titleBig .title {
	font-size: 42rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #2d3132;
}

.about05 .titleBig .title::before,
.about05 .titleBig .title::after {
	content: '';
	display: inline-block;
	width: 18rem;
	height: 48rem;
}

.about05 .titleBig .title::before {
	background: url(../images/maisui-1.png) no-repeat left center;
	background-size: cover;
	margin-right: 10rem;
}

.about05 .titleBig .title::after {
	background: url(../images/maisui-2.png) no-repeat right center;
	background-size: cover;
	margin-left: 10rem;
}

.about05 .titleBig .info {
	text-align: center;
	font-size: 16rem;
	line-height: 36rem;
	margin-top: 10rem;
	color: #666666;
}

.about05 .nr {
	padding: 0 50rem 0 50rem;
	margin-top: 82rem;
	position: relative;
}

.about05 .swiper-wrapper {
	align-items: flex-end;
}

.about05 .swiper-slide {
	cursor: pointer;
	padding-bottom: 20rem;
}

.about05 .swiper-slide .box {
	transform: scale(1);
	transition: 0.5s;
	transform-origin: center bottom;
	-webkit-box-reflect: below 0 linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 5%);
}

.about05 .swiper-slide .pic {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 48rem;
}

.about05 .swiper-slide .pic:after {
	padding-bottom: 71%;
}

.about05 .swiper-slide .pic img {
	margin: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.about05 .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}

.about05 .swiper-slide .title {
	text-align: center;
	color: #555555;
	font-size: 18rem;
	height: 40rem;
	line-height: 40rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: none;
}

.about05 .swiper-slide-active {
	text-align: center;
}

.about05 .swiper-slide-active .box {
	transform: scale(1);
}

.about05 .swiper-slide-active .title {
	display: block;
	display: -webkit-box;
}

.about05 .swiper-prev,
.about05 .swiper-next {
	background: none;
	width: auto;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	top: 25%;
}

.about05 .swiper-prev .icon,
.about05 .swiper-next .icon {
	display: block;
	width: 48rem;
	height: 48rem;
	border-radius: 50%;
	background: #eaebed;
	position: relative;
}

.about05 .swiper-prev .icon svg,
.about05 .swiper-next .icon svg {
	fill: #b6b6b6;
	width: 30rem;
	height: 30rem;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.about05 .swiper-prev .txt,
.about05 .swiper-next .txt {
	font-size: 20rem;
	line-height: 36rem;
}

.about05 .swiper-prev .title-1,
.about05 .swiper-next .title-1 {
	color: #999999;
}

.about05 .swiper-prev .title-2,
.about05 .swiper-next .title-2 {
	color: #2c2c2c;
	margin-bottom: 40rem;
}

.about05 .swiper-prev:hover .icon,
.about05 .swiper-next:hover .icon {
	background: var(--main-color);
}

.about05 .swiper-prev:hover .icon svg,
.about05 .swiper-next:hover .icon svg {
	fill: #fff;
}

.about05 .swiper-prev {
	left: -100rem;
	text-align: right;
}

.about05 .swiper-prev .icon {
	float: right;
}

.about05 .swiper-next {
	text-align: left;
	right: -100rem;
}

.about05 .swiper-next .icon {
	float: left;
}

.about05 .swiper-next .txt {
	padding-left: 0;
}

.about05 .swiper-button-disabled {
	cursor: initial;
}

.about07 {
	overflow: hidden;
}

.about07 .picMarquee-top {
	position: relative;
	overflow: hidden;
}

.about07 .pic1 {
	margin-top: 0;
}

.about07 .partentlist li {
	width: 280rem;
	float: left;
	margin-right: 24rem;
	margin-bottom: 23rem;
}

.about07 .partentlist li a {
	display: block;
	background-color: #feffff;
	border-radius: 10rem;
	border: solid 1px #e4e6ee;
}

.about07 .piclist {
	margin-top: 75rem;
}

.about07 .partentlist li a .pic:after {
	padding-bottom: 50%;
}

@media (max-width: 1800px) {
	.about04 .about-bottom .img {
		transform: scale(0.85);
		height: 620px;
		margin-top: -40px;
	}
}

@media (max-width: 1600px) {
	.about04 .about-bottom .img {
		transform: scale(0.75);
		height: 580px;
		margin-top: -70px;
	}

	#certify .swiper {
		transform: scale(0.8);
		margin-top: -40px;
	}
}

@media (max-width: 1300px) {
	#certify {
		margin: 0;
	}

	#certify .swiper {
		transform: scale(0.8);
		margin-top: -40px;
	}

	.about04 .about-bottom .img {
		transform: scale(0.6);
		height: 480px;
		margin-top: -90px;
	}

	.about02 .show {
		padding-top: 35rem;
	}

	.culturelist .box {
		height: 540rem;
	}
}

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

	.container {
		max-width: 750px;
		padding: 0 15px;
		width: 100%;
	}

	.height {
		top: -60px;
	}

	.height1 {
		height: 60px;
	}

	.header {
		height: 60px;
	}

	.header .logo {
		padding-top: 13.5px;
		margin-left: 0;
	}

	.header .logo a img {
		width: 115px;
	}

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

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

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

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

	.nav {
		display: none;
	}

	.sitemap .site-bottom {
		font-size: 14px;
		line-height: 30px;
	}

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

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

	.sitemap li .subnav {
		margin-top: 15px;
	}

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

	.sitemap li .subnav .dot a {
		font-size: 16px;
	}

	.headerfix {
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.home-title {
		font-size: 24px;
		margin-bottom: 9px;
	}

	.home-p {
		font-size: 15px;
	}

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

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

	.swiper-renewal-main .banner-hover {
		top: 20%;
	}

	.swiper-renewal-main .banner-hover .bt {
		margin-bottom: 7px;
	}

	.swiper-renewal-main .banner-hover .bt img {
		width: 321px;
	}

	.swiper-renewal-main .banner-hover .p {
		font-size: 15px;
		margin-bottom: 32px;
	}

	.swiper-renewal-main .swiper-pagination {
		bottom: 16px;
	}

	.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet {
		width: 44px;
		height: 4px;
		border-radius: 4px;
		margin: 0 2px;
	}

	.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet-active {
		border-radius: 4px;
	}

	.more a,
	.more p {
		width: 138px;
		line-height: 40px;
		height: 42px;
		padding: 0 20px 0 20px;
		font-size: 12px;
	}

	.more a:before,
	.more p:before {
		width: 500px;
		height: 500px;
		margin-left: -250px;
		margin-top: -250px;
	}

	.more a span,
	.more p span {
		width: 12px;
	}

	.home-news {
		padding: 40px 0;
	}

	.home-news .home-bottom {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.newslist .item .text {
		padding-top: 9px;
		padding-left: 70px;
		min-height: 0;
	}

	.newslist .item .bt {
		font-size: 18px;
		line-height: 32px;
	}

	.newslist .item .span {
		font-size: 14px;
		line-height: 25px;
	}

	.newslist .item .date {
		width: auto;
		height: auto;
		padding: 5px 5px;
		border: solid 1px #d2d2d2;
		top: 15px;
		left: 0;
	}

	.newslist .item .date span {
		font-size: 18px;
	}

	.newslist .item .date p {
		font-size: 12px;
		margin-top: 5px;
	}

	.youshi {
		padding-top: 25px;
	}

	.youshi li {
		width: 33.33333333%;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
	}

	.youshi li .box {
		padding-bottom: 10px;
	}

	.youshi li .num span {
		font-size: 24px;
		line-height: 44px;
	}

	.youshi li .num i {
		font-size: 14px;
		line-height: 37px;
	}

	.youshi li .h3 {
		font-size: 14px;
		line-height: 28px;
		margin-top: 0;
	}

	.home-about {
		padding-bottom: 40px;
		overflow: hidden;
	}

	.home-about:before {
		width: 162px;
		height: 501px;
		top: -45px;
	}

	.home-about .left {
		width: 100%;
		padding: 40px 0 20px 0;
	}

	.home-about .left .home-title {
		margin-bottom: 15px;
	}

	.home-about .left .p {
		font-size: 60px;
		top: 46px;
		left: -70px;
		line-height: 70px;
	}

	.home-about .left .span {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.home-about .left .pp {
		font-size: 14px;
		line-height: 25px;
	}

	.home-about .left .pp p {
		margin-bottom: 8px;
	}

	.home-about .right {
		float: right;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.home-about .right a {
		display: block;
		overflow: hidden;
		height: 30vh;
	}

	.home-about .right img {
		display: block;
		width: 200%;
		height: 100%;
		object-fit: cover;
		max-width: initial;
		margin: 0 auto;
		position: relative;
		left: 50%;
		margin-left: -100%;
	}

	.home-about .right .playBtn {
		width: 30px;
		height: 30px;
	}

	.home-about .right .playBtn .icon {
		border-width: 5px 0 5px 9px;
	}

	.home-about .right .playBtn .circle {
		width: 60px;
		height: 60px;
	}

	.home-about .right .playBtn .circle::before {
		width: 60px;
		height: 60px;
	}

	.home-about .right .playBtn .circle::after {
		width: 60px;
		height: 60px;
	}

	.tanchuvideo {
		font-size: 14px;
	}

	.tanchuvideo .close {
		width: 28px;
		height: 28px;
		top: 10px;
		right: 10px;
		background-size: 12px;
	}

	.home-product {
		padding: 40px 0;
	}

	.home-product .home-bottom {
		padding-top: 25px;
	}

	.home-product .home-bottom .info {
		position: relative;
	}

	.home-product .home-bottom .info .mySwiper4 .item .box {
		box-shadow: 0rem 0rem 8px 0rem rgba(0, 0, 0, 0.1);
	}

	.home-product .home-bottom .info .swiper-button-prev,
	.home-product .home-bottom .info .swiper-button-next {
		left: 20px;
		margin-top: 0;
		top: 26.5625%;
		transform: none;
		z-index: 55;
	}

	.home-product .home-bottom .info .swiper-button-prev:after,
	.home-product .home-bottom .info .swiper-button-next:after {
		color: #3d3d3d;
		font-size: 30px;
	}

	.home-product .home-bottom .info .swiper-button-next {
		right: 20px;
		left: auto;
	}

	.home-case {
		padding: 40px 0;
		background-size: cover;
	}

	.home-case .left {
		width: 100%;
		padding-left: 0;
	}

	.home-case .right {
		display: none;
	}

	.swiper-case {
		margin-top: 25px;
		padding-bottom: 45px;
	}

	.swiper-case .pic {
		border-radius: 20px;
		display: block;
	}

	.swiper-case .pic img {
		width: 100%;
	}

	.swiper-case .text {
		padding-top: 20px;
	}

	.swiper-case .bt {
		font-size: 24px;
	}

	.swiper-case .span {
		font-size: 16px;
		line-height: 26px;
		margin-top: 13px;
		margin-bottom: 7px;
	}

	.swiper-case .p {
		font-size: 14px;
		line-height: 25px;
		height: 100px;
		margin-bottom: 15px;
	}

	.swiper-case .more1 p {
		font-size: 13px;
		line-height: 26px;
		border-bottom: 1px solid #fff;
	}

	.swiper-case .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		margin: 0 5px;
		border: solid 2px #ffffff;
	}

	.swiper-case .swiper-pagination .swiper-pagination-bullet-active {
		border: solid 2px var(--main-color);
	}

	.home-message {
		padding: 40px 0 80px 0;
	}

	.home-message .fbg {
		height: 154px;
		bottom: -1px;
	}

	.home-message .left {
		width: 100%;
		margin-left: 0;
	}

	.home-message .left img {
		display: block;
	}

	.home-message .right {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}

	.home-message .right .home-title {
		font-size: 24px;
		margin-bottom: 13px;
	}

	.home-message .right .p {
		font-size: 14px;
		line-height: 25px;
		margin-top: 6px;
		margin-bottom: 14px;
	}

	.home-message .right .list ul {
		margin: 0 -6px;
	}

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

	.home-message .right .list ul li .box span {
		top: 15px;
		left: 15px;
		font-size: 14px;
	}

	.home-message .right .list ul li input,
	.home-message .right .list ul li textarea {
		height: 48px;
		padding: 0 25px;
		font-size: 14px;
		border: solid 1px #000000;
		border-radius: 5px;
	}

	.home-message .right .list ul li textarea {
		height: 147px;
		padding: 10px 25px;
	}

	.home-message .right .list ul li .submit {
		width: 128px;
		line-height: 42px;
		font-size: 14px;
	}

	.footer-bottom {
		padding-top: 35px;
		padding-bottom: 109px;
	}

	.footer-bottom .footer-left {
		width: 100%;
		text-align: center;
	}

	.footer-bottom .footer-left .img img {
		width: 125px;
		margin: 0 auto;
	}

	.footer-bottom .footer-left .socialMedia span {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.footer-bottom .footer-left .socialMedia .list li {
		padding: 0 3px 0 0;
		width: auto !important;
	}

	.footer-bottom .footer-left .socialMedia .list .box {
		display: block;
		cursor: pointer;
		position: relative;
	}

	.footer-bottom .footer-left .socialMedia .list .icon {
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		opacity: 0.6;
		background-size: 40px !important;
	}

	.footer-bottom .footer-left .socialMedia .list .icon-1 {
		background: url(../images/sp1.png) no-repeat center center;
	}

	.footer-bottom .footer-left .socialMedia .list .icon-2 {
		background: url(../images/sp2.png) no-repeat center center;
	}

	.footer-bottom .footer-left .socialMedia .list .icon-3 {
		background: url(../images/sp3.png) no-repeat center center;
	}

	.footer-bottom .footer-left .socialMedia .list .icon-4 {
		background: url(../images/sp4.png) no-repeat center center;
	}

	.footer-bottom .footer-left .socialMedia .list .down {
		display: none;
		color: #666;
		font-size: 14px;
		align-items: center;
		width: 114px;
		cursor: initial;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -57px;
	}

	.footer-bottom .footer-left .socialMedia .list .down .txt {
		margin-right: 10px;
	}

	.footer-bottom .footer-left .socialMedia .list .down .ewm {
		width: 114px;
		background: url(../images/bg3.png) no-repeat top center;
		background-size: 100%;
		height: 122px;
		padding: 13px 5px;
		position: relative;
	}

	.footer-bottom .footer-left .socialMedia .list .down .ewm img {
		display: block;
	}

	.footer-bottom .footer-left .socialMedia .list .active .down {
		display: flex;
	}

	.footer-bottom .footer-list {
		display: none;
	}

	.footer-copyright {
		padding: 11px 0;
		font-size: 12px;
		line-height: 26px;
	}

	.footer-copyright span {
		margin: 0 5px;
	}

	.footer-copyright .fl {
		float: none;
	}

	.footer-copyright .fr {
		float: none;
	}

	.inbanner .img {
		display: none;
	}

	.inbanner .img1 {
		display: block;
	}

	.inbanner .banner-hover .bt {
		font-size: 30px;
		line-height: 70px;
	}

	.inbanner .banner-hover .bt p {
		font-size: 60px;
	}

	.inbanner .banner-hover .p {
		font-size: 14px;
	}

	.inbanner .banner-hover .search-main {
		width: 100%;
		border-radius: 30px;
		margin-top: 15px;
	}

	.inbanner .banner-hover .form-control {
		font-size: 14px;
		height: 46px;
		padding: 0 60px 0 30px;
	}

	.inbanner .banner-hover .btn {
		width: 62px;
		height: 46px;
		line-height: 46px;
		background-size: 20px !important;
	}

	.second-nav .inside-menu {
		display: none;
	}

	.second-nav .inside-current {
		max-width: 100%;
		font-size: 14px;
		line-height: 24px;
		margin: 12px 0;
		background: url(../images/home.png) no-repeat left 3px;
		background-size: 18px;
		padding-left: 30px;
		float: left;
	}

	.second-nav1 .inside-menu {
		max-width: 100%;
	}

	.content {
		min-height: 600px;
		padding: 40px 0;
	}

	.inmain-title {
		font-size: 24px;
	}

	.app .apimg {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.app .apimg img {
		display: block;
	}

	.app .list ul {
		margin: 0 -6px;
	}

	.app .list ul li {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.app .list ul li .box {
		padding: 9px;
		box-shadow: 0px 0px 21px 0px rgba(62, 63, 63, 0.15);
	}

	.app .list ul li .box .info {
		padding: 15px 10px;
		height: 100%;
	}

	.app .list ul li .box .info .pic {
		width: 50px;
	}

	.app .list ul li .box .info .bt {
		font-size: 18px;
		line-height: 34px;
		margin-top: 3px;
		margin-bottom: 11px;
	}

	.app .list ul li .box .info .p {
		font-size: 14px;
		line-height: 25px;
	}

	.app .list ul li .box .info .p img {
		margin: 5px 0;
	}

	.newslist2 {
		margin: 0 -6px;
	}

	.newslist2 .item {
		padding: 0 6px;
		margin-bottom: 20px;
		width: 50%;
	}

	.support ul li {
		width: 50%;
	}

	.support ul li .box {
		height: 400px;
	}

	.support ul li .box .text {
		padding: 21px;
	}

	.support ul li .box .text .bt {
		font-size: 24px;
		line-height: 49px;
	}

	.support ul li .box .text .more2 {
		width: 40px;
		height: 40px;
		bottom: 21px;
		left: 21px;
		background-size: 17px;
	}

	.support ul .active {
		width: 50%;
	}

	.support ul .active .box .text {
		padding: 21px;
	}

	.support ul .active .box .text .more2 {
		background: url(../images/more3.png) no-repeat center center;
		background-size: 17px;
	}

	.join02 {
		padding: 40px 0;
	}

	.join02 .left {
		width: 100%;
	}

	.join02 .right {
		width: 100%;
		padding-top: 28px;
	}

	.join02 .right .inmain-title {
		font-size: 21px;
		margin-bottom: 16px;
	}

	.join02 .right .p {
		font-size: 14px;
		line-height: 25px;
	}

	.join02 .right .p p {
		margin-bottom: 16px;
	}

	.join03 {
		padding: 0 !important;
		background-color: #f9f9f9;
	}

	.join03 .line1 {
		height: 1px;
		width: 1520px;
		margin: 0 auto;
		background-color: #dbdbdb;
	}

	.join03 .join01 {
		padding: 40px 0;
	}

	.join03 .join01 .box {
		font-size: 0;
	}

	.join03 .join01 .img {
		width: 100%;
	}

	.join03 .join01 .img img {
		width: 100%;
	}

	.join03 .join01 .text {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}

	.join03 .join01 .span {
		font-size: 20px;
	}

	.join03 .join01 .p {
		font-size: 26px;
		margin-top: 10px;
	}

	.join03 .join01 .p:after {
		width: 29px;
		height: 3px;
		margin-top: 11px;
		margin-bottom: 14px;
	}

	.join03 .join01 .jp {
		font-size: 20px;
		line-height: 32px;
		padding: 24px 0;
	}

	.join03 .join01 .jsh {
		font-size: 14px;
		line-height: 26px;
	}

	.join03 .join01 .jsh p {
		margin-bottom: 8px;
	}

	.join03 .join01 .jsearch {
		margin-top: 40px;
		padding-right: 152px;
		width: 100%;
	}

	.join03 .join01 .jsearch select {
		height: 47px;
		padding: 0 20px;
		font-size: 14px;
		border: 1px solid #c8c7c7;
	}

	.join03 .join01 .jsearch select::-ms-expand {
		display: none;
	}

	.join03 .join01 .jsearch select {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background: #ffffff url(../images/arrow1h.png) no-repeat 95% center;
		background-size: 12px;
		background: #fffff\9\0;
	}

	.join03 .join01 .jsearch .tijiao {
		width: 126px;
		line-height: 47px;
		font-size: 14px;
	}

	.home-contact {
		padding: 40px 0 80px 0;
	}

	.home-contact .fbg {
		bottom: -1px;
		height: 157px;
	}

	.home-contact .bt {
		font-size: 60px;
		padding-bottom: 18px;
		margin-bottom: 21px;
	}

	.home-contact .inmain-bottom {
		padding-left: 0;
		padding-top: 55px;
	}

	.home-contact .inmain-bottom a {
		width: 55px;
		height: 55px;
		background-size: 15px;
	}

	.home-contact .inmain-bottom .li {
		width: 100%;
		font-size: 14px;
		line-height: 30px;
		padding-left: 100px;
		padding-top: 26px;
	}

	.home-contact .inmain-bottom .li p {
		margin-bottom: 10px;
	}

	.home-contact .inmain-bottom .li span {
		font-size: 18px;
		line-height: 30px;
		top: 26px;
		left: 0;
	}

	.join-show {
		padding: 40px 0;
	}

	.join-show .home-title {
		font-size: 21px;
	}

	.join-show .job2 {
		margin-top: 25px;
	}

	.join-show .job2 .span-01 {
		width: 100%;
		padding-left: 0;
	}

	.join-show .job2 .span-02 {
		width: 100%;
		text-align: left;
	}

	.join-show .job2 .span-03 {
		width: 100%;
		text-align: left;
	}

	.join-show .job2 .span-04 {
		width: 100%;
		text-align: left;
	}

	.join-show .job2 .title {
		display: none;
	}

	.join-show .job2 dl {
		margin-bottom: 11px;
		box-shadow: 0px 0px 20px 0px rgba(195, 221, 247, 0.4);
	}

	.join-show .job2 dt {
		padding: 20px;
		font-size: 16px;
		line-height: 30px;
	}

	.join-show .job2 dt b {
		display: inline-block;
		vertical-align: top;
	}

	.join-show .job2 dd {
		font-size: 14px;
		line-height: 25px;
	}

	.join-show .job2 dd .nr {
		padding: 20px;
	}

	.join-show .job2 .p-01 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.join-show .job2 .send {
		padding-top: 19px;
	}

	.join-show .job2 .send a {
		padding: 0 10px;
		min-width: 208px;
		line-height: 48px;
		font-size: 14px;
		padding-left: 38px;
		border-radius: 30px;
		background: var(--main-color) url(../images/toudi.png) no-repeat 84% center;
		background-size: 20px;
	}

	.caselist li {
		margin-bottom: 31px;
		overflow: hidden;
	}

	.caselist li .box {
		display: block;
	}

	.caselist li .pic {
		width: 100%;
	}

	.caselist li .img {
		border-bottom: 1px solid #bdc6df;
		padding-bottom: 12px;
		margin-bottom: 19px;
	}

	.caselist li .img span {
		font-size: 30px;
		line-height: 40px;
	}

	.caselist li .img img {
		height: 40px;
	}

	.caselist li .text {
		width: 100%;
		padding: 20px 0;
	}

	.caselist li .text .bt {
		font-size: 24px;
	}

	.caselist li .text .span {
		font-size: 14px;
		line-height: 26px;
		margin-top: 19px;
	}

	.caselist li .text .p {
		font-size: 14px;
		line-height: 26px;
		margin-top: 8px;
		width: 100%;
		margin-bottom: 21px;
	}

	.caselist .li .text {
		padding: 20px 0;
	}

	.caselist2 {
		margin: 0 -6px;
	}

	.caselist2 li {
		padding: 0 6px;
		margin-bottom: 12px;
		width: 50%;
	}

	.caselist2 li .pic {
		border-radius: 6px;
	}

	.caselist2 li .text .bt {
		font-size: 14px;
		line-height: 25px;
		bottom: 20px;
		padding: 0 24px;
	}

	.contact {
		padding-top: 40px;
	}

	.contact01 .home-title {
		font-size: 22px;
	}

	.contact01 .text {
		padding-bottom: 25px;
	}

	.contact01 .text .p {
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}

	.contact02 {
		margin-bottom: 27px;
	}

	.contact02 .text {
		width: 100%;
		padding-top: 3px;
	}

	.contact02 .text .img {
		margin-bottom: 29px;
	}

	.contact02 .text .img img {
		width: 190px;
	}

	.contact02 .text .h3 {
		font-size: 20px;
		margin-bottom: 11px;
	}

	.contact02 .text .p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 26px;
	}

	.contact02 #allmap {
		width: 100%;
		margin-right: 0;
	}

	.contact04 {
		padding-bottom: 0;
	}

	.contactlist {
		margin: 0 -6px;
		margin-top: 22px;
	}

	.contactlist li {
		width: 50%;
		float: left;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.contactlist li .box {
		border-radius: 8px;
		padding: 20px;
	}

	.contactlist li .bt {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 8px;
	}

	.contactlist li .p p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 4px;
	}

	.home-title1 {
		font-size: 22px;
	}

	.zhengce .zhengce-bottom {
		padding: 25px 0 0 0;
	}

	.zhengce .zhengce-bottom .zhengce-info {
		font-size: 14px;
		line-height: 25px;
		padding-top: 20px;
	}

	.zhengce .zhengce-bottom .zhengce-info .h1 {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.zhengce .zhengce-bottom .zhengce-info p {
		margin-bottom: 7px;
	}

	.se-nav {
		padding-top: 14px;
	}

	.se-nav ul li {
		padding: 0 4px;
		margin-bottom: 8px;
	}

	.se-nav ul li a {
		font-size: 14px;
		line-height: 34px;
		padding: 0 18px;
	}

	.dianhua .dianhua-bottom {
		padding: 25px 0 0 0;
	}

	.dianhua .dianhua-bottom .dianhua-info {
		font-size: 14px;
		line-height: 25px;
		padding-top: 20px;
	}

	.dianhua .dianhua-bottom .dianhua-info .h1 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.dianhua .dianhua-bottom .table {
		font-size: 14px;
		line-height: 25px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.dianhua .dianhua-bottom .table td {
		padding: 5px 15px;
		border: solid 1px #d9d9d9;
	}

	.dianhua .dianhua-bottom .contact04 {
		padding-bottom: 0;
		padding-top: 20px;
	}

	.baoxian .baoxian-bottom {
		padding: 25px 0 0 0;
	}

	.baoxian .baoxian-bottom .baoxian-info {
		font-size: 14px;
		line-height: 25px;
		padding-top: 20px;
	}

	.baoxian .baoxian-bottom .baoxian-info .h1 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.baoxian .baoxian-bottom .baoxian-info p {
		margin-bottom: 5px;
	}

	.baoxian .baoxian-bottom .table {
		font-size: 18px;
		line-height: 30px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.baoxian .baoxian-bottom .table td {
		padding: 5px 15px;
		border: solid 1px #d9d9d9;
	}

	.baoxian .baoxian-bottom .contact04 {
		padding-bottom: 0;
		padding-top: 20px;
	}

	.product {
		padding: 40px 0 0 0;
		overflow: hidden;
	}

	.product .item0 {
		margin-bottom: 20px;
	}

	.product .item0 .item-title {
		font-size: 24px;
		line-height: 32px;
	}

	.product .item0 .info {
		margin: 0 -18px;
		overflow: hidden;
	}

	.product .swiper-button-prev,
	.product .swiper-button-next {
		left: 20px;
		top: 26.5625%;
		transform: none;
	}

	.product .swiper-button-prev:after,
	.product .swiper-button-next:after {
		font-size: 30px;
	}

	.product .swiper-button-next {
		right: 20px;
		left: auto;
	}

	.mySwiper4 {
		padding: 0 18px;
	}

	.mySwiper4 .item {
		padding: 18px 0;
	}

	.mySwiper4 .item .pic .hover {
		width: 41px;
		height: 41px;
	}

	.mySwiper4 .item .text {
		padding: 22px;
	}

	.mySwiper4 .item .bt {
		font-size: 16px;
		line-height: 30px;
	}

	.mySwiper4 .item .p {
		font-size: 14px;
		line-height: 25px;
		height: 50px;
	}

	.mySwiper4 .item .more5 p {
		width: 30px;
		height: 22px;
	}

	.news-show {
		padding-bottom: 0 !important;
		padding-top: 0;
	}

	.news-top {
		padding: 40px 0;
	}

	.news-top .neleft {
		width: 100%;
	}

	.news-top .neright {
		width: 100%;
		padding-top: 28px;
		position: relative;
		top: auto;
	}

	.news-top .neright .ne-title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.news-top .neright .newslist2 .item {
		margin-bottom: 28px;
	}

	.news-top .neright .newslist .item .text {
		padding-top: 8px;
		padding-left: 0;
		min-height: 0;
	}

	.news-top .neright .newslist .item .bt {
		font-size: 16px;
	}

	.news-top .neright .newslist .item .span {
		font-size: 12px;
		line-height: 22px;
	}

	.news-top .neright .newslist .item .span span {
		width: 65px;
		line-height: 22px;
		margin-right: 5px;
		background-color: #6a6d69;
		color: #fff;
		text-align: center;
		border-radius: 4px;
		display: inline-block;
		vertical-align: top;
	}

	.h1 {
		font-size: 24px;
	}

	.h2 {
		font-size: 14px;
		line-height: 26px;
		margin-top: 17px;
		padding: 8px 0;
	}

	.h2 span {
		margin-right: 24px;
	}

	.news-info {
		font-size: 14px;
		line-height: 25px;
		padding: 25px 0;
	}

	.news-info p {
		margin-bottom: 11px;
	}

	.lable {
		font-size: 14px;
		padding-bottom: 29px;
		line-height: 30px;
	}

	.lable span {
		font-size: 16px;
		padding-right: 17px;
	}

	.lable a {
		line-height: 30px;
		padding: 0 5px;
		margin-bottom: 5px;
		margin-right: 10px;
	}

	.list-page-news {
		margin-bottom: 17px;
	}

	.list-page-news ul li a {
		line-height: 28px;
		font-size: 14px;
		padding: 11px 0;
		padding-left: 100px;
	}

	.list-page-news ul li a span {
		line-height: 28px;
		top: 11px;
		width: 65px;
		background-size: 9px;
	}

	.list-page-news ul li:nth-child(2) a span {
		background-size: 9px;
	}

	.return a {
		font-size: 16px;
		width: 150px;
		line-height: 46px;
	}

	.case-show {
		overflow: hidden;
	}

	.case-show .h2 span {
		margin: 0 10px;
	}

	.case-show .news-top {
		padding: 40px 0;
	}

	.related-pro {
		padding-bottom: 30px;
	}

	.related-pro .pinfo {
		margin: 0 -18px;
	}

	.related-pro .pinfo .mySwiper4 {
		padding: 0 18px;
	}

	.related-pro .pinfo .mySwiper4 .item {
		padding: 18px 0;
	}

	.related-pro .pinfo .mySwiper4 .item .pic .hover {
		width: 41px;
		height: 41px;
	}

	.related-pro .pinfo .mySwiper4 .item .text {
		padding: 22px;
	}

	.related-pro .pinfo .mySwiper4 .item .bt {
		font-size: 16px;
		line-height: 30px;
	}

	.related-pro .pinfo .mySwiper4 .item .p {
		font-size: 14px;
		line-height: 25px;
		height: 50px;
	}

	.related-pro .pinfo .mySwiper4 .item .more5 p {
		width: 30px;
		height: 22px;
	}

	.related-pro .pinfo .my-button-disabled {
		display: none;
	}

	.related-pro .pinfo .swiper-button-prev,
	.related-pro .pinfo .swiper-button-next {
		left: 30px;
		top: 26.5625%;
		transform: none;
	}

	.related-pro .pinfo .swiper-button-prev:after,
	.related-pro .pinfo .swiper-button-next:after {
		font-size: 30px;
	}

	.related-pro .pinfo .swiper-button-next {
		right: 30px;
		left: auto;
	}

	.related-case {
		padding-bottom: 30px;
	}

	.related-case .pinfo1 {
		margin: 0 -18px;
		margin-top: 18px;
	}

	.related-case .pinfo1 .my-button-disabled {
		display: none;
	}

	.related-case .pinfo1 .swiper-button-prev,
	.related-case .pinfo1 .swiper-button-next {
		left: 30px;
	}

	.related-case .pinfo1 .swiper-button-prev:after,
	.related-case .pinfo1 .swiper-button-next:after {
		font-size: 30px;
		color: #fff;
	}

	.related-case .pinfo1 .swiper-button-next {
		right: 30px;
		left: auto;
	}

	.related-case .mySwiper5 {
		padding: 0 18px;
	}

	.product01 {
		min-height: 0;
	}

	.product01 .second-nav .inside-current {
		background: url(../images/home1.png) no-repeat left 3px;
		background-size: 18px;
	}

	.product-top {
		padding: 40px 0;
	}

	.product-top .left {
		width: 100%;
	}

	.product-top .right {
		width: 100%;
		padding-top: 20px;
	}

	.product-top .right .span {
		font-size: 14px;
		min-width: 142px;
		line-height: 35px;
		padding: 0 20px;
		border-radius: 8px;
	}

	.product-top .right .bt {
		font-size: 26px;
		margin-bottom: 19px;
		margin-top: 13px;
	}

	.product-top .right .p {
		font-size: 14px;
		line-height: 25px;
		min-height: 0;
	}

	.product-top .right .p p {
		margin-bottom: 8px;
	}

	.product-top .right .btn {
		padding-top: 14px;
	}

	.product-top .right .btn a {
		margin-right: 14px;
		font-size: 14px;
		line-height: 38px;
		padding-left: 50px;
		margin-bottom: 10px;
		padding-right: 28px;
	}

	.product-top .right .btn .b01 {
		background: var(--main-color) url(../images/xz.png) no-repeat 21px center;
		background-size: 18px;
	}

	.product-top .right .btn .b02 {
		background: #ffffff url(../images/sh.png) no-repeat 20px center;
		background-size: 19px;
	}

	.product-top .right .btn .b04 {
		background: #ffffff url(../images/video.png) no-repeat 20px center;
		background-size: 19px;
	}

	.product-top .right .btn .b03 {
		background: #ffffff url(../images/zx.png) no-repeat 20px center;
		background-size: 21px;
	}

	.product-info {
		padding: 40px 0 0 0;
	}

	.product-info .news-info {
		padding: 0;
		padding-bottom: 56px;
		overflow: hidden;
	}

	.product-info .news-info .hh1 {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.product-info .news-info p {
		margin-bottom: 0;
	}

	.product-info .pro-list {
		padding-bottom: 20px;
	}

	.product-info .pro-list ul {
		margin: 0 -6px;
	}

	.product-info .pro-list ul li {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.product-info .pro-list ul li .box {
		padding: 24px 20px;
	}

	.product-info .pro-list ul li .bt {
		font-size: 18px;
		letter-spacing: -1px;
		margin-top: 14px;
		margin-bottom: 17px;
	}

	.product-info .pro-list ul li .p {
		font-size: 14px;
		line-height: 25px;
	}

	.product-info .pro-list ul li .pic {
		width: 50px;
	}

	.product-info .return {
		float: right;
	}

	.product-info .related-pro {
		margin-top: 40px;
		overflow: hidden;
	}

	.product-info .related-pro .home-title1 {
		margin-bottom: 0;
	}

	.bg {
		padding-top: 0;
	}

	.bg video {
		height: 110vh;
		object-fit: cover;
		position: absolute;
		top: -10vh;
		left: 0;
	}

	.section {
		height: auto;
	}

	.home {
		position: relative;
		top: auto;
		left: auto;
		padding: 40px 0;
		transform: none;
	}

	.vr {
		margin-top: 60px;
	}

	.vr iframe {
		height: calc(50vh - 60px);
		display: block;
	}

	.second-nav2 {
		position: relative;
		bottom: auto;
		left: auto;
	}

	.second-nav2 .inside-current {
		max-width: 100%;
	}

	.about01 {
		background: none;
		padding-top: 0;
		height: auto;
		background: url(../images/bg1.jpg) no-repeat center center;
		background-size: cover;
	}

	.about01:before {
		width: 255px;
		height: 809px;
		background: url(../images/bg10.png) no-repeat center center;
		background-size: cover;
		top: 0;
	}

	.about01 .right a img {
		height: 100vh;
	}

	.about01 .left {
		padding: 40px 0;
		width: 100%;
	}

	.about01 .left .p {
		top: -40px;
	}

	.about01 .left .pp p {
		margin-bottom: 11px;
	}

	.about01 .right {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.about01 .youshi {
		padding-top: 18px;
	}

	.about02 .se-nav {
		padding-top: 8px;
	}

	.about02 .show {
		padding-top: 25px;
	}

	.about02 .show .info {
		display: none;
	}

	.culturelist {
		margin: 0 -8px;
	}

	.culturelist li {
		width: 24%;
		padding: 0 8px;
		display: none;
	}

	.culturelist .box {
		height: 500px;
		border-radius: 10px;
	}

	.culturelist .bt {
		font-size: 18px;
		line-height: 32px;
	}

	.culturelist .p {
		font-size: 14px;
		line-height: 26px;
		padding-top: 17px;
		height: auto;
	}

	.culturelist .p .h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.culturelist .text {
		bottom: 0;
		position: absolute;
		left: 0;
		width: 100%;
		padding: 0 18px;
		padding-bottom: 18px;
	}

	.culturelist .active {
		width: 100%;
		display: block;
	}

	.culturelist .active .bt {
		font-size: 24px;
		line-height: 36px;
		text-align: left;
	}

	.culturelist .active .p {
		height: auto;
	}

	#certify1 {
		position: relative;
		margin: 0;
		overflow: hidden;
	}

	#certify1 .swiper {
		position: relative;
		left: auto;
		width: 100%;
		margin-left: 0;
	}

	#certify1 .swiper-button-prev,
	#certify1 .swiper-button-next {
		width: 34px;
		height: 34px;
		background: #5c5d5e;
		border: solid 1px #f7fafd;
		margin-top: -17px;
		z-index: 33;
		left: 10px;
	}

	#certify1 .swiper-button-prev:after,
	#certify1 .swiper-button-next:after {
		font-size: 16px;
		color: #fff;
	}

	#certify1 .swiper-button-next {
		right: 10px;
		left: auto;
	}

	#certify1 .swiper-slide .pic img {
		width: 100%;
	}

	#certify1 .swiper-slide .pic:after {
		padding-bottom: 56.33100698%;
	}

	#certify1 .swiper-slide .bt {
		text-align: center;
		font-size: 20px;
		margin-top: 10px;
		color: #2d3132;
		display: none;
	}

	#certify1 .swiper-slide-active .bt {
		display: block;
	}

	#certify1 .swiper-slide-active .pic:before {
		background: rgba(0, 0, 0, 0);
	}

	#certify1 .swiper-slide img {
		display: block;
	}

	.about03 {
		background: url(../images/bg11.jpg) no-repeat top center;
		background-size: cover;
	}

	.about03 .phone {
		position: relative;
	}

	.about03 .phone .swiper-button-prev,
	.about03 .phone .swiper-button-next {
		left: 10px;
		margin-top: 0;
		transform: translateY(-50%);
		z-index: 55;
	}

	.about03 .phone .swiper-button-prev:after,
	.about03 .phone .swiper-button-next:after {
		color: #fff;
		font-size: 30px;
	}

	.about03 .phone .swiper-button-next {
		right: 10px;
		left: auto;
	}

	.swiper-conTabs {
		margin-top: 25px;
		background: rgba(255, 255, 255, 0.2);
		position: relative;
		overflow: hidden;
	}

	.swiper-conTabs .swiper-slide {
		padding: 30px 50px;
	}

	.swiper-conTabs .year {
		font-size: 40px;
		font-weight: 700;
		line-height: 1;
		color: var(--sub-color);
		margin-bottom: 10px;
	}

	.swiper-conTabs .info {
		font-size: 16px;
		line-height: 2;
	}

	.about04 .home-p {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
	}

	.about04 .about-bottom {
		padding-top: 20px;
	}

	.about04 .about-bottom .img {
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 auto;
		transform: scale(1);
		margin-top: 0;
		margin-left: 0;
		left: auto;
	}

	.about04 .about-bottom .img .hide {
		display: block;
	}

	.about04 .about-bottom .img img {
		position: relative;
		top: auto;
		left: auto;
		display: none;
	}

	.about04 .about-bottom .img .globalMap {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 66;
		display: none;
	}

	.about04 .about-bottom .img .area {
		display: none;
	}

	.about04 .about-bottom svg {
		display: none;
	}

	.about05 {
		background: url(../images/bg12.jpg) no-repeat top center;
		background-size: cover;
		padding-bottom: 60px;
	}

	.about05:before {
		content: '';
		display: block;
		width: 100%;
		max-width: 1920px;
		height: 52px;
		background: url(../images/honor-zt-bg.png) no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.about05 .titleBig .title {
		font-size: 24px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		color: #2d3132;
	}

	.about05 .titleBig .title::before,
	.about05 .titleBig .title::after {
		content: '';
		display: inline-block;
		width: 18px;
		height: 48px;
	}

	.about05 .titleBig .title::before {
		background: url(../images/maisui-1.png) no-repeat left center;
		background-size: cover;
		margin-right: 10px;
	}

	.about05 .titleBig .title::after {
		background: url(../images/maisui-2.png) no-repeat right center;
		background-size: cover;
		margin-left: 10px;
	}

	.about05 .titleBig .info {
		text-align: center;
		font-size: 16px;
		line-height: 36px;
		margin-top: 10px;
		color: #666666;
	}

	.about05 .nr {
		padding: 0 30px 0 30px;
		margin-top: 25px;
	}

	.about05 .swiper-wrapper {
		align-items: flex-end;
	}

	.about05 .swiper-slide {
		cursor: pointer;
		padding-bottom: 20px;
	}

	.about05 .swiper-slide .box {
		transform: scale(1);
		transition: 0.5s;
		transform-origin: center bottom;
		-webkit-box-reflect: below 0 linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 5%);
	}

	.about05 .swiper-slide .pic {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 28px;
	}

	.about05 .swiper-slide .pic:after {
		padding-bottom: 71%;
	}

	.about05 .swiper-slide .pic img {
		margin: auto;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.about05 .swiper-slide img {
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		margin: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		transition: all 0.5s;
	}

	.about05 .swiper-slide .title {
		text-align: center;
		color: #555555;
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		display: none;
	}

	.about05 .swiper-slide-active {
		text-align: center;
	}

	.about05 .swiper-slide-active .box {
		transform: scale(1);
	}

	.about05 .swiper-slide-active .title {
		display: block;
		display: -webkit-box;
	}

	.about05 .swiper-prev,
	.about05 .swiper-next {
		background: none;
		width: auto;
		height: auto;
		cursor: pointer;
		position: absolute;
		z-index: 999;
		top: 25%;
	}

	.about05 .swiper-prev .icon,
	.about05 .swiper-next .icon {
		display: block;
		width: 48px;
		height: 48px;
	}

	.about05 .swiper-prev .icon svg,
	.about05 .swiper-next .icon svg {
		fill: #b6b6b6;
		width: 30px;
		height: 30px;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.about05 .swiper-prev .txt,
	.about05 .swiper-next .txt {
		font-size: 0;
		line-height: 30px;
	}

	.about05 .swiper-prev .title-2,
	.about05 .swiper-next .title-2 {
		margin-bottom: 20px;
	}

	.about05 .swiper-prev {
		left: 0px;
		text-align: right;
	}

	.about05 .swiper-prev .icon {
		float: right;
	}

	.about05 .swiper-next {
		text-align: left;
		right: 0px;
	}

	.about05 .swiper-next .icon {
		float: left;
	}

	.about05 .swiper-next .txt {
		padding-left: 0;
	}

	.about05 .swiper-button-disabled {
		cursor: initial;
	}

	.join03 .line1 {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.support ul li .box {
		height: 240px;
	}

	.support ul li .box .text .bt {
		font-size: 20px;
	}
}


.faq {
	overflow: hidden;
	padding: 50px 0
}

.faq dl {
	overflow: hidden;
	padding: 38rem 0;
}

.faq .item-title {
	font-size: 24rem;
	font-weight: bold;
	line-height: 32rem;
	color: #333333;
}

.faq dl dt {
	display: block;
	position: relative
}

.faq dl dt .name {
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 66px;
	display: block;
	float: left;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	padding-left: 47px;
	color: #333;
	padding-right: 58px;
	background: url("../images/dot2.png") no-repeat 30px center
}

.faq dl dt .jiantou {
	overflow: hidden;
	height: 66px;
	background: url("../images/jright.png") no-repeat center center;
	width: 58px;
	float: right;
	position: absolute;
	top: 0;
	right: 0
}

.faq dl .list_dt {
	border-bottom: 1px solid #e3e6ec;
	height: 66px;
	line-height: 65px;
	transition: width 2s;
	color: #fff;
	cursor: pointer;
	position: relative
}

.faq dl .list_dt:hover {
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	background: #194189
}

.faq dl .list_dt:hover .name {
	color: #fff;
	background: url("../images/dot2h.png") no-repeat 30px center
}

.faq dl .list_dt:hover .jiantou {
	background: url("../images/jrighth.png") no-repeat center center
}

.faq dl .list_dt .subnav {
	display: block
}

.faq dl #open {
	border-bottom: 0;
	background: #195a9b
}

.faq dl #open .name {
	color: #fff;
	background: url("../images/dot2h.png") no-repeat 30px center
}

.faq dl #open .jiantou {
	background: url("../images/jtop.png") no-repeat center center
}

.faq .list_dd {
	display: none
}

.faq .jobsub {
	border-top: 0;
	line-height: 30px;
	padding: 30px;
	font-size: 18px;
	background: #fff;
	border-bottom: 1px solid #e3e6ec
}

.faq .jobsub p {
	line-height: 30px;
	color: #666
}

@media(max-width:1200px) {
	.faq .item-title {
		font-size: 24px;
		line-height: 32px;
	}

	.faq dl {
		padding: 18px 0;
	}

	.faq .jobsub {
		font-size: 14px;
		padding: 20px
	}

	.faq dl dt .name {
		font-size: 14px
	}

	.faq {
		padding: 30px 0
	}
}

.nav ul li .subnav5 .container {
    margin-right: auto;
    margin-left: auto;
    width: 1620rem;
}
.nav ul li .subnav5{
	background: #fff;
}
 
.nav ul li .subnav .hadpro .f_mobile {
	display: flex;
	margin-bottom: 20rem;
}

.nav ul li .subnav .hadpro .f_mobile:last-child {
	margin-bottom: 0;
}

.nav ul li .subnav .hadpro .f_mobile .f_img {
	width: 21.875%;
	position: relative;
	display: block;
	height:auto; 
	padding:0;
}

.nav ul li .subnav .hadpro .f_mobile .f_img .pic {
	display: block;
	width: 100%;
	position: relative; 
	overflow: hidden;
}
.nav ul li .subnav .hadpro .f_mobile .f_img .pic:after{
	padding-bottom:52%;
}
.nav ul li .subnav .hadpro .f_mobile .f_img .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.nav ul li .subnav .hadpro .f_mobile .f_img .pic:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.2;    z-index: 3;
}

.nav ul li .subnav .hadpro .f_mobile .f_img:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #cccccc;
	left:auto;
}
.nav ul li .subnav .hadpro .f_mobile .f_img:after{
	display: none;
}
.nav ul li .subnav .hadpro .f_mobile .f_img .fz_title {
	position: absolute;
	left: 0;
	top: 10rem;
	text-align: center;
	width: 100%;text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
	padding:0 10rem;
	color: #fff;
	line-height: 1.6;    z-index: 4;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut {
	width: 78.125%;
	padding-left: 55rem;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	line-height: 1;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item {
	width: 33.3333%;
	padding-right: 20rem;
	margin-bottom: 20rem;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_title {
	display: flex;
	justify-content: space-between;
	align-items: center; 
	font-size: 18rem;
	    padding: 0;
	     line-height: normal; 
	font-weight: normal;
	color: #333333;height: auto;
	border-bottom: 1px solid #e8e8e8;
}

 .nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_title span{
	 height:auto;    line-height: 58rem;
 }

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_title i {
	display: block;
	width: 8px;
	height:18px;
	background: url(../images/next-01.png) no-repeat center center;
	background-size: 100%;
	overflow: hidden;
}

 
 .nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_title:after{
	 display: none !important;
 }

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_title:hover {
	color: #004896;
}

 

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.4;
	padding-top: 20rem;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong a {
	display: flex;
	align-items: center;
	width: 50%;
	color: #666666;
	font-size: 14px;
	text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
	padding-right: 10px;
	font-weight: normal;
	padding-left:10rem;
	margin-bottom: 8rem; 
	height: 20px;
	display: block;
	line-height: 20px;
}

 .nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong a:after{
	 display: none !important;
 }

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong a:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong a:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-2px;
}

.nav ul li .subnav .hadpro .f_mobile .fz_jut .item .fz_zhong a:hover {
	color: #004896;
}

 #xiazai {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400rem;
	z-index: 4444;
	transform: translate(-50%, -50%);
	background: #fff;
	display: none;
	padding: 60rem;
	box-shadow: 0rem 8rem 28rem 0rem rgba(78, 85, 156, 0.15);
}

#xiazai .close {
	position: absolute;
	width: 30rem;
	height: 30rem;
	top: 30rem;
	right: 30rem;
	text-align: center;
	line-height: 30rem;
	font-size: 42rem;
	color: #333;
	cursor: pointer;
	z-index: 39;
}

#xiazai .home-title2 span {
	font-size: 30rem;
    font-weight: bold;
    color: #2e2927;
	display:block;
    width: 100%;
}

#xiazai .home-title2 font {
    margin-top: 20rem;
    display: block;
}

#xiazai .bt1 {
	font-size: 32rem;
	font-weight: bold;
	letter-spacing: 9rem;
	text-align: center;
	margin-bottom: 24rem;
	color: #2e2927;
}

#xiazai .span {
	font-size: 20rem;
	letter-spacing: 2rem;
	text-align: center;
	color: rgba(254, 254, 254, 0.4);
}

#xiazai .list {
	padding-top: 30rem;
}

#xiazai .list ul {
	margin: 0 -12rem;
}

#xiazai .list ul li {
	float: left;
	padding: 0 12rem;
	width: 100%;
	margin-bottom: 25rem;
}

#xiazai .list ul li span {
	font-size: 15rem;
	letter-spacing: 2rem;
	margin-bottom: 10rem;
	color: #333;
	display: block;
}

#xiazai .list ul li span font {
	color: var(--main-color);
}

#xiazai .list ul li input {
	border: 0;
	padding: 0 20rem;
	width: 100%;
	height: 45rem;
	background: none;
	border: 1px solid #d1d1d1;
	border-radius: 4rem;
}

a.submit {
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 16rem;
    line-height: 46rem;
    width: 181rem;
    background: var(--main-color);
    border-radius: 23rem;
    text-align: center;
}

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

@media(max-width:1200px) {
	 #xiazai {
		width: 300px;
		z-index: 4444;
		padding: 30px;
		box-shadow: 0rem 8rem 28rem 0rem rgba(78, 85, 156, 0.15);
	}

	#xiazai .close {
		width: 20px;
		height: 20px;
		top: 20px;
		right: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	#xiazai .home-title2 span {
		font-size: 20px;
	}

	#xiazai .home-title2 font {
		margin-top: 20px;
		display: block;
	}

	#xiazai .bt1 {
		font-size: 32px;
		letter-spacing: 5px;
		margin-bottom: 24px;
	}

	#xiazai .span {
		font-size: 20px;
		letter-spacing: 2px;
	}

	#xiazai .list {
		padding-top: 30px;
	}

	#xiazai .list ul {
		margin: 0 -12px;
	}

	#xiazai .list ul li {
		padding: 0 12px;
		margin-bottom: 25px;
	}

	#xiazai .list ul li span {
		font-size: 14px;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	#xiazai .list ul li span font {
		color: var(--main-color);
	}

	#xiazai .list ul li input {
		padding: 0 20px;
		height: 45px;
		border-radius: 5px;
	}

	a.submit {
		font-size: 16px;
		line-height: 46px;
		width: 180px;
		border-radius: 23px;
	}
}

.product .mySwiper4 .swiper-wrapper{
	flex-wrap: wrap;
}
.product .mySwiper4 .item{
	width: 33.3333%;
	padding: 38rem 15rem;
}