@charset "utf-8";

:root {
	--main-color: #d60c18;
	--Ubuntu-Bold: Ubuntu-Bold;
	--Ubuntu-Light: Ubuntu-Light;
	--Ubuntu-Medium: Ubuntu-Medium;
	--Ubuntu-Regular: Ubuntu-Regular;
}

*,
*: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: var(--Ubuntu-Regular);
	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: var(--Ubuntu-Regular);
}

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;
}

.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;
}

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

@font-face {
	font-family: Ubuntu-Light;
	src: url('../font/Ubuntu-Light.woff2') format('woff2'), url('../font/Ubuntu-Light.woff') format('woff'), url('../font/Ubuntu-Light.ttf') format('truetype'), url('../font/Ubuntu-Light.eot') format('embedded-opentype'), url('../font/Ubuntu-Light.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;
}

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

@font-face {
	font-family: Montserrat-Medium;
	src: url(../font/Montserrat-Medium.otf);
}

.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-family: var(--Ubuntu-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: 19rem;
	color: #333;
	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 .hover {
	padding: 10rem 20rem;
}

.sitemap li .subnav .hover a {
	color: #333;
}

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

.sitemap li .subnav .dot a {
	font-size: 16rem;
	color: #666;
}

.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: 1575rem;
}

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

.height1 {
	height: 144rem;
}

.top {
	padding: 8rem 0;
	background-color: #f5f5f5;
	position: relative;
	z-index: 2;
}

.top .share {
	margin-left: -96rem;
}

.top .share a {
	width: 28rem;
	height: 28rem;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20rem;
}

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

.top .share .s1 {
	background: #2e2e2e url(../images/s1.png) no-repeat center center;
	background-size: 100%;
}

.top .share .s2 {
	background: #2e2e2e url(../images/s2.png) no-repeat center center;
	background-size: 100%;
}

.top .share .s3 {
	background: #2e2e2e url(../images/s3.png) no-repeat center center;
	background-size: 100%;
}

.top .share .s4 {
	background: #2e2e2e url(../images/s4.png) no-repeat center center;
	background-size: 100%;
}

.top .share .s5 {
	background: #2e2e2e url(../images/s5.png) no-repeat center center;
	background-size: 100%;
}

.top .tc {
	float: right;
}

.top .tc a {
	height: 28rem;
	background: url(../images/tc.png) no-repeat center left;
	background-size: 15rem;
	display: block;
	position: relative;
	font-size: 18rem;
	line-height: 28rem;
	padding-left: 24rem;
	color: #000000;
}

.top .lan {
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-right: -99rem;
	padding-left: 35rem;
	background: url(../images/world.gif) no-repeat center left;
	background-size: 25rem;
	margin-left: 32rem;
}

.top .lan span {
	display: block;
	width: 50rem;
	height: 28rem;
	line-height: 28rem;
	background: #e3e3e3 url(../images/arrow.png) no-repeat 85% center;
	background-size: 7rem;
	transition: 0.7s;
	padding-left: 6rem;
	font-size: 18rem;
	color: #555555;
}

.top .lan ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 130rem;
	background: #fff;
	padding: 20rem;
	color: #fff;
	display: none;
	z-index: 5544;
	box-shadow: 0rem 14rem 21rem 0rem rgba(84, 84, 84, 0.18);
}

.top .lan ul li a {
	display: block;
	color: #333;
	text-align: center;
	font-size: 16rem;
	line-height: 36rem;
}

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

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

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

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

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

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

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

.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 .anniu {
	float: right;
	margin-top: 25rem;
}

.header .header-right .anniu a {
	font-size: 20rem;
	line-height: 50rem;
	color: #ffffff;
	display: block;
	width: 199rem;
	text-align: center;
	background: var(--main-color);
	border-radius: 8rem;
}

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

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

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

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

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

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

.nav {
	transition: 0.2s;
	float: right;
	position: relative;
	margin-right: 40rem;
}

.nav ul {
	z-index: 1;
}

.nav ul li {
	float: left;
	margin-left: 30rem;
	position: relative;
}

.nav ul li a {
	display: block;
	font-size: 22rem;
	color: #1f2224;
	height: 100rem;
	line-height: 100rem;
	transition: 0.7s;
	position: relative;
	cursor: pointer;
}

.nav ul li a>span {
	display: inline-block;
	overflow: hidden;
	height: 100rem;
	line-height: 100rem;
	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 i {
	height: 80rem;
	width: 10rem;
	background: url(../images/jt1.png) no-repeat center center;
	background-size: 9rem;
	margin-left: 8rem;
	display: inline-block;
	vertical-align: top;
}

.nav ul li .subnav {
	width: 400rem;
	background: #f7f7f7;
	box-shadow: -11rem 12rem 29rem 0rem rgba(0, 0, 0, 0.3);
	border-radius: 16rem;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -200rem;
	padding: 52rem 0;
	display: none;
	z-index: 333;
}

.nav ul li .subnav .title {
	font-size: 32rem;
	padding: 0 31rem;
	color: #222222;
}

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

.nav ul li .subnav ul li {
	margin: 0;
	width: 100%;
	padding: 0 31rem;
	position: static;
}

.nav ul li .subnav ul li a {
	font-size: 20rem;
	line-height: 56rem;
	height: 56rem;
	border-radius: 28rem;
	color: #333 !important;
	margin: 0;
	padding: 0 24rem;
	text-decoration: none;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

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

.nav ul li .subnav ul li .hover {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 333333;
	height: 100%;
	width: 600rem;
	padding-left: 16rem;
	overflow: hidden;
	display: none;
}

.nav ul li .subnav ul li .hover .bt {
	font-size: 32rem;
	color: #222222;
}

.nav ul li .subnav ul li .hover .nr {
	height: 100%;
	overflow: auto;
	background-color: #f7f7f7;
	border-radius: 16rem;
	background: #f7f7f7;
	padding: 52rem 60rem;
	box-shadow: -11rem 12rem 19rem 0rem rgba(0, 0, 0, 0.3);
}

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

.nav ul li .subnav ul li .hover ul li a {
	padding: 0;
	color: #222 !important;
}

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

	.nav ul li .subnav ul li .hover ul li:hover ul {
		display: block;
	}
}

.nav ul li .subnav ul li .hover ul li ul {
	display: none;
	padding: 10rem 0;
}

.nav ul li .subnav ul li .hover ul li ul li a {
	color: #888888 !important;
	padding: 0 24rem;
}

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

@media (min-width: 1025px) {
	.nav ul li .subnav ul li:hover>a {
		background-color: #ebebeb;
	}

	.nav ul li .subnav ul li:hover .hover {
		display: block;
	}
}

.nav ul li:hover a span {
	text-decoration: underline;
	color: var(--main-color);
}

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

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

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

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

.nav ul .active a>span {
	text-decoration: underline;
	color: var(--main-color);
}

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

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

.headerfix {
	top: -44rem;
	box-shadow: -11rem 12rem 29rem 0rem rgba(0, 0, 0, 0.3);
}

.headerfix .header {
	height: 80rem;
}

.headerfix .header .logo {
	padding-top: 18rem;
}

.headerfix .nav ul li a {
	height: 80rem;
	line-height: 80rem;
}

.headerfix .nav ul li a>span {
	height: 80rem;
	line-height: 80rem;
}

.headerfix .header .header-right .anniu {
	margin-top: 15rem;
}

.headerfix .header .header-right .header-search .pull-right a {
	height: 80rem;
}

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

.bannerindex {
	height: 100vh;
}

#privacyPopup {
	z-index: 10000;
	position: fixed;
	width: auto;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

#privacyPopup video {
	display: block;
	max-width: 100%;
	max-height: 100vh;
}

#privacyPopup .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 42px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
}

@media (max-width: 768px) {
	#privacyPopup {
		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 .lan {
	text-align: center;
	margin-bottom: 10px;
}

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

#menu .lan .active {
	color: var(--main-color);
}

#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/search.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;
	font-family: var(--Roboto-Bold);
	font-weight: normal;
}

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

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

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

#menu ul li {
	position: relative;
	padding-right: 48px;
	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: 18px;
	color: #333;
	display: block;
	line-height: 30px;
	padding: 10px 0;
	font-family: var(--Poppins-Bold);
	position: relative;
}

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

#menu ul li ul li a {
	font-size: 16px;
	color: #555;
	line-height: 24px;
	margin: 10px 0;
	font-family: var(--Poppins-Regular);
}

#menu ul li ul li ul li a {
	font-size: 14px;
}

#menu ul li ul li ul li ul li a {
	font-size: 14px;
	font-weight: normal;
}

#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;
}

.phone {
	display: none;
}

.center {
	text-align: center;
}

.home-span {
	font-size: 20rem;
	margin-bottom: 11rem;
	color: var(--main-color);
}

.home-title {
	font-family: var(--Ubuntu-Light);
	font-size: 50rem;
	color: #1c1c1c;
}

.home-title2 {
	font-size: 40rem;
	color: var(--main-color);
}

.home-title2:after {
	content: '';
	display: block;
	width: 82rem;
	height: 5rem;
	background-color: #d01026;
	margin: 11rem auto 0 auto;
}

.white {
	color: #ffffff;
}

#loader {
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	z-index: 2147483646;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	transition: opacity 750ms ease-in-out;
}

#loader>.loader-container {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
}

#loader>.loader-container:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	margin-bottom: -10px;
	background-color: var(--color-main-blu);
	animation: loader 1s infinite alternate;
	transform-origin: center center;
}

@keyframes loader {
	0% {
		transform: scale3d(0, 1, 1);
	}

	30% {
		transform: scale3d(1, 1, 1);
	}

	70% {
		transform: scale3d(1, 1, 1);
	}

	100% {
		transfrom: scale3d(1, 1, 1);
	}
}

#loader .loader-container img {
	height: 100%;
	width: 150px;
}

#loader.closed {
	opacity: 0;
}

#loader.hide {
	display: none;
}

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

.swiper-renewal-main img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-renewal-main .img img {
	height: 100vh;
}

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

.swiper-renewal-main .swiper-slide-active .title-area .main-tit {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.swiper-renewal-main .swiper-slide-active .title-area p.sub-tit {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

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

.swiper-renewal-main .title-area {
	color: #fff;
	position: absolute;
	top: 15%;
	left: 0;
	margin-top: 144rem;
	width: 100%;
}

.swiper-renewal-main .title-area .free {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 44;
}

.swiper-renewal-main .title-area .main-tit {
	font-size: 48rem;
	margin-bottom: 17rem;
	color: var(--main-color);
}

.swiper-renewal-main .title-area p.sub-tit {
	font-size: 20rem;
	line-height: 40rem;
	margin-bottom: 43rem;
	color: #c1c3c2;
	font-family: var(--Ubuntu-Light);
}

.swiper-renewal-main .title-area p.sub-tit a {
	padding: 0 20rem;
}

.swiper-renewal-main .title-area p.sub-tit a:nth-child(1) {
	padding-left: 0;
}

.swiper-renewal-main .title-area .arrow-container {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.swiper-renewal-main .title-area1 {
	top: 15%;
}

.swiper-renewal-main .title-area1 .main-tit {
	text-align: left;
	background: url(../images/line2.png) no-repeat bottom left;
	background-size: 203rem;
	padding-bottom: 49rem;
	margin: 0;
}

.swiper-renewal-main .title-area1 .main-tit img {
	width: 771rem;
	margin: 0;

}

.swiper-renewal-main .title-area1 p.sub-tit {
	font-size: 33rem;
	line-height: 74rem;
	padding: 0 34rem;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	font-family: var(--Ubuntu-Bold);
	background: url(../images/bg15.png) no-repeat center left;
	background-size: 918rem;

}

.swiper-renewal-main .title-area2 {
	top: 19%;
}

.swiper-renewal-main .title-area2 .main-tit {
	font-size: 57rem;
	font-family: var(--Ubuntu-Bold);
	line-height: 60rem;
	color: rgba(214, 21, 24, 1);
}

.swiper-renewal-main .title-area2 .main-tit:after {
	content: '';
	display: block;
	width: 64rem;
	height: 2rem;
	background-color: rgba(214, 21, 24, 1);
	margin-top: 37rem;
	margin-bottom: 28rem;
}


.swiper-renewal-main .title-area2 p.sub-tit {
	font-size: 26rem;
	color: rgba(255, 255, 255, 1);

}



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

.swiper-pagination2 ul {
	width: 100%;
	display: flex;
	list-style: none;
}

.swiper-pagination2 ul li {
	width: 30%;
	font-size: 18rem;
	line-height: 50rem;
	position: relative;
}

.swiper-pagination2 ul li:after {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	content: '';
	background: var(--main-color);
	left: 0;
	z-index: 5;
}

.swiper-pagination2 ul li:before {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: rgba(255, 255, 255, 0.2);
	left: 0;
	z-index: 3;
}

.swiper-pagination2 ul li span {
	padding-left: 12rem;
	display: inline-block;
	vertical-align: top;
}

.swiper-pagination2 ul li.active:after {
	-webkit-animation: swiperbanner 5s linear;
	animation: swiperbanner 5s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.swiper-pagination2 ul li.stopya:after {
	-webkit-animation: swiperbanner1 0s linear;
	animation: swiperbanner1 0s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.swiper-pagination2 ul li a {
	color: #fff;
	cursor: pointer;
	letter-spacing: 0;
}

.swiper-pagination2 a.slide_btn {
	display: inline-block;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 4vw;
	bottom: 0;
	cursor: pointer;
}

.swiper-pagination2 a.slide_btn.stop {
	background: url('../images/slide_stop.png') no-repeat;
}

.swiper-pagination2 a.slide_btn.play {
	background: url('../images/slide_play.png') no-repeat;
}

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

	to {
		width: 100%;
	}
}

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

	to {
		width: 100%;
	}
}

@-webkit-keyframes swiperbanner1 {
	0% {
		width: 100%;
	}

	to {
		width: 1%;
	}
}

@keyframes swiperbanner1 {
	0% {
		width: 100%;
	}

	to {
		width: 1%;
	}
}

.more a,
.more p {
	display: inline-block;
	vertical-align: top;
}

.more a span,
.more p span {
	min-width: 140rem;
	line-height: 40rem;
	padding: 0 20rem;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	border: solid 1rem var(--main-color);
	color: var(--main-color);
	transition: 0.5s;
}

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

.more1 a,
.more1 p {
	width: 46rem;
	height: 46rem;
	border-radius: 6rem;
	border: solid 2px var(--main-color);
	background: url(../images/more1.png) no-repeat center center;
	background-size: 14rem;
	display: block;
	transition: 0.5s;
}

@media (min-width: 1025px) {
	.more1 a:hover {
		background: var(--main-color) url(../images/more1h.png) no-repeat center center;
		background-size: 14rem;
	}
}

.more4 a,
.more4 p {
	border: solid 2px #fff;
	background: url(../images/more1h.png) no-repeat center center;
	background-size: 14rem;
}

@media (min-width: 1025px) {
	.more4 a:hover {
		background: var(--main-color) url(../images/more1h.png) no-repeat center center;
		background-size: 14rem;
	}
}

.more2 a,
.more2 p {
	font-size: 18rem;
	line-height: 24rem;
	color: var(--main-color);
	background: url(../images/more1.png) no-repeat center right;
	background-size: 13rem;
	padding-right: 20rem;
	display: inline-block;
	vertical-align: top;
	transition: 0.5s;
}

.more5 a,
.more5 p {
	color: #fff;
	background: url(../images/more1h.png) no-repeat center right;
	background-size: 13rem;
}

.more3 a,
.more3 p {
	padding: 0 40rem;
	background-color: var(--main-color);
	border-radius: 6rem;
	border: solid 1rem #ffffff;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	transition: 0.5s;
}

.more3 a span,
.more3 p span {
	font-size: 18rem;
	line-height: 55rem;
	color: #fff;
	background: url(../images/more1h.png) no-repeat center right;
	background-size: 13rem;
	padding-right: 30rem;
	display: inline-block;
	vertical-align: top;
	transition: 0.5s;
}

@media (min-width: 1025px) {
	.more3 a:hover {
		background-color: #ffffff;
		border: solid 1rem var(--main-color);
	}

	.more3 a:hover span {
		color: var(--main-color);
		background: url(../images/more1.png) no-repeat center right;
		background-size: 13rem;
	}
}

.more6 a,
.more6 p {
	background-color: #f6f7f9;
	border: solid 1rem #aaaaaa;
}

.more6 a span,
.more6 p span {
	color: #3c3c3c;
	background: url(../images/more1.png) no-repeat center right;
	background-size: 13rem;
}

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

	.more6 a:hover span {
		color: #fff;
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13rem;
	}
}

.more7 a,
.more7 p {
	background-color: #f6f6f6;
	border: solid 2px var(--main-color);
	padding: 0 10rem;
}

.more7 a span,
.more7 p span {
	color: var(--main-color);
	background: url(../images/more1.png) no-repeat center right;
	background-size: 13rem;
	line-height: 44rem;
}

@media (min-width: 1025px) {
	.more7 a:hover {
		background: var(--main-color);
		border: solid 2px var(--main-color);
	}

	.more7 a:hover span {
		color: #fff;
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13rem;
	}
}

.home-news {
	padding: 73rem 0 112rem 0;
	background: #efeded;
}

.home-news .home-bottom {
	padding-top: 55rem;
}

.news-one {
	margin-bottom: 48rem;
}

.news-one .pic {
	float: left;
	width: 49%;
	border-radius: 10rem;
}

.news-one .pic:after {
	padding-bottom: 48.36601307%;
}

.news-one .text {
	float: right;
	width: 47.7%;
	padding-top: 15rem;
}

.news-one .bt {
	font-size: 30rem;
	line-height: 40rem;
	height: 80rem;
	overflow: hidden;
	color: #222222;
}

.news-one .p {
	font-size: 20rem;
	line-height: 36rem;
	height: 72rem;
	margin-top: 44rem;
	margin-bottom: 92rem;
	overflow: hidden;
	color: #636363;
}

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

	.news-one:hover .bt {
		color: var(--main-color);
	}

	.news-one:hover .more1 p {
		background: var(--main-color) url(../images/more1h.png) no-repeat center center;
		background-size: 14rem;
	}
}

.newslist {
	margin: 0 -16rem;
}

.newslist li {
	width: 33.33333333%;
	float: left;
	padding: 0 16rem;
}

.newslist li .box {
	box-shadow: -4rem 8rem 24rem 0rem rgba(2, 11, 23, 0.19);
	border-radius: 10rem;
	position: relative;
	overflow: hidden;
	transition: 0.5s;
}

.newslist li .nr {
	background: #fff;
}

.newslist li .nr .pic {
	float: left;
	width: 34.5%;
}

.newslist li .nr .pic:after {
	padding-bottom: 121.96531792%;
}

.newslist li .nr .more2 p {
	font-size: 0;
}

.newslist li .nr .text {
	float: right;
	width: 61%;
	padding: 17rem 10rem 10rem 0;
}

.newslist li .span {
	font-size: 16rem;
	line-height: 24rem;
	color: #ababab;
}

.newslist li .bt {
	font-size: 20rem;
	line-height: 25rem;
	height: 100rem;
	margin-top: 7rem;
	margin-bottom: 21rem;
	overflow: hidden;
	color: #3f3f3f;
}

.newslist li .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.5s;
}

.newslist li .hover .pic:after {
	padding-bottom: 41.86507937%;
}

.newslist li .hover .span {
	color: #fff;
}

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

.newslist li .hover .more2 p {
	color: #fff;
	padding-right: 22rem;
}

.newslist li .hover .text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 24rem;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

@media (min-width: 1025px) {
	.newslist li:hover .box {
		box-shadow: -4rem 8rem 24rem 0rem rgba(2, 11, 23, 0.42);
	}

	.newslist li:hover .hover {
		opacity: 1;
	}
}

.home-business {
	padding: 73rem 0 0 0;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.home-business .home-bottom {
	position: relative;
	margin-top: 51rem;
}

.home-business .home-bottom .swiper-button-next,
.home-business .home-bottom .swiper-button-prev {
	color: #fff;
}

.home-business .home-bottom .list {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 55;
	border-top: 1px solid rgba(255, 255, 255, 0.42);
}

.home-business .home-bottom .list ul li {
	width: 14.28571429%;
	border-right: 1px solid rgba(255, 255, 255, 0.42);
	float: left;
}

.home-business .home-bottom .list ul li a {
	display: block;
	height: 140rem;
	overflow: hidden;
	position: relative;
	padding: 16rem 23rem 0 23rem;
}

.home-business .home-bottom .list ul li .pic {
	width: 80rem;
	margin: 0 auto;
}

.home-business .home-bottom .list ul li .bt {
	text-align: center;
	font-size: 20rem;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.home-business .home-bottom .list ul .swiper-slide-thumb-active a {
	background-color: var(--main-color);
}

.home-business .home-bottom .right {
	position: relative;
	z-index: 1;
}

.home-business .home-bottom .right .swiper-slide {
	height: 752rem;
	position: relative;
}

.home-business .home-bottom .right .swiper-slide img {
	width: 100%;
	display: none;
}

.home-business .home-bottom .right .swiper-slide a {
	display: block;
	padding-top: 128rem;
	position: relative;
	z-index: 34;
}

.home-business .home-bottom .right .swiper-slide:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 33;
	background: rgba(0, 0, 0, 0.2);
}

.home-business .home-bottom .right .swiper-slide .bt {
	font-size: 40rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	color: #383838;
}

.home-business .home-bottom .right .swiper-slide .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	max-height: 150rem;
	margin-top: 16rem;
	margin-bottom: 37rem;
	overflow: hidden;
	color: #636363;
}

.home-business .home-bottom .right .swiper-slide .box {
	width: 751rem;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: -7rem 16rem 35rem 0rem rgba(146, 146, 146, 0.24);
	padding: 54rem 30rem;
}

@media (min-width: 1025px) {
	.home-business .home-bottom .right .swiper-slide:hover .more3 p {
		background-color: #ffffff;
		border: solid 1rem var(--main-color);
	}

	.home-business .home-bottom .right .swiper-slide:hover .more3 p span {
		color: var(--main-color);
		background: url(../images/more1.png) no-repeat center right;
		background-size: 13rem;
	}
}

.home-product {
	overflow: hidden;
	position: relative;
	background: url(../images/bg6.jpg) no-repeat center center;
	background-size: cover;
}

.home-product .home-bottom {
	display: flex;
	flex-wrap: wrap;
}

.home-product .left {
	padding: 65rem 0 105rem 0;
	float: left;
	width: 77%;
	padding-right: 60rem;
}

.home-product .left #hisSwp1 {
	margin-top: 110rem;
}

.home-product .left .home-span {
	margin-bottom: 33rem;
}

.home-product .left .text {
	width: 44%;
	float: left;
	padding-top: 58rem;
}

.home-product .left .pic {
	width: 50%;
	float: right;
}

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

.home-product .left .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 42rem;
	line-height: 42rem;
	margin-bottom: 45rem;
	color: #383838;
}

.home-product .left .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 28rem;
	height: 140rem;
	margin-bottom: 27rem;
	overflow: hidden;
	color: #5b636a;
}

@media (min-width: 1025px) {
	.home-product .left .swiper-slide:hover .more1 p {
		background: var(--main-color) url(../images/more1h.png) no-repeat center center;
		background-size: 14rem;
	}
}

.home-product .right {
	width: 28.5%;
	float: right;
	margin-right: -5.5%;
	padding: 76rem 0;
	padding-left: 60rem;
	position: relative;
}

.home-product .right:after {
	content: '';
	display: block;
	width: 1000%;
	height: 100%;
	background: #eeeeee url(../images/bg5.png) no-repeat center left;
	background-size: 49rem;
	position: absolute;
	top: 0;
	left: 0;
}

#hisgroup1 {
	height: 740rem;
	position: relative;
}

#hisgroup1 .box {
	position: relative;
	padding-right: 155rem;
	text-align: right;
}

#hisgroup1 .box .bt {
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	font-family: var(--Ubuntu-Light);
	font-size: 18rem;
	line-height: 128rem;
	color: #07121b;
	text-transform: uppercase;
}

#hisgroup1 .pic {
	width: 128rem;
	border-radius: 50%;
	background-color: #ffffff;
	border: solid 1rem #acafb1;
	position: absolute;
	top: 0;
	right: 0;
}

#hisgroup1 .swiper-slide {
	opacity: 0.5;
}

#hisgroup1 .swiper-slide-thumb-active {
	opacity: 1;
}

#hisgroup1 .swiper-slide-thumb-active .box .pic {
	background: #ffffff url(../images/bg10.png) no-repeat center center;
	background-size: 88rem;
}

#hisgroup1 .swiper-slide-thumb-active .box .bt {
	color: var(--main-color);
	font-family: var(--Ubuntu-Bold);
	font-size: 20rem;
}

.home-solution {
	padding: 106rem 0 0 0;
	position: relative;
	overflow: hidden;
	background: #f7f7f7;
}

.home-solution .home-bottom {
	margin-top: 60rem;
	position: relative;
}

.home-solution .home-bottom .swiper-button-prev,
.home-solution .home-bottom .swiper-button-next {
	width: 68rem;
	height: 68rem;
	border: 0;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	margin-top: -34rem;
	z-index: 33;
	left: -34rem;
	text-align: right;
}

.home-solution .home-bottom .swiper-button-prev:after,
.home-solution .home-bottom .swiper-button-next:after {
	font-size: 16rem;
	color: #fff;
	width: 50%;
}

@media (min-width: 1025px) {

	.home-solution .home-bottom .swiper-button-prev:hover,
	.home-solution .home-bottom .swiper-button-next:hover {
		background: var(--main-color);
	}
}

.home-solution .home-bottom .swiper-button-next {
	right: -34rem;
	left: auto;
	text-align: left;
}

.home-solution .home-bottom .swiper-slide {
	transition: 0.5s;
}

.item-list .itemli {
	width: 14.28571429%;
	float: left;
	transition: 0.5s;
}

.item-list .itemli .box {
	height: 620rem;
	overflow: hidden;
	position: relative;
}

.item-list .itemli .box:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.item-list .itemli .box .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	padding: 0 18rem 23rem 18rem;
}

.item-list .itemli .box .text .bt {
	font-family: var(--Ubuntu-Bold);
	font-size: 21rem;
	line-height: 31rem;
	color: #ffffff;
	text-transform: uppercase;
}

.item-list .itemli .box .hover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 65%;
	opacity: 0;
	z-index: 4;
	padding: 0 50rem 99rem 50rem;
}

.item-list .itemli .box .hover .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 40rem;
	line-height: 50rem;
	max-height: 100rem;
	overflow: hidden;
	color: #ffffff;
	text-transform: uppercase;
}

.item-list .itemli .box .hover .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	max-height: 210rem;
	margin-bottom: 48rem;
	margin-top: 18rem;
	overflow: hidden;
	color: #ffffff;
}

@media (min-width: 1025px) {
	.item-list .itemli:hover {
		width: 44% !important;
	}

	.item-list .itemli:hover .more1 p {
		background: var(--main-color) url(../images/more1h.png) no-repeat center center;
		background-size: 14rem;
		border: 2px solid var(--main-color);
	}

	.item-list .itemli:hover .text {
		opacity: 0;
	}

	.item-list .itemli:hover .hover {
		opacity: 1 !important;
	}
}

@media (min-width: 1025px) {
	.item-list:hover .itemli {
		width: 9.333333333333333%;
	}
}

.home-support {
	padding: 111rem 0 156rem 0;
	background: #f5f4f4;
}

.home-support .home-bottom {
	padding-top: 68rem;
}

.home-support .home-bottom ul {
	margin: 0 -16rem;
}

.home-support .home-bottom ul li {
	width: 50%;
	float: left;
	padding: 0 16rem;
}

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

.home-support .home-bottom ul li .box .pic {
	box-shadow: -3rem 7rem 59rem 0rem rgba(0, 0, 0, 0.19);
	border-radius: 10rem;
}

.home-support .home-bottom ul li .box .pic:after {
	padding-bottom: 56.52173913%;
}

.home-support .home-bottom ul li .box .pic img {
	width: 100%;
}

.home-support .home-bottom ul li .box .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 63rem 34rem;
	text-transform: uppercase;
}

.home-support .home-bottom ul li .box .hover .bt {
	font-size: 28rem;
	margin-bottom: 32rem;
}

.home-support .home-bottom ul li .box .hover .bt a {
	color: #fff;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.home-support .home-bottom ul li .box .hover .p {
	font-size: 18rem;
	line-height: 30rem;
	color: #fff;
}

.home-support .home-bottom ul li .box .hover .p p {
	margin-bottom: 26rem;
}

.home-support .home-bottom ul li .box .hover .p a {
	color: #fff;
	background: url(../images/more2.png) no-repeat center left;
	background-size: 12rem;
	padding-left: 23rem;
	transition: 0.5s;
}

@media (min-width: 1025px) {
	.home-support .home-bottom ul li .box .hover .p a:hover {
		text-decoration: underline;
		color: var(--main-color);
		padding-left: 33rem;
	}
}

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

.home-about {
	padding: 200rem 0 65rem 0;
	background: url(../images/bg2.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.home-about .home-span {
	margin-bottom: 44rem;
}

.home-about .p {
	font-family: var(--Ubuntu-Light);
	font-size: 22rem;
	line-height: 33rem;
	margin-top: 6rem;
	color: #ffffff;
	margin-bottom: 25rem;
	height: 66rem;
	overflow: hidden;
}

.home-about .more2 {
	text-align: center;
}

.youshi {
	padding-top: 30rem;
	margin-top: 191rem;
	position: relative;
	overflow: hidden;
}

.youshi:after {
	content: '';
	display: block;
	background-color: #ffffff;
	border-radius: 8rem;
	position: absolute;
	top: 30rem;
	left: 0;
	width: 100%;
	height: 100%;
}

.youshi li {
	float: left;
	width: 25%;
	position: relative;
	padding: 24rem 70rem;
	z-index: 44;
}

.youshi li:after {
	content: '';
	display: block;
	width: 1px;
	height: 130rem;
	background: #eeeeee;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.youshi li:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bg1.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 10rem 10rem 0rem 0rem;
	z-index: 3;
	opacity: 0;
	transition: 0.5s;
}

.youshi li .num {
	font-size: 54rem;
	line-height: 60rem;
	color: #333333;
	border-bottom: 1px dashed #c7c7c7;
	position: relative;
	z-index: 33;
}

.youshi li .num span {
	display: inline-block;
	font-size: 52rem;
	vertical-align: middle;
}

.youshi li .num em {
	font-size: 30rem;
	line-height: 34rem;
	font-style: normal;
	display: inline-block;
	vertical-align: text-bottom;
}

.youshi li .num i {
	font-size: 40rem;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
}

.youshi li .h3 {
	font-size: 22rem;
	line-height: 26rem;
	height: 52rem;
	overflow: hidden;
	margin-top: 8rem;
	color: #555;
	position: relative;
	z-index: 33;
}

@media (min-width: 1025px) {
	.youshi li:hover:before {
		opacity: 1;
		height: 117%;
	}

	.youshi li:hover:after {
		display: none;
	}

	.youshi li:hover .num {
		color: #fff;
		border-bottom: 1px dashed #fff;
	}

	.youshi li:hover .h3 {
		color: #fff;
	}
}

.youshi li:nth-child(4):after {
	display: none;
}

.home-distrubtion {
	padding: 130rem 0 150rem 0;
	background: #f5f4f4;
}

.home-distrubtion .home-bottom {
	display: flex;
	flex-wrap: wrap;
}

.home-distrubtion .home-bottom .home-title {
	font-family: var(--Ubuntu-Light);
	font-size: 36rem;
	line-height: 35rem;
	color: #383838;
}

.home-distrubtion .home-bottom .left {
	float: left;
	width: 52%;
	padding: 49rem 43rem;
}

.home-distrubtion .home-bottom .left .home-span {
	margin-bottom: 23rem;
}

.home-distrubtion .home-bottom .left .home-title {
	margin-bottom: 48rem;
}

.home-distrubtion .home-bottom .left .p {
	font-family: var(--Ubuntu-Light);
	font-size: 24rem;
	line-height: 48rem;
	margin-bottom: 40rem;
	color: #5b636a;
}

.home-distrubtion .home-bottom .right {
	float: right;
	width: 48%;
	padding: 95rem 62rem 50rem 62rem;
}

.home-distrubtion .home-bottom .right .home-title {
	margin-bottom: 17rem;
}

.home-distrubtion .home-bottom .right .p {
	font-family: var(--Ubuntu-Light);
	font-size: 22rem;
	line-height: 33rem;
	margin-bottom: 150rem;
	color: #5b636a;
}

.home-distrubtion .home-bottom .right .jsh {
	font-size: 24rem;
	line-height: 32rem;
	color: #ffffff;
	font-family: var(--Ubuntu-Light);
}

.home-distrubtion .home-bottom .right .jsh span {
	font-family: var(--Ubuntu-Bold);
}

.home-contact {
	padding: 111rem 0 77rem 0;
	background: #f6f7f9;
}

.home-contact .p {
	font-size: 48rem;
	color: #636363;
	margin-top: 28rem;
	margin-bottom: 35rem;
}

.footer {
	background-color: #e7e8e9;
}

.footer .footer-top {
	padding-top: 79rem;
	padding-bottom: 42rem;
}

.footer .footer-top .container {
	padding-bottom: 65rem;
}

.footer .footer-top .left {
	width: 16%;
	float: left;
}

.footer .footer-top .left .follow {
	margin-top: 44rem;
	margin-bottom: 42rem;
}

.footer .footer-top .left .follow .bt {
	font-family: var(--Ubuntu-Bold);
	font-size: 14rem;
	margin-bottom: 21rem;
	color: #464646;
}

.footer .footer-top .left .follow .p a {
	float: left;
	display: block;
	margin-right: 20rem;
}

.footer .footer-top .left .follow .p a img {
	max-width: 29rem;
	display: block;
}

.footer .footer-top .left .yuyan {
	margin-bottom: 21rem;
}

.footer .footer-top .left .yuyan .bt {
	font-family: var(--Ubuntu-Bold);
	font-size: 14rem;
	margin-bottom: 21rem;
	color: #464646;
}

.footer .footer-top .left .yuyan .p a {
	display: inline-block;
	vertical-align: top;
}

.footer .footer-top .flogo img {
	display: block;
	width: 250rem;
}

.footer .footer-top .right {
	width: 79.4%;
	float: right;
	padding-top: 9rem;
	text-transform: uppercase;
}

.footer .footer-top .right ul li {
	float: left;
	width: 20%;
}

.footer .footer-top .right ul li a {
	font-family: var(--Ubuntu-Bold);
	font-size: 20rem;
	color: #464646;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	padding-right: 10rem;
	display: block;
	margin-bottom: 27rem;
}

.footer .footer-top .right ul li a .txt-2 {
	display: none;
}

@media (min-width: 1025px) {
	.footer .footer-top .right ul li a:hover {
		color: var(--main-color);
	}
}

.footer .footer-top .right ul li ul li {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.footer .footer-top .right ul li ul li a {
	margin: 0;
	font-family: var(--Ubuntu-Regular);
	font-size: 16rem;
	line-height: 39rem;
	color: #636363;
}

.footer .footer-top .right ul .fo1 {
	width: 18%;
}

.footer .footer-top .right ul .fo2 {
	width: 22%;
}

.footer .footer-top .right ul .fo3 {
	width: 24%;
}

.footer .footer-top .right ul .fo4 {
	width: 18%;
}

.footer .footer-top .right ul .fo6 {
	width: 18%;
}

.footer .footer-bottom {
	font-size: 14rem;
	padding: 12rem 0;
	line-height: 22rem;
	text-align: center;
	color: rgba(99, 99, 99, 0.7);
}

.footer .footer-bottom a {
	color: rgba(99, 99, 99, 0.7);
	padding: 0 10rem;
}

@media (min-width: 1025px) {
	.footer .footer-bottom a:hover {
		color: var(--main-color);
	}
}

.inbanner {
	color: #fff;
	position: relative;
	overflow: hidden;
	padding-top: 144rem;
}

@-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);
	}
}

.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 .home-span {
	-webkit-animation: fadeInUp2 1s alternate;
	animation: fadeInUp2 1s alternate;
}

.inbanner .banner-hover .bt {
	font-size: 40rem;
	margin-bottom: 15rem;
	font-family: var(--Ubuntu-Bold);
	color: #ffffff;
	text-transform: uppercase;
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.inbanner .banner-hover .p {
	font-family: var(--Ubuntu-Light);
	font-size: 40rem;
	color: #ffffff;
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.inbanner .banner-hover .p:after {
	content: '';
	display: block;
	width: 82rem;
	height: 5rem;
	background-color: var(--main-color);
	margin-top: 35rem;
}

.inbanner01 {
	width: 1800rem;
	margin: 49rem auto;
	padding: 0;
	border-radius: 10rem;
}

.inbanner01 .banner-hover .home-span {
	margin-bottom: 39rem;
}

.inbanner01 .banner-hover .bt {
	font-family: var(--Ubuntu-Light);
	margin-bottom: 30rem;
}

.inbanner01 .banner-hover .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
}

.inbanner01 .banner-hover .p:after {
	display: none;
}

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

.current a {
	color: #666666;
}

.current b {
	font-weight: normal;
}

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

.current {
	background: #f2f2f2;
}

.current .home0 {
	float: left;
	font-size: 18rem;
	line-height: 68rem;
	padding-right: 36rem;
	color: rgba(80, 85, 100, 0.78);
	position: relative;
	z-index: 1;
}

.current .home0 a {
	color: rgba(80, 85, 100, 0.78);
	margin-right: 14rem;
}

.current .home0 img {
	width: 17rem;
}

.current .home0 .n {
	background: url(../images/jt2.png) no-repeat center right;
	background-size: 9rem;
	padding-right: 27rem;
}

.current ul {
	float: right;
}

.current ul li {
	float: left;
	position: relative;
	padding: 0 20rem;
}

.current ul li a {
	display: block;
	font-size: 18rem;
	line-height: 68rem;
	color: #222222;
	position: relative;
}

.current ul li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #969696;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s;
}

@media (min-width: 1025px) {
	.current ul li:hover a:after {
		background: var(--main-color);
	}
}

.current ul li:nth-last-child(1):after {
	display: none;
}

.current ul .active a:after {
	background: var(--main-color);
}

.contact .home-span {
	font-family: var(--Ubuntu-Bold);
	margin-bottom: 16rem;
}

.contact-xz {
	padding-bottom: 107rem;
}

.contact01 {
	padding: 107rem 0 0 0;
}

.contact01 .home-span {
	margin-bottom: 27rem;
}

.contact01 .bt {
	font-size: 32rem;
	color: #000000;
}

.contact01 .list {
	border-top: 1px solid #cccccc;
	padding-top: 61rem;
	margin-top: 53rem;
	padding-bottom: 121rem;
}

.contact01 .maps {
	padding-bottom: 121rem;
}

.contact01 .list ul {
	margin: 0 -45rem;
	font-size: 0;
	text-align: center;
}

.contact01 .list ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 0 40rem;
}

.contact01 .list ul li .pic {
	width: 280rem;
	background: #f6f6f6;
}

.contact01 .list ul li .pic:after {
	padding-bottom: 87.85714286%;
}

.contact01 .list ul li .span {
	font-size: 18rem;
	font-family: var(--Ubuntu-Bold);
	color: #000000;
	margin-top: 27rem;
	margin-bottom: 17rem;
}

.contact01 .list ul li .p {
	font-size: 18rem;
	line-height: 29rem;
	font-family: var(--Ubuntu-Light);
	color: #3f3f3f;
}

.contact01 .list ul li .p a {
	color: #3f3f3f;
}

.contact01 .list1 ul li .tit {
	font-size: 24rem;
	line-height: 40rem;
	padding: 20rem 21rem;
	color: #000000;
	background-color: #ececec;
}

.contact01 .list1 ul li .txt {
	font-size: 20rem;
	line-height: 31rem;
	color: #5e5e5e;
	padding: 53rem 37rem;
}

.contact01 .list1 ul li .txt p {
	padding-left: 55rem;
	margin-bottom: 27rem;
}

.contact01 .list1 ul li .txt p a {
	color: #5e5e5e;
}

.contact01 .list1 ul li .txt p a:hover {
	text-decoration: underline;
	color: var(--main-color);
}

.contact01 .list1 ul li .txt .c1 {
	background: url(../images/co1.png) no-repeat left 4rem;
	background-size: 19rem;
}

.contact01 .list1 ul li .txt .c2 {
	background: url(../images/co2.png) no-repeat left 6rem;
	background-size: 25rem;
}

.contact01 .list1 ul li .txt .c3 {
	background: url(../images/co3.png) no-repeat left 4rem;
	background-size: 24rem;
}

.zhaoshang {
	padding: 0 !important;
}

.zhaoshang01 {
	padding: 105rem 0 119rem 0;
	background: url(../images/bg7.jpg) no-repeat center center;
	background-size: cover;
}

.zhaoshang01 .list {
	padding-top: 78rem;
}

.zhaoshang01 .list ul {
	margin: 0 -1px;
}

.zhaoshang01 .list ul li {
	width: 20%;
	float: left;
	padding: 0 1px;
	margin-bottom: 2px;
}

.zhaoshang01 .list ul li .box {
	position: relative;
	height: 233rem;
	background: #fff;
}

.zhaoshang01 .list ul li .box .num {
	font-family: var(--Ubuntu-Bold);
	font-size: 33rem;
	color: var(--main-color);
	position: absolute;
	top: 8rem;
	left: 19rem;
}

.zhaoshang01 .list ul li .box .p {
	font-size: 24rem;
	line-height: 32rem;
	text-align: center;
	width: 100%;
	padding: 0 20rem;
	color: #000000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

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

	.zhaoshang01 .list ul li:hover .box .num {
		color: #fff;
	}

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

.zhaoshang02 {
	padding: 163rem 0 128rem 0;
}

.zhaoshang02 .list ul {
	margin: 0 -41rem;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}

.zhaoshang02 .list ul li {
	width: 33.33333333%;
	display: inline-block;
	vertical-align: top;
	padding: 0 41rem;
}

.zhaoshang02 .list ul li .box {
	position: relative;
	background-color: #f6f6f6;
	border-radius: 10rem;
}

.zhaoshang02 .list ul li .box .text {
	padding: 159rem 49rem 68rem 49rem;
	overflow: hidden;
}

.zhaoshang02 .list ul li .box .pic {
	position: absolute;
	top: 25rem;
	right: 29rem;
	width: 80rem;
}

.zhaoshang02 .list ul li .box .pic .mh {
	opacity: 0;
}

.zhaoshang02 .list ul li .box .bt {
	font-family: var(--Ubuntu-Bold);
	color: var(--main-color);
	position: absolute;
	top: 33rem;
	left: 36rem;
	width: 60rem;
	line-height: 38rem;
	border-radius: 18rem;
	border: solid 1rem #d70c19;
	font-size: 14rem;
	text-align: center;
}

.zhaoshang02 .list ul li .box .span {
	font-family: var(--Ubuntu-Bold);
	font-size: 22rem;
	margin-bottom: 18rem;
	color: #040300;
}

.zhaoshang02 .list ul li .box .p {
	font-size: 22rem;
	color: #040300;
	line-height: 35rem;
	min-height: 140rem;
	margin-bottom: 10rem;
}

.zhaoshang03 {
	position: relative;
	padding: 69rem 0 59rem 0;
	background: url(../images/bg8.jpg) no-repeat center center;
	background-size: cover;
}

.zhaoshang03 .tit {
	font-family: var(--Ubuntu-Light);
	font-size: 38rem;
	margin-bottom: 22rem;
	color: #383838;
}

.zhaoshang03 .list {
	position: relative;
	width: 50.5%;
	overflow: hidden;
	float: right;
	margin-right: 4%;
	padding: 42rem 34rem;
	background-color: #f7f7f7;
	box-shadow: 0rem 15rem 35rem 0rem rgba(0, 10, 20, 0.08);
	border-radius: 6rem;
}

.zhaoshang03 .list ul {
	margin: 0 -5rem;
}

.zhaoshang03 .list li {
	width: 50%;
	float: left;
	padding: 0 5rem 4rem 5rem;
	position: relative;
}

.zhaoshang03 .box {
	position: relative;
}

.zhaoshang03 .box .span {
	font-family: var(--Ubuntu-Light);
	font-size: 18rem;
	color: #394e6a;
	line-height: 44rem;
	display: block;
}

.zhaoshang03 .box .span font {
	color: var(--main-color);
}

.zhaoshang03 input,
.zhaoshang03 select,
.zhaoshang03 textarea {
	width: 100%;
	border: 0;
	height: 57rem;
	background-color: #ffffff;
	border-radius: 6rem;
	font-size: 16rem;
	color: #dcdcdc;
	padding: 0 20rem;
	font-family: var(--Ubuntu-Light);
}

.zhaoshang03 input::-webkit-input-placeholder,
.zhaoshang03 select::-webkit-input-placeholder,
.zhaoshang03 textarea::-webkit-input-placeholder {
	color: #dcdcdc;
}

.zhaoshang03 input:-moz-placeholder,
.zhaoshang03 select:-moz-placeholder,
.zhaoshang03 textarea:-moz-placeholder {
	color: #dcdcdc;
	opacity: 1;
}

.zhaoshang03 input::-moz-placeholder,
.zhaoshang03 select::-moz-placeholder,
.zhaoshang03 textarea::-moz-placeholder {
	color: #dcdcdc;
	opacity: 1;
}

.zhaoshang03 input:-ms-input-placeholder,
.zhaoshang03 select:-ms-input-placeholder,
.zhaoshang03 textarea:-ms-input-placeholder {
	color: #dcdcdc;
}

.zhaoshang03 .textarea .box {
	padding: 0;
}

.zhaoshang03 .verifyDiv {
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.zhaoshang03 textarea {
	height: 98rem;
	padding: 15rem 20rem 15rem 20rem;
	margin-bottom: 23rem;
}

.zhaoshang03 .more3 {
	float: right;
}

.zhaoshang03 .verify {
	height: 57rem;
	background-color: #fbfbfc;
	font-size: 14rem;
	position: relative;
	width: 420rem !important;
}

.zhaoshang03 .verify .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 57rem;
	height: 57rem;
	border: 1px #fbfbfc solid;
	background: #ffffff url(../images/drag-arrow.svg) no-repeat center center;
	background-size: 20rem 20rem;
	z-index: 2;
	cursor: move;
}

.zhaoshang03 .verify .suc-drag-btn {
	background: #ffffff url(../images/drag-success.svg) no-repeat center center;
	background-size: 20rem 20rem;
}

.zhaoshang03 .verify .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 57rem;
	line-height: 55rem;
	width: 0;
	background-color: var(--main-color);
	color: #333;
	font-size: 14rem;
	text-align: center;
}

.zhaoshang03 .verify .fix-tips,
.zhaoshang03 .verify .verify-msg {
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #333;
	z-index: 1;
	line-height: 57rem;
	padding-left: 57rem;
	text-align: center;
}

.zhaoshang03 .verify .verify-msg {
	padding-left: 0;
	padding-right: 57rem;
}

.zhaoshang03 .verify .verify-msg {
	background-color: var(--main-color);
	display: none;
	color: #fff;
}

.join {
	padding: 0 !important;
}

.join01 {
	padding: 87rem 0 137rem 0;
	font-size: 0;
	background: #f7f7f7;
}

.join01 .left {
	width: 47%;
	display: inline-block;
	vertical-align: top;
	padding-top: 76rem;
	padding-right: 30rem;
}

.join01 .left .bt {
	font-size: 50rem;
	line-height: 56rem;
	color: var(--main-color);
}

.join01 .left .bt img {
	width: 186rem;
	margin-left: 12rem;
}

.join01 .left .span {
	font-size: 32rem;
	line-height: 37rem;
	margin-top: 29rem;
	margin-bottom: 56rem;
	color: #333333;
}

.join01 .left .span p {
	margin-bottom: 19rem;
}

.join01 .left .p {
	font-size: 18rem;
	line-height: 30rem;
	color: #555555;
}

.join01 .right {
	width: 53%;
	display: inline-block;
	vertical-align: top;
}

.join01 .right img {
	display: block;
}

.join02 {
	background: var(--main-color);
}

.join02 .join-top {
	position: relative;
	overflow: hidden;
	padding: 73rem 615rem 56rem 0;
}

.join02 .join-top .p {
	font-size: 18rem;
	line-height: 30rem;
	margin-top: 15rem;
	color: #fff;
}

.join02 .join-top .se {
	position: absolute;
	top: 50%;
	right: 135rem;
	transform: translateY(-50%);
}

.join02 .join-top .se a {
	font-size: 18rem;
	font-weight: lighter;
	line-height: 52rem;
	color: var(--main-color);
	width: 160rem;
	background-color: #ffffff;
	border-radius: 25rem;
	text-align: center;
	display: block;
	position: relative;
	z-index: 44;
}

.join02 .join-top .se a img {
	width: 16rem;
	margin-right: 10rem;
	display: inline-block;
	vertical-align: middle;
}

.join02 .join-top .general {
	border: 4px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	height: 400px;
	left: 50%;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
	width: 400px;
}

.join02 .join-top .general:after,
.join02 .join-top .general:before {
	border: 4px solid;
	border-radius: 50%;
	content: '';
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease-in-out;
	z-index: 0;
}

.join02 .join-top .general:before {
	height: 120px;
	opacity: 0.3;
	width: 120px;
}

.join02 .join-top .general:after {
	height: 240px;
	opacity: 0.3;
	width: 240px;
}

@media (min-width: 1025px) {
	.join02:hover .join-top .general {
		border-width: 10px;
		height: 150vw;
		opacity: 1;
		width: 150vw;
	}

	.join02:hover .join-top .general:before {
		border: 20px solid rgba(255, 255, 255, 0.4);
		height: 70vw;
		opacity: 0.7;
		width: 70vw;
	}

	.join02:hover .join-top .general:after {
		border: 10px solid rgba(255, 255, 255, 0.4);
		height: 30vw;
		opacity: 0.6;
		width: 30vw;
	}
}

.join03 {
	padding: 90rem 0;
	background: #f7f7f7;
	position: relative;
}

.join03 dl {
	margin-bottom: 32rem;
	background-color: #ffffff;
	padding: 80rem 80rem;
}

.join03 dt {
	overflow: hidden;
	cursor: pointer;
	font-size: 32rem;
	color: #000;
	line-height: 50rem;
	transition: all 0.5s;
	position: relative;
}

.join03 .span-01 {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	padding-right: 67rem;
}

.join03 .span-03 {
	font-size: 20rem;
	font-weight: normal;
	line-height: 58rem;
	color: #333333;
	padding-top: 43rem;
}

.join03 .span-03 span {
	color: #666666;
	width: 200rem;
	display: inline-block;
	vertical-align: top;
}

.join03 .span-03 p {
	border-bottom: 1px solid #e1e1e1;
}

.join03 .span-02 {
	display: block;
	width: 43rem;
	height: 43rem;
	border-radius: 50%;
	float: right;
	position: absolute;
	top: 3rem;
	right: 0;
	background: url(../images/shouqi.png) no-repeat center right;
	background-size: 100%;
}

.join03 dd {
	height: 0;
	overflow: hidden;
}

.join03 dd .nr {
	padding: 67rem 0 67rem 0;
	position: relative;
	font-size: 18rem;
	line-height: 30rem;
	font-family: var(--Ubuntu-Light);
	color: #666666;
}

.join03 .cur .span-02 {
	background: url(../images/zhankai.png) no-repeat center right;
	background-size: 100%;
}

.join03 .cur dd {
	height: auto;
}

.join03 .p-01 {
	font-size: 24rem;
	font-family: var(--Ubuntu-Regular);
	color: #222222;
	margin-bottom: 13rem;
}

.join03 .more0 a {
	width: 218rem;
	line-height: 51rem;
	background: var(--main-color);
	border-radius: 4rem;
	display: block;
	font-size: 18rem;
	color: #fff;
	text-align: center;
}

.join03 .more0 a img {
	width: 35rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 9rem;
}

.news {
	padding: 129rem 0;
	background: #f5f5f5;
}

.newslist1 {
	overflow: hidden;
	position: relative;
	margin: 0 -14rem;
	padding-bottom: 69rem;
}

.newslist1 .item {
	width: 33.33333333%;
	float: left;
	padding: 0 14rem;
	margin-bottom: 27rem;
}

.newslist1 .item .box {
	background-color: #ffffff;
	border-radius: 10rem;
	overflow: hidden;
}

.newslist1 .item .pic:after {
	padding-bottom: 53.92156863%;
}

.newslist1 .item .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/more3.png) no-repeat center center;
	background-size: 80rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 33;
	opacity: 0;
	transition: 0.5s;
}

.newslist1 .item .text {
	padding: 36rem 24rem 38rem 24rem;
}

.newslist1 .item .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 22rem;
	line-height: 31rem;
	height: 124rem;
	overflow: hidden;
	color: #333333;
}

.newslist1 .item .more2 p {
	font-family: var(--Ubuntu-Light);
	font-size: 16rem;
	line-height: 72rem;
	color: #666666;
	background: url(../images/jia.png) no-repeat center right;
	background-size: 24rem;
	padding-right: 33rem;
}

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

	.newslist1 .item:hover .pic img {
		transform: scale(1.05);
	}

	.newslist1 .item:hover .pic:before {
		opacity: 1;
	}

	.newslist1 .item:hover .bt {
		color: #fff;
	}

	.newslist1 .item:hover .more2 p {
		color: #fff;
		background: url(../images/jiah.png) no-repeat center right;
		background-size: 24rem;
	}
}

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

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

.page a {
	color: #888;
	display: inline-block;
	text-align: center;
	font-size: 22px;
	width: 60px;
	line-height: 40px;
	text-transform: uppercase;
	height: 40px;
	border-radius: 40px;
	margin: 0 8px;
	padding: 0 5px;
	vertical-align: top;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
}

.page a span {
	display: block;
	height: 40px;
}

.page a.cur,
.page a:hover {
	color: var(--main-color);
}

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

.page a.prev {
	margin-right: 5px;
}

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

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

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

.page a.next {
	margin-left: 5px;
}

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

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

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

@media (max-width: 768px) {

	.page a,
	.page em {
		display: none;
		font-size: 14px;
	}

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

.news-show {
	padding-top: 144rem;
	padding-bottom: 0;
	background: #fff;
}

.news-show .container {
	max-width: 1200rem;
}

.news-bottom {
	padding: 26rem 0px 96rem 117rem;
	position: relative;
}

.news-left {
	float: left;
	width: 58rem;
	position: absolute;
	top: 27rem;
	left: 0;
}

.news-left .share {
	overflow: hidden;
	padding: 0 0 19rem 0;
	position: relative;
	z-index: 3;
	text-align: center;
}

.news-left .share .bt {
	font-size: 20rem;
	line-height: 42rem;
	color: #1d3654;
	text-align: center;
}

.news-left .share .dib {
	display: inline-block;
	font-size: 16rem;
}

.news-left .share a {
	width: 28rem;
	height: 28rem;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20rem;
}

@media (min-width: 1025px) {
	.news-left .share a:hover {
		background-color: var(--main-color);
	}
}

.news-left .share .s1 {
	background: #2e2e2e url(../images/s1.png) no-repeat center center;
	background-size: 100%;
}

.news-left .share .s2 {
	background: #2e2e2e url(../images/s2.png) no-repeat center center;
	background-size: 100%;
}

.news-left .share .s3 {
	background: #2e2e2e url(../images/s3.png) no-repeat center center;
	background-size: 100%;
}

.news-left .share .s4 {
	background: #2e2e2e url(../images/s4.png) no-repeat center center;
	background-size: 100%;
}

.news-left .share .s5 {
	background: #2e2e2e url(../images/s5.png) no-repeat center center;
	background-size: 100%;
}

.news-left .span {
	padding-top: 82rem;
	margin-top: -50rem;
	background-color: #18ad7e;
	border-radius: 30rem 0rem 0rem 30rem;
	text-align: center;
	position: relative;
	z-index: 2;
}

.news-left .span a {
	display: block;
	font-size: 14rem;
	line-height: 30rem;
	color: #ffffff;
	background: url(../images/fanhui1.png) no-repeat top center;
	background-size: 37rem;
	padding-top: 40rem;
	padding-bottom: 20rem;
}

.news-left .p {
	position: relative;
	z-index: 1;
	padding-top: 82rem;
	margin-top: -50rem;
	background-color: var(--main-color);
	border-radius: 30rem 0rem 0rem 30rem;
	text-align: center;
}

.news-left .p a {
	display: block;
	font-size: 14rem;
	line-height: 30rem;
	color: #ffffff;
	background: url(../images/fanhui.png) no-repeat top center;
	background-size: 31rem;
	padding-top: 40rem;
	padding-bottom: 20rem;
}

.h1 {
	font-size: 60rem;
	margin-bottom: 41rem;
	color: #051121;
}

.h2 {
	font-size: 16rem;
	line-height: 32rem;
	color: #999999;
}

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

.news-info {
	font-size: 20rem;
	line-height: 36rem;
	color: #333333;
	padding: 37rem 0 45rem 0;
}

.news-btn .more3 {
	overflow: hidden;
	float: right;
}

.news-btn .more3 a {
	background: #fff;
}

@media (min-width: 1025px) {
	.news-btn .more3 a:hover {
		background: var(--main-color);
	}
}

.biaoqian {
	font-size: 20rem;
	color: #656565;
	line-height: 56rem;
}

.biaoqian span {
	display: block;
	float: left;
}

.biaoqian a {
	font-size: 20rem;
	color: #656565;
	display: block;
	float: left;
	margin-right: 6rem;
	margin-left: 20rem;
}

.list-page-news {
	border-top: solid 1rem #989898;
	border-bottom: solid 1rem #989898;
	margin-top: 30rem;
	margin-bottom: 36rem;
}

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

.list-page-news ul li {
	float: left;
	width: 100%;
	padding: 23rem 0;
	border-bottom: 1px solid #ddd5c9;
}

.list-page-news ul li a {
	display: block;
	font-size: 20rem;
	line-height: 28rem;
	height: 56rem;
	overflow: hidden;
	color: #333333;
	position: relative;
	padding-left: 142rem;
}

.list-page-news ul li a span {
	font-size: 20rem;
	line-height: 28rem;
	color: #222222;
	position: absolute;
	top: 0;
	left: 0;
	width: 103rem;
	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);
	}
}

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

.support {
	padding: 112rem 0;
}

.support .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #3c3c3c;
	width: 70%;
	margin: 0 auto;
	margin-top: 58rem;
	text-align: center;
	margin-bottom: 112rem;
}

.support .list {
	margin-bottom: 70rem;
}

.support .list ul li {
	width: 25%;
	float: left;
}

.support .list ul li .box {
	position: relative;
	padding-left: 90rem;
	min-height: 80rem;
	padding-top: 7rem;
}

.support .list ul li .box .pic {
	width: 80rem;
	position: absolute;
	top: 0;
	left: 0;
}

.support .list ul li .box .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 28rem;
	color: #333333;
}

.support .list ul li .box .p {
	font-family: var(--Ubuntu-Light);
	font-size: 18rem;
	line-height: 30rem;
	padding-top: 4rem;
	color: #333333;
}

.support .list ul li:nth-child(3) {
	width: auto;
	float: right;
}

.support .list1 ul {
	margin: 0 -11rem;
}

.support .list1 ul li {
	width: 50%;
	float: left;
	padding: 0 11rem;
}

.support .list1 ul li .box {
	position: relative;
}

.support .list1 ul li .box .pic:after {
	padding-bottom: 54.23076923%;
}

.support .list1 ul li .box .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 112rem 34rem;
}

.support .list1 ul li .box .hover .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 39rem;
	color: #f6f6f6;
}

.support .list1 ul li .box .hover .p {
	font-family: var(--Ubuntu-Light);
	font-size: 26rem;
	line-height: 43rem;
	color: #f6f6f6;
	padding-top: 4rem;
	height: 86rem;
	margin-bottom: 29rem;
	overflow: hidden;
}

.support .list1 ul li .box .hover .more3 p {
	border: 1px solid var(--main-color);
	padding: 0 18rem;
}

.support .list1 ul li .box .hover .more3 p span {
	line-height: 43rem;
	font-size: 16rem;
	border-radius: 6rem;
}

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

.video {
	padding: 53rem 0;
}

.video .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #3c3c3c;
	width: 70%;
	margin: 0 auto;
	margin-top: 34rem;
	text-align: center;
	margin-bottom: 80rem;
}

.inside-menu {
	position: relative;
	margin-bottom: 77rem;
	overflow: hidden;
	border-bottom: 1px dashed #dadbec;
}

.inside-menu .item {
	width: 60%;
	float: left;
}

.inside-menu span {
	padding-bottom: 25rem;
	margin-right: 28rem;
	display: inline-block;
	position: relative;
}

.inside-menu span a {
	padding: 0 2rem;
	display: inline-block;
	font-size: 20rem;
	line-height: 52rem;
	color: #555555;
	text-align: center;
}

.inside-menu span a:after {
	content: '';
	display: block;
	width: 0;
	height: 4rem;
	background: var(--main-color);
	transition: 0.5s;
	position: absolute;
	bottom: 0;
	left: 0;
}

.inside-menu span:hover a,
.inside-menu .cur a {
	color: var(--main-color);
}

.inside-menu span:hover a:after,
.inside-menu .cur a:after {
	width: 100%;
}

.inside-menu span:nth-last-child(1):before {
	display: none;
}

.inside-menu .search {
	width: 472rem;
	position: relative;
	float: right;
}

.inside-menu .search input {
	width: 100%;
	background: #fff;
	height: 52rem;
	padding: 0 33rem;
	font-size: 16rem;
	border-radius: 6rem;
	border: solid 1rem #d7d7d7;
}

.inside-menu .search .icon {
	right: 15rem;
	top: 50%;
	fill: #c8c8c8;
	width: 24rem;
	height: 24rem;
	position: absolute;
	transform: translateY(-50%);
}

.inside-menu .search .icon:hover {
	fill: var(--hover-color);
}

.inside-menu .search input:focus {
	border-color: var(--hover-color);
}

.videolist {
	margin: 0 -16rem;
}

.videolist li {
	width: 25%;
	float: left;
	padding: 0 16rem;
	margin-bottom: 71rem;
}

.videolist li .text {
	padding: 16rem 14rem 7rem 14rem;
	background-color: #f7f7f7;
}

.videolist li .pic:after {
	padding-bottom: 55.91397849%;
}

.videolist li .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.38) url(../images/video.png) no-repeat center center;
	background-size: 40rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 33;
	opacity: 1;
	transition: 0.5s;
}

.videolist li .bt {
	font-size: 22rem;
	line-height: 30rem;
	height: 90rem;
	overflow: hidden;
	color: #333333;
}

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

	.videolist li:hover .text {
		background: var(--main-color);
	}

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

.faq {
	padding: 24rem 0;
}

.faq01 {
	margin-top: 92rem;
	padding: 55rem 0 25rem 0;
	background-color: #f1f3f5;
}

.faq01 .left {
	float: left;
	position: sticky;
	width: 31%;
	padding-top: 13rem;
	top: 144rem;
}

.faq01 .left ul li a {
	font-size: 28rem;
	line-height: 79rem;
	color: #a9a9a9;
}

.faq01 .left ul .active a {
	color: #040300;
}

.faq01 .right {
	float: right;
	width: 63%;
}

.faq01 .right .show .info1 {
	display: none;
}

.faq01 .right .job2 .list {
	margin-bottom: 40rem;
}

.faq01 .right .job2 .span-01 {
	display: block;
}

.faq01 .right .job2 dl {
	padding: 22rem 34rem;
	margin-bottom: 14rem;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 8rem;
}

.faq01 .right .job2 dt {
	overflow: hidden;
	padding-left: 0;
	cursor: pointer;
	font-size: 26rem;
	line-height: 44rem;
	color: #040300;
	background: url(../images/jiahao.png) no-repeat center right;
	background-size: 21rem;
	transition: all 0.5s;
	position: relative;
	padding-right: 34rem;
}

.faq01 .right .job2 dt span {
	position: absolute;
	top: 0;
	left: 0;
}

.faq01 .right .job2 dd {
	height: 0;
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #3c3c3c;
	overflow: hidden;
}

.faq01 .right .job2 dd .nr {
	padding: 16rem 0 1rem 0;
	position: relative;
}

.faq01 .right .job2 dd .nr p {
	margin-bottom: 5rem;
}

.faq01 .right .job2 .cur dt {
	background: url(../images/jianhao.png) no-repeat center right;
	background-size: 22rem;
}

.faq01 .right .job2 .cur dd {
	height: auto;
}

.faq02 {
	padding: 75rem 0;
}

.faq02 .home-title {
	font-size: 40rem;
	color: #040300;
}

.faq02 ul {
	margin: 0 -17rem;
	padding-top: 67rem;
}

.faq02 ul li {
	width: 25%;
	float: left;
	padding: 0 17rem;
}

.faq02 ul li .box {
	position: relative;
	border: solid 1px #e5e7e8;
}

.faq02 ul li .box .pic:after {
	padding-bottom: 65.94594595%;
}

.faq02 ul li .box .hover {
	width: 100%;
	padding: 22rem 20rem;
}

.faq02 ul li .box .hover .bt {
	font-size: 28rem;
	color: #040300;
}

.faq02 ul li .box .hover .p {
	font-size: 18rem;
	line-height: 23rem;
	color: rgba(4, 3, 0, 0.67);
	height: 69rem;
	margin-bottom: 3rem;
	overflow: hidden;
	margin-top: 19rem;
}

.faq02 ul li .box .hover .more0 p {
	font-size: 16rem;
	line-height: 23rem;
	color: var(--main-color);
}

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

.downlist {
	margin-top: 69rem;
	padding-bottom: 40rem;
}

.downlist ul {
	margin: 0 -20rem;
}

.downlist li {
	width: 33.33333333%;
	float: left;
	padding: 0 20rem 42rem 20rem;
}

.downlist li .item {
	overflow: hidden;
	background-color: #fff;
	transition: all 700ms ease;
	position: relative;
}

.downlist li .item:after {
	content: '';
	display: block;
	width: 0;
	height: 5rem;
	background: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 700ms ease;
}

.downlist li a {
	display: block;
	overflow: hidden;
	padding: 36rem 21rem;
	display: flex;
	flex-wrap: wrap;
}

.downlist li .pic {
	width: 35%;
	float: left;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0e1e1;
	box-shadow: 8rem 14rem 34rem 0rem rgba(120, 120, 120, 0.32);
	position: relative;
	transition: all 700ms ease;
}

.downlist li .pic:after {
	padding-bottom: 130.51948052%;
}

.downlist li .txtbox {
	width: 64%;
	float: left;
	padding-left: 27rem;
	padding-top: 25rem;
	position: relative;
}

.downlist li .tit {
	font-size: 21rem;
	color: #3e3a39;
	line-height: 27rem;
	height: 54rem;
	overflow: hidden;
}

.downlist li .tag {
	font-size: 15rem;
	line-height: 41rem;
	color: #767575;
	position: absolute;
	bottom: 0;
	right: 0;
}

.downlist li .dow {
	width: 157rem;
	line-height: 41rem;
	background-color: #ffffff;
	border-radius: 19rem;
	border: solid 1rem #dfdfdf;
	font-size: 14rem;
	color: #212121;
	padding: 0 44rem 0 25rem;
	background: url('../images/do.png') no-repeat 90% center;
	background-size: 20rem;
	border-radius: 30rem;
	position: absolute;
	bottom: 0;
}

@media (min-width: 1025px) {
	.downlist li:hover .item {
		box-shadow: 0rem 3rem 38rem 0rem rgba(0, 0, 0, 0.14);
	}

	.downlist li:hover .item:after {
		width: 100%;
	}

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

	.downlist li:hover .pic img {
		transform: scale(1.05);
	}

	.downlist li:hover .dow {
		color: #fff;
		background: var(--main-color) url('../images/doh.png') no-repeat 90% center;
		background-size: 20rem;
		border: solid 1px var(--main-color);
	}
}

.patent {
	padding: 51rem 0;
}

.patent .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #3c3c3c;
	width: 70%;
	margin: 0 auto;
	margin-top: 49rem;
	text-align: center;
	margin-bottom: 59rem;
}

.patent .youshi1 {
	margin-top: 58rem;
	padding: 0 28rem;
	margin-bottom: 114rem;
	position: relative;
	overflow: hidden;
}

.patent .youshi1 li {
	float: left;
	width: 25%;
	position: relative;
	padding: 0 28rem;
	z-index: 44;
	text-align: center;
}

.patent .youshi1 li .box {
	height: 310rem;
	position: relative;
	background: #f3f3f3;
}

.patent .youshi1 li .box .nr {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	transform: translateY(-50%);
}

.patent .youshi1 li .num {
	font-size: 70rem;
	line-height: 60rem;
	color: var(--main-color);
	position: relative;
	z-index: 33;
}

.patent .youshi1 li .num span {
	display: inline-block;
	font-size: 40rem;
	vertical-align: middle;
}

.patent .youshi1 li .num .counter {
	font-size: 70rem;
}

.patent .youshi1 li .num i {
	font-size: 40rem;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
}

.patent .youshi1 li .h3 {
	font-size: 20rem;
	line-height: 26rem;
	overflow: hidden;
	margin-top: 28rem;
	color: #333333;
	position: relative;
	z-index: 33;
}

.patent .youshi1 li:nth-child(4):after {
	display: none;
}

.palist ul {
	font-size: 0;
	text-align: center;
	margin: 0 -10rem;
}

.palist ul li {
	text-align: left;
	width: 376rem;
	height: 123rem;
	position: relative;
	margin: 0 10rem;
	padding: 0 50rem;
	padding-top: 6rem;
	display: inline-block;
	vertical-align: top;
	font-size: 23rem;
	line-height: 25rem;
	color: #333333;
	background: url(../images/abg.png) no-repeat center center;
	background-size: 100%;
}

.patentlist {
	border-top: 1px solid #e7e6e6;
	margin-top: 114rem;
	padding-bottom: 100rem;
}

.patentlist ul li {
	border-bottom: 1px solid #e7e6e6;
}

.patentlist ul li a {
	display: block;
	position: relative;
}

.patentlist ul li a .bt {
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	font-family: var(--Ubuntu-Light);
	font-size: 24rem;
	line-height: 35rem;
	padding: 50rem 20rem;
	color: #333333;
}

.patentlist ul li .pic {
	position: absolute;
	width: 200rem;
	right: 30%;
	top: -70rem;
	z-index: 3;
	opacity: 0;
	background: #000;
	transform: translate(0, 20px);
	transition: all 0.8s;
}

.patentlist ul li .pic:after {
	padding-bottom: 133.33333333%;
}

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

	.patentlist ul li:hover .pic {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.pre {
	padding: 39rem 0 0 0;
	position: relative;
}

.pre .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 28rem;
	line-height: 36rem;
	color: #383838;
	margin-top: 42rem;
	text-align: center;
	margin-bottom: 41rem;
}

.pre .list {
	position: relative;
	overflow: hidden;
	padding: 64rem 66rem 35rem 66rem;
	background-color: #f7f7f7;
	border-radius: 6rem;
}

.pre .list ul {
	margin: 0 -5rem;
}

.pre .list li {
	width: 25%;
	float: left;
	padding: 0 5rem 18rem 5rem;
	position: relative;
}

.pre .list .box {
	position: relative;
}

.pre .list .box .span {
	font-family: var(--Ubuntu-Light);
	font-size: 18rem;
	color: #394e6a;
	line-height: 44rem;
	display: block;
}

.pre .list .box .span font {
	color: var(--main-color);
}

.pre .list input,
.pre .list select,
.pre .list textarea {
	width: 100%;
	border: 0;
	height: 57rem;
	background-color: #ffffff;
	border-radius: 6rem;
	font-size: 16rem;
	color: #dcdcdc;
	padding: 0 20rem;
	font-family: var(--Ubuntu-Light);
}

.pre .list input::-webkit-input-placeholder,
.pre .list select::-webkit-input-placeholder,
.pre .list textarea::-webkit-input-placeholder {
	color: #dcdcdc;
}

.pre .list input:-moz-placeholder,
.pre .list select:-moz-placeholder,
.pre .list textarea:-moz-placeholder {
	color: #dcdcdc;
	opacity: 1;
}

.pre .list input::-moz-placeholder,
.pre .list select::-moz-placeholder,
.pre .list textarea::-moz-placeholder {
	color: #dcdcdc;
	opacity: 1;
}

.pre .list input:-ms-input-placeholder,
.pre .list select:-ms-input-placeholder,
.pre .list textarea:-ms-input-placeholder {
	color: #dcdcdc;
}

.pre .list .textarea .box {
	padding: 0;
}

.pre .list .verifyDiv {
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.pre .list textarea {
	height: 158rem;
	padding: 15rem 20rem 15rem 20rem;
	margin-bottom: 23rem;
}

.pre .list .more3 {
	float: right;
}

.pre .list .verify {
	height: 57rem;
	background-color: #fbfbfc;
	font-size: 14rem;
	position: relative;
	width: 420rem !important;
}

.pre .list .verify .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 57rem;
	height: 57rem;
	border: 1px #fbfbfc solid;
	background: #ffffff url(../images/drag-arrow.svg) no-repeat center center;
	background-size: 20rem 20rem;
	z-index: 2;
	cursor: move;
}

.pre .list .verify .suc-drag-btn {
	background: #ffffff url(../images/drag-success.svg) no-repeat center center;
	background-size: 20rem 20rem;
}

.pre .list .verify .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 57rem;
	line-height: 55rem;
	width: 0;
	background-color: var(--main-color);
	color: #333;
	font-size: 14rem;
	text-align: center;
}

.pre .list .verify .fix-tips,
.pre .list .verify .verify-msg {
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #333;
	z-index: 1;
	line-height: 57rem;
	padding-left: 57rem;
	text-align: center;
}

.pre .list .verify .verify-msg {
	padding-left: 0;
	padding-right: 57rem;
}

.pre .list .verify .verify-msg {
	background-color: var(--main-color);
	display: none;
	color: #fff;
}

.pre01 {
	padding: 154rem 0 118rem 0;
	position: relative;
}

.pre01 .pre-bottom {
	padding-top: 63rem;
}

.pre01 .pre-bottom ul {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}

.pre01 .pre-bottom ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.pre01 .pre-bottom ul li .box {
	padding: 72rem 50rem;
	height: 100%;
}

.pre01 .pre-bottom ul li .pic {
	width: 140rem;
	margin: 0 auto;
}

.pre01 .pre-bottom ul li .span {
	font-family: var(--Ubuntu-Light);
	font-size: 30rem;
	margin-top: 10rem;
	margin-bottom: 23rem;
	color: #555555;
}

.pre01 .pre-bottom ul li .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #555555;
}

.pre01 .pre-bottom ul li .p a {
	font-size: 30rem;
	color: #d70c19;
}

@media (min-width: 1025px) {
	.pre01 .pre-bottom ul li:hover .box {
		background: #fafafa;
	}
}

.pre02 {
	padding: 115rem 0 79rem 0;
	background: url(../images/prbg.jpg) no-repeat center center;
	background-size: cover;
}

.pre02 .info {
	width: 632rem;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0rem 17rem 35rem 0rem rgba(146, 146, 146, 0.24);
	margin-left: 93rem;
	padding: 54rem 89rem;
}

.pre02 .bt {
	font-size: 26rem;
	line-height: 44rem;
	margin-bottom: 10rem;
	color: #08060b;
}

.pre02 .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 44rem;
	color: #08060b;
}

.pre02 .p p {
	padding-left: 35rem;
	margin-bottom: 6rem;
}

.pre02 .p .pr1 {
	background: url(../images/pr1.png) no-repeat left 12rem;
	background-size: 21rem;
}

.pre02 .p .pr2 {
	background: url(../images/pr2.png) no-repeat left 10rem;
	background-size: 21rem;
}

.pre02 .p .pr3 {
	background: url(../images/pr3.png) no-repeat left 10rem;
	background-size: 17rem;
}

.solution {
	padding: 0 !important;
}

.solution .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 24rem;
	line-height: 41rem;
	color: #5b636a;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

.solution01 {
	padding: 52rem 0 109rem 0;
}

.solution01 .home-p {
	font-family: var(--Ubuntu-Light);
	font-size: 28rem;
	margin-top: 39rem;
	color: #383838;
	margin-bottom: 43rem;
}

.solution02 {
	padding: 75rem 0;
	background-color: #f3f7fc;
}

.swiper-solution1 {
	position: relative;
	width: 91%;
	margin: 0 auto;
	margin-top: 61rem;
	overflow: hidden;
}

.swiper-solution1 .swiper-slide {
	width: 33.33333333%;
	margin-right: 35rem;
	box-shadow: 0rem 15rem 27rem 0rem rgba(42, 42, 42, 0.13);
	border-radius: 10rem;
	border: solid 1rem #d7d6d6;
	background-color: #ffffff;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.swiper-solution1 .swiper-slide:hover {
		background-color: var(--main-color);
	}

	.swiper-solution1 .swiper-slide:hover .pic img {
		transform: scale(1.1);
	}

	.swiper-solution1 .swiper-slide:hover .bt {
		color: #fff;
	}

	.swiper-solution1 .swiper-slide:hover .p {
		color: #fff;
	}

	.swiper-solution1 .swiper-slide:hover .more2 {
		opacity: 1;
	}

	.swiper-solution1 .swiper-slide:hover .more2 p {
		color: #fff;
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13rem;
	}
}

.swiper-solution1 .pic:after {
	padding-bottom: 49.294737%;
}

.swiper-solution1 .text {
	padding: 11rem 28rem 41rem 28rem;
}

.swiper-solution1 .bt {
	font-size: 26rem;
	line-height: 37rem;
	height: 148rem;
	overflow: hidden;
	color: #383838;
}

.swiper-solution1 .p {
	font-size: 20rem;
	line-height: 26rem;
	height: 78rem;
	margin-top: 33rem;
	margin-bottom: 28rem;
	overflow: hidden;
	color: #555555;
}

.swiper-solution1 .more2 {
	opacity: 0;
}

.swiper-solution1 .btn {
	text-align: center;
	margin-top: 41rem;
	position: relative;
}

.swiper-solution1 .btn .swiper-button-prev,
.swiper-solution1 .btn .swiper-button-next {
	width: 52rem;
	height: 52rem;
	border: solid 1px #c3c3c4;
	border-radius: 50%;
	margin-top: 0;
	text-align: center;
	left: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.swiper-solution1 .btn .swiper-button-prev:after,
.swiper-solution1 .btn .swiper-button-next:after {
	font-size: 20rem;
	line-height: 52rem;
	color: var(--main-color);
}

@media (min-width: 1025px) {

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

	.swiper-solution1 .btn .swiper-button-prev:hover:after,
	.swiper-solution1 .btn .swiper-button-next:hover:after {
		color: #fff;
	}
}

.swiper-solution1 .btn .swiper-button-next {
	right: auto;
	left: auto;
}

.swiper-solution1 .btn .swiper-pagination {
	width: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20rem;
}

.swiper-solution1 .btn .swiper-pagination-bullet {
	position: relative;
	width: 44rem;
	height: 3rem;
	border-radius: 0;
	opacity: 1;
	margin: 0 2px;
	background-color: #e1e1e3;
}

.swiper-solution1 .btn .swiper-pagination-bullet-active {
	background: var(--main-color);
}

.solution03 {
	padding: 108rem 0 150rem 0;
	background-color: #f6f7f7;
	overflow: hidden;
	position: relative;
}

.swiper-product {
	position: relative;
	width: 47%;
	margin: 0 auto;
	margin-top: 55rem;
}

.swiper-product .swiper-slide {
	width: 100%;
}

.swiper-product .swiper-slide .box {
	padding: 46rem 48rem;
	overflow: hidden;
	background-color: #eaebeb;
	border-radius: 10rem;
}

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

	.swiper-product .swiper-slide:hover .bt {
		color: var(--main-color);
	}
}

.swiper-product .pic {
	width: 49%;
	float: left;
}

.swiper-product .pic:after {
	padding-bottom: 81.81818182%;
}

.swiper-product .text {
	padding: 15rem 0 0 28rem;
	width: 51%;
	float: left;
}

.swiper-product .bt {
	font-family: var(--Ubuntu-Bold);
	font-size: 26rem;
	line-height: 28rem;
	color: #000000;
	height: 56rem;
	overflow: hidden;
}

.swiper-product .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 24rem;
	color: #5b636a;
	height: 72rem;
	margin-top: 33rem;
	margin-bottom: 23rem;
	overflow: hidden;
}

.swiper-product .more2 {
	border-top: 1px solid #d7d7d7;
	padding-top: 33rem;
}

.swiper-product .swiper-button-prev,
.swiper-product .swiper-button-next {
	width: 44rem;
	height: 44rem;
	border-radius: 50%;
	margin-top: -22rem;
	background: rgba(0, 0, 0, 0.14) url(../images/left.png) no-repeat center center;
	background-size: 14rem;
	text-align: center;
	left: -22rem;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
}

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

@media (min-width: 1025px) {

	.swiper-product .swiper-button-prev:hover,
	.swiper-product .swiper-button-next:hover {
		background-color: var(--main-color);
	}
}

.swiper-product .swiper-button-next {
	right: -22rem;
	left: auto;
	background: rgba(0, 0, 0, 0.14) url(../images/right.png) no-repeat center center;
	background-size: 14rem;
}

.solution04 {
	padding: 82rem 0 119rem 0;
}

.solution04 .nbottom {
	width: 65%;
	margin: 0 auto;
}

.solution04 .pp {
	font-size: 24rem;
	line-height: 41rem;
	color: #5b636a;
	text-align: left;
	width: 100%;
	margin-top: 48rem;
}

.solution04 .jsh {
	margin-top: 67rem;
	margin-bottom: 39rem;
	overflow: hidden;
}

.solution04 .jsh h3 {
	font-family: var(--Ubuntu-Bold);
	font-size: 28rem;
	margin-bottom: 37rem;
	color: #383838;
}

.pli {
	font-family: var(--Ubuntu-Light);
	font-size: 24rem;
	line-height: 37rem;
	color: #5b636a;
}

.pli p {
	padding-left: 59rem;
	margin-bottom: 25rem;
	background: url(../images/dui.png) no-repeat left 0rem;
	background-size: 30rem;
}

.business {
	padding: 0 !important;
}

.business01 {
	padding: 104rem 0;
	padding-bottom: 40rem;
}

.business01 .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #3c3c3c;
	width: 70%;
	margin: 0 auto;
	margin-top: 45rem;
	text-align: center;
	margin-bottom: 42rem;
}

.business02 {
	padding: 80rem 0 0 0;
}

.business02 .list {
	padding-top: 72rem;
}

.business02 .list ul {
	margin: 0 -19rem;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.business02 .list ul li {
	width: 33.33333333%;
	padding: 0 19rem;
	margin-bottom: 39rem;
	display: inline-block;
	vertical-align: top;
}

.business02 .list ul li.li-1 {
	width: 50%;
}

.business02 .list ul li .box {
	text-align: center;
	height: 420rem;
	background: #f3f3f3;
	position: relative;
}

.business02 .list ul li .ne {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
	padding: 20rem;
}

.business02 .list ul li .pic {
	width: 150rem;
	margin: 0 auto;
}

.business02 .list ul li .bt {
	font-size: 28rem;
	line-height: 40rem;
	height: 80rem;
	overflow: hidden;
	color: #383838;
}

.business02 .list ul li .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 24rem;
	color: #383838;
}

.business03 {
	padding: 56rem 0 78rem 0;
	background: none;
}

.business04 {
	padding: 22rem 0 0 0;
	overflow: hidden;
	position: relative;
}

.swiper-case {
	position: relative;
	width: 79%;
	margin-top: 50rem;
}

.swiper-case .swiper-slide {
	width: 100%;
	margin-right: 7rem;
	overflow: hidden;
}

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

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

.swiper-case .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 33;
	background: rgba(255, 255, 255, 0.6);
}

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

.swiper-case .btn {
	text-align: center;
}

.swiper-case .btn .swiper-button-prev,
.swiper-case .btn .swiper-button-next {
	width: 48rem;
	height: 48rem;
	background-color: #eaebed;
	border-radius: 50%;
	margin-top: 0;
	text-align: center;
	left: 20rem;
	top: auto;
	bottom: 60rem;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
}

.swiper-case .btn .swiper-button-prev:after,
.swiper-case .btn .swiper-button-next:after {
	font-size: 20rem;
	line-height: 48rem;
	color: var(--main-color);
}

@media (min-width: 1025px) {

	.swiper-case .btn .swiper-button-prev:hover,
	.swiper-case .btn .swiper-button-next:hover {
		background-color: var(--main-color);
	}

	.swiper-case .btn .swiper-button-prev:hover:after,
	.swiper-case .btn .swiper-button-next:hover:after {
		color: #fff;
	}
}

.swiper-case .btn .swiper-button-next {
	right: 20rem;
	left: auto;
}

.swiper-case .btn .swiper-pagination {
	bottom: 77rem;
	width: 100%;
}

.swiper-case .btn .swiper-pagination-bullet {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	opacity: 1;
	margin: 0 7px;
	border: solid 1px #ffffff;
	background: none;
}

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

.product {
	padding: 0 !important;
}

.product01 {
	padding: 17rem 0 63rem 0;
	background: url(../images/bg9.jpg) no-repeat bottom center;
	background-size: cover;
}

.product01 .left {
	width: 44%;
	float: right;
}

.product01 .left img {
	display: block;
}

.product01 .right {
	width: 50%;
	float: left;
	padding-top: 29rem;
}

.product01 .right .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 50rem;
	line-height: 58rem;
	color: #4f4f4f;
}

.product01 .right .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 34rem;
	margin-top: 24rem;
	margin-bottom: 52rem;
	color: #5b636a;
}

.product01 .right .online {
	display: inline-block;
	vertical-align: top;
	background-color: var(--main-color);
	border-radius: 4rem;
}

.product01 .right .online a {
	display: block;
	float: left;
	font-size: 18rem;
	line-height: 40rem;
	padding: 13rem 30rem;
	color: #fafafa;
	position: relative;
}

.product01 .right .online a:after {
	content: '';
	display: block;
	width: 1px;
	height: 25rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #da4455;
}

.product01 .right .online a img {
	width: 20rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20rem;
}

.product01 .right .online a:nth-child(2):after {
	display: none;
}

.product02 {
	padding: 67rem 0 112rem 0;
}

.product02 ul {
	text-align: center;
	font-size: 0;
}

.product02 ul li {
	display: inline-block;
	vertical-align: top;
	width: 16.66666667%;
}

.product02 ul li .box {
	position: relative;
	opacity: 1;
}

.product02 ul li .box .bt {
	/*text-overflow: ellipsis;
  white-space: nowrap !important;*/
	overflow: hidden;
	font-family: var(--Ubuntu-Light);
	font-size: 18rem;
	line-height: 32rem;
	margin-top: 16rem;
	color: #07121b;
	text-transform: uppercase;
}

.product02 ul li .pic {
	width: 128rem;
	border-radius: 50%;
	margin: 0 auto;
	background-color: #ffffff;
	border: solid 1rem #acafb1;
}

@keyframes example {
	0% {
		background-size: 0;
	}

	100% {
		background-size: 100rem;
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.product02 ul li .box .pic {
	background-image: url(../images/bg10.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 88rem;
	/*animation-name: example;
	animation-duration:2s;
	animation-iteration-count: infinite;*/
}

.product02 ul li .box .pic:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 125rem;
	height: 125rem;
	border-radius: 50%;
	background: url(../images/dongxiao2.png) no-repeat;
	background-position-x: 54rem;
	background-position-y: 2rem;
	background-size: 15rem;
	animation: rotation 5s linear infinite;
}

.product02 ul li:hover .box .pic:before,
.product02 ul li.active .box .pic:before {
	left: 0;
	top: 0;
	width: 125rem;
	height: 125rem;
	background: url(../images/dongxiao2.png) no-repeat;
	background-position-x: 95rem;
	background-position-y: 90rem;
	background-size: 15rem;
	animation-play-state: paused;
	transform: rotate(0deg) !important;
}

@media (min-width: 1025px) {
	.product02 ul li:hover .box {
		opacity: 1;
	}

	.product02 ul li:hover .box .pic {
		animation-play-state: paused;
		background: #ffffff url(../images/bg10.png) no-repeat center center;
		background-size: 88rem;
	}

	.product02 ul li:hover .box .bt {
		color: var(--main-color);
		font-family: var(--Ubuntu-Bold);
		font-size: 20rem;
	}
}

.product02 ul .active .box {
	opacity: 1;
}

.product02 ul .active .box .pic {
	background: #ffffff url(../images/bg10.png) no-repeat center center;
	background-size: 88rem;
}

.product02 ul .active .box .bt {
	color: var(--main-color);
	font-family: var(--Ubuntu-Bold);
	font-size: 20rem;
}

.product03 {
	border-bottom: 1px solid #d3d3d3;
	background: #f4f5f5;
	text-align: center;
}

.product03 ul li {
	display: inline-block;
	vertical-align: top;
}

.product03 ul li a {
	font-family: var(--Ubuntu-Bold);
	font-size: 18rem;
	line-height: 71rem;
	min-width: 280rem;
	padding: 0 30rem;
	margin: 0 10rem;
	color: #666666;
	display: block;
}

@media (min-width: 1025px) {
	.product03 ul li:hover a {
		color: var(--main-color);
		background: #fff;
		border: 1px solid #d3d3d3;
		border-bottom: 1px solid #fff;
	}
}

.product03 ul .active a {
	color: var(--main-color);
	background: #fff;
	border: 1px solid #d3d3d3;
	border-bottom: 1px solid #fff;
}

.product04 .item {
	position: relative;
	overflow: hidden;
	padding: 94rem 0;
}

.product04 .item .item-bottom {
	padding-top: 68rem;
}

.product04 .item .pli1 {
	width: 60%;
	margin: 0 auto;
}

.product04 .item .pli1 p {
	margin-bottom: 12rem;
}

.product04 .item .table {
	text-align: center;
}

.product04 .item .table tr {
	background: #fff;
}

.product04 .item .table td {
	font-size: 16rem;
	line-height: 40rem;
	color: #333333;
	border: solid 1px #cad3d4;
	padding: 7rem 15rem;
}

.product04 .item1 {
	background-color: #f5f7f8;
	font-size: 18rem;
	line-height: 1.5;
}

.product04 .item2 {
	padding-bottom: 0;
}

.product04 .item0 {
	padding: 66rem 0;
	background: url(../images/bg11.jpg) no-repeat center center;
	background-size: cover;
}

.product04 .item0 .home-title {
	font-family: var(--Ubuntu-Light);
	font-size: 40rem;
	line-height: 48rem;
	color: #ffffff;
}

.product04 .item0 .more3 {
	text-align: center;
	margin-top: 25rem;
}

.product04 .item0 .more3 p {
	margin: 0 auto;
	background: none;
}

.buslist li {
	margin-bottom: 123rem;
}

.buslist li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.buslist li .box .pic {
	width: 59%;
	float: left;
}

.buslist li .box .pic:after {
	padding-bottom: 64.66739368%;
}

.buslist li .box .text {
	width: 41%;
	float: right;
	padding-left: 120rem;
}

.buslist li .box .text .bt {
	font-family: var(--Ubuntu-Light);
	font-size: 50rem;
	line-height: 58rem;
	color: #383838;
}

.buslist li .box .text .span {
	font-size: 24rem;
	line-height: 31rem;
	margin-top: 24rem;
	margin-bottom: 56rem;
	color: #383838;
}

.buslist li .box .text .pli {
	font-size: 22rem;
	margin-bottom: 71rem;
	overflow: hidden;
}

.buslist li .box .text .pli p {
	margin-bottom: 11rem;
}

.buslist li .box .text .more3 p {
	background: #fff;
}

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

	.buslist li:hover .text .more3 p {
		background: var(--main-color);
		border: solid 1rem var(--main-color);
	}

	.buslist li:hover .text .more3 p span {
		color: #fff;
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13rem;
	}
}

.buslist li:nth-child(2n) .box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.buslist li:nth-child(2n) .box .text {
	padding-right: 120rem;
	padding-left: 0;
}

.buslist li:nth-last-child(1) {
	margin-bottom: 0;
}

.swiper-business {
	position: relative;
	margin-top: 144rem;
}

.swiper-business img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-business .img1 {
	display: none;
}

.swiper-business .title-area {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}

.swiper-business .title-area .bt {
	font-size: 40rem;
	margin-bottom: 15rem;
	font-family: var(--Ubuntu-Bold);
	color: #ffffff;
	text-transform: uppercase;
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.swiper-business .title-area .p {
	font-family: var(--Ubuntu-Light);
	font-size: 40rem;
	color: #ffffff;
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.swiper-business .title-area .p:after {
	content: '';
	display: block;
	width: 82rem;
	height: 5rem;
	background-color: var(--main-color);
	margin-top: 35rem;
	margin-bottom: 40rem;
}

.swiper-business .title-area .more {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.swiper-buslist {
	width: 100%;
	position: absolute;
	bottom: 5vh;
	color: #fff;
	z-index: 5;
	max-width: 1575rem;
	left: 50%;
	transform: translate(-50%, 0);
}

.swiper-buslist ul {
	width: 100%;
	display: flex;
	list-style: none;
}

.swiper-buslist ul li {
	width: 25%;
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 58rem;
	color: #ffffff;
	position: relative;
	padding-right: 140rem;
}

.swiper-buslist ul li span {
	padding-left: 12rem;
	display: inline-block;
	vertical-align: top;
}

.swiper-buslist ul li.active a:after {
	-webkit-animation: swiperbanner 5s linear;
	animation: swiperbanner 5s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.swiper-buslist ul li a {
	color: #fff;
	cursor: pointer;
	letter-spacing: 0;
	display: block;
	position: relative;
}

.swiper-buslist ul li a:after {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	content: '';
	background: var(--main-color);
	left: 0;
	z-index: 5;
}

.swiper-buslist ul li a:before {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: rgba(255, 255, 255, 0.2);
	left: 0;
	z-index: 3;
}

.about {
	padding: 0 !important;
}

.about01 {
	padding: 103rem 0 5rem 0;
	position: relative;
	overflow: hidden;
}

.about01 .left {
	float: left;
	width: 50%;
	padding-right: 53rem;
}

.about01 .left .bt {
	font-family: var(--Ubuntu-Light);
	margin-top: 24rem;
	font-size: 86rem;
	color: #696969;
}

.about01 .left .palist {
	padding-top: 252rem;
}

.about01 .left .palist ul li {
	font-size: 18rem;
	text-align: center;
	width: 327rem;
	margin-bottom: 70rem;
}

.about01 .left .palist ul li .box {
	position: absolute;
	top: 50%;
	width: 100%;
	padding-top: 0;
	transform: translateY(-50%);
	left: 0;
}

.about01 .right {
	float: right;
	width: 50%;
}

.about01 .right .bt {
	font-size: 22rem;
	line-height: 32rem;
	margin-bottom: 38rem;
	color: #000000;
}

.about01 .right .p {
	font-size: 16rem;
	line-height: 29rem;
	color: rgba(0, 0, 0, 0.8);
}

.about01 .right .p p {
	margin-bottom: 10rem;
}

@keyframes mymove {
	0% {
		transform: scale(0.3);
	}

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

@-webkit-keyframes mymove {
	0% {
		transform: scale(0.3);
	}

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

.about02 {
	padding: 97rem 0;
	background-color: #f7f7f7;
	position: relative;
	overflow: hidden;
}

.about02 .pp {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	margin-top: 26rem;
	margin-bottom: 57rem;
	color: #3c3c3c;
}

.about02 .img {
	width: 1641rem;
	height: 739rem;
	margin-left: -843rem;
	position: relative;
	left: 50%;
	top: 0;
}

.about02 .img .hide {
	display: none;
}

.about02 .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.about02 .img .globalMap {
	width: 100%;
	height: 739rem;
	position: relative;
	z-index: 66;
}

.about02 .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;
}

.about02 .img .area i {
	width: 69rem;
	height: 69rem;
	background: url(../images/dot.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	-webkit-animation: 5s ease mymove infinite;
	animation: 5s ease mymove infinite;
}

.about02 .img .area .dot {
	position: relative;
	font-size: 17rem;
	line-height: 30rem;
	letter-spacing: 4rem;
	color: #ffffff;
	display: block;
	padding: 0 6rem 0 8rem;
	text-align: center;
	z-index: 1;
}

.about02 .img .m01 {
	top: 12%;
	left: 29.5%;
}

.about02 .img .m02 {
	top: 47.4%;
	left: 34.5%;
}

.about02 .img .m03 {
	top: 55.8%;
	left: 32.5%;
}

.about02 .img .m04 {
	top: 57.7%;
	left: 38.4%;
}

.about02 .img .m05 {
	top: 27.4%;
	right: 22%;
}

.about02 .ul {
	margin: 0 -70rem;
}

.about02 .ul .li {
	width: 50%;
	float: left;
	padding: 0 70rem;
}

.about02 .ul .li .bt {
	font-family: var(--Ubuntu-Bold);
	font-size: 21rem;
	color: #333333;
	margin-bottom: 13rem;
}

.about02 .ul .li .p {
	font-size: 20rem;
	line-height: 31rem;
	color: #333333;
}

.about03 {
	padding: 88rem 0 149rem 0;
	background: #eaf2f7;
	position: relative;
	overflow: hidden;
}

.about03 .gllist ul {
	margin: 0 -17rem;
}

.about03 .gllist ul li {
	width: 20%;
	float: left;
	padding: 0 17rem;
}

.about03 .gllist ul li .pic:after {
	padding-bottom: 56.33802817%;
}

.about03 .youshi1 {
	margin-top: 102rem;
	padding: 0 28rem;
	margin-bottom: 85rem;
	position: relative;
	overflow: hidden;
}

.about03 .youshi1 li {
	float: left;
	width: 33.33333%;
	position: relative;
	padding: 0 28rem;
	z-index: 44;
}

.about03 .youshi1 li .box {
	position: relative;
}

.about03 .youshi1 li .num {
	line-height: 90rem;
	color: var(--main-color);
	position: relative;
	z-index: 33;
}

.about03 .youshi1 li .num span {
	display: inline-block;
	vertical-align: text-bottom;
}

.about03 .youshi1 li .num .counter {
	font-size: 104rem;
}

.about03 .youshi1 li .num i {
	font-size: 60rem;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	line-height: 70rem;
}

.about03 .youshi1 li .num em {
	font-family: var(--Ubuntu-Light);
	font-style: normal;
	font-size: 30rem;
	line-height: 36rem;
	color: #696969;
	display: inline-block;
	vertical-align: text-bottom;
}

.about03 .youshi1 li .h3 {
	font-size: 20rem;
	color: #949494;
	font-family: var(--Ubuntu-Light);
	margin-top: -33rem;
	position: relative;
	z-index: 33;
}

.about03 .youshi1 li:nth-child(1) {
	width: 37%;
}

.about03 .youshi1 li:nth-child(2) {
	width: 37%;
}

.about03 .youshi1 li:nth-child(3) {
	width: 23%;
	float: right;
}

.about04 {
	padding: 111rem 0;
	position: relative;
	overflow: hidden;
	background: url(../images/bg12.jpg) no-repeat center center;
	background-size: cover;
}

.about04 .li {
	margin-top: 64rem;
	position: relative;
	display: none;
}

.about04 .li:after {
	content: '';
	display: block;
	width: 1920rem;
	height: 1px;
	background: #dddddd;
	position: absolute;
	top: 5rem;
	left: 50%;
	margin-left: -960rem;
}

.swiper-history {
	position: relative;
	width: 100%;
	padding-top: 45rem;
	padding-bottom: 95rem;
	background: url(../images/line.png) repeat-x bottom left;
	background-size: 1662rem;
}

.swiper-history .item {
	height: auto;
}

.swiper-history .item .box {
	padding: 48rem 29rem 25rem 29rem;
	position: relative;
	height: 100%;
	background-color: #ebf3f7;
	border-radius: 30rem;
}

.swiper-history .item .num {
	font-size: 52rem;
	text-stroke: 1px #727272;
	-webkit-text-stroke: 1px #727272;
	color: rgba(114, 114, 114, 0);
	font-family: var(--Ubuntu-Bold);
}

.swiper-history .item .bt {
	font-size: 20rem;
	line-height: 30rem;
	color: #333333;
	margin-top: 20rem;
	margin-bottom: 20rem;
	font-family: var(--Ubuntu-Bold);
}

.swiper-history .item .p {
	font-size: 20rem;
	line-height: 30rem;
	color: #555555;
	min-height: 150rem;
	overflow: hidden;
}

.swiper-history .swiper-slide:hover .num {
	text-stroke: 1px var(--main-color);
	-webkit-text-stroke: 1px var(--main-color);
}

.mySwiper1 {
	width: 1600rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.mySwiper1 .bt {
	font-size: 22rem;
	line-height: 37rem;
	color: #333333;
	font-family: var(--Ubuntu-Bold);
	padding-top: 24rem;
	position: relative;
}

.mySwiper1 .bt:after {
	content: '';
	display: block;
	width: 10rem;
	height: 10rem;
	background-color: #dddddd;
	border-radius: 50%;
	position: absolute;
	top: 2rem;
	left: 0;
}

.mySwiper1 .bt:before {
	content: '';
	display: block;
	width: 0;
	height: 3rem;
	background-color: var(--main-color);
	position: absolute;
	top: 5rem;
	left: 0;
	transition: 0.5s;
}

.mySwiper1 .p {
	font-size: 18rem;
	font-family: var(--Ubuntu-Bold);
	color: #333333;
}

.mySwiper1 .swiper-slide-thumb-active .bt {
	color: var(--main-color);
}

.mySwiper1 .swiper-slide-thumb-active .bt:after {
	background-color: var(--main-color);
}

.mySwiper1 .swiper-slide-thumb-active .bt:before {
	width: 50%;
}

.mySwiper1 .swiper-slide-thumb-active .p {
	color: var(--main-color);
}

.about05 {
	padding: 97rem 0 75rem 0;
	background: url(../images/bg13.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.about05 .about-bottom {
	padding-top: 46rem;
}

.swiper-honor {
	position: relative;
	padding-bottom: 163rem;
}

.swiper-honor .item .pic {
	width: 34%;
	float: left;
}

.swiper-honor .item .pic:after {
	padding-bottom: 142.85714286%;
}

.swiper-honor .item .text {
	float: left;
	width: 66%;
	padding: 24rem 24rem;
}

.swiper-honor .item .text .bt {
	font-size: 28rem;
	line-height: 33rem;
	color: #d01026;
	position: relative;
	padding: 52rem 0 18rem 0;
	margin-bottom: 48rem;
}

.swiper-honor .item .text .bt:after,
.swiper-honor .item .text .bt:before {
	content: '';
	display: block;
	width: 20rem;
	height: 17rem;
	position: absolute;
}

.swiper-honor .item .text .bt:before {
	top: 0;
	left: 0;
	background: url(../images/zy.png) no-repeat center center;
	background-size: 100%;
}

.swiper-honor .item .text .bt:after {
	bottom: 0;
	right: 0;
	background: url(../images/yy.png) no-repeat center center;
	background-size: 100%;
}

.swiper-honor .item .text .span {
	font-size: 18rem;
	color: #4f4f4f;
}

.swiper-honor .swiper-button-prev,
.swiper-honor .swiper-button-next {
	width: 80rem;
	height: 80rem;
	border: solid 1px #adb7bb;
	border-radius: 50%;
	background: url(../images/lefth.png) no-repeat center center;
	background-size: 9rem;
	margin-top: -26rem;
	left: 180rem;
	top: auto;
	bottom: 0;
}

.swiper-honor .swiper-button-prev:after,
.swiper-honor .swiper-button-next:after {
	display: none;
}

@media (min-width: 1025px) {

	.swiper-honor .swiper-button-prev:hover,
	.swiper-honor .swiper-button-next:hover {
		background: var(--main-color) url(../images/left.png) no-repeat center center;
		background-size: 9rem;
		border: dashed 2px var(--main-color);
	}
}

.swiper-honor .swiper-button-next {
	background: url(../images/righth.png) no-repeat center center;
	background-size: 9rem;
	left: 300rem;
}

@media (min-width: 1025px) {
	.swiper-honor .swiper-button-next:hover {
		background: var(--main-color) url(../images/right.png) no-repeat center center;
		background-size: 9rem;
		border: dashed 2px var(--main-color);
	}
}

.swiper-honor .swiper-pagination {
	font-size: 18rem;
	line-height: 80rem;
	color: #333333;
	bottom: 0;
	float: right;
	width: auto;
	right: 16%;
	left: auto;
	padding: 0 30rem;
}

.swiper-honor .swiper-pagination:after,
.swiper-honor .swiper-pagination::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 792rem;
	background: rgba(117, 117, 117, 0.41);
	margin: 0 20rem;
	position: absolute;
	top: 50%;
}

.swiper-honor .swiper-pagination::before {
	left: 100%;
}

.swiper-honor .swiper-pagination::after {
	right: 100%;
}

.swiper-honor .swiper-pagination span {
	font-family: var(--Ubuntu-Bold);
}

.about06 {
	padding: 102rem 0 0 0;
	position: relative;
	overflow: hidden;
}

.about06 .about-bottom {
	padding: 128rem 96rem;
	background: url(../images/bg14.jpg) no-repeat center center;
	background-size: cover;
}

.about06 .info {
	width: 751rem;
	min-height: 424rem;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0rem 17rem 35rem 0rem rgba(146, 146, 146, 0.24);
	padding: 79rem 33rem;
}

.about06 .info .bt {
	font-size: 40rem;
	margin-bottom: 29rem;
	color: #383838;
}

.about06 .info .p {
	font-family: var(--Ubuntu-Light);
	font-size: 20rem;
	line-height: 30rem;
	color: #636363;
}

.about07 {
	padding: 107rem 0 100rem 0;
	position: relative;
	overflow: hidden;
}

.about07 .picMarquee-top {
	position: relative;
	overflow: hidden;
}

.about07 .pic1 {
	margin-top: 0;
}

.about07 .partentlist li {
	width: 180rem;
	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;
}

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

	.sitemap .site-bottom {
		font-size: 18px;
		line-height: 30px;
	}

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

	.sitemap li .top1 {
		font-size: 24px;
	}

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

	.sitemap li .subnav a {
		font-size: 19px;
		margin-right: 20px;
		padding: 5px 0;
	}

	.sitemap li .subnav .hover {
		padding: 10px 20px;
	}

	.sitemap li .subnav .dot a {
		font-size: 16px;
	}

	.container {
		width: 100%;
		max-width: 750px !important;
		padding: 0 15px;
	}

	.height {
		top: -60px;
	}

	.height1 {
		height: 60px;
	}

	.top {
		display: none;
	}

	.header {
		height: 60px;
	}

	.header .logo {
		padding-top: 19px;
		margin-left: 0;
	}

	.header .logo a img {
		width: 122px;
	}

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

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

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

	.header .header-right .anniu {
		display: none;
	}

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

	.nav {
		display: none;
	}

	.headerfix {
		top: 0;
	}

	.headerfix .header {
		height: 60px;
	}

	.headerfix .header .logo {
		padding-top: 19px;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.home-span {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.home-title {
		font-size: 24px;
	}

	.home-title2 {
		font-size: 20px;
	}

	.home-title2:after {
		width: 40px;
		height: 2px;
		margin: 6px auto 0 auto;
	}

	.banner {
		height: auto;
	}

	.bannerindex {
		height: auto;
	}

	.swiper-renewal-main {
		margin-top: 60px;
	}

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

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

	.swiper-renewal-main .title-area {
		color: #fff;
		position: absolute;
		top: 10%;
		left: 0;
		padding-top: 0;
		width: 100%;
	}

	.swiper-renewal-main .title-area .main-tit {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.swiper-renewal-main .title-area p.sub-tit {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.swiper-renewal-main .title-area p.sub-tit a {
		padding: 0 5px;
	}

	.swiper-renewal-main .title-area p.sub-tit a:nth-child(1) {
		padding-left: 0;
	}

	.swiper-pagination2 {
		bottom: 10px;
		color: #fff;
		z-index: 5;
		max-width: 1575px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.swiper-pagination2 ul li {
		width: 33.33333%;
		font-size: 0;
		line-height: 50px;
	}

	.swiper-pagination2 ul li:after {
		position: absolute;
		bottom: 0;
		width: 0;
		height: 2px;
		content: '';
		background: var(--main-color);
		left: 0;
		z-index: 5;
	}

	.swiper-pagination2 ul li:before {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 2px;
		content: '';
		background: rgba(255, 255, 255, 0.2);
		left: 0;
		z-index: 3;
	}

	.swiper-pagination2 ul li span {
		padding-left: 12px;
	}

	.swiper-pagination2 .main_slide_handler {
		display: none;
	}

	.more a span,
	.more p span {
		min-width: 120px;
		line-height: 40px;
		padding: 0 20px;
	}

	.more1 a,
	.more1 p {
		width: 36px;
		height: 36px;
		border-radius: 6px;
		border: solid 2px var(--main-color);
		background: url(../images/more1.png) no-repeat center center;
		background-size: 14px;
	}

	.more4 a,
	.more4 p {
		border: solid 2px #fff;
		background: url(../images/more1h.png) no-repeat center center;
		background-size: 14px;
	}

	.more2 a,
	.more2 p {
		font-size: 14px;
		line-height: 24px;
		background: url(../images/more1.png) no-repeat center right;
		background-size: 13px;
		padding-right: 20px;
	}

	.more5 a,
	.more5 p {
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13px;
	}

	.more3 a,
	.more3 p {
		padding: 0 20px;
		border-radius: 6px;
	}

	.more3 a span,
	.more3 p span {
		font-size: 14px;
		line-height: 40px;
		background: url(../images/more1h.png) no-repeat center right;
		background-size: 13px;
		padding-right: 30px;
	}

	.more6 a span,
	.more6 p span {
		background: url(../images/more1.png) no-repeat center right;
		background-size: 13px;
	}

	.more7 a,
	.more7 p {
		border: solid 2px var(--main-color);
		padding: 0 10px;
	}

	.more7 a span,
	.more7 p span {
		background: url(../images/more1.png) no-repeat center right;
		background-size: 13px;
		line-height: 40px;
	}

	.home-news {
		padding: 40px 0;
	}

	.home-news .home-bottom {
		padding-top: 25px;
	}

	.news-one {
		margin-bottom: 24px;
	}

	.news-one .pic {
		width: 100%;
		border-radius: 10px;
	}

	.news-one .text {
		float: right;
		width: 100%;
		padding-top: 10px;
	}

	.news-one .bt {
		font-size: 18px;
		line-height: 30px;
		height: 60px;
	}

	.news-one .p {
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		margin-top: 14px;
		margin-bottom: 22px;
	}

	.newslist {
		margin: 0 -6px;
	}

	.newslist li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.newslist li .box {
		box-shadow: -4px 8px 24px 0px rgba(2, 11, 23, 0.19);
		border-radius: 10px;
	}

	.newslist li .nr .pic {
		float: left;
		width: 24.5%;
	}

	.newslist li .nr .more2 p {
		font-size: 0;
	}

	.newslist li .nr .text {
		float: right;
		width: 71%;
		padding: 17px 10px 10px 0;
	}

	.newslist li .span {
		font-size: 14px;
		line-height: 24px;
	}

	.newslist li .bt {
		font-size: 18px;
		line-height: 25px;
		height: 100px;
		margin-top: 7px;
		margin-bottom: 11px;
	}

	.home-business {
		padding: 40px 0 0 0;
	}

	.home-business .home-bottom {
		margin-top: 25px;
	}

	.home-business .home-bottom .list {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
	}

	.home-business .home-bottom .list ul li {
		width: 100%;
	}

	.home-business .home-bottom .list ul li a {
		height: auto;
		padding: 13px;
	}

	.home-business .home-bottom .list ul li .pic {
		width: 40px;
	}

	.home-business .home-bottom .list ul li .bt {
		font-size: 16px;
	}

	.home-business .home-bottom .right .swiper-slide {
		height: auto;
	}

	.home-business .home-bottom .right .swiper-slide a {
		padding-top: 150px;
		padding-bottom: 150px;
		height: 50vh;
	}

	.home-business .home-bottom .right .swiper-slide .bt {
		font-size: 20px;
	}

	.home-business .home-bottom .right .swiper-slide .p {
		font-size: 14px;
		line-height: 25px;
		max-height: 150px;
		margin-top: 8px;
		margin-bottom: 17px;
	}

	.home-business .home-bottom .right .swiper-slide .box {
		width: 100%;
		box-shadow: -7px 16px 35px 0px rgba(146, 146, 146, 0.24);
		padding: 30px;
	}

	.home-product .home-bottom {
		display: block;
	}

	.home-product .left {
		padding: 40px 0;
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.home-product .left #hisSwp1 {
		margin-top: 30px;
	}

	.home-product .left .home-span {
		margin-bottom: 20px;
	}

	.home-product .left .text {
		width: 100%;
		padding-top: 0;
	}

	.home-product .left .pic {
		width: 100%;
		margin-top: 10px;
	}

	.home-product .left .bt {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 15px;
	}

	.home-product .left .p {
		font-size: 16px;
		line-height: 28px;
		height: 140px;
		margin-bottom: 17px;
	}

	.home-product .right {
		width: 100%;
		margin-right: 0;
		padding: 20px 0;
		padding-left: 0;
	}

	.home-product .right:after {
		background: #eeeeee;
	}

	#hisgroup1 {
		height: auto;
	}

	#hisgroup1 .box {
		padding-right: 0;
	}

	#hisgroup1 .box .bt {
		font-size: 14px;
		line-height: 28px;
		text-align: center;
	}

	#hisgroup1 .pic {
		width: 64px;
		position: relative;
		top: auto;
		right: auto;
		margin: 0 auto;
	}

	#hisgroup1 .swiper-slide-thumb-active .box .bt {
		font-size: 16px;
	}

	.home-solution {
		padding: 40px 0 0 0;
	}

	.home-solution .home-bottom {
		margin-top: 25px;
	}

	.home-solution .home-bottom .swiper-button-prev,
	.home-solution .home-bottom .swiper-button-next {
		width: 34px;
		height: 34px;
		margin-top: -17px;
		left: -17px;
	}

	.home-solution .home-bottom .swiper-button-prev:after,
	.home-solution .home-bottom .swiper-button-next:after {
		font-size: 14px;
	}

	.home-solution .home-bottom .swiper-button-next {
		right: -17px;
		left: auto;
	}

	.home-solution .home-bottom .swiper-slide {
		width: 100% !important;
	}

	.home-solution .home-bottom .swiper-slide-active {
		width: 100% !important;
	}

	.item-list .itemli {
		width: 100%;
	}

	.item-list .itemli .box {
		height: 40vh;
	}

	.item-list .itemli .box .text {
		padding: 0 20px 23px 20px;
	}

	.item-list .itemli .box .text .bt {
		font-size: 18px;
		line-height: 31px;
	}

	.item-list .itemli .box .hover {
		width: 100%;
		padding: 0 20px;
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}

	.item-list .itemli .box .hover .bt {
		font-size: 20px;
	}

	.item-list .itemli .box .hover .p {
		font-size: 14px;
		line-height: 25px;
		max-height: 100px;
		margin-bottom: 24px;
		margin-top: 9px;
	}

	.home-support {
		padding: 40px 0;
	}

	.home-support .home-bottom {
		padding-top: 25px;
	}

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

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

	.home-support .home-bottom ul li .box .pic {
		box-shadow: -3px 7px 59px 0px rgba(0, 0, 0, 0.19);
		border-radius: 10px;
	}

	.home-support .home-bottom ul li .box .pic img {
		width: 100%;
	}

	.home-support .home-bottom ul li .box .hover {
		padding: 24px;
	}

	.home-support .home-bottom ul li .box .hover .bt {
		font-size: 20px;
		margin-bottom: 21px;
	}

	.home-support .home-bottom ul li .box .hover .p {
		font-size: 14px;
		line-height: 25px;
	}

	.home-support .home-bottom ul li .box .hover .p p {
		margin-bottom: 12px;
	}

	.home-support .home-bottom ul li .box .hover .p a {
		background-size: 12px;
		padding-left: 23px;
	}

	.home-about {
		padding: 40px 0;
	}

	.home-about .home-span {
		margin-bottom: 20px;
	}

	.home-about .p {
		font-size: 14px;
		line-height: 25px;
		margin-top: 6px;
		margin-bottom: 15px;
		height: 50px;
	}

	.youshi {
		padding-top: 30px;
		margin-top: 50px;
	}

	.youshi:after {
		border-radius: 8px;
		top: 0;
	}

	.youshi li {
		width: 50%;
		padding: 20px 30px;
	}

	.youshi li:after {
		width: 1px;
		height: 60px;
	}

	.youshi li .num {
		font-size: 52px;
		line-height: 60px;
		border-bottom: none;
	}

	.youshi li .num span {
		font-size: 52px;
	}

	.youshi li .num em {
		font-size: 20px;
		line-height: 34px;
	}

	.youshi li .num i {
		font-size: 20px;
	}

	.youshi li .h3 {
		font-size: 16px;
		line-height: 26px;
		height: auto;
		margin-top: 8px;
	}

	.youshi li:nth-child(4):after {
		display: none;
	}

	.home-distrubtion {
		padding: 40px 0;
	}

	.home-distrubtion .home-bottom {
		display: block;
	}

	.home-distrubtion .home-bottom .home-title {
		font-size: 24px;
		line-height: 35px;
	}

	.home-distrubtion .home-bottom .left {
		width: 100%;
		padding: 33px;
	}

	.home-distrubtion .home-bottom .left .home-span {
		margin-bottom: 13px;
	}

	.home-distrubtion .home-bottom .left .home-title {
		margin-bottom: 28px;
	}

	.home-distrubtion .home-bottom .left .p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	.home-distrubtion .home-bottom .right {
		width: 100%;
		padding: 32px;
		position: relative;
	}

	.home-distrubtion .home-bottom .right:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.home-distrubtion .home-bottom .right .home-title {
		margin-bottom: 8px;
		position: relative;
		z-index: 33;
	}

	.home-distrubtion .home-bottom .right .p {
		font-size: 18px;
		line-height: 33px;
		margin-bottom: 55px;
		position: relative;
		z-index: 33;
	}

	.home-distrubtion .home-bottom .right .jsh {
		font-size: 20px;
		position: relative;
		z-index: 33;
		line-height: 32px;
	}

	.home-contact {
		padding: 40px 0;
	}

	.home-contact .p {
		font-size: 24px;
		margin-top: 18px;
		margin-bottom: 25px;
	}

	.footer .footer-top {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.footer .footer-top .container {
		padding-bottom: 0;
	}

	.footer .footer-top .left {
		width: 100%;
		text-align: center;
	}

	.footer .footer-top .left .follow {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.footer .footer-top .left .follow .bt {
		font-size: 14px;
		margin-bottom: 21px;
	}

	.footer .footer-top .left .follow .p a {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
	}

	.footer .footer-top .left .follow .p a img {
		max-width: 29px;
	}

	.footer .footer-top .left .yuyan {
		margin-bottom: 21px;
	}

	.footer .footer-top .left .yuyan .bt {
		font-size: 14px;
		margin-bottom: 21px;
	}

	.footer .footer-top .flogo img {
		width: 120px;
		margin: 0 auto;
	}

	.footer .footer-top .right {
		display: none;
	}

	.footer .footer-bottom {
		font-size: 14px;
		padding: 12px 0;
		line-height: 22px;
	}

	.footer .footer-bottom a {
		padding: 0 10px;
	}

	.inbanner {
		padding-top: 60px;
	}

	.inbanner .img {
		display: none;
	}

	.inbanner .img1 {
		display: block;
	}

	.inbanner .banner-hover .bt {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.inbanner .banner-hover .p {
		font-size: 20px;
	}

	.inbanner .banner-hover .p:after {
		width: 42px;
		height: 2px;
		margin-top: 15px;
	}

	.inbanner01 {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
		border-radius: 0;
	}

	.inbanner01 .banner-hover .home-span {
		margin-bottom: 19px;
	}

	.inbanner01 .banner-hover .bt {
		margin-bottom: 20px;
	}

	.inbanner01 .banner-hover .p {
		font-size: 16px;
	}

	.inbanner01 .banner-hover .p:after {
		display: none;
	}

	.content {
		padding: 40px 0;
		min-height: 600px;
	}

	.current {
		padding: 10px 0;
		display: none;
	}

	.current .home0 {
		float: none;
		font-size: 14px;
		line-height: 28px;
		padding-right: 36px;
	}

	.current .home0 a {
		margin-right: 14px;
	}

	.current .home0 img {
		width: 17px;
	}

	.current .home0 .n {
		background-size: 6px;
		padding-right: 17px;
	}

	.current ul {
		display: none;
	}

	.contact .home-span {
		margin-bottom: 16px;
	}

	.contact-xz {
		padding-bottom: 40px;
	}

	.contact01 {
		padding: 40px 0 0 0;
	}

	.contact01 .home-span {
		margin-bottom: 17px;
	}

	.contact01 .bt {
		font-size: 22px;
	}

	.contact01 .list {
		border-top: 1px solid #cccccc;
		padding-top: 21px;
		margin-top: 23px;
		padding-bottom: 31px;
	}
	
	.contact01 .maps {
		padding-bottom: 31px;
	}


	.contact01 .list ul {
		margin: 0 -6px;
		font-size: 0;
	}

	.contact01 .list ul li {
		/* width: 50%; */
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.contact01 .list ul li .pic {
		width: 140px;
	}

	.contact01 .list ul li .span {
		font-size: 14px;
		margin-top: 17px;
		margin-bottom: 8px;
	}

	.contact01 .list ul li .p {
		font-size: 16px;
		line-height: 29px;
	}

	.contact01 .list1 ul li .tit {
		font-size: 18px;
		line-height: 30px;
		padding: 15px;
	}

	.contact01 .list1 ul li .txt {
		font-size: 16px;
		line-height: 31px;
		padding: 27px;
	}

	.contact01 .list1 ul li .txt p {
		padding-left: 55px;
		margin-bottom: 17px;
	}

	.contact01 .list1 ul li .txt .c1 {
		background: url(../images/co1.png) no-repeat left 4px;
		background-size: 19px;
	}

	.contact01 .list1 ul li .txt .c2 {
		background: url(../images/co2.png) no-repeat left 6px;
		background-size: 25px;
	}

	.contact01 .list1 ul li .txt .c3 {
		background: url(../images/co3.png) no-repeat left 4px;
		background-size: 24px;
	}

	.zhaoshang01 {
		padding: 40px 0;
	}

	.zhaoshang01 .list {
		padding-top: 25px;
	}

	.zhaoshang01 .list ul {
		margin: 0 -1px;
	}

	.zhaoshang01 .list ul li {
		width: 50%;
		padding: 0 1px;
		margin-bottom: 2px;
	}

	.zhaoshang01 .list ul li .box {
		height: 180px;
	}

	.zhaoshang01 .list ul li .box .num {
		font-size: 26px;
		top: 8px;
		left: 19px;
	}

	.zhaoshang01 .list ul li .box .p {
		font-size: 18px;
		line-height: 32px;
		padding: 0 20px;
	}

	.zhaoshang02 {
		padding: 40px 0;
	}

	.zhaoshang02 .list ul {
		margin: 0 -6px;
		display: block;
	}

	.zhaoshang02 .list ul li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.zhaoshang02 .list ul li .box {
		border-radius: 10px;
	}

	.zhaoshang02 .list ul li .box .text {
		padding: 69px 19px 28px 19px;
	}

	.zhaoshang02 .list ul li .box .pic {
		top: 15px;
		right: 19px;
		width: 40px;
	}

	.zhaoshang02 .list ul li .box .bt {
		top: 13px;
		left: 16px;
		width: 60px;
		line-height: 38px;
		border-radius: 18px;
		font-size: 14px;
	}

	.zhaoshang02 .list ul li .box .span {
		font-size: 18px;
		margin-bottom: 9px;
	}

	.zhaoshang02 .list ul li .box .p {
		font-size: 18px;
		line-height: 30px;
		min-height: 30px;
		margin-bottom: 10px;
	}

	.zhaoshang03 {
		padding: 40px 0;
	}

	.zhaoshang03 .tit {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.zhaoshang03 .list {
		width: 100%;
		margin-right: 0;
		padding: 24px;
		box-shadow: 0px 15px 35px 0px rgba(0, 10, 20, 0.08);
		border-radius: 6px;
	}

	.zhaoshang03 .list ul {
		margin: 0 -5px;
	}

	.zhaoshang03 .list li {
		width: 100%;
		padding: 0 5px 4px 5px;
	}

	.zhaoshang03 .box .span {
		font-size: 18px;
		line-height: 44px;
	}

	.zhaoshang03 input,
	.zhaoshang03 select,
	.zhaoshang03 textarea {
		width: 100%;
		border: 0;
		height: 50px;
		background-color: #ffffff;
		border-radius: 6px;
		font-size: 16px;
		padding: 0 20px;
	}

	.zhaoshang03 .textarea .box {
		padding: 0;
	}

	.zhaoshang03 .verifyDiv {
		display: inline-block;
		vertical-align: middle;
		float: left;
	}

	.zhaoshang03 textarea {
		height: 98px;
		padding: 15px 20px 15px 20px;
		margin-bottom: 23px;
	}

	.zhaoshang03 .more3 {
		float: right;
		width: 100%;
		margin-top: 10px;
	}

	.zhaoshang03 .verify {
		height: 57px;
		font-size: 12px;
		width: 260px !important;
	}

	.zhaoshang03 .verify .drag-btn {
		position: absolute;
		left: 0;
		top: 0;
		width: 57px;
		height: 57px;
		border: 1px #fbfbfc solid;
		background: #ffffff url(../images/drag-arrow.svg) no-repeat center center;
		background-size: 20px 20px;
		z-index: 2;
		cursor: move;
	}

	.zhaoshang03 .verify .suc-drag-btn {
		background: #ffffff url(../images/drag-success.svg) no-repeat center center;
		background-size: 20px 20px;
	}

	.zhaoshang03 .verify .drag-progress {
		position: absolute;
		left: 0;
		top: 0;
		height: 57px;
		line-height: 55px;
		width: 0;
		background-color: var(--main-color);
		color: #333;
		font-size: 14px;
		text-align: center;
	}

	.zhaoshang03 .verify .fix-tips,
	.zhaoshang03 .verify .verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 0;
		height: 100%;
		color: #333;
		z-index: 1;
		line-height: 57px;
		padding-left: 57px;
		text-align: center;
	}

	.zhaoshang03 .verify .verify-msg {
		padding-left: 0;
		padding-right: 57px;
	}

	.zhaoshang03 .verify .verify-msg {
		background-color: var(--main-color);
		display: none;
		color: #fff;
	}

	.join01 {
		padding: 40px 0;
	}

	.join01 .left {
		width: 100%;
		padding-top: 0;
		padding-right: 0;
	}

	.join01 .left .bt {
		font-size: 26px;
		line-height: 36px;
	}

	.join01 .left .bt img {
		width: 93px;
		margin-left: 6px;
	}

	.join01 .left .span {
		font-size: 24px;
		line-height: 37px;
		margin-top: 19px;
		margin-bottom: 26px;
	}

	.join01 .left .span p {
		margin-bottom: 9px;
	}

	.join01 .left .p {
		font-size: 14px;
		line-height: 25px;
	}

	.join01 .right {
		width: 100%;
		margin-top: 10px;
	}

	.join02 .join-top {
		padding: 26px 0;
	}

	.join02 .join-top .p {
		font-size: 18px;
		line-height: 30px;
		margin-top: 15px;
		color: #fff;
	}

	.join02 .join-top .se {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		margin-top: 10px;
	}

	.join02 .join-top .se a {
		font-size: 18px;
		font-weight: lighter;
		line-height: 52px;
		color: var(--main-color);
		width: 160px;
		background-color: #ffffff;
		border-radius: 25px;
		text-align: center;
		display: block;
		position: relative;
		z-index: 44;
	}

	.join02 .join-top .se a img {
		width: 16px;
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}

	.join02 .join-top .general {
		border: 4px solid rgba(255, 255, 255, 0.4);
		border-radius: 50%;
		height: 400px;
		left: 50%;
		opacity: 0.3;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: all 0.3s ease-in-out;
		width: 400px;
	}

	.join02 .join-top .general:after,
	.join02 .join-top .general:before {
		border: 4px solid;
		border-radius: 50%;
		content: '';
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: all 0.5s ease-in-out;
		z-index: 0;
	}

	.join02 .join-top .general:before {
		height: 120px;
		opacity: 0.3;
		width: 120px;
	}

	.join02 .join-top .general:after {
		height: 240px;
		opacity: 0.3;
		width: 240px;
	}

	.join03 {
		padding: 40px 0;
	}

	.join03 dl {
		margin-bottom: 22px;
		padding: 40px;
	}

	.join03 dt {
		font-size: 26px;
		line-height: 40px;
	}

	.join03 .span-01 {
		padding-right: 67px;
	}

	.join03 .span-03 {
		font-size: 16px;
		line-height: 48px;
		padding-top: 23px;
	}

	.join03 .span-03 span {
		width: 200px;
	}

	.join03 .span-03 p {
		border-bottom: 1px solid #e1e1e1;
	}

	.join03 .span-02 {
		display: block;
		width: 43px;
		height: 43px;
		border-radius: 50%;
		float: right;
		position: absolute;
		top: 3px;
		right: 0;
		background: url(../images/shouqi.png) no-repeat center right;
		background-size: 100%;
	}

	.join03 dd {
		height: 0;
		overflow: hidden;
	}

	.join03 dd .nr {
		padding: 37px 0;
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}

	.join03 .cur .span-02 {
		background: url(../images/zhankai.png) no-repeat center right;
		background-size: 100%;
	}

	.join03 .cur dd {
		height: auto;
	}

	.join03 .p-01 {
		font-size: 24px;
		font-family: var(--Ubuntu-Regular);
		color: #222222;
		margin-bottom: 13px;
	}

	.join03 .more0 a {
		width: 218px;
		line-height: 51px;
		background: var(--main-color);
		border-radius: 4px;
		display: block;
		font-size: 18px;
		color: #fff;
		text-align: center;
	}

	.join03 .more0 a img {
		width: 35px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 9px;
	}

	.news {
		padding: 40px 0;
	}

	.newslist1 {
		margin: 0 -6px;
		padding-bottom: 29px;
	}

	.newslist1 .item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.newslist1 .item .box {
		border-radius: 10px;
	}

	.newslist1 .item .pic:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/more3.png) no-repeat center center;
		background-size: 80px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 33;
		opacity: 0;
		transition: 0.5s;
	}

	.newslist1 .item .text {
		padding: 24px;
	}

	.newslist1 .item .bt {
		font-size: 18px;
		line-height: 31px;
		height: 124px;
	}

	.newslist1 .item .more2 p {
		font-size: 14px;
		line-height: 52px;
		background: url(../images/jia.png) no-repeat center right;
		background-size: 24px;
		padding-right: 33px;
	}

	.news-show {
		padding-top: 60px;
	}

	.news-bottom {
		padding: 40px 0;
	}

	.news-left {
		display: none;
	}

	.h1 {
		font-size: 30px;
		margin-bottom: 21px;
	}

	.h2 {
		font-size: 16px;
		line-height: 32px;
	}

	.h2 span {
		margin-right: 20px;
	}

	.news-info {
		font-size: 16px;
		line-height: 30px;
		padding: 25px 0;
	}

	.biaoqian {
		font-size: 14px;
		line-height: 36px;
	}

	.biaoqian a {
		font-size: 14px;
		margin-right: 6px;
		margin-left: 20px;
	}

	.list-page-news {
		margin-top: 20px;
		margin-bottom: 26px;
	}

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

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

	.list-page-news ul li a {
		display: block;
		font-size: 16px;
		line-height: 28px;
		height: 56px;
		padding-left: 102px;
	}

	.list-page-news ul li a span {
		font-size: 16px;
		line-height: 28px;
		width: 90px;
		background: url(../images/prev.png) no-repeat center right;
		background-size: 9px;
	}

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

	.support {
		padding: 40px 0;
	}

	.support .pp {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		margin-top: 28px;
		margin-bottom: 42px;
	}

	.support .list {
		margin-bottom: 41px;
	}

	.support .list ul li {
		width: 100%;
		margin-bottom: 12px;
		float: left;
	}

	.support .list ul li .box {
		position: relative;
		padding-left: 80px;
		min-height: 80px;
		padding-top: 7px;
	}

	.support .list ul li .box .pic {
		width: 60px;
	}

	.support .list ul li .box .bt {
		font-size: 20px;
	}

	.support .list ul li .box .p {
		font-size: 14px;
		line-height: 30px;
		padding-top: 4px;
	}

	.support .list ul li:nth-child(3) {
		width: 100%;
		float: right;
	}

	.support .list1 ul {
		margin: 0 -6px;
	}

	.support .list1 ul li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.support .list1 ul li .box .hover {
		padding: 24px;
		top: 50%;
		transform: translateY(-50%);
	}

	.support .list1 ul li .box .hover .bt {
		font-size: 29px;
	}

	.support .list1 ul li .box .hover .p {
		font-size: 16px;
		line-height: 33px;
		padding-top: 4px;
		height: 66px;
		margin-bottom: 29px;
	}

	.support .list1 ul li .box .hover .more3 p {
		border: 1px solid var(--main-color);
		padding: 0 10px;
	}

	.support .list1 ul li .box .hover .more3 p span {
		line-height: 43px;
		font-size: 14px;
		border-radius: 6px;
	}

	.video {
		padding: 40px 0;
	}

	.video .pp {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		margin-top: 14px;
		margin-bottom: 40px;
	}

	.inside-menu {
		margin-bottom: 27px;
		border-bottom: 0;
	}

	.inside-menu .item {
		width: 100%;
	}

	.inside-menu span {
		padding-bottom: 15px;
		margin-right: 18px;
	}

	.inside-menu span a {
		padding: 0 2px;
		font-size: 16px;
		line-height: 42px;
	}

	.inside-menu span a:after {
		content: '';
		display: block;
		width: 0;
		height: 4px;
		background: var(--main-color);
		transition: 0.5s;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.inside-menu span:hover a,
	.inside-menu .cur a {
		color: var(--main-color);
	}

	.inside-menu span:hover a:after,
	.inside-menu .cur a:after {
		width: 100%;
	}

	.inside-menu span:nth-last-child(1):before {
		display: none;
	}

	.inside-menu .search {
		width: 100%;
		margin-top: 15px;
	}

	.inside-menu .search input {
		width: 100%;
		background: #fff;
		height: 52px;
		padding: 0 33px;
		font-size: 16px;
		border-radius: 6px;
		border: solid 1px #d7d7d7;
	}

	.inside-menu .search .icon {
		right: 15px;
		top: 50%;
		fill: #c8c8c8;
		width: 24px;
		height: 24px;
		position: absolute;
		transform: translateY(-50%);
	}

	.inside-menu .search input:focus {
		border-color: var(--hover-color);
	}

	.videolist {
		margin: 0 -6px;
	}

	.videolist li {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 11px;
	}

	.videolist li .text {
		padding: 16px 14px 7px 14px;
	}

	.videolist li .pic:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.38) url(../images/video.png) no-repeat center center;
		background-size: 40px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 33;
		opacity: 1;
		transition: 0.5s;
	}

	.videolist li .bt {
		font-size: 16px;
		line-height: 30px;
		height: 60px;
	}

	.faq {
		padding: 40px 0;
	}

	.faq01 {
		margin-top: 40px;
		padding: 40px 0;
	}

	.faq01 .left {
		float: left;
		position: relative;
		width: 100%;
		padding-top: 0;
		margin-bottom: 20px;
		top: auto;
	}

	.faq01 .left ul li a {
		font-size: 18px;
		line-height: 49px;
	}

	.faq01 .right {
		width: 100%;
	}

	.faq01 .right .show .info1 {
		display: none;
	}

	.faq01 .right .job2 .list {
		margin-bottom: 20px;
	}

	.faq01 .right .job2 .span-01 {
		display: block;
	}

	.faq01 .right .job2 dl {
		padding: 14px;
		margin-bottom: 14px;
		background-color: #ffffff;
		border-radius: 8px;
	}

	.faq01 .right .job2 dt {
		font-size: 20px;
		line-height: 44px;
		background: url(../images/jiahao.png) no-repeat center right;
		background-size: 21px;
		padding-right: 34px;
	}

	.faq01 .right .job2 dd {
		height: 0;
		font-size: 16px;
		line-height: 30px;
	}

	.faq01 .right .job2 dd .nr {
		padding: 16px 0 1px 0;
	}

	.faq01 .right .job2 dd .nr p {
		margin-bottom: 5px;
	}

	.faq01 .right .job2 .cur dt {
		background: url(../images/jianhao.png) no-repeat center right;
		background-size: 22px;
	}

	.faq01 .right .job2 .cur dd {
		height: auto;
	}

	.faq02 {
		padding: 40px 0;
	}

	.faq02 .home-title {
		font-size: 24px;
	}

	.faq02 ul {
		margin: 0 -6px;
		padding-top: 27px;
	}

	.faq02 ul li {
		width: 50%;
		float: left;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.faq02 ul li .box {
		border: solid 1px #e5e7e8;
	}

	.faq02 ul li .box .hover {
		width: 100%;
		padding: 22px 20px;
	}

	.faq02 ul li .box .hover .bt {
		font-size: 20px;
	}

	.faq02 ul li .box .hover .p {
		font-size: 14px;
		line-height: 23px;
		height: 69px;
		margin-bottom: 3px;
		overflow: hidden;
		margin-top: 19px;
	}

	.faq02 ul li .box .hover .more0 p {
		font-size: 14px;
		line-height: 23px;
	}

	.downlist {
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.downlist ul {
		margin: 0 -6px;
	}

	.downlist li {
		width: 100%;
		float: left;
		padding: 0 6px 12px 6px;
	}

	.downlist li .item:after {
		height: 5px;
	}

	.downlist li a {
		padding: 36px 21px;
	}

	.downlist li .pic {
		width: 35%;
		float: left;
		overflow: hidden;
		background: #fff;
		border: 1px solid #e0e1e1;
		box-shadow: 8px 14px 34px 0px rgba(120, 120, 120, 0.32);
	}

	.downlist li .txtbox {
		width: 64%;
		float: left;
		padding-left: 27px;
		padding-top: 25px;
		position: relative;
	}

	.downlist li .tit {
		font-size: 18px;
		color: #3e3a39;
		line-height: 27px;
		height: 54px;
		overflow: hidden;
	}

	.downlist li .tag {
		font-size: 14px;
		line-height: 41px;
		color: #767575;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.downlist li .dow {
		width: 157px;
		line-height: 41px;
		background-color: #ffffff;
		border-radius: 19px;
		border: solid 1px #dfdfdf;
		font-size: 14px;
		color: #212121;
		padding: 0 44px 0 25px;
		background: url('../images/do.png') no-repeat 90% center;
		background-size: 20px;
		border-radius: 30px;
		position: absolute;
		bottom: 0;
	}

	.patent {
		padding: 41px 0;
	}

	.patent .pp {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		margin-top: 29px;
		text-align: center;
		margin-bottom: 29px;
	}

	.patent .youshi1 {
		margin-top: 28px;
		padding: 0 6px;
		margin-bottom: 34px;
	}

	.patent .youshi1 li {
		float: left;
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.patent .youshi1 li .box {
		height: 280px;
	}

	.patent .youshi1 li .box .nr {
		position: absolute;
		top: 50%;
		width: 100%;
		left: 0;
		transform: translateY(-50%);
	}

	.patent .youshi1 li .num {
		font-size: 50px;
		line-height: 60px;
	}

	.patent .youshi1 li .num span {
		font-size: 30px;
	}

	.patent .youshi1 li .num .counter {
		font-size: 50px;
	}

	.patent .youshi1 li .num i {
		font-size: 30px;
	}

	.patent .youshi1 li .h3 {
		font-size: 16px;
		line-height: 26px;
		margin-top: 18px;
	}

	.palist ul {
		font-size: 0;
		text-align: center;
		margin: 0 -10px;
	}

	.palist ul li {
		width: 326px;
		text-align: center;
		height: 123px;
		margin: 0 10px;
		padding: 0 50px;
		padding-top: 6px;
		font-size: 16px;
		line-height: 25px;
	}

	.patentlist {
		border-top: 1px solid #e7e6e6;
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.patentlist ul li {
		border-bottom: 1px solid #e7e6e6;
	}

	.patentlist ul li a .bt {
		font-size: 20px;
		line-height: 35px;
		padding: 20px 20px;
	}

	.pre {
		padding: 39px 0 0 0;
	}

	.pre .pp {
		font-size: 18px;
		line-height: 36px;
		margin-top: 22px;
		margin-bottom: 21px;
	}

	.pre .list {
		padding: 26px;
		border-radius: 6px;
	}

	.pre .list ul {
		margin: 0 -5px;
	}

	.pre .list li {
		width: 100% !important;
		padding: 0 5px 18px 5px;
	}

	.pre .list .box .span {
		font-size: 18px;
		line-height: 44px;
	}

	.pre .list input,
	.pre .list select,
	.pre .list textarea {
		width: 100%;
		border: 0;
		height: 50px;
		background-color: #ffffff;
		border-radius: 6px;
		font-size: 16px;
		color: #dcdcdc;
		padding: 0 20px;
	}

	.pre .list input::-webkit-input-placeholder,
	.pre .list select::-webkit-input-placeholder,
	.pre .list textarea::-webkit-input-placeholder {
		color: #dcdcdc;
	}

	.pre .list input:-moz-placeholder,
	.pre .list select:-moz-placeholder,
	.pre .list textarea:-moz-placeholder {
		color: #dcdcdc;
		opacity: 1;
	}

	.pre .list input::-moz-placeholder,
	.pre .list select::-moz-placeholder,
	.pre .list textarea::-moz-placeholder {
		color: #dcdcdc;
		opacity: 1;
	}

	.pre .list input:-ms-input-placeholder,
	.pre .list select:-ms-input-placeholder,
	.pre .list textarea:-ms-input-placeholder {
		color: #dcdcdc;
	}

	.pre .list .textarea .box {
		padding: 0;
	}

	.pre .list .verifyDiv {
		display: inline-block;
		vertical-align: middle;
		float: left;
	}

	.pre .list textarea {
		height: 158px;
		padding: 15px 20px 15px 20px;
		margin-bottom: 23px;
	}

	.pre .list .more3 {
		float: right;
		width: 100%;
		margin-top: 10px;
	}

	.pre .list .verify {
		height: 57px;
		background-color: #fbfbfc;
		font-size: 14px;
		position: relative;
		width: 260px !important;
	}

	.pre .list .verify .drag-btn {
		position: absolute;
		left: 0;
		top: 0;
		width: 57px;
		height: 57px;
		border: 1px #fbfbfc solid;
		background: #ffffff url(../images/drag-arrow.svg) no-repeat center center;
		background-size: 20px 20px;
		z-index: 2;
		cursor: move;
	}

	.pre .list .verify .suc-drag-btn {
		background: #ffffff url(../images/drag-success.svg) no-repeat center center;
		background-size: 20px 20px;
	}

	.pre .list .verify .drag-progress {
		position: absolute;
		left: 0;
		top: 0;
		height: 57px;
		line-height: 55px;
		width: 0;
		background-color: var(--main-color);
		color: #333;
		font-size: 14px;
		text-align: center;
	}

	.pre .list .verify .fix-tips,
	.pre .list .verify .verify-msg {
		width: 100%;
		position: absolute;
		right: 0;
		left: 0;
		height: 100%;
		color: #333;
		z-index: 1;
		line-height: 57px;
		padding-left: 57px;
		text-align: center;
	}

	.pre .list .verify .verify-msg {
		padding-left: 0;
		padding-right: 57px;
	}

	.pre .list .verify .verify-msg {
		background-color: var(--main-color);
		display: none;
		color: #fff;
	}

	.pre01 {
		padding: 40px 0;
	}

	.pre01 .pre-bottom {
		padding-top: 25px;
	}

	.pre01 .pre-bottom ul {
		font-size: 0;
		display: block;
	}

	.pre01 .pre-bottom ul li {
		width: 50%;
	}

	.pre01 .pre-bottom ul li .box {
		padding: 20px;
	}

	.pre01 .pre-bottom ul li .pic {
		width: 70px;
	}

	.pre01 .pre-bottom ul li .span {
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 13px;
	}

	.pre01 .pre-bottom ul li .p {
		font-size: 16px;
		line-height: 30px;
	}

	.pre01 .pre-bottom ul li .p a {
		font-size: 20px;
	}

	.pre02 {
		padding: 40px 0;
	}

	.pre02 .info {
		width: 100%;
		box-shadow: 0px 17px 35px 0px rgba(146, 146, 146, 0.24);
		margin-left: 0;
		padding: 29px;
	}

	.pre02 .bt {
		font-size: 20px;
		line-height: 44px;
		margin-bottom: 10px;
	}

	.pre02 .p {
		font-size: 16px;
		line-height: 30px;
	}

	.pre02 .p p {
		padding-left: 35px;
		margin-bottom: 6px;
	}

	.pre02 .p .pr1 {
		background: url(../images/pr1.png) no-repeat left 12px;
		background-size: 21px;
	}

	.pre02 .p .pr2 {
		background: url(../images/pr2.png) no-repeat left 10px;
		background-size: 21px;
	}

	.pre02 .p .pr3 {
		background: url(../images/pr3.png) no-repeat left 10px;
		background-size: 17px;
	}

	.solution .pp {
		font-size: 16px;
		line-height: 31px;
		width: 100%;
	}

	.solution01 {
		padding: 40px 0;
	}

	.solution01 .home-p {
		font-size: 22px;
		margin-top: 19px;
		margin-bottom: 23px;
	}

	.solution02 {
		padding: 40px 0;
	}

	.swiper-solution1 {
		width: 100%;
		margin-top: 25px;
	}

	.swiper-solution1 .swiper-slide {
		width: 50%;
		margin-right: 25px;
		box-shadow: 0px 15px 27px 0px rgba(42, 42, 42, 0.13);
		border-radius: 10px;
	}

	.swiper-solution1 .text {
		padding: 18px;
	}

	.swiper-solution1 .bt {
		font-size: 20px;
		line-height: 37px;
		height: 148px;
	}

	.swiper-solution1 .p {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		margin-top: 13px;
		margin-bottom: 18px;
	}

	.swiper-solution1 .btn {
		margin-top: 21px;
	}

	.swiper-solution1 .btn .swiper-button-prev,
	.swiper-solution1 .btn .swiper-button-next {
		width: 42px;
		height: 42px;
	}

	.swiper-solution1 .btn .swiper-button-prev:after,
	.swiper-solution1 .btn .swiper-button-next:after {
		font-size: 16px;
		line-height: 42px;
	}

	.swiper-solution1 .btn .swiper-button-next {
		right: auto;
		left: auto;
	}

	.swiper-solution1 .btn .swiper-pagination {
		margin: 0 20px;
	}

	.swiper-solution1 .btn .swiper-pagination-bullet {
		position: relative;
		width: 44px;
		height: 3px;
		border-radius: 0;
		opacity: 1;
		margin: 0 2px;
		background-color: #e1e1e3;
	}

	.solution03 {
		padding: 40px 0;
	}

	.swiper-product {
		width: 100%;
		margin-top: 25px;
	}

	.swiper-product .swiper-slide .box {
		padding: 28px;
		border-radius: 10px;
	}

	.swiper-product .pic {
		width: 100%;
		float: left;
	}

	.swiper-product .text {
		padding: 15px 0;
		width: 100%;
		float: left;
	}

	.swiper-product .bt {
		font-size: 20px;
		line-height: 28px;
		height: 56px;
	}

	.swiper-product .p {
		font-size: 16px;
		line-height: 24px;
		height: 72px;
		margin-top: 13px;
		margin-bottom: 23px;
	}

	.swiper-product .more2 {
		border-top: 1px solid #d7d7d7;
		padding-top: 13px;
	}

	.swiper-product .swiper-button-prev,
	.swiper-product .swiper-button-next {
		width: 44px;
		height: 44px;
		margin-top: -22px;
		background: rgba(0, 0, 0, 0.14) url(../images/left.png) no-repeat center center;
		background-size: 14px;
		left: 10px;
	}

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

	.swiper-product .swiper-button-next {
		right: 10px;
		left: auto;
		background: rgba(0, 0, 0, 0.14) url(../images/right.png) no-repeat center center;
		background-size: 14px;
	}

	.solution04 {
		padding: 40px 0;
	}

	.solution04 .nbottom {
		width: 100%;
	}

	.solution04 .pp {
		font-size: 16px;
		line-height: 31px;
		width: 100%;
		margin-top: 28px;
	}

	.solution04 .jsh {
		margin-top: 27px;
		margin-bottom: 19px;
	}

	.solution04 .jsh h3 {
		font-size: 18px;
		margin-bottom: 17px;
	}

	.pli {
		font-size: 16px;
		line-height: 27px;
	}

	.pli p {
		padding-left: 34px;
		margin-bottom: 15px;
		background: url(../images/dui.png) no-repeat left 3px;
		background-size: 20px;
	}

	.business01 {
		padding: 40px 0;
	}

	.business01 .pp {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		margin-top: 25px;
		margin-bottom: 32px;
	}

	.business02 {
		padding: 0;
	}

	.business02 .list {
		padding-top: 25px;
	}

	.business02 .list ul {
		margin: 0 -6px;
		font-size: 0;
		-webkit-box-align: initial;
		-ms-flex-align: initial;
		align-items: initial;
	}

	.business02 .list ul li {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.business02 .list ul li .box {
		overflow: hidden;
		height: 100%;
	}

	.business02 .list ul li .ne {
		position: relative;
		top: auto;
		transform: none;
		left: auto;
		padding: 20px;
	}

	.business02 .list ul li .pic {
		width: 75px;
	}

	.business02 .list ul li .bt {
		font-size: 20px;
		line-height: 38px;
	}

	.business02 .list ul li .p {
		font-size: 16px;
		line-height: 24px;
	}

	.business03 {
		padding: 40px 0;
		background: none;
	}

	.business04 {
		padding: 22px 0 0 0;
	}

	.swiper-case {
		width: 100%;
		margin-top: 25px;
	}

	.swiper-case .swiper-slide {
		width: 100%;
		margin-right: 7px;
	}

	.swiper-case .btn .swiper-button-prev,
	.swiper-case .btn .swiper-button-next {
		width: 40px;
		height: 40px;
		left: 20px;
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}

	.swiper-case .btn .swiper-button-prev:after,
	.swiper-case .btn .swiper-button-next:after {
		font-size: 16px;
		line-height: 40px;
	}

	.swiper-case .btn .swiper-button-next {
		right: 20px;
		left: auto;
	}

	.swiper-case .btn .swiper-pagination {
		bottom: 17px;
	}

	.swiper-case .btn .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 4px;
	}

	.product01 {
		padding: 17px 0 40px 0;
		background: #f4f5f6;
	}

	.product01 .left {
		width: 100%;
	}

	.product01 .right {
		width: 100%;
		padding-top: 19px;
	}

	.product01 .right .bt {
		font-size: 24px;
		line-height: 38px;
	}

	.product01 .right .p {
		font-size: 16px;
		line-height: 30px;
		margin-top: 14px;
		margin-bottom: 22px;
	}

	.product01 .right .online {
		border-radius: 4px;
	}

	.product01 .right .online a {
		font-size: 14px;
		line-height: 40px;
		padding: 7px 20px;
	}

	.product01 .right .online a:after {
		width: 1px;
		height: 25px;
	}

	.product01 .right .online a img {
		width: 20px;
		margin-left: 10px;
	}

	.product01 .right .online a:nth-child(2):after {
		display: none;
	}

	.product02 {
		padding: 40px 0;
	}

	.product02 ul li {
		width: 33.33333333%;
		margin-bottom: 10px;
	}

	.product02 ul li .box .bt {
		font-size: 16px;
		line-height: 32px;
		margin-top: 8px;
	}

	.product02 ul li .pic {
		width: 64px;
	}

	.product02 ul .active .box .pic {
		background-size: 44px;
	}

	.product02 ul .active .box .bt {
		font-size: 18px;
	}

	.product03 ul li a {
		font-size: 14px;
		line-height: 41px;
		min-width: 100px;
		padding: 0 20px;
		margin: 0;
	}

	.product04 .item {
		padding: 40px 0;
	}

	.product04 .item .item-bottom {
		padding-top: 25px;
	}

	.product04 .item .pli1 {
		width: 100%;
	}

	.product04 .item .pli1 p {
		margin-bottom: 6px;
	}

	.product04 .item .table {
		width: 100%;
		overflow: auto;
	}

	.product04 .item .table table {
		width: 1200px;
	}

	.product04 .item .table td {
		font-size: 14px;
		line-height: 25px;
		border: solid 1px #cad3d4;
		padding: 4px 10px;
	}

	.product04 .item0 {
		padding: 40px 0;
	}

	.product04 .item0 .home-title {
		font-size: 24px;
		line-height: 38px;
	}

	.product04 .item0 .more3 {
		margin-top: 15px;
	}

	.product04 .item2 {
		padding-bottom: 0;
	}

	.buslist li {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.buslist li .box {
		display: block;
	}

	.buslist li .box .pic {
		width: 100%;
	}

	.buslist li .box .text {
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
	}

	.buslist li .box .text .bt {
		font-size: 24px;
		line-height: 38px;
	}

	.buslist li .box .text .span {
		font-size: 18px;
		line-height: 31px;
		margin-top: 7px;
		margin-bottom: 16px;
	}

	.buslist li .box .text .pli {
		font-size: 16px;
		margin-bottom: 21px;
	}

	.buslist li .box .text .pli p {
		margin-bottom: 6px;
	}

	.buslist li:nth-child(2n) .box .text {
		padding-right: 0;
		padding-left: 0;
	}

	.buslist li:nth-last-child(1) {
		margin-bottom: 0;
	}

	.swiper-business {
		margin-top: 60px;
	}

	.swiper-business .img {
		display: none;
	}

	.swiper-business .img1 {
		display: block;
		position: relative;
	}

	.swiper-business .img1:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}

	.swiper-business .title-area {
		z-index: 4;
	}

	.swiper-business .title-area .bt {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.swiper-business .title-area .p {
		font-size: 24px;
	}

	.swiper-business .title-area .p:after {
		width: 42px;
		height: 2px;
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.swiper-buslist {
		display: none;
	}

	.about01 {
		padding: 40px 0;
	}

	.about01 .left {
		width: 100%;
		padding-right: 0;
	}

	.about01 .left .bt {
		margin-top: 14px;
		font-size: 32px;
	}

	.about01 .left .palist {
		padding-top: 52px;
	}

	.about01 .left .palist ul li {
		font-size: 14px;
		width: 327px;
		margin-bottom: 20px;
	}

	.about01 .right {
		width: 100%;
	}

	.about01 .right .bt {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 28px;
	}

	.about01 .right .p {
		font-size: 16px;
		line-height: 29px;
	}

	.about01 .right .p p {
		margin-bottom: 7px;
	}

	.about02 {
		padding: 40px 0;
	}

	.about02 .pp {
		font-size: 18px;
		line-height: 30px;
		margin-top: 16px;
		margin-bottom: 27px;
	}

	.about02 .img {
		width: 100%;
		height: auto;
		margin-left: 0;
		left: auto;
		top: auto;
	}

	.about02 .img .hide {
		display: block;
	}

	.about02 .img img {
		position: relative;
		top: auto;
		left: auto;
		display: none;
	}

	.about02 .img .globalMap {
		display: none;
	}

	.about02 .ul {
		margin: 0 -6px;
	}

	.about02 .ul .li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.about02 .ul .li .bt {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.about02 .ul .li .p {
		font-size: 16px;
		line-height: 31px;
	}

	.about03 {
		padding: 40px 0;
	}

	.about03 .gllist ul {
		margin: 0 -6px;
	}

	.about03 .gllist ul li {
		width: 33.33333333%;
		margin-bottom: 12px;
		padding: 0 6px;
	}

	.about03 .youshi1 {
		margin-top: 25px;
		padding: 0 6px;
		margin-bottom: 25px;
	}

	.about03 .youshi1 li {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 12px;
	}

	.about03 .youshi1 li .num {
		line-height: 60px;
	}

	.about03 .youshi1 li .num .counter {
		font-size: 52px;
	}

	.about03 .youshi1 li .num i {
		font-size: 30px;
		line-height: 40px;
	}

	.about03 .youshi1 li .num em {
		font-size: 20px;
		line-height: 30px;
	}

	.about03 .youshi1 li .h3 {
		font-size: 16px;
		margin-top: -15px;
	}

	.about03 .youshi1 li:nth-child(1) {
		width: 100%;
	}

	.about03 .youshi1 li:nth-child(2) {
		width: 100%;
	}

	.about03 .youshi1 li:nth-child(3) {
		width: 100%;
		float: right;
	}

	.about04 {
		padding: 40px 0;
	}

	.about04 .li {
		margin-top: 25px;
		display: none;
	}

	.swiper-history {
		position: relative;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 45px;
		background-size: 831px;
	}

	.swiper-history .item .box {
		padding: 19px;
		border-radius: 20px;
	}

	.swiper-history .item .num {
		font-size: 26px;
	}

	.swiper-history .item .bt {
		font-size: 18px;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.swiper-history .item .p {
		font-size: 16px;
		line-height: 30px;
		min-height: 30px;
	}

	.about05 {
		padding: 40px 0;
	}

	.about05 .about-bottom {
		padding-top: 25px;
	}

	.swiper-honor {
		padding-bottom: 63px;
	}

	.swiper-honor .item .pic {
		width: 34%;
	}

	.swiper-honor .item .text {
		width: 66%;
		padding: 14px;
	}

	.swiper-honor .item .text .bt {
		font-size: 18px;
		line-height: 33px;
		padding: 22px 0 18px 0;
		margin-bottom: 28px;
	}

	.swiper-honor .item .text .bt:after,
	.swiper-honor .item .text .bt:before {
		width: 20px;
		height: 17px;
	}

	.swiper-honor .item .text .span {
		font-size: 14px;
	}

	.swiper-honor .swiper-button-prev,
	.swiper-honor .swiper-button-next {
		width: 40px;
		height: 40px;
		background-size: 9px;
		margin-top: -20px;
		left: 0;
	}

	.swiper-honor .swiper-button-next {
		background-size: 9px;
		left: 60px;
	}

	.swiper-honor .swiper-pagination {
		font-size: 16px;
		line-height: 40px;
		right: 0;
		padding: 0 30px;
	}

	.swiper-honor .swiper-pagination:after,
	.swiper-honor .swiper-pagination::before {
		width: 100px;
		margin: 0;
	}

	.about06 {
		padding: 40px 0 0 0;
	}

	.about06 .about-bottom {
		padding: 36px;
	}

	.about06 .info {
		width: 100%;
		min-height: 224px;
		box-shadow: 0px 17px 35px 0px rgba(146, 146, 146, 0.24);
		padding: 23px;
	}

	.about06 .info .bt {
		font-size: 24px;
		margin-bottom: 19px;
	}

	.about06 .info .p {
		font-size: 16px;
		line-height: 30px;
	}

	.about07 {
		padding: 40px 0;
	}

	.about07 .pic1 {
		margin-top: 25px;
	}

	.about07 .partentlist li {
		width: 100px;
		float: left;
		margin-right: 12px;
		margin-bottom: 13px;
	}

	.about07 .partentlist li a {
		border-radius: 10px;
	}

	.home-business .home-bottom .list {
		display: none;
	}

	.home-business .home-bottom .right .swiper-slide:after {
		display: none;
	}

	.home-business .home-bottom .right .swiper-slide a {
		padding-top: 50px;
		padding-bottom: 50px;
		height: auto;
	}
}

@media (max-width: 520px) {
	.newslist li .hover {
		opacity: 1;
	}

	.newslist li .hover .more2 p {
		padding-right: 20px;
	}

	.newslist li .hover .text {
		padding: 12px;
	}

	.newslist li .bt {
		height: 50px;
		font-size: 16px;
		margin-bottom: 8px;
	}

	.home-business .home-bottom .right .swiper-slide .box {
		padding: 20px;
	}

	.item-list .itemli .box .hover .p {
		max-height: 50px;
	}

	.youshi {
		margin-top: 20px;
		padding: 20px 0;
	}

	.youshi li {
		width: 100%;
		padding: 10px 30px;
	}

	.business02 .list ul li {
		width: 100%;
	}

	.product02 ul li {
		width: 50%;
	}

	.swiper-solution1 .btn .swiper-pagination {
		display: none;
	}

	.support .list1 ul li .box .hover .more3 {
		display: none;
	}

	.support .list1 ul li .box .hover .bt {
		font-size: 24px;
	}

	.support .list1 ul li .box .hover .p {
		height: auto;
		margin-bottom: 0;
	}

	.downlist li a {
		padding: 20px 20px;
	}

	.downlist li .tag {
		line-height: 31px;
		position: relative;
		bottom: auto;
		right: auto;
	}

	.downlist li .txtbox {
		padding-left: 17px;
		padding-top: 0px;
		position: relative;
	}

	.inside-menu span {
		padding-bottom: 5px;
		margin-right: 8px;
	}

	.patent .youshi1 li {
		width: 100%;
	}

	.patent .youshi1 li .box {
		height: 200px;
	}

	.videolist li .text {
		padding: 8px;
	}

	.videolist li .pic:before {
		background-size: 20px;
	}

	.faq01 .right .job2 dt {
		font-size: 18px;
		line-height: 30px;
	}

	.faq02 ul li {
		width: 100%;
	}

	.faq {
		padding: 40px 0 0 0;
	}

	.inbanner01 .banner-hover .p {
		display: none;
	}

	.pre .pp {
		line-height: 30px;
	}

	.pre .list {
		padding: 15px;
	}

	.pre01 .pre-bottom ul li {
		width: 100%;
	}

	.newslist1 .item {
		width: 100%;
	}

	.about06 .about-bottom {
		padding: 16px;
	}

	.about06 .info {
		padding: 20px;
	}

	.about06 .info .bt {
		margin-bottom: 9px;
	}

	.about07 .partentlist li {
		width: 33.3333%;
	}

	.zhaoshang01 .list ul li .box .num {
		font-size: 26px;
		top: auto;
		left: auto;
		position: relative;
	}

	.zhaoshang01 .list ul li .box .p {
		font-size: 16px;
		line-height: 30px;
		padding: 0;
		position: relative;
		top: auto;
		transform: none;
	}

	.zhaoshang01 .list ul li .box {
		height: 180px;
		padding: 13px;
	}

	.zhaoshang01 .list ul li .box {
		height: 100%;
		padding: 13px;
	}

	.zhaoshang01 .list ul li {
		width: 100%;
		text-align: center;
	}

	.join03 dl {
		padding: 20px;
	}

	.join03 .span-03 span {
		width: 100%;
	}

	.join03 .span-03 {
		font-size: 16px;
		line-height: 30px;
		padding-top: 0;
	}

	.join03 .span-03 p {
		padding: 10px 0;
	}

	.home-distrubtion .home-bottom .left {
		padding: 22px;
	}

	.home-distrubtion .home-bottom .right {
		padding: 22px;
	}
}

.float {
	position: fixed;
	top: 50%;
	right: 10rem;
	z-index: 22;
}

.float ul li {
	margin-bottom: 10rem;
}

.float ul li a {
	display: block;
	width: 40rem;
	height: 40rem;
	position: relative;
}

.float ul li a .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	background-color: var(--main-color);
}

.float ul li:hover a .pic {
	background-color: #930009;
}

.float ul li a .hover {
	position: absolute;
	top: 0;
	right: -130rem;
	width: 130rem;
	line-height: 40rem;
	text-align: center;
	color: #fff;
	background-color: #2b2c30;
	opacity: 0;
}

.float ul li.oj:hover .pic {
	left: -123rem;
}

.float ul li.oj:hover .hover {
	right: 0;
	opacity: 1;
}


.xz-float {
	overflow:hidden;
	padding-top: 107rem ;
}

.xz-float ul li {
	margin-right: 10rem;
	float:left;
}

.xz-float ul li a {
	display: block;
	width: 40rem;
	height: 40rem;
	position: relative;
}

.xz-float ul li a .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	background-color: var(--main-color);
}

.xz-float ul li:hover a .pic {
	background-color: #930009;
}

.xz-float ul li a .hover {
	position: absolute;
	top: 0;
	right: -130rem;
	width: 130rem;
	line-height: 40rem;
	text-align: center;
	color: #fff;
	background-color: #2b2c30;
	opacity: 0;
}

.xz-float ul li.oj:hover .pic {
	left: -123rem;
}

.xz-float ul li.oj:hover .hover {
	right: 0;
	opacity: 1;
}

@media (max-width: 1200px) {
	.float {
		display: none;
	}
	
	.xz-float {
		padding-top: 40px;
	}	

	.swiper-renewal-main .title-area1 {
		top: 15%;
	}

	.swiper-renewal-main .title-area1 .main-tit {
		background-size: 103px;
		padding-bottom: 29px;
		margin:0;
	}

	.swiper-renewal-main .title-area1 .main-tit img {
		width: 271px;

	}

	.swiper-renewal-main .title-area1 p.sub-tit {
		font-size: 16px;
		line-height: 30px;
		padding: 10px 14px;
		background-size: 918px;

	}

	.swiper-renewal-main .title-area2 {
		top: 19%;
	}

	.swiper-renewal-main .title-area2 .main-tit {
		font-size: 26px;
		line-height:40px;
	}

	.swiper-renewal-main .title-area2 .main-tit:after {
		width: 32px;
		height: 2px;
		margin-top: 15px;
		margin-bottom: 18px;
	}


	.swiper-renewal-main .title-area2 p.sub-tit {
		font-size: 18px;

	}
}

.solution05 {
	padding-top: 0;
}

.related-news .newslist1 .item {
	width: 25%;
}

.join02 .join-top.join-top2 {
	padding-right: 0;
	text-align: center;
}

.join02 .join-top.join-top2 .dow {
	width: 150rem;
	line-height: 41rem;
	border: solid 1rem #fff;
	font-size: 18rem;
	color: #fff;
	padding: 0 25rem 0 25rem;
	border-radius: 30rem;
	margin: 0 auto;
	margin-top: 40rem;
}

.messtk-2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
.messtk-2 .message {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  background: #fff;
  max-width: 960rem;
  transform: translate(-50%, -50%);
}
.messtk-2 .close-2 {
  top: 0;
  z-index: 99999;
  right: 0;
  position: absolute;
}