@font-face {
				font-family: "OPPOSans-B";
				font-style: normal;
				font-weight: 400;
				src: url(https://www.kehua.com.cn/_nuxt/fonts/OPPOSans-B.56b11af.woff) format("woff"), url(https://www.kehua.com.cn/_nuxt/fonts/OPPOSans-B.ca0af32.ttf) format("truetype"), url(https://www.kehua.com.cn/_nuxt/fonts/OPPOSans-B.d29d2b6.eot) format("embedded-opentype"), url(https://www.kehua.com.cn/_nuxt/img/OPPOSans-B.a3768e4.svg) format("svg")
			}

			@charset "UTF-8";

			/*!
  Important comments included in minified output.
  https://www.bocweb.cn/
  2021-03-15
  ©2021 博采网络 ALL RIGHTS RESERVED. 博采网络
*/
			.animated {
				animation-duration: 1s;
				animation-fill-mode: both
			}

			.simple-form-basic,
			.simple-select,
			.simple-text,
			.simple-textarea {
				border: 1px solid #ccc;
				padding: 4px;
				vertical-align: middle
			}

			.simple-form-basic:focus,
			.simple-select:focus,
			.simple-text:focus,
			.simple-textarea:focus {
				outline: 0 none
			}

			.simple-text {
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
				height: 18px;
				transition: border .2s linear, box-shadow .2s linear
			}

			.simple-text:focus {
				border-color: rgba(82, 168, 236, .8);
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6)
			}

			.simple-textarea {
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
				height: 18px;
				height: 80px;
				transition: border .2s linear, box-shadow .2s linear;
				vertical-align: top;
				width: 500px
			}

			.simple-textarea:focus {
				border-color: rgba(82, 168, 236, .8);
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6)
			}

			.simple-select {
				*margin-bottom: 5px;
				*margin-top: 5px;
				*vertical-align: top
			}

			.reset-radio-checkbox {
				font-size: 13px;
				*height: 13px;
				margin: 0 5px 0 0;
				padding: 0;
				*width: 13px
			}

			html {
				-ms-text-size-adjust: 100%;
				-webkit-text-size-adjust: 100%;
				-webkit-overflow-scrolling: touch;
				font-family: sans-serif
			}

			body {
				background-color: #fff;
				color: #333;
				font-size: 12px;
				font-weight: 500;
				line-height: 1.6;
				margin: 0
			}

			article,
			aside,
			details,
			figcaption,
			figure,
			footer,
			header,
			hgroup,
			main,
			nav,
			section,
			summary {
				display: block
			}

			audio,
			canvas,
			progress,
			video {
				*zoom: 1;
				display: inline-block;
				*display: inline;
				vertical-align: baseline
			}

			audio:not([controls]) {
				display: none;
				height: 0
			}

			[hidden],
			template {
				display: none
			}

			a {
				background: transparent;
				color: #000;
				-webkit-text-decoration: none;
				text-decoration: none
			}

			a:active,
			a:hover {
				outline: 0
			}

			a:hover {
				color: #e70012
			}

			abbr[title] {
				border-bottom: 1px dotted
			}

			b,
			strong {
				font-weight: 700
			}

			dfn {
				font-style: italic
			}

			mark {
				background: #ff0;
				color: #000
			}

			small {
				font-size: 80%
			}

			sub,
			sup {
				font-size: 75%;
				line-height: 0;
				position: relative;
				vertical-align: baseline
			}

			sup {
				top: -.5em
			}

			sub {
				bottom: -.25em
			}

			img {
				-ms-interpolation-mode: bicubic;
				border: 0;
				vertical-align: middle
			}

			svg:not(:root) {
				overflow: hidden
			}

			hr {
				box-sizing: content-box;
				height: 0
			}

			pre {
				word-wrap: break-word;
				overflow: auto;
				white-space: pre;
				white-space: pre-wrap
			}

			code,
			kbd,
			pre,
			samp {
				font-family: monospace, monospace;
				_font-family: "courier new", monospace;
				font-size: 1em
			}

			button,
			input,
			optgroup,
			select,
			textarea {
				color: inherit;
				font: inherit;
				margin: 0
			}

			button {
				overflow: visible
			}

			button,
			select {
				text-transform: none
			}

			button,
			html input[type=button],
			input[type=reset],
			input[type=submit] {
				-webkit-appearance: button;
				cursor: pointer;
				*overflow: visible
			}

			button[disabled],
			html input[disabled] {
				cursor: default
			}

			button::-moz-focus-inner,
			input::-moz-focus-inner {
				border: 0;
				padding: 0
			}

			input:focus,
			textarea:focus {
				outline: none
			}

			input {
				line-height: normal
			}

			input[type=checkbox],
			input[type=radio] {
				box-sizing: border-box;
				*height: 13px;
				padding: 0;
				*width: 13px
			}

			input[type=number]::-webkit-inner-spin-button,
			input[type=number]::-webkit-outer-spin-button {
				height: auto
			}

			input[type=search] {
				-webkit-appearance: textfield;
				box-sizing: content-box
			}

			input[type=search]::-webkit-search-cancel-button,
			input[type=search]::-webkit-search-decoration,
			input[type=text] {
				-webkit-appearance: none
			}

			fieldset {
				border: 1px solid silver;
				margin: 0 2px;
				padding: .35em .625em .75em
			}

			legend {
				border: 0;
				*margin-left: -7px;
				padding: 0
			}

			textarea {
				overflow: auto;
				resize: vertical
			}

			optgroup {
				font-weight: 700
			}

			table {
				border-collapse: collapse;
				border-spacing: 0
			}

			td,
			th {
				padding: 0
			}

			q {
				quotes: none
			}

			body,
			button,
			html,
			input,
			select,
			textarea {
				font-family: "Noto Sans SC", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important
			}

			blockquote,
			figure,
			form,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			p {
				margin: 0
			}

			dd,
			dl,
			li,
			ol,
			ul {
				margin: 0;
				padding: 0
			}

			ol,
			ul {
				list-style: none outside none
			}

			h1,
			h2,
			h3 {
				font-weight: 400;
				line-height: 2
			}

			h1 {
				font-size: 18px
			}

			h2 {
				font-size: 15.6px
			}

			h3 {
				font-size: 14.04px
			}

			h4 {
				font-size: 12px
			}

			h5,
			h6 {
				font-size: 10.2px;
				text-transform: uppercase
			}

			input:-moz-placeholder,
			input::-moz-placeholder,
			textarea:-moz-placeholder,
			textarea::-moz-placeholder {
				color: #ccc
			}

			input:-ms-input-placeholder,
			textarea:-ms-input-placeholder {
				color: #ccc
			}

			input::-webkit-input-placeholder,
			textarea::-webkit-input-placeholder {
				color: #ccc
			}

			html {
				overflow: hidden;
				overflow-y: scroll
			}

			button,
			input,
			select,
			textarea {
				border: none;
				border-radius: 0;
				outline: none;
				padding: 0
			}

			* {
				-webkit-font-smoothing: antialiased;
				box-sizing: border-box
			}

			img {
				display: block;
				max-width: 100%
			}

			.clear {
				clear: both
			}

			.f-cb {
				zoom: 1
			}

			.f-cb:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				overflow: hidden;
				visibility: hidden
			}

			.fl {
				float: left
			}

			.fr {
				float: right
			}

			.por {
				position: relative
			}

			.poa {
				position: absolute
			}

			.pof {
				position: fixed
			}

			.poa-f {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%
			}

			.ovh {
				overflow: hidden
			}

			.noselect {
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none
			}

			.dn {
				display: none
			}

			.w-f {
				width: 100%
			}

			.h-f {
				height: 100%
			}

			.loader {
				animation: spinner .7s linear infinite;
				border: 2px solid rgba(0, 0, 0, .08);
				border-left-color: rgba(0, 0, 0, .5);
				border-radius: 50%;
				font-size: 10px;
				height: 50px;
				left: 50%;
				margin: -25px 0 0 -25px;
				position: fixed;
				top: 50%;
				width: 50px
			}

			.loader.white {
				border: 2px solid hsla(0, 0%, 100%, .08);
				border-left-color: hsla(0, 0%, 100%, .5)
			}

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

				to {
					transform: rotate(1turn)
				}
			}

			a {
				-webkit-tap-highlight-color: rgba(255, 0, 0, 0)
			}

			input,
			select {
				outline: none
			}

			input::-ms-clear {
				display: none
			}

			html {
				font-size: 2.084vw !important
			}

			@media (max-width:996px) {
				html {
					font-size: 50px !important
				}
			}

			@media (max-width:768px) {
				html {
					font-size: 34px !important
				}
			}

			::-moz-selection {
				background: #000;
				color: #fff
			}

			::selection {
				background: #000;
				color: #fff
			}

			::-webkit-scrollbar {
				height: 5px;
				width: 5px
			}

			::-webkit-scrollbar-track {
				background: rgba(0, 0, 0, .1)
			}

			::-webkit-scrollbar-thumb {
				background: #e70012
			}

			::-webkit-scrollbar-thumb:window-inactive {
				background: #e70012
			}

			::-webkit-scrollbar-thumb:vertical:hover {
				background: #e70012
			}

			.col-fff {
				color: #fff
			}

			.col-000 {
				color: #000
			}

			.col-111 {
				color: #111
			}

			.col-222 {
				color: #222
			}

			.col-333 {
				color: #333
			}

			.col-444 {
				color: #444
			}

			.col-555 {
				color: #555
			}

			.col-666,
			.col-777,
			.col-888 {
				color: #666
			}

			.col-999 {
				color: #999
			}

			.tit-12 {
				font-size: 12px
			}

			.tit-13 {
				font-size: 13px
			}

			.tit-14 {
				font-size: .35rem
			}

			.tit-15,
			.tit-16,
			.tit-17 {
				font-size: .4rem
			}

			.tit-18 {
				font-size: .45rem
			}

			.tit-19 {
				font-size: .475rem
			}

			.tit-20 {
				font-size: .5rem
			}

			.tit-21 {
				font-size: .525rem
			}

			.tit-22 {
				font-size: .55rem
			}

			.tit-23 {
				font-size: .575rem
			}

			.tit-24 {
				font-size: .6rem
			}

			.tit-25 {
				font-size: .625rem
			}

			.tit-26 {
				font-size: .65rem
			}

			.tit-27 {
				font-size: .675rem
			}

			.tit-28 {
				font-size: .7rem
			}

			.tit-29 {
				font-size: .725rem
			}

			.tit-30 {
				font-size: .75rem
			}

			.tit-31 {
				font-size: .775rem
			}

			.tit-32 {
				font-size: .8rem
			}

			.tit-33 {
				font-size: .825rem
			}

			.tit-34 {
				font-size: .85rem
			}

			.tit-35 {
				font-size: .875rem
			}

			.tit-36 {
				font-size: .9rem
			}

			.tit-37 {
				font-size: .925rem
			}

			.tit-38 {
				font-size: .95rem
			}

			.tit-39 {
				font-size: .975rem
			}

			.tit-40 {
				font-size: 1rem
			}

			.tit-41 {
				font-size: 1.025rem
			}

			.tit-42 {
				font-size: 1.05rem
			}

			.tit-43 {
				font-size: 1.075rem
			}

			.tit-44 {
				font-size: 1.1rem
			}

			.tit-45 {
				font-size: 1.125rem
			}

			.tit-46 {
				font-size: 1.15rem
			}

			.tit-47 {
				font-size: 1.175rem
			}

			.tit-48 {
				font-size: 1.2rem
			}

			.tit-49 {
				font-size: 1.225rem
			}

			.tit-50 {
				font-size: 1.25rem
			}

			.tit-51 {
				font-size: 1.275rem
			}

			.tit-52 {
				font-size: 1.3rem
			}

			.tit-53 {
				font-size: 1.325rem
			}

			.tit-54 {
				font-size: 1.35rem
			}

			.tit-55 {
				font-size: 1.375rem
			}

			.tit-56 {
				font-size: 1.4rem
			}

			.tit-57 {
				font-size: 1.425rem
			}

			.tit-58 {
				font-size: 1.45rem
			}

			.tit-59 {
				font-size: 1.475rem
			}

			.tit-60 {
				font-size: 1.5rem
			}

			.tit-61 {
				font-size: 1.525rem
			}

			.tit-62 {
				font-size: 1.55rem
			}

			.tit-63 {
				font-size: 1.575rem
			}

			.tit-64 {
				font-size: 1.6rem
			}

			.tit-65 {
				font-size: 1.625rem
			}

			.tit-66 {
				font-size: 1.65rem
			}

			.tit-67 {
				font-size: 1.675rem
			}

			.tit-68 {
				font-size: 1.7rem
			}

			.tit-69 {
				font-size: 1.725rem
			}

			.tit-70 {
				font-size: 1.75rem
			}

			.tit-71 {
				font-size: 1.775rem
			}

			.tit-72 {
				font-size: 1.8rem
			}

			.tit-73 {
				font-size: 1.825rem
			}

			.tit-74 {
				font-size: 1.85rem
			}

			.tit-75 {
				font-size: 1.875rem
			}

			.tit-76 {
				font-size: 1.9rem
			}

			.tit-77 {
				font-size: 1.925rem
			}

			.tit-78 {
				font-size: 1.95rem
			}

			.tit-79 {
				font-size: 1.975rem
			}

			.tit-80 {
				font-size: 2rem
			}

			.conbox-14 {
				font-size: 14px;
				line-height: 1.8
			}

			.conbox-15 {
				font-size: 15px;
				line-height: 1.8
			}

			.conbox-16 {
				font-size: 16px;
				line-height: 1.8
			}

			.conbox-17 {
				font-size: 17px;
				line-height: 1.8
			}

			.conbox-18 {
				font-size: 18px;
				line-height: 1.8
			}

			.conbox-19 {
				font-size: 19px;
				line-height: 1.8
			}

			.conbox-20 {
				font-size: 20px;
				line-height: 1.8
			}

			.conbox-21 {
				font-size: 21px;
				line-height: 1.8
			}

			.conbox-22 {
				font-size: 22px;
				line-height: 1.8
			}

			.conbox-23 {
				font-size: 23px;
				line-height: 1.8
			}

			.conbox-24 {
				font-size: 24px;
				line-height: 1.8
			}

			@media (max-width:1481px) {
				.conbox-18 {
					font-size: 16px
				}

				.conbox-20 {
					font-size: 18px
				}

				.conbox-24 {
					font-size: 20px
				}
			}

			@media (max-width:1281px) {
				.conbox-14 {
					font-size: 13px
				}

				.conbox-16 {
					font-size: 14px
				}

				.conbox-18,
				.conbox-20 {
					font-size: 15px
				}

				.conbox-24 {
					font-size: 16px
				}
			}

			.pc-block,
			.pc-block-767,
			.pc-block-768 {
				display: block
			}

			.m-block,
			.m-block-767,
			.m-block-768 {
				display: none
			}

			@media (max-width:1024px) {
				.pc-block {
					display: none
				}

				.m-block {
					display: block
				}
			}

			@media (max-width:768px) {
				.pc-block-768 {
					display: none
				}

				.m-block-768 {
					display: block
				}
			}

			@media (max-width:767px) {
				.pc-block-767 {
					display: none
				}

				.m-block-767 {
					display: block
				}
			}

			.poa-middle {
				bottom: 0;
				left: 0;
				margin: auto;
				right: 0;
				top: 0
			}

			.tran-middle {
				left: 50%;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%)
			}

			.text-hide {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-break: keep-all
			}

			.img-cover {
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover
			}

			.pointer {
				cursor: pointer
			}

			.bgtop {
				background-position: top
			}

			.containbg {
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: contain
			}

			.text-left {
				text-align: left
			}

			.text-right {
				text-align: right
			}

			.text-center {
				text-align: center
			}

			.text-justif {
				text-align: justify
			}

			.text-nowrap {
				white-space: nowrap
			}

			.text-lowercase {
				text-transform: lowercase
			}

			.text-uppercase {
				text-transform: uppercase
			}

			.text-capitalize {
				text-transform: capitalize
			}

			.text-bold {
				font-weight: 700
			}

			.centerh {
				left: 50%;
				position: absolute;
				transform: translateX(-50%)
			}

			.centerv {
				position: absolute;
				top: 50%;
				transform: translateY(-50%)
			}

			.centerblock {
				margin-left: auto;
				margin-right: auto
			}

			.shadow1 {
				box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .15)
			}

			.full {
				height: 100%
			}

			.full,
			.fullw {
				width: 100%
			}

			.fullh {
				height: 100%
			}

			.fullvh {
				height: 100vh
			}

			.top {
				top: 0
			}

			.btm {
				bottom: 0
			}

			.lt {
				left: 0
			}

			.rt {
				right: 0
			}

			.block {
				display: block
			}

			.inlineblock {
				display: inline-block
			}

			.notrans {
				transition-duration: 0s !important
			}

			.no-hover {
				cursor: default;
				pointer-events: none !important
			}

			.trans3d0 {
				backface-visibility: hidden;
				transform: translateZ(0)
			}

			.round {
				border-radius: 50%
			}

			.mt0 {
				margin-top: 0
			}

			.mb0 {
				margin-bottom: 0
			}

			.in-block {
				*zoom: 1;
				display: inline-block;
				*display: inline
			}

			.w100 {
				width: 100%
			}

			.w1720 {
				margin: 0 auto;
				max-width: 1720px;
				width: 90%
			}

			.w1300 {
				margin: 0 auto;
				width: 1300px
			}

			@media (max-width:1350px) {
				.w1300 {
					width: 94%
				}
			}

			.w1080 {
				margin: 0 auto;
				width: 1080px
			}

			@media (max-width:1100px) {
				.w1080 {
					width: 94%
				}
			}

			.w1070 {
				margin: 0 auto;
				width: 1070px
			}

			@media (max-width:1100px) {
				.w1070 {
					width: 94%
				}
			}

			.page,
			.wpage {
				text-align: center
			}

			.page {
				clear: both;
				display: inline-block;
				font-size: 14px;
				font-weight: 700;
				line-height: 22px;
				padding: 40px 0 0
			}

			.page a {
				background: #f0efef;
				color: #d2d2d2;
				display: block;
				float: left;
				height: 38px;
				line-height: 38px;
				margin: 0 2px;
				-webkit-text-decoration: none;
				text-decoration: none;
				transition: .5s cubic-bezier(.6, .2, .1, 1);
				width: 38px
			}

			.page a.active,
			.page span.laypage_curr {
				background: #da3830;
				color: #fff;
				transition: .5s cubic-bezier(.6, .2, .1, 1)
			}

			.page span.laypage_curr {
				display: inline-block;
				height: 38px;
				line-height: 38px;
				margin: 0 2px;
				width: 38px
			}

			.page a:hover {
				background: #da3830;
				color: #fff;
				-webkit-text-decoration: none;
				text-decoration: none;
				transition: .5s cubic-bezier(.6, .2, .1, 1)
			}

			@media (max-width:767px) {
				.wrap {
					padding: 30px
				}
			}

			.wrap-sm {
				padding: 30px
			}

			@media (max-width:767px) {
				.wrap-sm {
					padding: 15px
				}
			}

			.wrap-xs {
				padding: 20px
			}

			@media (max-width:767px) {
				.wrap-xs {
					padding: 10px
				}
			}

			.p-v-xs {
				padding-bottom: 20px;
				padding-top: 20px
			}

			@media (max-width:767px) {
				.p-v-xs {
					padding-bottom: 10px;
					padding-top: 10px
				}
			}

			.p-v-sm {
				padding-bottom: 30px;
				padding-top: 30px
			}

			@media (max-width:767px) {
				.p-v-sm {
					padding-bottom: 20px;
					padding-top: 20px
				}
			}

			.p-v-md {
				padding-bottom: 60px;
				padding-top: 60px
			}

			@media (max-width:959px) {
				.p-v-md {
					padding-bottom: 40px;
					padding-top: 40px
				}
			}

			@media (max-width:767px) {
				.p-v-md {
					padding-bottom: 30px;
					padding-top: 30px
				}
			}

			.p-v-lg {
				padding-bottom: 100px;
				padding-top: 100px
			}

			@media (max-width:959px) {
				.p-v-lg {
					padding-bottom: 70px;
					padding-top: 70px
				}
			}

			@media (max-width:767px) {
				.p-v-lg {
					padding-bottom: 50px;
					padding-top: 50px
				}
			}

			.p-h-sm {
				padding-left: 30px;
				padding-right: 30px
			}

			@media (max-width:767px) {
				.p-h-sm {
					padding-left: 20px;
					padding-right: 20px
				}
			}

			.pt0 {
				padding-top: 0
			}

			.pb0 {
				padding-bottom: 0
			}

			.m-v-lg {
				margin-bottom: 100px;
				margin-top: 100px
			}

			@media (max-width:959px) {
				.m-v-lg {
					margin-bottom: 70px;
					margin-top: 70px
				}
			}

			@media (max-width:767px) {
				.m-v-lg {
					margin-bottom: 50px;
					margin-top: 50px
				}
			}

			.m-b-xxs {
				margin-bottom: 5px
			}

			.m-b-xs {
				margin-bottom: 10px
			}

			.m-b-sm {
				margin-bottom: 20px
			}

			@media (max-width:767px) {
				.m-b-sm {
					margin-bottom: 15px
				}
			}

			.m-b-md {
				margin-bottom: 30px
			}

			@media (max-width:767px) {
				.m-b-md {
					margin-bottom: 20px
				}
			}

			.m-b-lg {
				margin-bottom: 60px
			}

			@media (max-width:767px) {
				.m-b-lg {
					margin-bottom: 40px
				}
			}

			.m-b-xl {
				margin-bottom: 100px
			}

			@media (max-width:959px) {
				.m-b-xl {
					margin-bottom: 70px
				}
			}

			@media (max-width:767px) {
				.m-b-xl {
					margin-bottom: 50px
				}
			}

			.m-t-xxs {
				margin-top: 5px
			}

			.m-t-xs {
				margin-top: 10px
			}

			.m-t-sm {
				margin-top: 20px
			}

			@media (max-width:767px) {
				.m-t-sm {
					margin-top: 15px
				}
			}

			.m-t-md {
				margin-top: 30px
			}

			@media (max-width:767px) {
				.m-t-md {
					margin-top: 20px
				}
			}

			.m-t-lg {
				margin-top: 60px
			}

			@media (max-width:767px) {
				.m-t-lg {
					margin-top: 40px
				}
			}

			.m-r-xxs {
				margin-right: 5px
			}

			.m-r-xs {
				margin-right: 10px
			}

			.m-r-sm {
				margin-right: 20px
			}

			@media (max-width:767px) {
				.m-r-sm {
					margin-right: 10px
				}
			}

			.m-l-xxs {
				margin-left: 5px
			}

			.m-l-xs {
				margin-left: 10px
			}

			.m-l-sm {
				margin-left: 20px
			}

			@media (max-width:767px) {
				.m-l-sm {
					margin-left: 10px
				}
			}

			@media (max-width:767px) and (orientation:portrait) {
				.phone-v-fullw {
					width: 100%
				}

				.phone-v-p0 {
					padding: 0
				}
			}

			.trans {
				transition: all .4s
			}

			.trans2 {
				transition: all .4s cubic-bezier(.77, 0, .175, 1)
			}

			.trans-md {
				transition: all .8s
			}

			.trans-md2 {
				transition: all .8s cubic-bezier(1, 0, 0, 1)
			}

			.anim-loader {
				animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite
			}

			.anim-fade-out {
				animation: fade_out .5s ease forwards
			}

			.ajax-loader {
				background: rgba(0, 0, 0, .2);
				opacity: 0;
				visibility: hidden;
				z-index: 1036
			}

			.tt-ajax-loader .ajax-loader {
				opacity: 1;
				visibility: visible
			}

			.tt-ajax-loader .ajax-loader .loader-icon .line {
				animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite
			}

			.cssanimations .anim_emt,
			.cssanimations .anim_group .anim_item {
				visibility: hidden
			}

			.cssanimations .anim_emt.visb,
			.cssanimations .anim_group .anim_item.visb {
				visibility: inherit
			}

			.anim_emt.start {
				animation-duration: .6s;
				animation-fill-mode: both;
				animation-timing-function: ease
			}

			.anim_emt.start.scale_up {
				animation-name: mk_scale
			}

			.anim_emt.start.fade_in {
				animation-name: mk_fade
			}

			.anim_emt.start.r_to_l {
				animation-name: mk_right_to_left
			}

			.anim_emt.start.l_to_r {
				animation-name: mk_left_to_right
			}

			.anim_emt.start.t_to_b {
				animation-name: mk_top_to_bottom
			}

			.anim_emt.start.b_to_t {
				animation-name: mk_bottom_to_top
			}

			.slide_anim {
				visibility: hidden
			}

			.slide_anim.start {
				visibility: visible
			}

			.slide_anim.b_to_t.start {
				animation: mk_bottom_to_top .6s
			}

			.anim_emt.palx_img.start {
				animation-name: tt_palx_wrap;
				overflow: hidden
			}

			.anim_emt.palx_img.start .img-wrap {
				animation: tt_palx_img .6s
			}

			@keyframes tt_palx_wrap {
				0% {
					opacity: 0;
					transform: translateY(30px)
				}

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

			@keyframes tt_palx_img {
				0% {
					transform: translateY(-20px)
				}

				to {
					transform: translateY(0)
				}
			}

			@keyframes loader {
				to {
					transform: rotate(1turn)
				}
			}

			@keyframes loader_dash {
				0% {
					stroke-dasharray: 0 150;
					stroke-dashoffset: 0
				}

				to {
					stroke-dasharray: 100 150;
					stroke-dashoffset: -140
				}
			}

			@keyframes line_w100 {
				to {
					left: 100%
				}
			}

			@keyframes rotate_360 {
				to {
					transform: rotate(1turn)
				}
			}

			@keyframes fade_out {
				0% {
					opacity: 1
				}

				to {
					opacity: 0
				}
			}

			@keyframes fade_in {
				0% {
					opacity: 0
				}

				to {
					opacity: 1
				}
			}

			@keyframes fade_out_in {

				0%,
				to {
					opacity: 1
				}

				50% {
					opacity: 0
				}
			}

			@keyframes mk_scale {
				0% {
					opacity: 0;
					transform: scale(.5)
				}

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

			@keyframes mk_fade {
				0% {
					opacity: 0
				}

				to {
					opacity: 1
				}
			}

			@keyframes mk_left_to_right {
				0% {
					opacity: 0;
					transform: translateX(-30px)
				}

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

			@keyframes mk_right_to_left {
				0% {
					opacity: 0;
					transform: translateX(30px)
				}

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

			@keyframes mk_bottom_to_top {
				0% {
					opacity: 0;
					transform: translateY(30px)
				}

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

			@keyframes mk_top_to_bottom {
				0% {
					opacity: 0;
					transform: translateY(-30px)
				}

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

			@keyframes mk_spt {
				0% {
					opacity: 0;
					transform: translateY(10%)
				}

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

			.js-m {
				opacity: 0;
				transform: translateY(30px);
				transition: all .8s cubic-bezier(.79, -.27, .21, .82)
			}

			.js-m.animate {
				opacity: 1;
				transform: translate(0)
			}

			.js-m-2-1 {
				opacity: 0;
				transform: translateY(30px);
				transition: all .8s cubic-bezier(.79, -.27, .21, .82)
			}

			.js-m-2-1.animate {
				opacity: 1;
				transform: translate(0)
			}

			.a-del1 {
				animation-delay: .1s
			}

			.a-del2 {
				animation-delay: .2s
			}

			.a-del3 {
				animation-delay: .3s
			}

			.a-del4 {
				animation-delay: .4s
			}

			.a-del5 {
				animation-delay: .5s
			}

			.a-del6 {
				animation-delay: .6s
			}

			.a-del7 {
				animation-delay: .7s
			}

			.a-del8 {
				animation-delay: .8s
			}

			.a-del9 {
				animation-delay: .9s
			}

			.a-del10 {
				animation-delay: 1s
			}

			.a-dur1 {
				animation-duration: .3s
			}

			.a-dur2 {
				animation-duration: .4s
			}

			.a-dur3 {
				animation-duration: .5s
			}

			.a-dur4 {
				animation-duration: .6s
			}

			.a-dur5 {
				animation-duration: .7s
			}

			.a-dur6 {
				animation-duration: .8s
			}

			.a-dur7 {
				animation-duration: .9s
			}

			.a-dur8 {
				animation-duration: 1s
			}

			.a-dur9 {
				animation-duration: 1.1s
			}

			.a-dur10 {
				animation-duration: 1.2s
			}

			.a-dur11 {
				animation-duration: 1.3s
			}

			.a-dur12 {
				animation-duration: 1.4s
			}

			.a-dur13 {
				animation-duration: 1.5s
			}

			.a-dur14 {
				animation-duration: 1.6s
			}

			.a-dur15 {
				animation-duration: 1.7s
			}

			.a-dur16 {
				animation-duration: 1.8s
			}

			.a-dur17 {
				animation-duration: 1.9s
			}

			.a-dur18 {
				animation-duration: 2s
			}

			.t-del1 {
				transition-delay: .1s
			}

			.t-del2 {
				transition-delay: .2s
			}

			.t-del3 {
				transition-delay: .3s
			}

			.t-del4 {
				transition-delay: .4s
			}

			.t-del5 {
				transition-delay: .5s
			}

			.t-del6 {
				transition-delay: .6s
			}

			.t-del7 {
				transition-delay: .7s
			}

			.t-del8 {
				transition-delay: .8s
			}

			.t-del9 {
				transition-delay: .9s
			}

			.t-del10 {
				transition-delay: 1s
			}

			.line-1 {
				line-height: 1.1
			}

			.line-2 {
				line-height: 1.2
			}

			.line-3 {
				line-height: 1.3
			}

			.line-4 {
				line-height: 1.4
			}

			.line-6 {
				line-height: 1.6
			}

			.line-7 {
				line-height: 1.7
			}

			.line-8 {
				line-height: 1.8
			}

			.line-9 {
				line-height: 1.9
			}

			.line-10 {
				line-height: 2
			}

			.line-11 {
				line-height: 2.1
			}

			.line-12 {
				line-height: 2.2
			}

			.some-class-zxx {
				background-color: #fff
			}

			@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
				.some-class-zxx {
					-webkit-backdrop-filter: blur(5px);
					backdrop-filter: blur(5px);
					background: hsla(0, 0%, 100%, .75)
				}
			}

			#pageloader,
			body.loading {
				overflow: hidden
			}

			#pageloader {
				background: #f5f3f0;
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 5000
			}

			#pageloader .logo {
				height: 51px;
				width: auto
			}

			.darkmode #pageloader {
				background: #252525
			}

			body.init #pageloader {
				transform: translate3d(0, 100%, 0);
				transition: all 1.2s cubic-bezier(.77, 0, .175, 1)
			}

			body.init #pageloader .cont {
				opacity: 0;
				transition: all .6s
			}

			body.init #pageloader .logo,
			body.init #pageloader div {
				transition: all .6s
			}

			body.init #pageloader .logo {
				transform: translateY(20px)
			}

			body.init #pageloader .small {
				transform: translateY(-20px)
			}

			body.init #pageloader .loader-line {
				transform: scaleX(0)
			}

			.loader-line {
				background: #a96b41;
				height: 2px;
				max-width: 300px;
				overflow: hidden;
				width: 50vw
			}

			.loader-icon {
				border-radius: 50%;
				height: 24px;
				width: 24px
			}

			.loader-icon .line {
				fill: none;
				stroke: #fff;
				stroke-width: 4px;
				stroke-linecap: round;
				transform: rotate(0deg);
				transform-origin: 50% 50%
			}

			.wr {
				position: relative;
				width: 100%
			}

			.lh1 {
				line-height: 1
			}

			.bg {
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 100%;
				width: 100%
			}

			header {
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 9999999
			}

			.view {
				padding: 0 1.5rem;
				width: 100%
			}

			.logovsg .cls-1 {
				fill: #e60012;
				fill-rule: evenodd
			}

			.pc-header .logo {
				display: block;
				width: 4rem
			}

			.pc-header {
				height: 2.35rem;
				transition: all .2s;
				width: 100%
			}

			.pc-header.white {
				background-color: #fff;
				box-shadow: 5px 0 18px 0 rgba(0, 0, 0, .2)
			}

			.pc-header.white .left .navlist .li .tit {
				color: #333
			}

			.pc-header.white .left .navlist .li .tit:after {
				background-color: #e70012
			}

			.pc-header.white .right .phone .icon svg {
				fill: #333
			}

			.pc-header.white .right .phone {
				color: #333
			}

			.pc-header.white .right .webgroud .icon svg {
				fill: #333
			}

			.pc-header.white .right .webgroud {
				color: #333
			}

			.pc-header.white .right .search .icon,
			.pc-header.white .right .webgroud .tit-16 .icon {
				fill: #333
			}

			.info .pc-header {
				background-color: #fff
			}

			.info .pc-header .left .navlist .li .tit {
				color: #333
			}

			.info .pc-header .left .navlist .li .tit:after {
				background-color: #e70012
			}

			.info .pc-header .right .phone .icon svg {
				fill: #333
			}

			.info .pc-header .right .phone {
				color: #333
			}

			.info .pc-header .right .webgroud .icon svg {
				fill: #333
			}

			.info .pc-header .right .webgroud {
				color: #333
			}

			.info .pc-header .right .search .icon,
			.info .pc-header .right .webgroud .tit-16 .icon {
				fill: #333
			}

			.pc-header .view {
				justify-content: space-between
			}

			.pc-header .left,
			.pc-header .view {
				align-items: center;
				display: flex;
				height: 100%
			}

			.pc-header .left,
			.pc-header .left .navlist {
				justify-content: flex-start
			}

			.pc-header .left .navlist {
				align-items: center;
				display: flex;
				margin-left: 2.475rem
			}

			.pc-header .left .navlist .li {
				height: 2.35rem;
				line-height: 2.35rem;
				margin-right: 1.525rem;
				position: relative
			}

			.pc-header .left .navlist .li .tit {
				color: #fff;
				line-height: 1;
				position: relative
			}

			.pc-header .left .navlist .li .tit:after {
				background-color: #fff;
				bottom: -7px;
				content: "";
				height: 3px;
				left: 0;
				position: absolute;
				transition: all .5s;
				width: 0
			}

			.pc-header .left .navlist .li.on .tit:after,
			.pc-header .left .navlist .li:hover .tit:after {
				width: 100%
			}

			.sub-banner {
				height: 21.5rem;
				width: 100%
			}

			.sub-banner .txt {
				align-items: flex-start;
				color: #fff;
				display: flex;
				font-weight: 500;
				justify-content: flex-start;
				left: 3.5rem;
				line-height: 1;
				position: absolute;
				top: 6.925rem;
				z-index: 3
			}

			.sub-banner .txt .xg {
				margin-right: .4rem;
				transform: translateY(5px)
			}

			.pc-header .right,
			.pc-header .right .phone {
				align-items: center;
				display: flex;
				height: 100%;
				justify-content: flex-start
			}

			.pc-header .right .phone {
				color: #fff;
				font-family: "OPPOSans-B";
				line-height: 1
			}

			.pc-header .right .phone .icon {
				margin-right: .2rem;
				width: .5rem
			}

			.pc-header .right .phone .icon svg {
				fill: #fff;
				line-height: 1
			}

			.pc-header .right .webgroud {
				align-items: center;
				color: #fff;
				cursor: pointer;
				display: flex;
				height: 100%;
				justify-content: flex-start;
				line-height: 1;
				margin-left: .8rem
			}

			.pc-header .right .webgroud .ts {
				align-items: center;
				display: flex;
				justify-content: flex-start;
				position: relative
			}

			.pc-header .right .webgroud .icon {
				margin-right: .2rem;
				width: .5rem
			}

			.pc-header .right .webgroud .icon svg {
				fill: #fff;
				line-height: 1
			}

			.pc-header .right .webgroud .tit-16 {
				font-family: "OPPOSans-B";
				line-height: .5rem
			}

			.pc-header .right .webgroud .tit-16 .icon,
			.pc-header .right .webgroud .tit-18 .icon {
				fill: #fff;
				line-height: 1;
				margin-right: 0;
				vertical-align: top
			}

			.pc-header .right .search .icon {
				fill: #fff;
				cursor: pointer;
				line-height: 1;
				margin-left: .8rem;
				vertical-align: top;
				width: .5rem
			}

			.nume {
				background: #e70012;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				cursor: pointer;
				height: 1.15rem;
				margin-left: .8rem;
				opacity: 1;
				position: relative;
				width: 1.6rem
			}

			.nume .line {
				background: #fff;
				height: 3px;
				left: 50%;
				opacity: 1;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				width: .5rem
			}

			.nume .line:first-child {
				left: 55%;
				top: 40%
			}

			.nume .line:last-child {
				top: 60%
			}

			.two-nav {
				background: hsla(0, 0%, 100%, .8);
				bottom: 0;
				height: 2rem;
				left: 0;
				overflow: hidden;
				position: absolute;
				width: 100%
			}

			.two-nav .nav {
				-webkit-backdrop-filter: blur(5px);
				backdrop-filter: blur(5px);
				background: hsla(0, 0%, 100%, .6);
				font-size: 0;
				height: 2rem;
				width: 100%
			}

			.two-nav .nav a {
				cursor: pointer;
				display: inline-block;
				font-weight: 500;
				line-height: 2rem;
				margin: 0 1.05rem;
				position: relative;
				text-align: center;
				transition: all .5s
			}

			.two-nav .nav a:after {
				background-color: #e70012;
				bottom: 0;
				content: "";
				height: 4px;
				left: 0;
				position: absolute;
				width: 0
			}

			.two-nav .nav a.on {
				color: #e70012
			}

			.two-nav .nav a.on:after {
				width: 100%
			}

			.about-a {
				padding: 2.95rem 0
			}

			.view2 {
				padding: 0 3.475rem;
				width: 100%
			}

			.about-a .left .t1 {
				line-height: 1
			}

			.about-a .left .t1,
			.about-a .left .t2 {
				font-weight: 500;
				position: relative;
				z-index: 2
			}

			.about-a .left .t2 {
				line-height: 2.2
			}

			.about-a .left .t2 span {
				color: #e70012;
				font-family: "OPPOSans-B"
			}

			.about-a .left .img {
				height: 14.05rem;
				margin-top: 3.075rem;
				position: relative;
				width: 22.05rem;
				z-index: 2
			}

			.play {
				height: 2.15rem;
				width: 2.15rem
			}

			.play,
			.svgs {
				cursor: pointer
			}

			.svgs {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%
			}

			.svgs .svg {
				stroke-width: 2;
				r: calc(50% - 1px)
			}

			.svgs .circle {
				opacity: 0;
				transition: .5s ease-in-out
			}

			.play:hover .circle {
				animation: circle 2s linear;
				opacity: 1;
				transition: 1s ease-in-out
			}

			@keyframes circle {
				0% {
					stroke-dasharray: 0 274
				}

				to {
					stroke-dasharray: 274 0
				}
			}

			.play .t {
				bottom: -1rem;
				color: #fff;
				left: 50%;
				position: absolute;
				transform: translateX(-50%);
				white-space: nowrap
			}

			.vidcontainer {
				cursor: pointer;
				height: 100%;
				left: 0;
				overflow: hidden;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 100;
				z-index: 999
			}

			.vidcontainer .video-dialog {
				left: 50%;
				max-height: 80%;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 50%
			}

			.vidcontainer .mask {
				background-color: #000;
				height: 100%;
				left: 0;
				opacity: .8;
				position: absolute;
				top: 0;
				width: 100%
			}

			.vidcontainer .closevid {
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: .35rem;
				border: 1px solid #fff;
				border-radius: 100%;
				cursor: pointer;
				height: 1.5rem;
				position: absolute;
				right: -2.5rem;
				top: 0;
				transition: all .3s;
				width: 1.5rem
			}

			.vidcontainer video {
				max-height: 80vh;
				outline: none;
				width: 100%
			}

			@media (max-width:767px) {
				.vidcontainer .closevid {
					height: .6rem;
					right: 0;
					top: -1rem;
					width: .6rem
				}

				.vidcontainer .video-dialog {
					width: 90%
				}
			}

			@media (min-width:1025px) {
				.vidcontainer .closevid:hover {
					transform: rotate(90deg)
				}
			}

			.about-a .view2 {
				display: flex
			}

			.about-a .right {
				padding-left: 2.25rem;
				width: calc(100% - 22.05rem)
			}

			.about-a .right .tit-18 {
				text-align: justify
			}

			.av-page {
				margin-top: 1rem
			}

			.av-page img {
				margin-bottom: .15rem;
				opacity: 0;
				width: .6rem
			}

			.av-page .li {
				cursor: pointer;
				display: inline-block;
				font-family: "OPPOSans-B";
				font-weight: 500;
				line-height: 1.2;
				margin-right: .7rem;
				text-align: center
			}

			.av-page .li.on,
			.av-page .li:hover {
				color: #e70012
			}

			.av-page .li svg {
				opacity: 0
			}

			.av-page .li.on img {
				opacity: 1
			}

			.about-a .right .numlist {
				margin-top: 5rem;
				width: 100%
			}

			.about-a .right .numlist .li {
				align-items: center;
				border-bottom: 1px solid rgba(0, 0, 0, .088);
				display: flex;
				justify-content: space-between;
				padding: .775rem 0;
				width: 100%
			}

			.about-a .right .numlist .li .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.about-a .right .numlist .li .numbox .num,
			.about-a .right .numlist .li .numbox .tit-72 {
				font-family: "OPPOSans-B"
			}

			.about-a .right .numlist .li .numbox .dw {
				font-weight: 500;
				margin-left: 3px;
				transform: translateY(10px)
			}

			.about-a .right .numlist .li .rbox {
				color: #333;
				font-weight: 500
			}

			.about-a .left .bgimg {
				left: 0;
				position: absolute;
				top: 2.575rem;
				width: 28.775rem
			}

			.about-a .right {
				transform: translateY(50%)
			}

			.about-b {
				overflow: hidden;
				padding: 3.25rem 0
			}

			.about-b .top {
				align-items: center;
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.about-b .top a {
				color: #e70012;
				display: block;
				font-size: 0;
				font-weight: 500
			}

			.about-b .top a div {
				display: inline-block;
				vertical-align: middle
			}

			.about-b .top a .icon {
				margin-left: 5px;
				transition: all .5s
			}

			.about-b .top a:hover .icon {
				transform: translateX(5px)
			}

			.about-b .content {
				margin-top: 1.5rem
			}

			.about-b .content .aboutb-container {
				width: 100%
			}

			.about-b .content .aboutb-container .swiper-slide {
				margin-right: 1.9rem;
				width: 19.55rem
			}

			.about-b .content .aboutb-container .swiper-slide:last-child {
				margin-right: 0
			}

			.about-b .content .aboutb-container .swiper-slide .img {
				height: 11.55rem;
				overflow: hidden;
				width: 100%
			}

			.about-b .content .aboutb-container .swiper-slide .img .bg {
				transition: all .5s
			}

			.about-b .content .aboutb-container .swiper-slide:hover .img .bg {
				transform: scale(1.02)
			}

			.about-b .content .aboutb-container .swiper-slide .txt {
				display: flex;
				padding: 1rem 2.25rem;
				position: relative
			}

			.about-b .content .aboutb-container .swiper-slide .txt .year {
				display: flex;
				font-style: italic;
				line-height: 1
			}

			.num {
				font-family: "OPPOSans-B"
			}

			.about-b .content .aboutb-container .swiper-slide .txt .year .dw {
				margin-left: 8px;
				margin-top: 6px
			}

			.about-b .content .aboutb-container .swiper-slide .txt .t {
				color: #333;
				font-style: italic;
				font-weight: 500;
				line-height: 1.4;
				margin-left: 1rem
			}

			.xg svg:last-child {
				margin-left: -5px
			}

			.about-b .content .aboutb-container .swiper-slide .xg {
				left: 1.5rem;
				position: absolute;
				top: 0;
				transform: translateY(-50%)
			}

			.about-next,
			.about-prev {
				background-color: #e70012;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				cursor: pointer;
				height: 1.2rem;
				position: relative;
				position: absolute;
				top: 45%;
				width: 1.6rem;
				z-index: 20
			}

			.swiper-button-disabled {
				cursor: no-drop;
				filter: grayscale(100)
			}

			.about-next svg,
			.about-prev svg {
				z-index: 3
			}

			.about-next {
				right: .675rem
			}

			.about-prev {
				left: .675rem
			}

			.about-prev svg {
				transform: translate(-50%, -50%) rotate(180deg);
				z-index: 2
			}

			.about-next:after,
			.about-prev:after {
				background: #f5999a;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				content: "";
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transform: scaleX(0);
				transform-origin: right center;
				transition: transform .4s cubic-bezier(.4, 0, .2, 1);
				width: 100%
			}

			.about-next:hover:after,
			.about-prev:hover:after {
				transform: scaleX(1);
				transform-origin: left center
			}

			.about-c {
				height: 24.5rem
			}

			.about-c .bg {
				left: 0;
				position: absolute;
				top: 0
			}

			.about-c .content {
				height: 100%;
				padding-top: 3rem;
				position: relative;
				z-index: 3
			}

			.about-c .content .top {
				align-items: center;
				border-bottom: 1px solid hsla(0, 0%, 100%, .2);
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.about-c .content .top .table {
				font-size: 0
			}

			.about-c .content .top .table .li {
				color: #fff;
				cursor: pointer;
				display: inline-block;
				font-size: .7rem;
				font-weight: 500;
				margin-right: 2.9rem;
				padding-bottom: .4rem;
				position: relative;
				vertical-align: bottom
			}

			.about-c .content .top .table .li.on {
				font-size: 1.05rem
			}

			.about-c .content .top .table .li.on:after {
				background-color: #fff;
				bottom: 0;
				content: "";
				height: 3px;
				left: 0;
				position: absolute;
				width: 100%
			}

			.about-c .content .top a {
				color: #fff;
				display: block;
				font-size: 0
			}

			.about-c .content .top a div {
				display: inline-block;
				vertical-align: middle
			}

			.about-c .content .top a .icon {
				margin-left: 6px;
				transition: all .5s
			}

			.about-c .content .top a:hover .icon {
				transform: translateX(5px)
			}

			.about-c .content .cont {
				margin-top: 2.5rem;
				width: 100%
			}

			.about-c .content .cont .t1 {
				color: #e70012;
				display: flex;
				line-height: 1
			}

			.about-c .content .cont .t1 .dw {
				font-weight: 500;
				margin-left: 8px;
				margin-top: 5px
			}

			.about-c .content .cont .t2 {
				color: #fff
			}

			.about-c .content .cont1 .t2 span {
				color: #e70012;
				font-family: "OPPOSans-B"
			}

			.about-c .content .cont .t3 {
				color: #fff;
				margin-top: 1rem;
				width: 60%
			}

			.about-c .content .cont .numlist {
				bottom: 0;
				display: flex;
				position: absolute;
				width: calc(100% - 6rem)
			}

			.about-c .content .cont .numlist .li {
				border-left: 1px solid hsla(0, 0%, 100%, .1);
				padding-bottom: 2.4rem;
				padding-left: 1rem;
				width: 20%
			}

			.about-c .content .cont .numlist .li .numbox {
				color: #e70012;
				display: flex;
				line-height: 1
			}

			.about-c .content .cont .numlist .li .numbox .dw {
				font-weight: 500;
				margin-left: 8px;
				margin-top: 5px
			}

			.about-c .content .cont .numlist .li .t4 {
				color: #fff;
				font-weight: 500;
				line-height: 1.4
			}

			.about-c .content .cont .numlist .li .icon {
				margin-top: 1.5rem;
				width: 1.3rem
			}

			.about-d {
				overflow: hidden;
				padding-top: 2.5rem
			}

			.about-d .top {
				align-items: center;
				border-bottom: 1px solid hsla(0, 0%, 100%, .2);
				display: flex;
				justify-content: space-between;
				padding-bottom: .25rem;
				width: 100%
			}

			.about-d .top a {
				color: #fff;
				display: block;
				font-size: 0
			}

			.about-d .top a div {
				display: inline-block;
				vertical-align: middle
			}

			.about-d .top a .icon {
				margin-left: 6px;
				transition: all .5s
			}

			.about-d .top a:hover .icon {
				transform: translateX(5px)
			}

			.about-d .cont {
				padding-top: 2rem;
				width: 100%
			}

			.about-d .cont .contlist {
				display: flex;
				margin-top: 2.5rem
			}

			.about-d .cont .contlist .left {
				border-right: 1px solid hsla(0, 0%, 100%, .1);
				width: 33.5%
			}

			.about-d .cont .contlist .left .li {
				margin-bottom: 2.65rem
			}

			.about-d .cont .contlist .left .col-fff {
				font-weight: 500;
				line-height: 1;
				margin-top: .3rem
			}

			.about-d .cont .contlist .right {
				padding-left: 5.9rem;
				width: 66.5%
			}

			.about-d .cont .contlist .right .li {
				display: flex;
				justify-content: space-around;
				margin-bottom: 1.5rem
			}

			.about-d .cont .contlist .right .li:last-child {
				margin-bottom: 3rem
			}

			.about-d .cont .contlist .right .li .numbox {
				color: #e70012;
				display: flex;
				line-height: 1;
				width: 7rem
			}

			.about-d .cont .contlist .right .li .numbox .dw {
				font-weight: 500;
				margin-left: 8px;
				margin-top: 5px
			}

			.about-d .cont .contlist .right .li .t4 {
				color: #fff;
				width: 16.975rem
			}

			.about-e {
				height: 24.55rem
			}

			.about-e .bg {
				left: 0;
				position: absolute;
				top: 0
			}

			.about-e .content {
				padding-top: 3rem;
				position: relative;
				z-index: 3
			}

			.about-e .top {
				align-items: center;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				padding-bottom: .25rem;
				width: 100%
			}

			.about-e .top a {
				color: #e70012;
				display: block;
				font-size: 0
			}

			.about-e .top a div {
				display: inline-block;
				vertical-align: middle
			}

			.about-e .top a .icon {
				margin-left: 6px;
				transition: all .5s
			}

			.about-e .top a:hover .icon {
				transform: translateX(5px)
			}

			.about-e .left {
				margin-top: 1.5rem;
				padding-right: 2rem;
				width: 11rem
			}

			.about-e .left .hlist .li {
				font-weight: 500;
				margin-bottom: .6rem;
				padding-left: .7rem;
				position: relative
			}

			.about-e .left .hlist .li:after {
				background: #e70012;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				content: "";
				height: 5px;
				left: 0;
				position: absolute;
				top: .25rem;
				width: 12px
			}

			.about-e .left .sed-tit {
				align-items: center;
				display: flex;
				font-weight: 500;
				justify-content: flex-start;
				margin-bottom: .75rem;
				margin-top: 1.5rem;
				white-space: nowrap
			}

			.about-e .left .sed-tit .line {
				background-color: rgba(0, 0, 0, .1);
				height: 1px;
				margin-left: 3px;
				width: 100%
			}

			.about-e .av-page {
				left: 60%;
				position: absolute;
				top: 4.5rem
			}

			.about-f {
				padding-bottom: 2.975rem;
				padding-top: 2.925rem
			}

			.about-f .content {
				display: flex;
				justify-content: space-between;
				margin-top: 1.25rem
			}

			.about-f .content .li {
				width: 11.55rem
			}

			.about-f .content .li .txt {
				font-weight: 500;
				padding: .525rem .8rem;
				position: relative
			}

			.about-f .content .li .xg {
				left: .5rem;
				position: absolute;
				top: 0;
				transform: translateY(-50%)
			}

			.about-f .content .li:nth-child(2n) {
				display: flex;
				flex-direction: column-reverse;
				margin-top: 1.875rem
			}

			.about-f .content .li:nth-child(2n) .xg {
				position: absolute;
				top: 100%;
				transform: translateY(-50%)
			}

			footer {
				background-color: #f3f3f3;
				display: flex
			}

			footer .left {
				border-right: 1px solid #e4e4e4;
				padding: 2.5rem 2rem 2rem;
				width: 62.4%
			}

			footer .left .footer-search {
				align-items: center;
				display: flex;
				margin-top: .6rem
			}

			footer .left .footer-search .f-seach {
				height: 1.3rem;
				position: relative;
				width: 16rem
			}

			footer .left .footer-search .f-seach input {
				font-size: .4rem;
				height: 100%;
				padding-left: .75rem;
				padding-right: 2rem;
				width: 100%
			}

			footer .left .footer-search .f-seach .lab {
				cursor: pointer;
				height: 1.3rem;
				position: absolute;
				right: .5rem;
				top: 0;
				width: 1.3rem
			}

			footer .left .footer-search .f-seach .lab svg {
				fill: #e70012;
				width: 16px
			}

			footer .left .footer-search .keywords {
				display: flex;
				margin-left: 1.5rem
			}

			footer .left .footer-search .keywords .tit-16 {
				color: #666;
				font-weight: 500;
				line-height: 1;
				margin-right: .925rem;
				white-space: nowrap
			}

			footer .left .footer-search .keywords a.tit-16 {
				color: #333
			}

			footer .left .footer-search .keywords .tit-16:last-child {
				margin-right: 0
			}

			footer .left .footer-search .keywords a.tit-16:hover {
				color: #e70012
			}

			footer .left .f-nav {
				border-top: 1px solid #e4e4e4;
				display: flex;
				justify-content: flex-start;
				margin-top: 1.5rem;
				padding-top: 1.825rem
			}

			footer .left .f-nav .li {
				margin-right: 4rem
			}

			footer .left .f-nav .li .tit {
				color: #333;
				font-weight: 500;
				line-height: 1
			}

			footer .left .f-nav .li .sub-nav {
				margin-top: .4rem
			}

			footer .left .f-nav .li .sub-nav a {
				color: #555;
				display: block;
				font-weight: 500;
				transition: all .3s
			}

			footer .left .f-nav .li .sub-nav a:hover {
				color: #e70012;
				transform: translateX(5px)
			}

			footer .left .bot {
				color: #555;
				margin-top: 3.225rem
			}

			footer .right {
				padding: 4.625rem 2rem 2rem;
				width: 37.6%
			}

			footer .right .select {
				position: relative;
				width: 100%
			}

			footer .right .select .tit {
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.mc {
				color: #e70012
			}

			footer .right .select .tit .mc {
				padding-bottom: .55rem;
				position: relative
			}

			footer .right .select .tit .mc:after {
				background-color: #e70012;
				bottom: 0;
				content: "";
				height: 3px;
				left: 0;
				position: absolute;
				width: 100%
			}

			footer .right .select .tit .r {
				cursor: pointer;
				display: flex;
				display: none
			}

			footer .right .select .tit .r .icon {
				margin-left: 6px;
				transition: all .5s
			}

			footer .right .select .tit .r .icon svg {
				transform: rotate(90deg)
			}

			footer .right .select .option {
				background-color: #fff;
				display: none;
				left: 0;
				padding: 1rem;
				position: absolute;
				width: 100%
			}

			footer .right .select .option .li {
				border-bottom: 1px solid #e4e4e4;
				cursor: pointer;
				font-size: .425rem;
				padding: .1rem 0;
				width: 100%
			}

			footer .right .r-cont {
				padding: 1rem 0
			}

			footer .right .r-cont .li {
				align-items: center;
				display: flex;
				font-weight: 500;
				margin-bottom: .5rem
			}

			footer .right .r-cont .li .icon {
				margin-right: .675rem
			}

			footer .right .ewm {
				margin-top: 0
			}

			footer .right .ewm .li {
				color: #333;
				display: inline-block;
				font-weight: 500;
				margin-right: .5rem;
				text-align: center
			}

			footer .right .ewm .li .tit-15 {
				line-height: 1.5;
				margin-top: .2rem
			}

			.honor {
				padding: 3rem 0
			}

			.honor .top-honor {
				margin-top: 2rem
			}

			.honor .top-honor .li {
				align-items: center;
				display: flex;
				flex-direction: column;
				float: left;
				margin-bottom: 1rem;
				padding: 0 1.275rem;
				text-align: center;
				width: 20%
			}

			.honor .top-honor .li .img {
				transition: all .5s;
				width: 100%
			}

			.honor .top-honor .li .showde {
				margin: .2rem 0;
				transition: all .5s;
				width: 80%
			}

			.honor .top-honor .li .t {
				color: #333;
				font-weight: 500;
				height: 2rem;
				line-height: 1.5;
				margin-top: .2rem
			}

			.honor .top-honor .li:hover .img {
				transform: translateY(-6px)
			}

			.honor .top-honor .li:hover .showde {
				transform: scale(.8)
			}

			.honor-list {
				margin-top: 2rem
			}

			.honor-list .tit {
				align-items: center;
				display: flex;
				white-space: nowrap
			}

			.honor-list .tit .line {
				background-color: rgba(0, 0, 0, .08);
				height: 1px;
				margin: 0 .25rem;
				width: 100%
			}

			.honor-list .tit .lh1 {
				align-items: center
			}

			.honor-list .tit .r {
				color: #666;
				cursor: pointer;
				display: flex
			}

			.honor-list .tit .r .icon {
				margin-left: 6px;
				transition: all .5s
			}

			.honor-list .tit .r .icon svg {
				transform: rotate(90deg);
				transition: all .5s
			}

			.honor-list .top-honor {
				display: none
			}

			.honor-list.on .tit .r .icon svg {
				transform: rotate(-90deg)
			}

			.inn-a {
				padding: 3rem 0
			}

			.inn-a .cont {
				margin-top: 1.45rem
			}

			.inn-a-a {
				display: flex
			}

			.inn-a-a .img {
				min-height: 14.05rem;
				overflow: hidden;
				width: 60.8%
			}

			.inn-a .img .bg {
				transition: all .8s
			}

			.inn-a .img:hover .bg {
				transform: scale(1.02)
			}

			.inn-a-a .txt {
				padding-left: 1.48rem;
				width: 39.2%
			}

			.inn-a-a .txt .t1 {
				color: #333;
				font-weight: 500;
				padding-top: 1.5rem
			}

			.inn-a-a .txt .t2 {
				margin-top: 4.4rem
			}

			.inn-a-a .txt .t2 .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.inn-a-a .txt .t2 .numbox .num {
				font-family: "OPPOSans-B"
			}

			.inn-a-a .txt .t2 .numbox .dw {
				font-weight: 500;
				margin-left: 3px;
				transform: translateY(10px)
			}

			.inn-a-a .txt .t2 .rbox {
				color: #333;
				font-weight: 500
			}

			.inn-a-b {
				display: flex;
				margin-top: 2.95rem
			}

			.inn-a-b .img {
				min-height: 14.05rem;
				overflow: hidden;
				width: 60.8%
			}

			.inn-a-b .txt {
				align-content: flex-start;
				display: flex;
				flex-wrap: wrap;
				padding-right: 1.425rem;
				position: relative;
				width: 39.2%
			}

			.inn-a-b .txt .li {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				margin-bottom: 1.5rem;
				margin-right: 1.5rem;
				padding-bottom: .45rem;
				position: relative;
				width: calc(50% - .75rem)
			}

			.inn-a-b .txt .li:nth-child(2n) {
				margin-right: 0
			}

			.inn-a-b .txt .li .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.inn-a-b .txt .li .numbox .num {
				font-family: "OPPOSans-B"
			}

			.inn-a-b .txt .li .numbox .dw {
				font-weight: 500;
				margin-left: 5px;
				transform: translateY(10px)
			}

			.inn-a-b .txt .li .rbox {
				color: #333;
				font-weight: 500;
				line-height: 1.4;
				margin-top: .2rem;
				width: 60%
			}

			.inn-a-b .txt .li .icon {
				bottom: .475rem;
				position: absolute;
				right: 0;
				width: 1.25rem
			}

			.inn-b {
				padding: 3rem 0
			}

			.inn-b .top {
				align-items: center;
				display: flex;
				justify-content: space-between;
				margin-top: 1.25rem
			}

			.inn-b .top .t {
				color: #333;
				font-weight: 500;
				width: 24.425rem
			}

			.inn-b .top .right {
				align-items: center;
				display: flex;
				justify-content: space-around;
				width: calc(100% - 26rem)
			}

			.inn-b .top .right .img {
				margin-left: 2.5rem;
				width: 2.8rem
			}

			.inn-b .content {
				margin-top: 1.475rem
			}

			.inn-b .content .innb-container .swiper-slide {
				background-color: #fff;
				margin-right: 1.25rem;
				width: calc(33.33333% - .83333rem)
			}

			.inn-b .content .innb-container .swiper-slide:last-child {
				margin-right: 0
			}

			.inn-b .content .innb-container .swiper-slide .img {
				height: 8.55rem;
				overflow: hidden;
				width: 100%
			}

			.inn-b .content .innb-container .swiper-slide .img .bg {
				transition: all .5s
			}

			.inn-b .content .innb-container .swiper-slide:hover .img .bg {
				transform: scale(1.02)
			}

			.inn-b .content .innb-container .swiper-slide .txt {
				padding: 1rem
			}

			.inn-b .content .innb-container .swiper-slide .txt .t1 {
				color: #333;
				font-weight: 500;
				line-height: 1
			}

			.inn-b .content .innb-container .swiper-slide .txt .conbox {
				color: #333;
				font-weight: 500;
				height: 5.04rem;
				margin-top: .6rem;
				overflow: hidden;
				position: relative;
				width: 100%
			}

			.inn-b .content .innb-container .swiper-slide .txt .t {
				left: 0;
				position: absolute;
				top: 0;
				transition: all .5s
			}

			.inn-b .content .innb-container .swiper-slide .txt .icon {
				cursor: pointer;
				margin-top: .5rem
			}

			.inn-b .content .innb-container .swiper-slide .txt .icon img {
				display: inline-block;
				width: 13px
			}

			.inn-b .content .innb-container .swiper-slide .txt .icon img.up {
				transform: rotate(180deg)
			}

			.inn-b .content .about-next {
				right: -2.5rem
			}

			.inn-b .content .about-prev {
				left: -2.5rem
			}

			.about-f.cil .content .li:nth-child(2n) {
				margin-top: 0
			}

			.about-f.cil .content .li:nth-child(2n) .xg {
				left: .5rem;
				position: absolute;
				top: 0;
				transform: translateY(-50%)
			}

			.about-f.cil .content .li:nth-child(2n) {
				display: block
			}

			.about-f.cil .content .li .t3 {
				margin-top: .5rem
			}

			.industry {
				padding: 3rem 0
			}

			.industry .ind-a .circe1 {
				margin: 0 auto;
				opacity: 0;
				position: relative;
				width: 36.575rem
			}

			.industry .ind-a .circe2,
			.industry .ind-a .circe3,
			.industry .ind-a .circe4 {
				left: 50%;
				opacity: 0;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 23.05rem
			}

			.industry .ind-a .txt {
				opacity: 0;
				position: absolute
			}

			.industry .ind-a .t1 {
				left: 0;
				top: 33%
			}

			.industry .ind-a .mc {
				font-weight: 500;
				line-height: 1
			}

			.industry .ind-a .tit-17 {
				font-weight: 500
			}

			.industry .ind-a .t2 {
				left: 0;
				top: 49%
			}

			.industry .ind-a .t3 {
				left: 0;
				top: 64.5%
			}

			.industry .ind-a .t4 {
				right: 0;
				top: 33%
			}

			.industry .ind-a .t5 {
				right: 0;
				top: 49%
			}

			.industry .ind-a .t6 {
				right: 0;
				top: 64.5%
			}

			.industry .ind-a.on .circe1 {
				;
				animation: bigamin2 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: .5s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .circe2,
			.industry .ind-a.on .circe3 {
				;
				animation: bigamin 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .circe3 {
				animation-delay: .2s
			}

			.industry .ind-a.on .circe4 {
				;
				animation: bigamin 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: .4s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			@keyframes bigamin {
				0% {
					opacity: 0;
					transform: translate(-50%, -50%) scale(0)
				}

				50% {
					opacity: 1;
					transform: translate(-50%, -50%) scale(1.1)
				}

				to {
					opacity: 1;
					transform: translate(-50%, -50%) scale(1)
				}
			}

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

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

			.industry .ind-a.on .t1 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .t2 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .t3 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.2s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .t4 {
				animation: txtshowr 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .t5 {
				animation: txtshowr 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.industry .ind-a.on .t6 {
				animation: txtshowr 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.2s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			@keyframes txtshow {
				0% {
					opacity: 0;
					transform: translateX(-20px)
				}

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

			@keyframes txtshowr {
				0% {
					opacity: 0;
					transform: translateX(20px)
				}

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

			.ind-b {
				align-items: center;
				display: flex;
				flex-direction: column;
				margin-top: 2rem;
				text-align: center
			}

			.ind-b .xg {
				margin-top: .25rem
			}

			.ind-b .list {
				display: flex;
				margin-top: 1.35rem;
				width: 100%
			}

			.ind-b .list .li {
				margin-right: .25rem;
				width: calc(20% - .2rem)
			}

			.ind-b .list .li:last-child {
				margin-right: 0
			}

			.ind-b .list .li .img {
				height: 5.75rem;
				width: 100%
			}

			.ind-b .list .li .txt {
				border-left: 1px solid rgba(0, 0, 0, .1);
				font-weight: 500;
				padding: 1rem .5rem 0 1rem;
				text-align: left
			}

			.ind-b .list .li .tip {
				margin-top: .5rem
			}

			.ind-b .list .li .tip .t {
				align-items: center;
				display: flex;
				margin-bottom: .5rem
			}

			.ind-b .list .li .tip .t .icon {
				margin-right: .5rem;
				width: .5rem
			}

			.ind-c {
				border-top: 1px solid rgba(0, 0, 0, .1);
				margin-top: 2rem;
				padding: 2.5rem 0
			}

			.ind-c .t1 {
				color: #333;
				font-weight: 500;
				margin-top: .75rem;
				width: 70%
			}

			.indc-container {
				margin-top: 2rem;
				padding: 0 3.5rem;
				position: relative;
				width: 100%
			}

			.indc-container:after {
				background-color: rgba(0, 0, 0, .1);
				content: "";
				height: 1px;
				left: 0;
				position: absolute;
				top: 50%;
				width: 100%
			}

			.indc-container .swiper-slide {
				align-items: center;
				display: flex;
				flex-direction: column;
				height: 8rem;
				position: relative
			}

			.indc-container .swiper-slide .img {
				width: 2.125rem
			}

			.indc-container .swiper-slide .line {
				margin-top: 1rem;
				position: relative
			}

			.indc-container .swiper-slide .line .l {
				background-color: rgba(0, 0, 0, .1);
				height: 1.4rem;
				width: 1px
			}

			.indc-container .swiper-slide .line .dian {
				background: #fff;
				border: 2px solid #e70012;
				border-radius: 50%;
				height: 9px;
				left: 50%;
				opacity: 1;
				position: absolute;
				top: -9px;
				transform: translateX(-50%);
				width: 9px
			}

			.indc-container .swiper-slide:nth-child(2n) {
				flex-flow: column-reverse
			}

			.indc-container .swiper-slide:nth-child(2n) .line {
				margin-bottom: 1rem;
				margin-top: 0
			}

			.indc-container .swiper-slide:nth-child(2n) .line .dian {
				bottom: -9px;
				top: auto
			}

			.social-b {
				background: #f4f4f4;
				padding: 2.425rem 0
			}

			.social-b .list-container {
				margin-top: 1.175rem;
				width: 100%
			}

			.social-b .list-container .swiper-slide {
				display: flex;
				width: 50%
			}

			.social-b .list-container .swiper-slide .img {
				height: 11rem
			}

			.social-b .list-container .swiper-slide .img img {
				height: 100%;
				max-width: none
			}

			.social-b .list-container .swiper-slide .txt {
				padding: 2.25rem 1.45rem
			}

			.social-b .list-container .swiper-slide .txt .mc {
				line-height: 1
			}

			.social-b .list-container .swiper-slide .txt .en {
				color: #333;
				font-weight: 500;
				margin-top: .2rem
			}

			.social-b .list-container .swiper-slide .txt .t {
				color: #333;
				font-weight: 500;
				margin-top: .75rem
			}

			.social-b .list-container .swiper-slide .txt .zmorebtn {
				margin-top: 1.5rem
			}

			.social-c {
				background-color: #fff;
				margin-top: -5rem;
				padding-bottom: 3rem;
				padding-top: 7rem;
				position: relative
			}

			.social-c .top {
				border-top: 1px solid rgba(0, 0, 0, .1);
				display: flex;
				justify-content: center
			}

			.social-c .top .li {
				align-items: center;
				cursor: pointer;
				display: flex;
				flex-direction: column;
				margin: 0 1rem;
				position: relative;
				text-align: center
			}

			.social-c .top .li .line {
				position: relative
			}

			.social-c .top .li .line .l {
				background-color: rgba(0, 0, 0, .1);
				height: 1.4rem;
				width: 1px
			}

			.social-c .top .li .line .dian {
				background: #fff;
				border: 2px solid #e70012;
				border-radius: 50%;
				bottom: -9px;
				height: 9px;
				left: 50%;
				opacity: 1;
				position: absolute;
				transform: translateX(-50%);
				width: 9px
			}

			.social-c .top .li .txt {
				color: #333;
				font-weight: 700;
				line-height: 1.2;
				margin-top: 1rem
			}

			.social-c .top .li .txt span {
				display: block
			}

			.social-c .top .li.on .txt {
				color: #e70012
			}

			.social-c .lig {
				display: none
			}

			.soc-b-container {
				margin: 2rem auto;
				overflow: hidden;
				width: 29rem
			}

			.products-sub-banner {
				height: auto
			}

			.soc-b-container .swiper-slide {
				height: 11.825rem;
				position: relative;
				width: 23.025rem
			}

			.soc-b-container .swiper-slide .mak {
				background-color: hsla(0, 0%, 100%, .2);
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%
			}

			.soc-b-container .swiper-slide.swiper-slide-active .mak {
				display: none
			}

			.soc-b-txt {
				margin: 1rem auto 0;
				overflow: hidden;
				text-align: center;
				width: 34.85rem
			}

			.soc-b-txt .t1 {
				color: #333;
				font-weight: 700;
				line-height: 1
			}

			.soc-b-txt .t1 span {
				color: #e70012
			}

			.soc-b-txt .t2 {
				color: #333;
				font-weight: 500;
				margin: .6rem;
				padding: 0 2rem;
				text-align: center
			}

			.soc-b-txt .txt {
				align-content: flex-start;
				display: flex;
				flex-wrap: wrap;
				margin-top: 1.5rem
			}

			.soc-b-txt .txt .li {
				margin-bottom: .5rem;
				padding: 0 3rem;
				position: relative;
				width: 33.33%
			}

			.soc-b-txt .txt .li:after {
				left: 0
			}

			.soc-b-txt .txt .li:after,
			.soc-b-txt .txt .li:nth-child(3n):before {
				background-color: rgba(0, 0, 0, .1);
				content: "";
				height: 1.425rem;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 1px
			}

			.soc-b-txt .txt .li:nth-child(3n):before {
				right: 0
			}

			.soc-b-txt .txt .li .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.soc-b-txt .txt .li .numbox .num {
				font-family: "OPPOSans-B"
			}

			.soc-b-txt .txt .li .numbox span {
				margin: 0 .25rem
			}

			.soc-b-txt .txt .li .numbox .dw {
				font-weight: 500;
				margin-left: 5px;
				transform: translateY(10px)
			}

			.soc-b-txt .txt .li .rbox {
				color: #333;
				font-weight: 500;
				line-height: 1.4;
				margin-top: .2rem;
				text-align: left
			}

			.social-e {
				border-top: 1px solid rgba(0, 0, 0, .1);
				padding: 3rem 0
			}

			.social-e .ullist2 {
				margin-top: 1.2rem;
				overflow: hidden
			}

			.social-e .ullist2 .swiper-slide {
				background: #f6f6f6;
				height: auto;
				margin-bottom: 1.5rem;
				margin-right: 1.33333%;
				width: 24%
			}

			.social-e .ullist2 .li .img {
				height: 8.7234vw;
				position: relative
			}

			.social-e .ullist2 .text {
				padding: .85rem 1rem 1rem
			}

			.social-e .ullist2 .li .tit3 {
				margin-bottom: .5rem
			}

			.social-e .ullist2 .li .tit4 {
				margin-bottom: .85rem
			}

			.social-e .ullist2 .li:last-child {
				margin-right: 0
			}

			.social-e .ullist2 .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.social-e .ullist2 .li:hover .img img {
				transform: scale(1.1)
			}

			.social-e .ullist2 .li .tiptext {
				background: url(../img/tipimg2.png) no-repeat 50%;
				background-size: 100% 100%;
				height: 40px;
				left: 0;
				position: absolute;
				top: 0;
				width: 85px;
				z-index: 3
			}

			.social-e .ullist2 .li .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.social-e .ullist2 {
				position: relative;
				width: 100%
			}

			.n-activity .list4 .ullist .li .text .tit3 {
				margin-bottom: 1.35rem
			}

			.n-activity .list4 .ullist .li .text .tit4 {
				margin-bottom: 1.5rem
			}

			.news-scrollbar {
				left: 25% !important;
				width: 50% !important
			}

			.history {
				padding: 3rem 0
			}

			.history .top {
				align-items: center;
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.history .top .rightlist {
				color: #444;
				display: flex;
				font-weight: 700;
				line-height: 1
			}

			.history .top .rightlist .tit-17 {
				cursor: pointer;
				margin-left: 1rem
			}

			.history .top .rightlist .tit-17.on {
				color: #e70012
			}

			.history .content {
				width: 100%
			}

			.history .content .line {
				background-image: url(../img/no-red.png);
				background-repeat: repeat
			}

			.history .content .line,
			.history .content .list .li:after {
				height: 100%;
				left: 50%;
				position: absolute;
				top: 0;
				transform: translateX(-50%);
				width: 6px
			}

			.history .content .list .li:after {
				background-image: url(../img/red.png);
				background-repeat: no-repeat;
				content: ""
			}

			.history .content .list {
				margin-top: 2.6rem;
				width: 100%
			}

			.history .content .list .li {
				margin-top: 1rem;
				position: relative
			}

			.history .content .list .li .content {
				padding-right: 2.425rem;
				width: 50%
			}

			.history .content .list .li .tops {
				align-items: flex-start;
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.history .content .list .li .tops .numbox {
				align-items: flex-start;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.history .content .list .li .tops .numbox .num {
				font-family: "OPPOSans-B"
			}

			.history .content .list .li .tops .numbox .dw {
				font-weight: 500;
				margin-left: 3px;
				transform: translateY(5px)
			}

			.history .content .list .li .img {
				height: 10.65rem;
				margin-top: 1.25rem;
				overflow: hidden;
				width: 100%
			}

			.history .content .list .li .img .bg {
				transition: all .5s
			}

			.history .content .list .li .img:hover .bg {
				transform: scale(1.02)
			}

			.history .content .list .li .t4 {
				color: #333;
				font-weight: 500;
				text-align: left;
				width: 60%
			}

			.history .content .list .li:nth-child(2n) {
				display: flex;
				justify-content: flex-end
			}

			.history .content .list .li:nth-child(2n) .content {
				padding-left: 2.425rem;
				padding-right: 0
			}

			.showmore {
				color: #e70012;
				cursor: pointer;
				margin-top: .975rem;
				text-align: center
			}

			.showmore div {
				display: inline-block;
				vertical-align: middle
			}

			.showmore .icon {
				margin-left: 6px;
				transform: rotate(90deg);
				transition: all .5s
			}

			.history .content .list .li.txt .content {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				padding-bottom: 1rem
			}

			.main-container {
				height: 100vh;
				overflow: hidden;
				width: 100%
			}

			.banner-container,
			.main-container .home-a {
				height: 100%;
				overflow: hidden;
				width: 100%
			}

			.banner-container {
				position: relative
			}

			.banner-container .swiper-slide,
			.banner-container .swiper-slide .slide-inner {
				height: 100%;
				overflow: hidden;
				position: relative;
				width: 100%
			}

			.banner-container .swiper-slide .slide-inner .txt {
				color: #fff;
				left: 3.5rem;
				position: absolute;
				top: 38.52%;
				z-index: 3
			}

			.banner-container .swiper-slide .slide-inner .txt .t1 {
				align-items: center;
				display: flex
			}

			.banner-container .swiper-slide .slide-inner .txt .t1 .xg {
				margin-right: .2rem
			}

			.banner-container .swiper-slide .slide-inner .txt .t2 {
				color: #fff;
				font-weight: 500;
				line-height: 1.2
			}

			.banner-container .swiper-slide .slide-inner .txt .zmorebtn {
				margin-top: .875rem
			}

			.zmorebtn:hover {
				color: #fff
			}

			.home-a .av-page {
				bottom: 1.25rem;
				position: absolute;
				text-align: center;
				width: 100%;
				z-index: 3
			}

			.home-b {
				height: 100%;
				overflow: hidden;
				position: relative;
				width: 100%
			}

			.home-b .bg {
				filter: brightness(1.1)
			}

			.home-b .bg .bgline {
				background-image: url(../img/hoemb.png);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 100%;
				opacity: .5;
				width: 100%;
				z-index: 3
			}

			.home-b .txt {
				color: #333;
				left: 3.5rem;
				position: absolute;
				top: 25%;
				z-index: 3
			}

			.home-b .txt .t1 {
				align-items: center;
				display: flex;
				font-weight: 500
			}

			.home-b .txt .t1 .xg {
				margin-right: .2rem
			}

			.home-b .txt .t2 {
				color: #333;
				font-weight: 500;
				line-height: 1.2
			}

			.home-b .txt .zmorebtn {
				margin-top: .875rem
			}

			.home-b .numlist {
				left: 73.5%;
				position: absolute;
				top: 25%;
				z-index: 3
			}

			.home-b .numlist .li {
				margin-bottom: 1.875rem
			}

			.home-b .numlist .li .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.home-b .numlist .li .numbox .num {
				font-family: "OPPOSans-B"
			}

			.home-b .numlist .li .numbox .dw {
				font-weight: 500;
				margin-left: 3px;
				transform: translateY(10px)
			}

			.home-b .numlist .li .rbox {
				color: #333;
				font-weight: 500
			}

			.home-b .numlist .li:first-child {
				margin-left: 1.35rem
			}

			.home-b .numlist .li:nth-child(2) {
				margin-left: 2.325rem
			}

			.home-b .numlist .li:nth-child(3) {
				margin-left: 1.9rem
			}

			.home-b .ebox {
				filter: brightness(1.1);
				height: 15.825rem;
				width: 15.825rem
			}

			.home-b .ebox canvas {
				height: 100%;
				width: 100%
			}

			.home-b .ebox video {
				width: 100%
			}

			.home-b .botlist {
				bottom: 2rem;
				left: 3.5rem;
				position: absolute;
				width: 10.35rem
			}

			.home-b .botlist .t1 {
				color: #333;
				font-weight: 700;
				text-align: justify
			}

			.s2.showmore {
				display: inline-block;
				margin-top: 1rem;
				position: relative;
				text-align: left
			}

			.s2.showmore:after {
				background-color: #e70012;
				bottom: -3px;
				content: "";
				height: 2px;
				left: 0;
				position: absolute;
				width: 100%
			}

			.s2.showmore .icon {
				margin-left: 6px;
				transform: translateY(-2px);
				transition: all .5s
			}

			.home-c {
				position: absolute;
				width: 100%
			}

			.home-c,
			.home-c .li {
				height: 100%;
				overflow: hidden
			}

			.home-c .li {
				display: block;
				float: left;
				position: relative;
				width: 25%
			}

			.home-c .li .mak {
				background: #000;
				opacity: .3;
				z-index: 2
			}

			.home-c .li .mak,
			.home-c .li .txt {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%
			}

			.home-c .li .txt {
				align-items: center;
				display: flex;
				flex-direction: column;
				padding-top: 50vh;
				z-index: 4
			}

			.home-c .li .txt .icon {
				margin-bottom: .2rem;
				width: 2.2rem
			}

			.home-c .li .txt .icon img {
				filter: grayscale(100%) brightness(1000%) !important
			}

			.home-c .li .txt .t2 {
				margin-top: 2.05rem
			}

			.home-c .li .txt .zmorebtn {
				margin-top: .5rem;
				width: 62px
			}

			.home-c .hover-box {
				align-items: center;
				background-image: url(../img/honecbg.png);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover;
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center;
				left: 0;
				opacity: 0;
				padding: 1rem;
				position: absolute;
				text-align: center;
				top: 0;
				transition: all .5s;
				width: 100%;
				z-index: 6
			}

			.home-c .hover-box .l {
				margin-bottom: .5rem
			}

			.home-c .hover-box .l .s2 {
				margin-top: 0
			}

			.home-c .hover-box .icon {
				margin-bottom: .2rem;
				width: 2.2rem
			}

			.home-c .hover-box .t2 {
				font-weight: 500;
				margin-bottom: 1rem;
				margin-top: 1.05rem
			}

			.home-c .hover-box .zmorebtn {
				margin-top: .5rem
			}

			.home-c .hover-box .list {
				margin-top: 1rem;
				width: 100%
			}

			.home-c .hover-box .s2 .icon {
				margin-bottom: 0;
				width: auto
			}

			.home-c .li:hover .hover-box {
				opacity: 1
			}

			.home-c .txt {
				color: #fff;
				left: 3.5rem;
				position: absolute;
				top: 25%;
				z-index: 3
			}

			.home-c .txt .t1 {
				align-items: center;
				display: flex;
				font-weight: 500
			}

			.home-c .txt .t1 .xg {
				margin-right: .2rem
			}

			.home-c .txt .t2 {
				color: #fff;
				font-weight: 500;
				line-height: 1.2
			}

			.home-d {
				height: 100%;
				overflow: hidden;
				position: absolute;
				position: relative;
				width: 100%
			}

			.home-d .txt {
				color: #fff;
				left: 3.5rem;
				position: absolute;
				top: 25%;
				z-index: 3
			}

			.home-d .txt .t1 {
				align-items: center;
				display: flex;
				font-weight: 500
			}

			.home-d .txt .t1 .xg {
				margin-right: .2rem
			}

			.home-d .txt .t2 {
				color: #fff;
				font-weight: 500;
				line-height: 1.2;
				margin-top: .2rem
			}

			.home-d .txt .zmorebtn {
				margin-top: .875rem
			}

			.home-d .txt .t3 {
				margin-top: 2.9rem
			}

			.home-d .txt .t3 .numbox {
				align-items: flex-start;
				color: #fff;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.home-d .txt .t3 .numbox .num {
				font-family: "OPPOSans-B"
			}

			.home-d .txt .t3 .numbox .dw {
				font-weight: 500;
				margin-left: 3px;
				transform: translateY(10px)
			}

			.home-d .txt .t3 .rbox {
				color: #fff
			}

			.home-d .li {
				position: absolute;
				z-index: 1
			}

			.home-d .li:nth-child(2n) {
				margin-right: 0
			}

			.home-d .li .numbox {
				align-items: flex-start;
				color: #fff;
				display: flex;
				justify-content: flex-end;
				line-height: 1
			}

			.home-d .li .numbox .num {
				font-family: "OPPOSans-B"
			}

			.home-d .li .numbox .dw {
				margin-left: 5px
			}

			.home-d .li .numbox .tit-16 {
				transform: translateY(-3px)
			}

			.home-d .li .rbox {
				color: #fff;
				font-weight: 500;
				line-height: 1.4;
				margin-top: .2rem;
				text-align: right
			}

			.home-d .li0 {
				bottom: 8%;
				left: 36.61%
			}

			.home-d .li1 {
				bottom: 55%;
				left: 77.75%
			}

			.home-d .li1 .numbox {
				align-items: flex-start;
				justify-content: flex-start
			}

			.home-d .li2 {
				bottom: 54%;
				left: 38.75%
			}

			.home-d .li3 {
				bottom: 38%;
				left: 81.75%
			}

			.home-d .li3 .numbox {
				align-items: flex-end;
				justify-content: flex-start;
				line-height: 1
			}

			.home-d .li4 {
				bottom: 69%;
				left: 66.75%
			}

			.home-d .li4 .numbox {
				align-items: flex-end;
				justify-content: flex-start;
				line-height: 1
			}

			.home-e {
				background-color: #fff;
				height: 100%;
				overflow: hidden;
				width: 100%
			}

			.home-e .left {
				align-items: center;
				background-image: url(../img/homee.jpg);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover;
				display: flex;
				flex-direction: column;
				float: left;
				height: 100%;
				justify-content: flex-start;
				padding-top: 4rem;
				text-align: center;
				width: 48%
			}

			.home-e .left .tiptext {
				background: url(../img/tipimg.png) no-repeat 50%;
				background-size: 100% 100%;
				color: #fff;
				height: 40px;
				left: 1.5rem;
				position: absolute;
				top: 12%;
				width: 85px;
				z-index: 3
			}

			.home-e .left .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.home-e .left .img {
				height: 8.5rem;
				text-align: center;
				width: 12.3rem
			}

			.home-e .left .img img {
				display: inline-block;
				max-height: 100%
			}

			.home-e .left .mc {
				font-weight: 500;
				margin-top: .2rem;
				text-align: center
			}

			.home-e .left .t1 {
				color: #222;
				font-weight: 500;
				margin-top: .2rem
			}

			.home-e .left .t2 {
				color: #222;
				font-weight: 500;
				line-height: 1
			}

			.home-e .left .zmorebtn {
				margin: 1rem auto 0
			}

			.home-e .right {
				float: right;
				height: 100%;
				padding-right: 1.5rem;
				padding-top: 4%;
				width: 48%
			}

			.home-e .right .ullist2 .li {
				background: #f6f6f6;
				margin-right: 0;
				width: 100%
			}

			.home-e .right .ullist2 .li .img {
				height: 6.55rem;
				position: relative
			}

			.home-e .right .ullist2 .text {
				display: block;
				padding: .5rem 1.5rem .5rem .725rem
			}

			.home-e .right .ullist2 .li .tit4 {
				margin-bottom: .85rem
			}

			.home-e .right .ullist2 .li:nth-child(2n) {
				margin-right: 0
			}

			.home-e .right .ullist2 .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.home-e .right .ullist2 .li:hover .img img {
				transform: scale(1.1)
			}

			.home-e .right .ullist2 .li .tiptext {
				background: url(../img/tipimg.png) no-repeat 50%;
				background-size: 100% 100%;
				color: #fff;
				height: 1rem;
				left: 0;
				position: absolute;
				top: 0;
				width: 2.125rem;
				z-index: 3
			}

			.home-e .right .ullist2 .li .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.home-e .right .ullist2 {
				margin-bottom: 1rem
			}

			.home-e .right .ullist2 .tiplist {
				display: flex
			}

			.home-e .right .ullist2 .tiplist .p {
				align-items: center;
				display: flex;
				justify-content: flex-start;
				margin-right: 1rem
			}

			.home-e .right .ullist2 .tiplist .p .icon {
				margin-right: 3px;
				width: .425rem
			}

			.home-e .right .ullist3 {
				background: #f3f3f3;
				padding: 1rem .8rem
			}

			.home-e .right .ullist3 .tiptext {
				background: url(../img/tipimg.png) no-repeat 50%;
				background-size: 100% 100%;
				color: #fff;
				height: 1rem;
				left: 0;
				position: absolute;
				top: 0;
				width: 2.125rem;
				z-index: 3
			}

			.home-e .right .ullist3 .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.home-e .right .ullist3 .li {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				display: block;
				margin-top: .75rem;
				padding-bottom: .55rem;
				width: 100%
			}

			.home-e .right .ullist3 .li .tit3 {
				color: #222;
				font-weight: 400;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				word-break: keep-all
			}

			.home-e .right .ullist3 .li .tit-15 {
				color: #666;
				font-weight: 500
			}

			.home-e .right .ullist3 .li:hover .tit3 {
				color: #e70012
			}

			.swiper-slide.homefooter {
				height: auto !important
			}

			.main-container {
				background-image: url(../img/homebg.jpg);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover
			}

			.main-slide.live {
				animation-duration: 2s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1;
				animation-name: mainswiper
			}

			.main-slide.in {
				animation-duration: 2s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1;
				animation-name: mainswipershow
			}

			@keyframes mainswiper {
				0% {
					transform: scale(1)
				}

				to {
					transform: translate(60%, -80%)scale(.8)
				}
			}

			@keyframes mainswipershow {
				0% {
					transform: scale(.8) translate(-60%, 80%)
				}

				60% {
					transform: scale(.8)
				}

				61% {
					transform: scale(.8)
				}

				to {
					transform: scale(1)
				}
			}

			.pc-header.index .left .navlist .li .tit {
				color: #333
			}

			.pc-header.index .left .navlist .li .tit:after {
				background-color: #e70012
			}

			.pc-header.index .right .phone .icon svg {
				fill: #333
			}

			.pc-header.index .right .phone {
				color: #333
			}

			.pc-header.index .right .webgroud .icon svg {
				fill: #333
			}

			.pc-header.index .right .webgroud {
				color: #333
			}

			.pc-header.index .right .search .icon,
			.pc-header.index .right .webgroud .tit-16 .icon {
				fill: #333
			}

			.js-m.imgwidth {
				clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
				-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
				filter: alpha(opacity=0);
				opacity: 0;
				transition: opacity .5s, -webkit-clip-path 1s cubic-bezier(.62, .04, 0, .96);
				transition: clip-path 1s cubic-bezier(.62, .04, 0, .96), opacity .5s;
				transition: clip-path 1s cubic-bezier(.62, .04, 0, .96), opacity .5s, -webkit-clip-path 1s cubic-bezier(.62, .04, 0, .96)
			}

			.js-m.imgwidth.animate {
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				opacity: 1
			}

			.js-m.imghight {
				-webkit-clip-path: polygon(100% 0, 100% 0, 0 0, 0 0);
				clip-path: polygon(100% 0, 100% 0, 0 0, 0 0);
				filter: alpha(opacity=0);
				opacity: 0;
				transition: opacity .5s, -webkit-clip-path 1s cubic-bezier(.62, .04, 0, .96);
				transition: clip-path 1s cubic-bezier(.62, .04, 0, .96), opacity .5s;
				transition: clip-path 1s cubic-bezier(.62, .04, 0, .96), opacity .5s, -webkit-clip-path 1s cubic-bezier(.62, .04, 0, .96)
			}

			.js-m.imghight.animate {
				-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
				clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
				opacity: 1
			}

			.js-m.fadep {
				opacity: 0;
				transform: translateY(20px);
				transition: all 1s ease 0s
			}

			.js-m.fadep.animate {
				opacity: 1;
				transform: translateY(0)
			}

			.js-m.opac {
				opacity: .8;
				transition: all 2s ease 0s
			}

			.js-m.opac.animate {
				opacity: 1
			}

			.txt-show {
				-webkit-clip-path: polygon(0 0, 24% 0, 6% 100%, 0 100%);
				clip-path: polygon(0 0, 24% 0, 6% 100%, 0 100%);
				opacity: 0;
				position: relative;
				transition: -webkit-clip-path 1s;
				transition: clip-path 1s;
				transition: clip-path 1s, -webkit-clip-path 1s
			}

			.banner-container .swiper-slide.swiper-slide-active .slide-inner .txt-show,
			.txt-show.on {
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				opacity: 1
			}

			.banner-container .swiper-slide.swiper-slide-active .slide-inner .txt-show {
				transition-delay: .5s
			}

			.home-b.on .txt-show {
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				opacity: 1
			}

			.home-b .numlist .li:first-child .numbox .num span {
				margin-left: -8px
			}

			.home-b.on .txt-show.botlist {
				transition-delay: .2s
			}

			.home-c.on .txt-show {
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				opacity: 1
			}

			.home-c .hover-box .icon {
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:hover .hover-box .icon {
				opacity: 1;
				transform: translateY(0)
			}

			.home-c .hover-box .t1 {
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:hover .hover-box .t1 {
				opacity: 1;
				transform: translateY(0)
			}

			.home-c .hover-box .t2 {
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:hover .hover-box .t2 {
				opacity: 1;
				transform: translateY(0);
				transition-delay: .2s
			}

			.home-c .hover-box .t3 {
				opacity: 0;
				text-align: justify;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:hover .hover-box .t3 {
				opacity: 1;
				transform: translateY(0);
				transition-delay: .3s
			}

			.home-c .hover-box .list {
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:first-child .hover-box .list {
				align-items: center;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between
			}

			.home-c .li:first-child .hover-box .list .l {
				margin-left: 10%;
				-moz-text-align-last: left;
				text-align-last: left;
				width: 40%
			}

			.home-c .li:hover .hover-box .list {
				opacity: 1;
				transform: translateY(0);
				transition-delay: .3s
			}

			.home-c .hover-box .zmorebtn {
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.home-c .li:hover .hover-box .zmorebtn {
				opacity: 1;
				transform: translateY(0);
				transition-delay: .4s
			}

			.home-d.on .txt-show {
				-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				opacity: 1
			}

			.logding {
				background-color: #fff;
				-webkit-clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);
				clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);
				height: 100%;
				left: -50%;
				position: fixed;
				top: 0;
				transition: all 1.5s;
				width: 200%;
				z-index: 9999
			}

			.logding .box1 {
				background-color: #faccd0;
				left: -50%;
				width: 80%;
				z-index: 2
			}

			.logding .box1,
			.logding .box2 {
				-webkit-clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);
				clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);
				height: 100%;
				position: absolute;
				top: 0;
				transition: all 2s
			}

			.logding .box2 {
				background-color: #e70012;
				left: -30%;
				width: 50%;
				z-index: 3
			}

			.logding.on,
			.logding.on .box1,
			.logding.on .box2 {
				left: 100%
			}

			.sub-banner.cust .txt {
				display: block
			}

			.sub-banner.cust .txt .t {
				align-items: flex-start;
				display: flex;
				font-weight: 500;
				justify-content: flex-start;
				line-height: 1
			}

			.sub-banner.cust .txt .t2 {
				line-height: 1;
				margin-top: 1.25rem;
				padding-left: 40px
			}

			.sub-banner.cust .txt .mc {
				margin-top: .5rem;
				padding-left: 40px
			}

			.customer {
				padding: 2.975rem 0
			}

			.customer .t1 {
				color: #333;
				font-weight: 500;
				line-height: 1.8;
				margin-top: 1.25rem
			}

			.customer .imgbox {
				height: 18.35rem;
				margin-top: 1.2rem;
				width: 100%
			}

			.customer .imgbox .bg {
				align-items: flex-end;
				display: flex
			}

			.customer .imgbox .numlist {
				align-content: flex-start;
				background-image: linear-gradient(0deg, #000, transparent);
				display: flex;
				flex-wrap: wrap;
				margin-top: 1.5rem
			}

			.customer .imgbox .numlist .li {
				padding: 0 3rem 1.75rem;
				position: relative;
				width: 25%
			}

			.customer .imgbox .numlist .li:after {
				left: 0
			}

			.customer .imgbox .numlist .li:after,
			.customer .imgbox .numlist .li:nth-child(3n):before {
				background-color: hsla(0, 0%, 100%, .1);
				content: "";
				height: 100%;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 1px
			}

			.customer .imgbox .numlist .li:nth-child(3n):before {
				right: 0
			}

			.customer .imgbox .numlist .li .numbox {
				align-items: flex-start;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				line-height: 1
			}

			.customer .imgbox .numlist .li .numbox .num {
				font-family: "OPPOSans-B"
			}

			.customer .imgbox .numlist .li .numbox .dw {
				font-weight: 500;
				margin-left: 5px;
				transform: translateY(10px)
			}

			.customer .imgbox .numlist .li .rbox {
				color: #fff;
				font-weight: 500;
				line-height: 1.4;
				margin-top: .2rem;
				text-align: left
			}

			.customer .content {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				margin-top: 2.55rem;
				padding-bottom: 2.45rem
			}

			.customer .content .tit-24 {
				color: #333;
				font-weight: 500;
				line-height: 1
			}

			.customer .content .xg {
				margin-top: .7rem
			}

			.customer .content:last-child {
				border-bottom: 0 solid #000
			}

			.customer .content .t3 {
				margin-top: .7rem
			}

			.circt-b {
				margin-top: 3rem;
				position: relative
			}

			.circt-b .img1 {
				margin: 0 auto;
				opacity: 0;
				width: 15.1rem
			}

			.circt-b .img2 {
				z-index: 3
			}

			.circt-b .img2,
			.circt-b .img3 {
				left: 50%;
				opacity: 0;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 15.1rem
			}

			.circt-b .img3 {
				z-index: 2
			}

			.circt-b .img4 {
				left: 50%;
				opacity: 0;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 15.1rem
			}

			.circt-b.on .img1 {
				;
				animation: bigamin2 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: .5s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .img2,
			.circt-b.on .img3 {
				;
				animation: bigamin 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .img3 {
				animation-delay: .2s
			}

			.circt-b.on .img4 {
				;
				animation: bigamin 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: .4s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b .tit-18 {
				color: #7e343b;
				font-weight: 500;
				line-height: 1.2;
				opacity: 0;
				position: absolute;
				text-align: center
			}

			.circt-b .tt1 {
				left: 42.5%;
				top: -8.5%
			}

			.circt-b .tt2 {
				left: 14.5%;
				text-align: right;
				top: 26.5%
			}

			.circt-b .tt3 {
				left: 68.5%;
				text-align: left;
				top: 26.5%
			}

			.circt-b .tt4 {
				left: 19.5%;
				text-align: right;
				top: 80.5%
			}

			.circt-b .tt5 {
				left: 66.5%;
				text-align: left;
				top: 79.5%
			}

			.circt-b.on .tt1 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .tt2 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .tt3 {
				animation: txtshowr 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.2s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .tt4 {
				animation: txtshow 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.circt-b.on .tt5 {
				animation: txtshowr 1s cubic-bezier(.6, .2, .1, 1) infinite;
				animation-delay: 1.1s;
				animation-fill-mode: forwards;
				animation-iteration-count: 1
			}

			.download {
				padding: 3rem 0
			}

			.svg-amin {
				margin-top: 2.175rem;
				text-align: center
			}

			.svg-amin .svg-a-w {
				display: inline-block;
				margin: 0 auto;
				width: 35.05rem
			}

			.svg-amin .svg-a-w path {
				stroke-dasharray: 2.2;
				animation: lineanimation 1.5s cubic-bezier(.4, 0, .2, 1) infinite alternate;
				opacity: 0;
				opacity: 1
			}

			.svg-amin .svg-a-n .g2 {
				stroke-dasharray: 2.2;
				animation: lineanimation 1.5s cubic-bezier(.4, 0, .2, 1) infinite;
				opacity: 1
			}

			@keyframes lineanimation {
				0% {
					stroke-dashoffset: 1000
				}

				to {
					stroke-dashoffset: 0
				}
			}

			.svg-a-n,
			.svg-a-n .path-1 {
				width: 16rem
			}

			.download .table {
				background: #f9f9f9;
				border: 1px solid #e7e7e7;
				display: flex;
				justify-content: space-around;
				margin-top: 1.25rem;
				opacity: 1
			}

			.download .table .li {
				cursor: pointer;
				font-size: .45rem;
				font-weight: 500;
				line-height: 1.5rem;
				position: relative
			}

			.download .table .li:after {
				background-color: #e70012;
				bottom: 0;
				content: "";
				height: 4px;
				left: 0;
				position: absolute;
				width: 0
			}

			.download .table .li.on:after {
				width: 100%
			}

			.download .table .li.on {
				color: #e70012
			}

			.download.n-story .tabul {
				border-bottom: 0 solid #000;
				margin-top: 1.45rem
			}

			.n-story .tabul .li .item {
				font-weight: 500
			}

			.download.n-story .tabul .li {
				margin-bottom: .725rem
			}

			.download .list {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1.5rem
			}

			.download .list .li {
				display: block;
				margin-bottom: 1rem;
				margin-right: 2rem;
				position: relative;
				width: calc(25% - 1.5rem)
			}

			.download .list .li:nth-child(4n) {
				margin-right: 0
			}

			.download .list .li .img {
				padding: .725rem 0;
				position: relative
			}

			.download .list .li .imgbox {
				display: inline-block;
				height: 12rem;
				position: relative;
				width: 100%
			}

			.download .list .li .img img {
				box-shadow: .25rem 0 .75rem 0 rgba(0, 0, 0, .2);
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.download .list .li .t {
				text-align: center;
				width: 100%
			}

			.download .list .li .mak {
				align-items: center;
				background-color: rgba(231, 0, 18, .5);
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				transition: all .5s;
				width: 100%
			}

			.download .list .li .mak .lis {
				align-items: center;
				color: #fff;
				cursor: pointer;
				display: flex;
				line-height: 1;
				margin: .35rem 0
			}

			.download .list .li .mak .lis .icon {
				margin-right: 15px;
				transition: all .5s;
				width: 25px
			}

			.download .list .li .mak .lis:hover .icon {
				transform: scale(1.2)
			}

			.download .list .li:hover .mak {
				opacity: 1
			}

			.download-doilg {
				background-color: rgba(0, 0, 0, .3);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 33
			}

			.download-doilg .box {
				background-color: #fff;
				padding: 1.5rem;
				width: 30rem
			}

			.download-doilg .box .tit1 {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				line-height: 1;
				margin-bottom: 1rem;
				padding-bottom: 1rem
			}

			.download-doilg .box .tit2 {
				font-weight: 500;
				left: 1
			}

			.download-doilg .box .formbox {
				margin-top: 1.25rem;
				width: 100%
			}

			.download-doilg .box .formbox .sp {
				margin-bottom: .4rem
			}

			.download-doilg .box .formbox .sp span {
				color: #e70012;
				margin-right: .1rem
			}

			.download-doilg .box .formbox .li {
				margin-bottom: 1rem;
				margin-right: 4%;
				width: 48%
			}

			.download-doilg .box .formbox .li:nth-child(2n) {
				margin-right: 0
			}

			.download-doilg .box .formbox .input {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 50px;
				opacity: 1;
				text-indent: .55rem;
				width: 100%
			}

			.download-doilg .box .formbox .input:-moz-placeholder {
				color: #444
			}

			.download-doilg .box .formbox .input:-ms-input-placeholder {
				color: #444
			}

			.download-doilg .box .formbox .input:-webkit-input-placeholder {
				color: #444
			}

			.download-doilg .box .formbox .li2 {
				margin-bottom: 1rem;
				width: 100%
			}

			.download-doilg .box .formbox .input2 {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 3.25rem;
				padding: 10px 0;
				text-indent: .55rem;
				width: 100%
			}

			.download-doilg .box .formbox .icon {
				height: 1rem;
				margin-top: -.5rem;
				position: absolute;
				right: 2px;
				top: 50%;
				width: 2.75rem;
				z-index: 2
			}

			.download-doilg .box .submitbtn {
				height: 48px;
				margin: 1.2rem auto 0;
				width: 147px
			}

			.download-doilg .box .submitbtn .botton {
				position: relative
			}

			.download-doilg .box .input,
			.download-doilg .box .input2 {
				transition: all .6s
			}

			.download-doilg .box .input2:focus,
			.download-doilg .box .input:focus {
				background-color: #fef1f2;
				border-color: #e70012;
				box-shadow: 0 0 2px #e70012
			}

			.download-doilg .box .close {
				background: #000;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				cursor: pointer;
				height: 46px;
				opacity: 1;
				position: absolute;
				right: -30px;
				top: -26px;
				width: 62px
			}

			.download-doilg .box .close svg {
				transition: all .5s
			}

			.download-doilg .box .close:hover svg {
				transform: translate(-50%, -50%) rotate(180deg)
			}

			.svg-amin .li {
				position: absolute;
				width: 2.05rem
			}

			.svg-amin .li .t {
				margin: .1rem 0;
				white-space: nowrap
			}

			.svg-amin .li.right .t {
				margin: 0;
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateX(120%) translateY(-50%)
			}

			.svg-amin .li.left .t {
				left: 0;
				margin: 0;
				position: absolute;
				top: 50%;
				transform: translateX(-120%) translateY(-50%)
			}

			.svg-amin .li1 {
				left: 28%;
				top: 39%
			}

			.svg-amin .li2 {
				left: 47.2%;
				top: 14.5%
			}

			.svg-amin .li2 .t {
				margin-top: .1rem;
				transform: translateX(-8px)
			}

			.svg-amin .li3 {
				right: 28%;
				top: 39%
			}

			.svg-amin .li4 {
				bottom: 14%;
				left: 47.2%
			}

			.svg-amin .li5 {
				left: 5%;
				top: 39%
			}

			.svg-amin .li6 {
				left: 21%;
				top: -9%
			}

			.svg-amin .li7 {
				left: 47.3%;
				top: -9%
			}

			.svg-amin .li8 {
				right: 21%;
				top: -9%
			}

			.svg-amin .li9 {
				right: 5%;
				top: 39%
			}

			.svg-amin .li10 {
				bottom: -9%;
				left: 21%
			}

			.svg-amin .li11 {
				bottom: -9%;
				left: 35%
			}

			.svg-amin .li12 {
				bottom: -9%;
				right: 35%
			}

			.svg-amin .li13 {
				bottom: -9%;
				right: 21%
			}

			.title {
				font-weight: 500
			}

			.headerwarp header {
				box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08) !important
			}

			.product-banner {
				height: 18rem
			}

			.products-list1 .itembox .tit3,
			.products-list1 .ulbox .li .text .tit4 {
				font-weight: 500
			}

			.products-list .leftbox .itembtn {
				cursor: pointer
			}

			.products-list .leftbox .libox-top {
				font-weight: 500
			}

			.n-products-list {
				padding-top: 2.35rem
			}

			.two-nav .nav.fixed {
				background-color: #fff;
				box-shadow: 5px 0 18px 0 rgba(0, 0, 0, .05);
				left: 0;
				margin: auto;
				position: fixed;
				top: 0;
				z-index: 1000
			}

			.pc-header.fixed {
				display: none;
				opacity: 0
			}

			.sub-nav-one {
				background: #ededed;
				display: none;
				left: -.975rem;
				position: absolute;
				width: 4.55rem
			}

			.sub-nav-one a {
				align-items: center;
				border-left: 3px solid transparent;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				line-height: 1.425rem;
				padding: 0 .5rem 0 .75rem;
				transition: all .5s
			}

			.sub-nav-one a svg {
				fill: #e70012;
				opacity: 0;
				transition: all .3s
			}

			.sub-nav-one a:hover svg {
				opacity: 1
			}

			.sub-nav-one a:hover {
				border-left: 3px solid #e70012
			}

			.n-cooperate .formbox .sp,
			.n-cooperate .tit2 {
				font-weight: 500
			}

			.product-nav-header {
				background-color: #fff;
				display: none;
				height: 20.4rem;
				left: -25vw;
				position: absolute;
				width: calc(100vw - 7rem)
			}

			.product-nav-header .one-list {
				background: #ededed;
				font-weight: 500;
				height: 100%;
				left: 0;
				line-height: 1;
				position: absolute;
				top: 0;
				width: 5rem
			}

			.product-nav-header .one-list .tit-24 {
				padding: 1rem
			}

			.product-nav-header .one-list .tit-one a {
				align-items: center;
				border-left: 3px solid transparent;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				line-height: 1.425rem;
				padding: 0 .5rem 0 .75rem;
				position: relative;
				transition: all .5s
			}

			.product-nav-header .one-list .tit-one a:after {
				background-color: rgba(0, 0, 0, .1);
				bottom: 0;
				content: "";
				height: 1px;
				position: absolute;
				right: 0;
				width: calc(100% - .75rem)
			}

			.product-nav-header .one-list .tit-one a svg {
				fill: #e70012;
				opacity: 0;
				transition: all .3s
			}

			.product-nav-header .one-list .tit-one a.on svg {
				opacity: 1
			}

			.product-nav-header .one-list .tit-one a.on {
				background-color: #fff;
				border-left: 3px solid #e70012;
				color: #e70012
			}

			.product-nav-header .two-list {
				background: hsla(0, 0%, 93%, .5);
				font-weight: 500;
				height: 100%;
				left: 5rem;
				line-height: 1;
				overflow: auto;
				position: absolute;
				top: 0;
				width: 6.5rem
			}

			.product-nav-header .two-list .tit-24 {
				opacity: 0;
				padding: 1rem
			}

			.product-nav-header .two-list .tit-one a {
				align-items: center;
				border-left: 3px solid transparent;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				line-height: 1.425rem;
				padding: 0 .5rem 0 .75rem;
				position: relative;
				transition: all .5s
			}

			.product-nav-header .two-list .tit-one a:after {
				background-color: rgba(0, 0, 0, .1);
				bottom: 0;
				content: "";
				height: 1px;
				position: absolute;
				right: 0;
				width: calc(100% - .75rem)
			}

			.product-nav-header .two-list .tit-one a svg {
				fill: #e70012;
				opacity: 0;
				transition: all .3s
			}

			.product-nav-header .two-list .tit-one a.on svg {
				opacity: 1
			}

			.product-nav-header .two-list .tit-one a.on {
				background-color: #fff;
				border-left: 3px solid #e70012;
				color: #e70012
			}

			.product-nav-header .three-list {
				height: 100%;
				overflow: auto;
				padding: 2.5rem 1.275rem 1rem;
				position: absolute;
				right: 0;
				top: 0;
				width: calc(100% - 11.5rem)
			}

			.product-nav-header .three-list a {
				display: block;
				float: left;
				font-weight: 500;
				line-height: 1.2;
				margin-bottom: 1rem;
				text-align: center;
				width: 33%
			}

			.product-nav-header .three-list a .img {
				height: 4.5rem;
				margin-bottom: .5rem;
				width: 100%
			}

			.product-nav-header .three-list a .img img {
				display: inline-block;
				max-height: 100%;
				max-width: 100%
			}

			.header-fixd {
				background-color: #222;
				display: none;
				height: 100vh;
				left: 0;
				padding: 0 3.5rem;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 98
			}

			.header-fixd .hide {
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center
			}

			.header-fixd .honor-list:first-child {
				margin-top: 0
			}

			.header-fixd .honor-list .line {
				background-color: hsla(0, 0%, 100%, .1)
			}

			.header-fixd .honor-list .nav-list {
				margin-top: 1.75rem;
				width: 100%
			}

			.hiode {
				display: none
			}

			.header-fixd .honor-list .nav-list {
				display: flex;
				justify-content: space-between
			}

			.header-fixd .honor-list .nav-list .li .tit {
				color: #fff;
				font-weight: 500;
				line-height: 1
			}

			.header-fixd .honor-list .nav-list .li .sub-nav {
				margin-top: .8rem
			}

			.header-fixd .honor-list .nav-list .li .sub-nav a {
				color: #acacac;
				display: block;
				font-weight: 500;
				line-height: 2;
				transition: all .3s
			}

			.header-fixd .honor-list .nav-list .li .sub-nav a:hover {
				color: #e70012;
				transform: translateX(5px)
			}

			.header-fixd .honor-list .nav-list .li .p-nav {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				width: 38vw
			}

			.header-fixd .honor-list .nav-list .li .p-nav .sub-nav {
				width: 33%
			}

			.header-fixd .honor-list .nav-list .li .p-nav .sub-nav a {
				color: #666
			}

			.header-fixd .honor-list .nav-list .li .p-nav .sub-nav a:hover {
				color: #e70012;
				transform: translateX(5px)
			}

			.header-fixd .honor-list .nav-list .li .p-nav .sub-nav a:first-child {
				color: #acacac
			}

			.nume.on {
				background-color: transparent
			}

			.nume .line {
				transition: all .5s
			}

			.nume.on .line:first-child {
				left: 50%;
				top: 51%;
				transform: rotate(45deg)
			}

			.nume.on .line:last-child {
				top: 50%;
				transform: rotate(-45deg)
			}

			.about-c .content .cont2 .t2 span {
				color: #e70012
			}

			.about-c .content .cont2 .botlist {
				bottom: 0;
				display: flex;
				padding-bottom: 3.9rem;
				position: absolute;
				width: calc(100% - 6.95rem)
			}

			.about-c .content .cont2 .botlist .li {
				align-items: center;
				border-bottom: 1px solid #fff;
				display: flex;
				justify-content: space-between;
				margin-right: 2.5rem;
				padding-bottom: .825rem;
				width: calc(33.33333% - 1.66667rem)
			}

			.about-c .content .cont2 .botlist .li:last-child {
				margin-right: 0
			}

			.about-c .content .cont2 .botlist .li .icon {
				filter: grayscale(1000) brightness(1000000);
				width: 2rem
			}

			.about-c .content .cont .numlist .li .icon {
				filter: grayscale(1000) brightness(1000000)
			}

			.soc-a .img {
				margin-top: 2rem;
				text-align: center
			}

			.soc-a .img img {
				display: inline-block
			}

			.home-a .swiper-pagination {
				bottom: 1.25rem !important;
				position: absolute;
				text-align: center;
				width: 100%;
				z-index: 3
			}

			.home-a .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #fff;
				margin: 0 .7rem !important;
				opacity: .5;
				padding-top: 7px;
				transition: all .5s;
				width: 15px
			}

			.home-a .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #fff;
				opacity: 1
			}

			.search-info {
				padding-bottom: 4.4rem;
				padding-top: 4.4rem
			}

			.search-info .top {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				font-weight: 500;
				line-height: 1;
				padding-bottom: .75rem
			}

			.search-info .content {
				display: flex;
				padding-top: 1.1rem
			}

			.search-info .content .left {
				width: 300px
			}

			.search-info .content .left .li {
				align-items: center;
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				color: #333;
				cursor: pointer;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				padding: .5rem;
				transition: all .5s;
				width: 100%
			}

			.search-info .content .left .li.on {
				background-color: #e70012;
				color: #fff
			}

			.search-info .content .left .li .icon svg {
				fill: #e70012;
				transition: all .5s
			}

			.search-info .content .left .li.on .icon svg,
			.search-info .content .left .li:hover .icon svg {
				fill: #fff
			}

			.search-info .content .left .li:hover {
				background-color: #e70012;
				color: #fff
			}

			.search-info .content .right {
				padding-left: 2rem;
				width: calc(100% - 300px)
			}

			.search-info .content .right .lis .tit {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				color: #333;
				font-size: .5rem;
				font-weight: 500;
				line-height: 1;
				padding-bottom: .5rem
			}

			.search-info .content .right .lis .plist {
				margin-top: 1rem
			}

			.search-info .content .right .lis .plist .pli {
				align-items: center;
				background: #f6f6f6;
				display: flex;
				justify-content: flex-start;
				margin-bottom: .75rem;
				padding: 1.2rem 2rem;
				position: relative
			}

			.search-info .content .right .lis .plist .pli .tip {
				left: 0;
				position: absolute;
				top: 0
			}

			.search-info .content .right .lis .plist .pli .img {
				display: flex;
				height: 4.3rem;
				justify-content: center;
				width: 5rem
			}

			.search-info .content .right .lis .plist .pli .img img {
				max-height: 100%;
				max-width: 100%
			}

			.search-info .content .right .lis .plist .pli .txt {
				padding: 0 2rem;
				width: 72%
			}

			.search-info .content .right .lis .plist .pli .txt .t1 {
				color: #333;
				font-weight: 500
			}

			.search-info .content .right .lis .plist .pli .txt .t2 {
				color: #666;
				font-weight: 500
			}

			.search-info .content .right .lis .plist .pli .r {
				display: flex;
				flex-direction: column;
				font-weight: 500
			}

			.search-info .content .right .lis .plist .pli .r a {
				color: #999;
				margin: .25rem 0;
				white-space: nowrap
			}

			.search-info .content .right .lis .plist .pli .r a:hover {
				color: #e70012
			}

			.search-info .content .right .lis .slist {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1rem
			}

			.search-info .content .right .lis .slist .sli {
				display: block;
				margin-right: 1rem;
				position: relative;
				width: calc(33.33333% - .66667rem)
			}

			.search-info .content .right .lis .slist .sli:nth-child(3n) {
				margin-right: 0
			}

			.search-info .content .right .lis .slist .sli .img {
				height: 4.5rem;
				overflow: hidden;
				width: 100%
			}

			.search-info .content .right .lis .slist .sli .icon {
				left: 1rem;
				position: absolute;
				top: calc(4.5rem - 6px);
				width: 20px;
				z-index: 2
			}

			.search-info .content .right .lis .slist .sli .t {
				padding: .5rem 1rem
			}

			.search-info .content .right .lis .ullist2 {
				margin-top: 1.2rem;
				overflow: hidden
			}

			.search-info .content .right .lis .ullist2 .uli {
				background: #f6f6f6;
				margin-bottom: 1.5rem;
				margin-right: 2%;
				width: 32%
			}

			.search-info .content .right .lis .ullist2 .uli:nth-child(3n) {
				margin-right: 0
			}

			.search-info .content .right .lis .ullist2 .uli .img {
				height: 8.90638vw;
				position: relative
			}

			.search-info .content .right .lis .ullist2 .text {
				padding: .85rem 1rem 1rem
			}

			.search-info .content .right .lis .ullist2 .uli .tit3 {
				margin-bottom: .5rem
			}

			.search-info .content .right .lis .ullist2 .uli .tit4 {
				margin-bottom: .85rem
			}

			.search-info .content .right .lis .ullist2 .uli .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				transform: scale(1.01);
				transition: all .8s;
				width: 100%
			}

			.search-info .content .right .lis .ullist2 .uli:hover .img img {
				transform: scale(1.1)
			}

			.search-info .content .right .lis .dlist {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1rem
			}

			.search-info .content .right .lis .dlist .li {
				display: block;
				margin-bottom: 1rem;
				margin-right: 2rem;
				position: relative;
				width: calc(25% - 1.5rem)
			}

			.search-info .content .right .lis .dlist .li:nth-child(4n) {
				margin-right: 0
			}

			.search-info .content .right .lis .dlist .li .img {
				padding: .725rem 0;
				position: relative
			}

			.search-info .content .right .lis .dlist .li .imgbox {
				display: inline-block;
				position: relative
			}

			.search-info .content .right .lis .dlist .li .img img {
				box-shadow: .25rem 0 .75rem 0 rgba(0, 0, 0, .2)
			}

			.search-info .content .right .lis .dlist .li .t {
				text-align: center;
				width: 100%
			}

			.search-info .content .right .lis .dlist .li .mak {
				align-items: center;
				background-color: rgba(231, 0, 18, .5);
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				transition: all .5s;
				width: 100%
			}

			.search-info .content .right .lis .dlist .li .mak .lis {
				align-items: center;
				color: #fff;
				cursor: pointer;
				display: flex;
				line-height: 1;
				margin: .35rem 0
			}

			.search-info .content .right .lis .dlist .li .mak .lis .icon {
				margin-right: 15px;
				transition: all .5s;
				width: 25px
			}

			.search-info .content .right .lis .dlist .li .mak .lis:hover .icon {
				transform: scale(1.2)
			}

			.search-info .content .right .lis .dlist .li:hover .mak {
				opacity: 1
			}

			.search-info .content .right .lis .ullist2 .ali {
				background: #f6f6f6;
				color: #666;
				margin-bottom: 1rem;
				margin-right: 2%;
				width: 32%
			}

			.search-info .content .right .lis .ullist2 .ali .img {
				height: 5.55rem;
				position: relative
			}

			.search-info .content .right .lis .ullist2 .text {
				padding: .8rem 1.5rem .8rem .725rem
			}

			.search-info .content .right .lis .ullist2 .ali .tit3 {
				color: #666;
				margin-bottom: .5rem
			}

			.search-info .content .right .lis .ullist2 .ali .tit4 {
				color: #666;
				margin-bottom: .85rem
			}

			.search-info .content .right .lis .ullist2 .ali:nth-child(3n) {
				margin-right: 0
			}

			.search-info .content .right .lis .ullist2 .ali .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.search-info .content .right .lis .ullist2 .ali:hover .img img {
				transform: scale(1.1)
			}

			.search-info .content .right .lis .ullist2 .ali .tiptext {
				background: url(../img/tipimg.png) no-repeat 50%;
				background-size: 100% 100%;
				height: 40px;
				left: 0;
				position: absolute;
				top: 0;
				width: 85px;
				z-index: 3
			}

			.search-info .content .right .lis .ullist2 .ali .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.search-info .content .right .lis .ullist2 {
				margin-bottom: 1rem
			}

			.search-info .content .right .lis .ullist2 .tiplist {
				display: flex;
				margin-top: 1rem
			}

			.search-info .content .right .lis .ullist2 .tiplist .p {
				align-items: center;
				display: flex;
				justify-content: flex-start;
				margin-right: 1rem
			}

			.search-info .content .right .lis .ullist2 .tiplist .p .icon {
				margin-right: 8px;
				width: .425rem
			}

			.pc_seachbox {
				background-color: #222;
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: auto;
				display: none;
				height: 100vh;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 9
			}

			.pc_seachbox .f {
				align-items: center;
				display: flex;
				height: 100vh;
				width: 100%
			}

			.zk_search_wrap {
				margin: 0 auto;
				width: 25rem
			}

			.head_seachbox {
				height: 1.5rem;
				line-height: 1.45rem;
				position: relative
			}

			.head_seachbox .seach_input {
				background: url(../img/head_searchicon.7de0b5f.png) .5rem no-repeat;
				border: 1px solid hsla(0, 0%, 100%, .1);
				box-sizing: border-box;
				padding: 0 4.5rem 0 1.75rem
			}

			.head_seachbox .seach_submit {
				background-color: #e70012;
				color: #fff;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				transition: .4s;
				width: 4rem
			}

			.head_seachbox .seach_input input {
				background-color: transparent;
				color: #fff !important;
				font-size: .4rem;
				width: 100%
			}

			.head_seachbox .seach_submit a {
				background-color: transparent;
				color: #fff;
				cursor: pointer;
				display: block;
				font-size: .45rem;
				height: 100%;
				text-align: center;
				width: 100%
			}

			input:-internal-autofill-selected {
				background-color: transparent !important
			}

			input:-webkit-autofill {
				-webkit-text-fill-color: #fff;
				background: transparent;
				-webkit-transition: background-color 50000s ease-in-out 0s;
				transition: background-color 50000s ease-in-out 0s
			}

			.main-scoll {
				bottom: 0;
				color: #fff;
				left: 1.5rem;
				position: fixed;
				z-index: 33
			}

			.main-scoll .line {
				background-color: #fff;
				height: 49px;
				opacity: .15;
				width: 1px
			}

			.main-scoll.on {
				color: #333
			}

			.main-scoll.on .line {
				background-color: #333
			}

			.swiper-container-vertical>.main-pagination.swiper-pagination-bullets {
				position: absolute;
				right: 1.5rem;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				width: 10px;
				z-index: 33
			}

			.swiper-container-vertical>.main-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
				background: #bbb;
				border-radius: 0;
				-webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
				height: 4px;
				margin: 8px 0;
				opacity: .8;
				width: 8px
			}

			.swiper-container-vertical>.main-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
				background-color: #e70012;
				opacity: 1
			}

			.home-e .right .ullist2 .li .img .bg {
				transition: all .5s
			}

			.home-e .right .ullist2 .li:hover .img .bg {
				transform: scale(1.02)
			}

			.home-e .right .ullist2 .li:hover .tit3 {
				color: #e70012
			}

			.home-e .right .ullist2 .tiplist .p {
				color: #666
			}

			.home-e .right {
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-top: 2.35rem
			}

			.icon.op {
				opacity: 0
			}

			.about-f .content .li .txt {
				padding-top: 1rem
			}

			.cases-detail5 .zmorebtn {
				margin-top: 1rem;
				opacity: 0
			}

			.cases-detail5 .tab-container .swiper-slide.cur .zmorebtn {
				opacity: 1
			}

			.lanbox {
				position: relative
			}

			.hlanbox {
				background-color: #fff;
				display: none;
				left: 50%;
				position: absolute;
				top: 100%;
				transform: translateX(-50%);
				width: 2rem
			}

			.hlanbox a {
				align-items: center;
				border-left: 3px solid transparent;
				display: flex;
				font-weight: 500;
				justify-content: space-between;
				line-height: 1.425rem;
				padding: 0 0 0 .25rem;
				transition: all .5s
			}

			.hlanbox a .icon {
				margin-right: 0 !important
			}

			.hlanbox a svg {
				fill: #e70012 !important;
				opacity: 0 !important;
				transition: all .3s
			}

			.hlanbox a:hover svg {
				opacity: 1 !important
			}

			.hlanbox a:hover {
				border-left: 3px solid #e70012
			}

			.pc-header .right .webgroud .t {
				position: relative
			}

			.pc-header .right .webgroud .t:after {
				background-color: #fff;
				bottom: -2px;
				content: "";
				height: 2px;
				left: 0;
				position: absolute;
				transition: all .5s;
				width: 0
			}

			.pc-header.index .right .webgroud .t:after {
				background-color: #333
			}

			.pc-header .right .webgroud:hover .t:after {
				width: 100%
			}

			.info .pc-header .right .webgroud .t:after,
			.pc-header.white .right .webgroud .t:after {
				background-color: #333
			}

			.links {
				position: relative
			}

			.links .hlanbox {
				width: 5rem
			}

			.links .hlanbox a {
				padding: 0 .2rem 0 .75rem
			}

			.pc-header .right .webgroud.links .t:after {
				bottom: -6px
			}

			.hbmak {
				height: 27rem;
				max-width: none;
				width: 48rem
			}

			.ValidCode {
				height: 1rem;
				margin-top: -.5rem;
				position: absolute;
				right: 2px;
				top: 50%;
				width: 2.75rem;
				z-index: 2
			}

			.video-list {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1.5rem
			}

			.video-list .li {
				margin-bottom: 1.5rem;
				margin-right: 1rem;
				width: calc(25% - .75rem)
			}

			.video-list .li:nth-child(4n) {
				margin-right: 0
			}

			.video-list .li .img {
				height: 11.41875vw;
				margin-bottom: .5rem;
				overflow: hidden;
				position: relative;
				width: 100%
			}

			.video-list .li .img .bg {
				transition: all .8s
			}

			.video-list .li:hover .img .bg {
				transform: scale(1.02)
			}

			.video-list .li .img .play {
				cursor: pointer;
				height: 2rem;
				width: 2rem
			}

			.video-list .li .img .mak {
				background-color: rgba(0, 0, 0, .1);
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%
			}

			.down-search {
				background: #fbfbfb;
				border: 1px solid hsla(218, 7%, 78%, .5);
				height: 46px;
				opacity: 1;
				padding: 0 .75rem;
				position: absolute;
				right: 0;
				top: 0;
				width: 320px
			}

			.n-story .tabul {
				position: relative
			}

			.down-search input {
				background-color: transparent;
				font-size: 16px;
				height: 100%;
				width: 80%
			}

			.down-search .lab {
				cursor: pointer;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				width: 20%
			}

			.down-search .lab svg {
				fill: #e70012;
				height: 16px;
				width: 16px
			}

			.tpa {
				bottom: 0;
				position: absolute;
				right: 1.425rem
			}

			.new {
				padding: 1.9rem 0
			}

			.new .list {
				margin-top: .95rem
			}

			.new .list .li {
				margin-bottom: 1.45rem;
				min-height: 14.05rem;
				padding: 1.5rem;
				position: relative;
				width: 100%
			}

			.fps {
				position: absolute;
				top: -2.35rem
			}

			.new .list .li .txt {
				background-color: #fff;
				padding: 2rem 1rem;
				position: relative;
				width: 15.75rem;
				z-index: 3
			}

			.new .list .li .bg {
				left: 0;
				position: absolute;
				top: 0
			}

			.new .list .li .txt .mc {
				line-height: 1
			}

			.new .list .li .txt .t1 {
				margin-top: .2rem
			}

			.new .list .li .txt .t2 {
				color: #666;
				font-style: italic;
				font-weight: 400;
				margin-top: 1rem;
				text-align: justify;
				word-break: break-all
			}

			.new .list .li .txt .zmorebtn {
				margin-top: 1.5rem
			}

			.dianzhi .cases-detail3 .ulbox .li .text .title {
				margin-bottom: 1rem
			}

			.dianzhi .cases-detail5 .tab-container .swiper-slide.cur .zmorebtn {
				opacity: 0 !important
			}

			.shihua .cases-detail-list2 .warpbox .li {
				margin-right: 2.33333%;
				width: 31%
			}

			.cases-detail4 .litop .cont {
				color: #333;
				font-weight: 500;
				height: 5.04rem;
				margin-bottom: 1rem;
				margin-top: .6rem;
				overflow: hidden;
				overflow: auto;
				position: relative;
				width: 100%
			}

			.cases-detail4 .litop .icon {
				cursor: pointer;
				display: none !important;
				margin-top: .5rem;
				width: 13px
			}

			.cases-detail4 .litop .tit4 {
				left: 0;
				position: relative;
				top: 0;
				transition: all .5s
			}

			.cases-detail4 .swiper-pagination {
				bottom: 0 !important;
				margin-top: 1rem;
				position: relative !important
			}

			.cases-detail4 .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #000;
				margin: 0 .35rem !important;
				opacity: .4;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.cases-detail4 .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.jinrong .prod-container {
				overflow: hidden;
				width: 100%
			}

			.jinrong .prod-container .swiper-slide {
				text-align: center;
				width: 100%
			}

			.jinrong .prod-container .swiper-slide .img {
				align-items: center;
				display: flex;
				height: 5.75rem;
				justify-content: center;
				margin-bottom: .75rem
			}

			.jinrong .prod-container .swiper-slide .img img {
				max-height: 100%
			}

			.jinrong .prod-container .main-pagination {
				margin-top: 1rem;
				text-align: center
			}

			.jinrong .prod-container .swiper-pagination-bullet-active {
				background-color: #e70012
			}

			.cases-new1 {
				padding: 1.6rem 0 2.5rem
			}

			.cases-new1 .content {
				display: flex;
				margin-top: 1.5rem
			}

			.cases-new1 .content .left {
				width: 22%
			}

			.cases-new1 .content .rightbox {
				margin-left: 1.5rem;
				width: calc(78% - 1.5rem)
			}

			.cases-new1 .content .rightbox .zpage {
				margin-top: 1.85rem
			}

			.cases-new1 .content .rightbox .selectbox {
				height: 1.5rem
			}

			.cases-new1 .content .rightbox .selectbox .sp {
				cursor: pointer;
				height: 1.5rem;
				overflow: hidden;
				padding: 0 1.5rem 0 1rem;
				position: relative
			}

			.cases-new1 .content .rightbox .selectbox .sp:before {
				background: #e70012;
				content: "";
				height: 1.5rem;
				left: -20%;
				position: absolute;
				transform: skew(-15deg);
				transition: all .6s;
				width: 110%
			}

			.cases-new1 .content .rightbox .selectbox .icon {
				fill: #fff;
				height: 15px;
				margin-left: 1.25rem;
				position: relative;
				width: 15px;
				z-index: 3
			}

			.cases-new1 .content .rightbox .selectbox span {
				position: relative;
				z-index: 3
			}

			.cases-new1 .content .rightbox .tipbox {
				font-style: italic;
				margin-left: 1rem
			}

			.cases-new1 .content .rightbox .tipbox span {
				color: #e70012
			}

			.cases-new1 .content .rightbox .warpselect {
				background: #fff;
				padding: .45rem 1rem 0;
				position: relative;
				z-index: 2
			}

			.cases-new1 .content .rightbox .warpselect .spbtn {
				cursor: pointer;
				height: 40px;
				margin-bottom: .5rem;
				margin-right: .75rem;
				padding: 0 1rem;
				position: relative;
				transition: all .6s
			}

			.cases-new1 .content .rightbox .warpselect .spbtn:before {
				border: 1px solid #ccc;
				content: "";
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transform: skew(-15deg);
				transition: all .6s;
				width: 100%
			}

			.cases-new1 .content .rightbox .warpselect .spbtn .scolse {
				background: #a6a6a6;
				height: 16px;
				position: absolute;
				right: -5px;
				top: 0;
				transform: skew(-15deg);
				transition: all .6s;
				width: 24px;
				z-index: 1
			}

			.cases-new1 .content .rightbox .warpselect .spbtn .scolse .icon {
				fill: #fff;
				height: 14px;
				width: 14px
			}

			.cases-new1 .content .rightbox .warpselect .spbtn:hover {
				color: #e70012
			}

			.cases-new1 .content .rightbox .warpselect .spbtn:hover:before {
				border: 1px solid #e70012
			}

			.cases-new1 .content .rightbox .warpselect .spbtn:hover .scolse {
				background: #e70012
			}

			.cases-new1 .content .rightbox .ullist {
				margin-top: .55rem
			}

			.cases-new1 .content .rightbox .ullist .li {
				border: 1px solid #e7e7e7;
				margin-bottom: 1rem;
				padding: .9rem;
				position: relative
			}

			.cases-new1 .content .rightbox .ullist .li .tipicon {
				left: 0;
				position: absolute;
				top: 0;
				width: 1.75rem;
				z-index: 3
			}

			.cases-new1 .content .rightbox .ullist .li .img {
				align-items: center;
				display: flex;
				height: 7rem;
				justify-content: center;
				text-align: center;
				width: 7rem
			}

			.cases-new1 .content .rightbox .ullist .li .img img {
				display: inline-block;
				max-height: 100%
			}

			.cases-new1 .content .rightbox .ullist .li .text {
				width: calc(100% - 8.5rem)
			}

			.cases-new1 .content .rightbox .ullist .li .text .tit3 {
				margin-bottom: .35rem
			}

			.cases-new1 .content .rightbox .ullist .li .text .tit4 {
				margin-bottom: .5rem
			}

			.cases-new1 .content .rightbox .ullist .li .text .tit5 {
				color: #666
			}

			.cases-new1 .content .rightbox .ullist .li .ntext {
				border-right: 1px solid #eaeaea;
				padding-right: 1.5rem;
				width: calc(100% - 125px)
			}

			.cases-new1 .content .rightbox .ullist .li .text .tiptit {
				margin-top: .7rem
			}

			.cases-new1 .content .rightbox .ullist .nbox {
				margin-top: .25rem
			}

			.cases-new1 .content .rightbox .ullist .nbox .i {
				margin-bottom: .25rem;
				margin-right: .5rem;
				padding-left: 16px;
				position: relative
			}

			.cases-new1 .content .rightbox .ullist .nbox .i:before {
				border: 2px solid #9e9c9e;
				border-radius: 50%;
				content: "";
				height: .2rem;
				left: 0;
				margin-top: .15rem;
				position: absolute;
				top: 0;
				width: .2rem
			}

			.cases-new1 .content .rightbox .ullist .linkbox {
				padding-left: .4rem;
				padding-top: .85rem;
				width: 125px
			}

			.cases-new1 .content .rightbox .ullist .linkbox .botton {
				margin: .5rem 0
			}

			.cases-new1 .content .rightbox .linkbox a {
				display: block;
				text-align: center;
				transition: all .6s;
				width: 100%
			}

			.cases-new1 .content .rightbox .ullist .li .img img {
				transform: scale(1.01);
				transition: all .6s
			}

			.cases-new1 .content .rightbox .ullist .li:hover .img img {
				transform: scale(1.1)
			}

			.cases-new2 .text .cont {
				height: 8rem;
				overflow: auto
			}

			.cases-new2.cases-detail3 .ulbox .li .text {
				padding-top: 0
			}

			.cases-new2.cases-detail3 .text .cont .tit-24 {
				margin-bottom: .25rem
			}

			.cases-new2.cases-detail3 .text .cont .lis {
				margin-bottom: .5rem
			}

			.cpxq {
				align-items: center;
				color: #e70012;
				display: flex;
				justify-content: flex-start;
				margin-top: 1rem
			}

			.cpxq .icon {
				width: .8rem
			}

			.cpxq .icon,
			.cpxq .tit-16 {
				margin-right: .2rem
			}

			.cases-alert.case {
				background-color: #fff;
				display: block;
				height: auto;
				position: relative
			}

			.cases-alert.case .zmorebtn {
				display: none
			}

			.cases-alert.case .contentbox {
				max-height: none
			}

			.jiaoyu .cases-detail5 .tab-container .swiper-slide.cur .zmorebtn {
				opacity: 0 !important
			}

			.cases-alert .imgbox-swiper .item {
				border-top: 3px solid #e70012
			}

			.cases-alert .imgbox-swiper .item .img {
				margin-bottom: .65rem
			}

			.jinrong .cases-detail6 .titbox {
				display: flex;
				flex-direction: column;
				justify-content: center
			}

			.jinrong .cases-detail6 .ulbox {
				margin-top: 0
			}

			.clssd {
				height: 1px;
				position: relative;
				top: -4rem;
				width: 100%
			}

			.shihua .cases-detail5 .tab-container .swiper-slide.cur .zmorebtn {
				opacity: 0 !important
			}

			.shihua .cases-detail5 .imgbox {
				text-align: center
			}

			.shihua .cases-detail5 .imgbox img {
				display: inline-block
			}

			.shihua .cases-detail5 .tab-container .swiper-slide .item div:first-child {
				padding: .5rem 1rem
			}

			.shihua .cases-detail5 .tab-container .swiper-slide.cur .item div:first-child {
				background-color: #e30000;
				-webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				color: #fff
			}

			.dianzhi .cases-detail5 .tab-container .swiper-slide .item div:first-child {
				padding: .5rem 1rem
			}

			.dianzhi .cases-detail5 .tab-container .swiper-slide.cur .item div:first-child {
				background-color: #e30000;
				-webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				color: #fff
			}

			.cases-new2.cases-detail3 .text .cont .lis {
				position: relative
			}

			.cases-new2.cases-detail3 .text .cont .lis.only {
				padding-left: 20px
			}

			.cases-new2.cases-detail3 .text .cont .tit-24:before {
				background: #e30000;
				content: "";
				height: 4px;
				left: 0;
				opacity: 1;
				position: absolute;
				top: .45rem;
				transform: skew(-15deg);
				width: 8px
			}

			.cases-alert .ulbox.one .li {
				width: 100%
			}

			.cases-alert .ulbox.two .li {
				width: 50%
			}

			.cases-alert .ulbox.three .li {
				width: 33%
			}

			.cases-detail5 .tab-container {
				margin-bottom: 0
			}

			.about-e .left,
			.about-f.cil .content .li .t3,
			.aboutb-container .swiper-,
			.cases-detail3 .ulbox .li .text .tit5,
			.cases-detail4 .litop .tit4,
			.cases-new1 .content .left .tit-17,
			.cases-new1 .content .rightbox .ullist .li .text .tit5,
			.ind-c .t1,
			.inn-a-a .txt .t1,
			.inn-b .content .innb-container .swiper-slide .txt .t,
			.inn-b .top .t,
			.products-list1 .itembox .tit4,
			.search-info .content .right .lis .plist .pli .text .tit5 {
				text-align: justify
			}

			.jinrong .cases-detail6 .titbox .tit-17 {
				margin-top: .5rem;
				text-align: justify
			}

			.tsss {
				position: absolute;
				right: 1rem;
				top: 1rem
			}

			.cases-list1 .imgbox .dian1 {
				left: 4%;
				top: 51%
			}

			.cases-list1 .imgbox .dian2 {
				left: 13%;
				top: 48%
			}

			.cases-list1 .imgbox .dian3 {
				left: 27.5%;
				top: 53%
			}

			.cases-list1 .imgbox .dian4 {
				left: 62.5%;
				top: 51%
			}

			.cases-list1 .imgbox .dian5 {
				left: 84.5%;
				top: 49%
			}

			.cases-list1 .imgbox .dian6 {
				left: 82.5%;
				top: 62%
			}

			.cases-list1 .imgbox .dian7 {
				left: 33.5%;
				top: 83%
			}

			.cases-list1 .imgbox .dian8 {
				left: 52.5%;
				top: 33%
			}

			.cases-list1 .imgbox .dian:before {
				animation: scr 1.5s linear infinite
			}

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

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

				to {
					opacity: 0;
					transform: scale(1.5)
				}
			}

			.culture-a {
				background-color: #000;
				padding: 2rem 0
			}

			.culture-a .t1 {
				margin-top: .75rem
			}

			.culture-a .list {
				margin-top: 1.975rem
			}

			.culture-a .txt {
				width: 32%
			}

			.culture-a .list .li {
				border-bottom: 1px solid hsla(0, 0%, 100%, .1);
				margin-bottom: .75rem;
				padding-bottom: .75rem
			}

			.culture-a .list .li .tit-17 {
				color: #929292;
				font-weight: 500;
				margin-top: .2rem
			}

			.culture-a .view2 {
				align-items: flex-end;
				display: flex;
				justify-content: space-between
			}

			.culture-a .img {
				padding: 2rem;
				width: 60%
			}

			.culture-a .img img {
				width: 100%
			}

			.n-detail .list1 .box {
				position: relative
			}

			.n-detail .list1 .box:hover .ewm {
				opacity: 1;
				visibility: inherit
			}

			.n-detail .list1 .box .ewm {
				left: 0;
				opacity: 0;
				padding-top: .5rem;
				position: absolute;
				visibility: hidden;
				width: 100%
			}

			.n-detail .list1 .box .ewm img {
				width: 4rem
			}

			.mt1 {
				margin-top: .35rem
			}

			.el-select .el-input__inner {
				border: 0 !important;
				height: 100% !important;
				width: 100%
			}

			.cooperate-list3 .formbox .input .el-input {
				height: 100%;
				text-indent: 0
			}

			.alist {
				display: none
			}

			.alist:first-child {
				display: block
			}

			.join-banner {
				height: 22.9rem;
				overflow: hidden
			}

			.join-a {
				padding: 2.5rem 0
			}

			.join-a .list {
				display: flex;
				margin-top: 1.05rem
			}

			.join-a .list a {
				display: block;
				height: 7.05rem;
				margin-right: 1.45rem;
				overflow: hidden;
				position: relative;
				width: calc(50% - .725rem)
			}

			.join-a .list a:last-child {
				margin-right: 0
			}

			.join-a .list a .txt {
				align-items: flex-start;
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center;
				left: 0;
				padding-left: 2.55rem;
				position: absolute;
				top: 0;
				width: 100%
			}

			.join-a .list a .txt .tit4 {
				color: #333;
				transform: translateX(-1rem)
			}

			.join-a .list a .txt .tit4 .icon {
				width: 1rem
			}

			.join-a .list a .txt .tit4 .icon svg {
				height: 16px;
				transform: translateY(-.4rem)
			}

			.join-a .list a .txt .tit5 {
				color: #333;
				display: flex;
				font-style: italic;
				font-weight: 500;
				margin-top: .75rem
			}

			.join-a .list a .txt .tit5 .icon {
				margin-left: 12px
			}

			.join-a .list a .txt .tit5 .icon svg {
				fill: #e70012;
				transition: all .5s
			}

			.join-a .list a .bg {
				transition: all .5s
			}

			.join-a .list a:hover .bg {
				transform: scale(1.02)
			}

			.join-a .list a:hover .txt .tit5 .icon svg {
				transform: translateX(5px)
			}

			.join-b .list {
				display: flex;
				flex-wrap: wrap;
				margin-top: .975rem;
				width: 100%
			}

			.join-b .list .li {
				height: 10rem;
				position: relative;
				width: 25%
			}

			.join-b .list .li:first-child,
			.join-b .list .li:last-child {
				height: 10rem;
				overflow: hidden;
				width: 50%
			}

			.join-b .list .li .txt {
				color: #fff;
				height: 100%;
				left: 0;
				padding: 1.225rem;
				position: absolute;
				top: 0;
				transition: all .5s;
				width: 100%;
				z-index: 3
			}

			.join-b .list .li .txt .t1 {
				line-height: 1.2
			}

			.join-b .list .li .txt .t2 {
				margin-top: .25rem;
				opacity: 0;
				transform: translateY(20px);
				transition: all .5s
			}

			.join-b .list .li:first-child:hover .txt {
				background-color: rgba(253, 106, 45, .7)
			}

			.join-b .list .li:nth-child(2):hover .txt {
				background-color: rgba(111, 168, 76, .7)
			}

			.join-b .list .li:nth-child(3):hover .txt {
				background-color: rgba(206, 163, 47, .7)
			}

			.join-b .list .li:nth-child(4):hover .txt {
				background-color: rgba(147, 88, 205, .7)
			}

			.join-b .list .li:nth-child(5):hover .txt {
				background-color: rgba(236, 66, 56, .7)
			}

			.join-b .list .li:nth-child(6):hover .txt {
				background-color: rgba(69, 180, 193, .7)
			}

			.join-b .list .li:hover .txt .t2 {
				opacity: 1;
				transform: translateY(0)
			}

			.join-c {
				padding: 2.5rem 0
			}

			.join-c .list {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1rem;
				width: 100%
			}

			.join-c .list .li {
				margin-bottom: 1.225rem;
				margin-right: 3.325rem;
				text-align: center;
				width: calc(16.66667% - 2.77083rem)
			}

			.join-c .list .li:nth-child(6n) {
				margin-right: 0
			}

			.join-c .list .li img {
				margin-bottom: .5rem
			}

			.join-d {
				padding-bottom: 2.5rem
			}

			.jd-container {
				margin-top: 1rem;
				overflow: hidden;
				width: 100%
			}

			.jd-container .swiper-slide {
				background: #f1f1f1;
				display: flex;
				height: 15rem;
				width: 100%
			}

			.jd-container .swiper-slide .img {
				height: 100%;
				overflow: hidden;
				width: 62.3%
			}

			.jd-container .swiper-slide .txt {
				align-items: center;
				display: flex;
				flex-direction: column;
				height: 100%;
				overflow: hidden;
				padding-top: 3.5rem;
				width: 37.7%
			}

			.jd-container .swiper-slide .txt .icon {
				margin: 3.25rem 0 1.325rem
			}

			.jd-container .swiper-slide .txt .icon svg {
				height: 19px
			}

			.jd-container .swiper-slide .txt .t2 {
				font-style: italic;
				line-height: 1.5;
				text-align: center
			}

			.jd-container .swiper-pagination {
				bottom: 0 !important;
				margin-top: 1rem;
				position: relative !important
			}

			.jd-container .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #000;
				font-size: 15px;
				margin: 0 .4rem !important;
				opacity: .4;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.jd-container .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.join-e {
				background: url(../img/je.jpg);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: cover;
				padding: 2.5rem 0
			}

			.join-e .list {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin-top: 1rem;
				width: 100%
			}

			.join-e .list .li {
				font-size: 16px;
				font-weight: 500;
				margin: 0 .5rem;
				text-align: center
			}

			.join-e .list .li img {
				width: 5.075rem
			}

			.join-banner {
				width: 100%
			}

			.join-banner .txt {
				align-items: flex-start;
				color: #fff;
				display: flex;
				font-weight: 500;
				justify-content: flex-start;
				left: 3.5rem;
				line-height: 1;
				position: absolute;
				top: 40%;
				z-index: 3
			}

			.join-banner .txt .xg {
				margin-right: .4rem;
				transform: translateY(5px)
			}

			.join-banner-container {
				height: 100%;
				width: 100%
			}

			.join-banner-container .swiper-pagination {
				bottom: 1rem !important
			}

			.join-banner-container .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #fff;
				font-size: 15px;
				margin: 0 .4rem !important;
				opacity: 1;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.join-banner-container .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			@media (max-width:996px) {
				.join-banner {
					height: 13rem
				}

				.join-a {
					padding: 1.5rem 0
				}

				.join-a .list {
					display: block
				}

				.join-a .list a {
					margin: 0 0 .5rem;
					width: 100%
				}

				.join-a .list a .txt {
					padding-left: 1rem
				}

				.join-a .list a .txt .tit4 {
					font-size: 24px
				}

				.join-a .list a .txt .tit4 .icon svg {
					height: 12px;
					transform: translateY(-.2rem)
				}

				.join-a .list a .txt .tit4 .icon {
					width: .5rem
				}

				.join-a .list a .txt .tit4 {
					transform: translateX(-.5rem)
				}

				.join-a .list a {
					height: 5rem
				}

				.join-a .list a:last-child {
					margin-bottom: 0
				}

				.join-a .list a .txt .tit5 {
					margin-top: .45rem
				}

				.join-b .list .li {
					height: 6rem;
					position: relative;
					width: 50%
				}

				.join-b .list .li:first-child {
					height: 6rem;
					overflow: hidden;
					width: 100%
				}

				.join-b .list .li .txt .t1 {
					font-size: 20px
				}

				.join-b .list .li .txt {
					padding: .5rem
				}

				.join-b .list .li:nth-child(4) {
					height: 6rem;
					overflow: hidden;
					width: 100%
				}

				.join-b .list .li:last-child {
					height: 6rem;
					position: relative;
					width: 50%
				}

				.join-c {
					padding: 1.5rem 0
				}

				.join-c .list .li {
					margin-bottom: .5rem;
					margin-right: .5rem;
					text-align: center;
					width: calc(33.33333% - .33333rem)
				}

				.join-c .list .li:nth-child(3n) {
					margin-right: 0
				}

				.jd-container .swiper-slide {
					display: block;
					height: auto
				}

				.jd-container .swiper-slide .img {
					height: 8rem;
					width: 100%
				}

				.jd-container .swiper-slide .txt {
					padding: 1rem;
					width: 100%
				}

				.jd-container .swiper-slide .txt .icon {
					margin: 1rem 0
				}

				.join-e .list .li img {
					width: 4.075rem
				}
			}

			.join-banner video {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.n-content .wmapbox .mc {
				bottom: 2rem;
				color: rgba(0, 0, 0, .8);
				position: absolute;
				right: .8rem
			}

			.n-content .wmapbox .imgbox img {
				width: 29.25rem
			}

			.n-content .wmapbox .imgbox .dian .t {
				font-size: 18px;
				font-weight: 500;
				left: 50%;
				line-height: 1;
				position: absolute;
				top: -.75rem;
				transform: translateX(-50%);
				white-space: nowrap
			}

			.znavwarp.news {
				left: 0;
				position: fixed;
				top: 2.35rem;
				width: 100%;
				z-index: 3333
			}

			header.up {
				top: -2.35rem
			}

			.znavwarp.news.up {
				top: 0
			}

			.new-container {
				height: 100vh;
				overflow: hidden;
				position: relative;
				width: 100%
			}

			.new-container .swiper-slide {
				height: 100%;
				width: 100%
			}

			.new-container .swiper-slide .txt {
				background-color: #fff;
				left: 1.5rem;
				padding: 2rem 1rem;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 15.75rem;
				z-index: 3
			}

			.new-container .swiper-slide .txt .mc {
				line-height: 1
			}

			.new-container .swiper-slide .txt .t1 {
				margin-top: .2rem
			}

			.new-container .swiper-slide .txt .t2 {
				color: #666;
				font-style: italic;
				font-weight: 400;
				margin-top: 1rem;
				text-align: justify;
				word-break: break-all
			}

			.new-container .swiper-slide .txt .zmorebtn {
				margin-top: 1.5rem
			}

			video::-webkit-media-controls {
				overflow: hidden !important
			}

			video::-webkit-media-controls-enclosure {
				margin-left: auto;
				width: calc(100% + 32px)
			}

			.mt30 {
				line-height: 1;
				margin-top: .75rem
			}

			.cases-detail3 .tit3 {
				align-items: center;
				display: flex
			}

			.cases-detail3 .tit3 svg {
				height: 19px;
				margin-right: .5rem;
				transform: translateY(-5px)
			}

			.cases-detail4 .tit3 {
				align-items: center;
				display: flex
			}

			.cases-detail4 .tit3 svg {
				height: 19px;
				margin-right: .5rem;
				transform: translateY(-5px)
			}

			.cases-detail5 .title {
				align-items: center;
				display: flex
			}

			.cases-detail5 .title svg {
				height: 19px;
				margin-right: .5rem;
				transform: translateY(-5px)
			}

			.cases-detail6 .title {
				align-items: center;
				display: flex
			}

			.cases-detail6 .title svg {
				height: 19px;
				margin-right: .5rem;
				transform: translateY(-5px)
			}

			.cases-detail5 .tab-container .item {
				background-color: #eee;
				-webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
				clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
				color: #333;
				padding: .375rem 1.4rem !important
			}

			.cases-detail5 .tab-container .swiper-slide.cur .item {
				background-color: #e30000;
				color: #fff !important
			}

			.jiaoyu .cases-detail5 .tab-container .swiper-slide .zmorebtn {
				display: none
			}

			.y-img-box,
			.y-img-box img {
				width: 100%
			}

			.y-tit {
				color: #333;
				font-weight: 500;
				margin: 1.4rem auto 0;
				width: 70%
			}

			.y-list-new {
				display: flex;
				flex-wrap: wrap;
				margin-top: 1rem
			}

			.y-list-new .li {
				display: flex;
				margin-bottom: .725rem;
				margin-right: 1.25rem;
				min-height: 1.7rem;
				width: calc(50% - .625rem)
			}

			.y-list-new .li:nth-child(2n) {
				margin-right: 0
			}

			.y-list-new .li .y-tt {
				align-items: center;
				background: #e5e5e5;
				display: flex;
				justify-content: center;
				text-align: center;
				width: 5.75rem
			}

			.y-list-new .li .y-a-list {
				align-items: center;
				border: 1px solid #e5e5e5;
				display: flex;
				flex-wrap: wrap;
				padding: 0 1rem;
				width: calc(100% - 5.75rem)
			}

			.y-list-new .li .y-a-list a {
				color: #666;
				display: inline-block;
				margin: 0 .25rem;
				-webkit-text-decoration: underline;
				text-decoration: underline
			}

			.y-list-new .li .y-a-list a.h:hover {
				color: #e70012
			}

			.oncurve {
				cursor: default !important
			}

			.y-list-new .li .y-a-list span {
				color: #666;
				display: inline-block;
				margin: 0 .25rem
			}

			.select-box {
				background: #fff;
				cursor: pointer;
				height: 46px;
				left: 0;
				position: absolute;
				top: -2rem;
				width: 174px;
				z-index: 3
			}

			.select-box .tit {
				align-items: center;
				display: flex;
				height: 100%;
				justify-content: space-between;
				padding: 0 .5rem;
				width: 100%
			}

			.select-box .tit .icon {
				transform: rotate(90deg);
				transition: all .5s
			}

			.select-box .tit .icon svg {
				fill: #e70012
			}

			.select-box .sub-sele {
				background-color: #fff;
				box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .04);
				display: none;
				left: 0;
				position: absolute;
				top: 100%;
				width: 100%;
				z-index: 99
			}

			.select-box .sub-sele .l {
				font-size: .4rem;
				padding: .4rem .5rem;
				transition: all .5s
			}

			.select-box.on .tit .icon {
				transform: rotate(-90deg)
			}

			.select-box .sub-sele .l:hover {
				background-color: #e70012;
				color: #fff
			}

			.zsub-banner .text {
				font-weight: 600
			}

			.cppd {
				position: relative;
				top: -2.5rem
			}

			.cases-list1 .imgbox .dian {
				cursor: pointer
			}

			.cases-list1 .imgbox .dian .hov-box {
				background-color: hsla(0, 0%, 100%, .9);
				left: 250%;
				opacity: 0;
				padding: .75rem;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				transition: all .5s;
				visibility: hidden;
				width: 10.5rem
			}

			.cases-list1 .imgbox .dian.on .hov-box {
				opacity: 1;
				visibility: visible;
				visibility: initial
			}

			.cases-list1 .imgbox .dian.on {
				z-index: 33
			}

			.cases-list1 .imgbox .dian.on i {
				background-color: #fff
			}

			.cases-list1 .imgbox .dian.on i:before {
				background-color: rgba(231, 0, 18, .9)
			}

			.dian-container {
				overflow: hidden;
				width: 100%
			}

			.dian-container .swiper-slide a {
				color: #e70012;
				display: block;
				font-size: 0;
				font-weight: 500;
				margin-top: .75rem
			}

			.dian-container .swiper-slide a div {
				display: inline-block;
				vertical-align: middle
			}

			.dian-container .swiper-slide a .icon {
				margin-left: 5px;
				transition: all .5s
			}

			.dian-container .swiper-slide a:hover .icon {
				transform: translateX(5px)
			}

			.dian-container .swiper-slide .t1 {
				font-weight: 500;
				line-height: 1
			}

			.dian-container .swiper-slide .t2 {
				color: #666;
				line-height: 1;
				margin-top: .45rem
			}

			.dian-container .swiper-slide .img {
				display: flex;
				height: 5.05rem;
				justify-content: center;
				margin-top: .725rem;
				width: 100%
			}

			.cases-list1 .imgbox img.mapbox {
				width: 100%
			}

			.dian-container .swiper-slide .img img {
				display: inline-block;
				max-height: 100%
			}

			.dian-container .swiper-slide .t3 {
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				color: #444;
				display: -webkit-box;
				margin-top: 1.45rem;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal
			}

			.dian-container .hov-pagination {
				bottom: auto !important;
				position: absolute;
				text-align: center;
				top: 65%;
				z-index: 33
			}

			.dian-container .hov-pagination span {
				background: transparent;
				border-radius: 0;
				color: #000;
				font-weight: 500;
				margin: 0 .35rem !important;
				opacity: .4;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.dian-container .hov-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.cases-list1 .imgbox .dian5 .hov-box,
			.cases-list1 .imgbox .dian6 .hov-box {
				left: -150%;
				transform: translate(-100%, -50%)
			}

			.dian-container .swiper-slide .t3.mtp0 {
				margin-top: .75rem
			}

			.cases-list1 .imgbox .dian7 .hov-box {
				transform: translateY(-75%)
			}

			.img-dol {
				align-items: center;
				background-color: rgba(0, 0, 0, .8);
				display: flex;
				flex-direction: column;
				height: 100%;
				justify-content: center;
				left: 0;
				opacity: 0;
				position: fixed;
				top: 0;
				transform: translateX(0);
				transition: all .5s;
				visibility: hidden;
				width: 100%;
				z-index: 99999
			}

			.img-dol.on {
				opacity: 1;
				visibility: inherit
			}

			.img-dol img {
				max-width: none;
				width: 1360px
			}

			.img-dol .box {
				overflow: auto;
				padding-bottom: .2rem;
				position: relative;
				width: 94%
			}

			.img-dol .close {
				background-image: url(../img/close-vid2.png);
				background-position: 50%;
				background-repeat: no-repeat;
				border: 2px solid #fff;
				border-radius: 50%;
				content: "";
				height: 1.05rem;
				margin-top: 1rem;
				width: 1.05rem
			}

			body>a {
				height: 0;
				opacity: 0;
				position: absolute;
				z-index: -1
			}

			.search-info .content .right .lis .plist .pli .tiptit {
				margin-top: .7rem
			}

			.search-info .content .right .lis .plist .pli .nbox {
				margin-top: .25rem
			}

			.search-info .content .right .lis .plist .pli .nbox .i {
				margin-bottom: .25rem;
				margin-right: .5rem;
				padding-left: 16px;
				position: relative
			}

			.search-info .content .right .lis .plist .pli .nbox .i:before {
				border: 2px solid #9e9c9e;
				border-radius: 50%;
				content: "";
				height: .2rem;
				left: 0;
				margin-top: .15rem;
				position: absolute;
				top: 0;
				width: .2rem
			}

			.search-info .content .right .lis .plist .pli .txt .t3 {
				margin-top: .5rem
			}

			@charset "UTF-8";

			@font-face {
				font-family: "swiper-icons";
				font-style: normal;
				font-weight: 400;
				src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
			}

			:root {
				--swiper-theme-color: #007aff
			}

			.swiper-container {
				list-style: none;
				margin-left: auto;
				margin-right: auto;
				overflow: hidden;
				padding: 0;
				position: relative;
				z-index: 1
			}

			.swiper-container-vertical>.swiper-wrapper {
				flex-direction: column
			}

			.swiper-wrapper {
				box-sizing: content-box;
				display: flex;
				height: 100%;
				position: relative;
				transition-property: transform;
				width: 100%;
				z-index: 1
			}

			.swiper-container-android .swiper-slide,
			.swiper-wrapper {
				transform: translateZ(0)
			}

			.swiper-container-multirow>.swiper-wrapper {
				flex-wrap: wrap
			}

			.swiper-container-multirow-column>.swiper-wrapper {
				flex-direction: column;
				flex-wrap: wrap
			}

			.swiper-container-free-mode>.swiper-wrapper {
				margin: 0 auto;
				transition-timing-function: ease-out
			}

			.swiper-slide {
				flex-shrink: 0;
				height: 100%;
				position: relative;
				transition-property: transform;
				width: 100%
			}

			.swiper-slide-invisible-blank {
				visibility: hidden
			}

			.swiper-container-autoheight,
			.swiper-container-autoheight .swiper-slide {
				height: auto
			}

			.swiper-container-autoheight .swiper-wrapper {
				align-items: flex-start;
				transition-property: transform, height
			}

			.swiper-container-3d {
				perspective: 1200px
			}

			.swiper-container-3d .swiper-cube-shadow,
			.swiper-container-3d .swiper-slide,
			.swiper-container-3d .swiper-slide-shadow-bottom,
			.swiper-container-3d .swiper-slide-shadow-left,
			.swiper-container-3d .swiper-slide-shadow-right,
			.swiper-container-3d .swiper-slide-shadow-top,
			.swiper-container-3d .swiper-wrapper {
				transform-style: preserve-3d
			}

			.swiper-container-3d .swiper-slide-shadow-bottom,
			.swiper-container-3d .swiper-slide-shadow-left,
			.swiper-container-3d .swiper-slide-shadow-right,
			.swiper-container-3d .swiper-slide-shadow-top {
				height: 100%;
				left: 0;
				pointer-events: none;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 10
			}

			.swiper-container-3d .swiper-slide-shadow-left {
				background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
			}

			.swiper-container-3d .swiper-slide-shadow-right {
				background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
			}

			.swiper-container-3d .swiper-slide-shadow-top {
				background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
			}

			.swiper-container-3d .swiper-slide-shadow-bottom {
				background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
			}

			.swiper-container-css-mode>.swiper-wrapper {
				-ms-overflow-style: none;
				overflow: auto;
				scrollbar-width: none
			}

			.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
				display: none
			}

			.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
				scroll-snap-align: start start
			}

			.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
				scroll-snap-type: x mandatory
			}

			.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
				scroll-snap-type: y mandatory
			}

			:root {
				--swiper-navigation-size: 44px
			}

			.swiper-button-next,
			.swiper-button-prev {
				align-items: center;
				color: #007aff;
				color: var(--swiper-navigation-color, var(--swiper-theme-color));
				cursor: pointer;
				display: flex;
				height: 44px;
				height: var(--swiper-navigation-size);
				justify-content: center;
				margin-top: -22px;
				margin-top: calc(var(--swiper-navigation-size)*-1/2);
				position: absolute;
				top: 50%;
				width: 27px;
				width: calc(var(--swiper-navigation-size)/44*27);
				z-index: 10
			}

			.swiper-button-next.swiper-button-disabled,
			.swiper-button-prev.swiper-button-disabled {
				cursor: auto;
				opacity: .35;
				pointer-events: none
			}

			.swiper-button-next:after,
			.swiper-button-prev:after {
				font-family: swiper-icons;
				font-size: 44px;
				font-size: var(--swiper-navigation-size);
				font-variant: normal;
				letter-spacing: 0;
				text-transform: none !important;
				text-transform: none
			}

			.swiper-button-prev,
			.swiper-container-rtl .swiper-button-next {
				left: 10px;
				right: auto
			}

			.swiper-button-prev:after,
			.swiper-container-rtl .swiper-button-next:after {
				content: "prev"
			}

			.swiper-button-next,
			.swiper-container-rtl .swiper-button-prev {
				left: auto;
				right: 10px
			}

			.swiper-button-next:after,
			.swiper-container-rtl .swiper-button-prev:after {
				content: "next"
			}

			.swiper-button-next.swiper-button-white,
			.swiper-button-prev.swiper-button-white {
				--swiper-navigation-color: #fff
			}

			.swiper-button-next.swiper-button-black,
			.swiper-button-prev.swiper-button-black {
				--swiper-navigation-color: #000
			}

			.swiper-button-lock {
				display: none
			}

			.swiper-pagination {
				position: absolute;
				text-align: center;
				transform: translateZ(0);
				transition: opacity .3s;
				z-index: 10
			}

			.swiper-pagination.swiper-pagination-hidden {
				opacity: 0
			}

			.swiper-container-horizontal>.swiper-pagination-bullets,
			.swiper-pagination-custom,
			.swiper-pagination-fraction {
				bottom: 10px;
				left: 0;
				width: 100%
			}

			.swiper-pagination-bullets-dynamic {
				font-size: 0;
				overflow: hidden
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
				position: relative;
				transform: scale(.33)
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
				transform: scale(1)
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
				transform: scale(.66)
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
				transform: scale(.33)
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
				transform: scale(.66)
			}

			.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
				transform: scale(.33)
			}

			.swiper-pagination-bullet {
				background: #000;
				border-radius: 100%;
				display: inline-block;
				height: 8px;
				opacity: .2;
				width: 8px
			}

			button.swiper-pagination-bullet {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border: none;
				box-shadow: none;
				margin: 0;
				padding: 0
			}

			.swiper-pagination-clickable .swiper-pagination-bullet {
				cursor: pointer
			}

			.swiper-pagination-bullet-active {
				background: #007aff;
				background: var(--swiper-pagination-color, var(--swiper-theme-color));
				opacity: 1
			}

			.swiper-container-vertical>.swiper-pagination-bullets {
				right: 10px;
				top: 50%;
				transform: translate3d(0, -50%, 0)
			}

			.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
				display: block;
				margin: 6px 0
			}

			.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
				top: 50%;
				transform: translateY(-50%);
				width: 8px
			}

			.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
				display: inline-block;
				transition: transform .2s, top .2s
			}

			.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
				margin: 0 4px
			}

			.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
				left: 50%;
				transform: translateX(-50%);
				white-space: nowrap
			}

			.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
				transition: transform .2s, left .2s
			}

			.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
				transition: transform .2s, right .2s
			}

			.swiper-pagination-progressbar {
				background: rgba(0, 0, 0, .25);
				position: absolute
			}

			.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
				background: #007aff;
				background: var(--swiper-pagination-color, var(--swiper-theme-color));
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transform: scale(0);
				transform-origin: left top;
				width: 100%
			}

			.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
				transform-origin: right top
			}

			.swiper-container-horizontal>.swiper-pagination-progressbar,
			.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
				height: 4px;
				left: 0;
				top: 0;
				width: 100%
			}

			.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
			.swiper-container-vertical>.swiper-pagination-progressbar {
				height: 100%;
				left: 0;
				top: 0;
				width: 4px
			}

			.swiper-pagination-white {
				--swiper-pagination-color: #fff
			}

			.swiper-pagination-black {
				--swiper-pagination-color: #000
			}

			.swiper-pagination-lock {
				display: none
			}

			.swiper-scrollbar {
				background: rgba(0, 0, 0, .1);
				border-radius: 10px;
				position: relative;
				-ms-touch-action: none
			}

			.swiper-container-horizontal>.swiper-scrollbar {
				bottom: 3px;
				height: 5px;
				left: 1%;
				position: absolute;
				width: 98%;
				z-index: 50
			}

			.swiper-container-vertical>.swiper-scrollbar {
				height: 98%;
				position: absolute;
				right: 3px;
				top: 1%;
				width: 5px;
				z-index: 50
			}

			.swiper-scrollbar-drag {
				background: rgba(0, 0, 0, .5);
				border-radius: 10px;
				height: 100%;
				left: 0;
				position: relative;
				top: 0;
				width: 100%
			}

			.swiper-scrollbar-cursor-drag {
				cursor: move
			}

			.swiper-scrollbar-lock {
				display: none
			}

			.swiper-zoom-container {
				align-items: center;
				display: flex;
				height: 100%;
				justify-content: center;
				text-align: center;
				width: 100%
			}

			.swiper-zoom-container>canvas,
			.swiper-zoom-container>img,
			.swiper-zoom-container>svg {
				max-height: 100%;
				max-width: 100%;
				-o-object-fit: contain;
				object-fit: contain
			}

			.swiper-slide-zoomed {
				cursor: move
			}

			.swiper-lazy-preloader {
				animation: swiper-preloader-spin 1s linear infinite;
				border: 4px solid #007aff;
				border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
				border-radius: 50%;
				border-top: 4px solid transparent;
				box-sizing: border-box;
				height: 42px;
				left: 50%;
				margin-left: -21px;
				margin-top: -21px;
				position: absolute;
				top: 50%;
				transform-origin: 50%;
				width: 42px;
				z-index: 10
			}

			.swiper-lazy-preloader-white {
				--swiper-preloader-color: #fff
			}

			.swiper-lazy-preloader-black {
				--swiper-preloader-color: #000
			}

			@keyframes swiper-preloader-spin {
				to {
					transform: rotate(1turn)
				}
			}

			.swiper-container .swiper-notification {
				left: 0;
				opacity: 0;
				pointer-events: none;
				position: absolute;
				top: 0;
				z-index: -1000
			}

			.swiper-container-fade.swiper-container-free-mode .swiper-slide {
				transition-timing-function: ease-out
			}

			.swiper-container-fade .swiper-slide {
				pointer-events: none;
				transition-property: opacity
			}

			.swiper-container-fade .swiper-slide .swiper-slide {
				pointer-events: none
			}

			.swiper-container-fade .swiper-slide-active,
			.swiper-container-fade .swiper-slide-active .swiper-slide-active {
				pointer-events: auto
			}

			.swiper-container-cube {
				overflow: visible
			}

			.swiper-container-cube .swiper-slide {
				backface-visibility: hidden;
				height: 100%;
				pointer-events: none;
				transform-origin: 0 0;
				visibility: hidden;
				width: 100%;
				z-index: 1
			}

			.swiper-container-cube .swiper-slide .swiper-slide {
				pointer-events: none
			}

			.swiper-container-cube.swiper-container-rtl .swiper-slide {
				transform-origin: 100% 0
			}

			.swiper-container-cube .swiper-slide-active,
			.swiper-container-cube .swiper-slide-active .swiper-slide-active {
				pointer-events: auto
			}

			.swiper-container-cube .swiper-slide-active,
			.swiper-container-cube .swiper-slide-next,
			.swiper-container-cube .swiper-slide-next+.swiper-slide,
			.swiper-container-cube .swiper-slide-prev {
				pointer-events: auto;
				visibility: visible
			}

			.swiper-container-cube .swiper-slide-shadow-bottom,
			.swiper-container-cube .swiper-slide-shadow-left,
			.swiper-container-cube .swiper-slide-shadow-right,
			.swiper-container-cube .swiper-slide-shadow-top {
				backface-visibility: hidden;
				z-index: 0
			}

			.swiper-container-cube .swiper-cube-shadow {
				background: #000;
				bottom: 0;
				filter: blur(50px);
				height: 100%;
				left: 0;
				opacity: .6;
				position: absolute;
				width: 100%;
				z-index: 0
			}

			.swiper-container-flip {
				overflow: visible
			}

			.swiper-container-flip .swiper-slide {
				backface-visibility: hidden;
				pointer-events: none;
				z-index: 1
			}

			.swiper-container-flip .swiper-slide .swiper-slide {
				pointer-events: none
			}

			.swiper-container-flip .swiper-slide-active,
			.swiper-container-flip .swiper-slide-active .swiper-slide-active {
				pointer-events: auto
			}

			.swiper-container-flip .swiper-slide-shadow-bottom,
			.swiper-container-flip .swiper-slide-shadow-left,
			.swiper-container-flip .swiper-slide-shadow-right,
			.swiper-container-flip .swiper-slide-shadow-top {
				backface-visibility: hidden;
				z-index: 0
			}


			/*!
  Important comments included in minified output.
  https://www.bocweb.cn/
  2021-03-15
  ©2021 博采网络 ALL RIGHTS RESERVED. 博采网络
*/
			.f-no {
				display: flex;
				flex-flow: row wrap
			}

			.f-no-b-center {
				align-items: center
			}

			.f-no-b-center,
			.f-no-b-start {
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between
			}

			.f-no-b-start {
				align-items: flex-start
			}

			.f-no-b-stretch {
				align-items: stretch;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between
			}

			.f-no-c-center {
				align-items: center
			}

			.f-no-c-center,
			.f-no-c-start {
				display: flex;
				flex-flow: row wrap;
				justify-content: center
			}

			.f-no-c-start {
				align-items: flex-start
			}

			.f-no-c-stretch {
				align-items: stretch;
				display: flex;
				flex-flow: row wrap;
				justify-content: center
			}

			.f-no-s-center {
				align-items: center
			}

			.f-no-s-center,
			.f-no-s-end {
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-start
			}

			.f-no-s-end {
				align-items: flex-end
			}

			.f-no-s-stretch {
				align-items: stretch;
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-start
			}

			.f-no-end-start {
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-end
			}

			.f-no-col,
			.f-no-col-b-center {
				display: flex;
				flex-flow: column wrap
			}

			.f-no-col-b-center {
				align-items: center;
				justify-content: space-between
			}

			.f-no-col-c-center {
				justify-content: center
			}

			.f-no-col-c-center,
			.f-no-col-s-center {
				align-items: center;
				display: flex;
				flex-flow: column wrap
			}

			.f-no-col-s-center {
				justify-content: flex-start
			}

			.f-no-col-s-end {
				align-items: flex-end;
				justify-content: flex-start
			}

			.f-no-col-c-start,
			.f-no-col-s-end {
				display: flex;
				flex-flow: column wrap
			}

			.f-no-col-c-start {
				align-items: flex-start;
				justify-content: center
			}

			.f-no-col-b-start {
				justify-content: space-between
			}

			.f-no-col-b-start,
			.f-no-col-end-start {
				align-items: flex-start;
				display: flex;
				flex-flow: column wrap
			}

			.f-no-col-end-start {
				justify-content: flex-end
			}

			.f-no-a-center {
				justify-content: space-around
			}

			.pc-block,
			.pc-block-767,
			.pc-block-768 {
				display: block
			}

			.m-block,
			.m-block-767,
			.m-block-768 {
				display: none
			}

			@media (max-width:1024px) {
				.pc-block {
					display: none
				}

				.m-block {
					display: block
				}
			}

			@media (max-width:768px) {
				.pc-block-768 {
					display: none
				}

				.m-block-768 {
					display: block
				}
			}

			@media (max-width:767px) {
				.pc-block-767 {
					display: none
				}

				.m-block-767 {
					display: block
				}
			}

			.zw1640 {
				margin: 0 auto;
				max-width: 88%
			}

			.zw1520 {
				margin: 0 auto;
				max-width: 79.1%
			}

			.zsub-banner {
				height: 16.25rem
			}

			.zsub-banner .bg {
				height: 100%;
				width: 100%
			}

			.zsub-banner .text {
				width: 100%;
				z-index: 8
			}

			.zsub-banner .text svg {
				left: -25px;
				position: absolute;
				top: 12px
			}

			.zsub-banner2 {
				height: 13.75rem
			}

			.zsub-banner2 .bg {
				height: 100%;
				width: 100%
			}

			.zsub-banner2 .text {
				width: 100%;
				z-index: 8
			}

			.zsub-banner2 .tit2 {
				margin-bottom: .25rem
			}

			.zsub-banner2 .tit3 {
				margin-bottom: 1rem
			}

			.zsub-banner2 .tit4 {
				color: #d6d6d6
			}

			.zsub-banner2 .zmorebtn {
				margin-top: 1.7rem
			}

			.n-content {
				background: #fff;
				padding: 2.8rem 0 1.8rem;
				position: relative;
				z-index: 1
			}

			.n-content .title {
				margin-bottom: 1rem
			}

			.n-content .mapbox {
				height: 11.5rem;
				width: 100%
			}

			.n-content .mapbox img {
				max-width: none;
				width: 100%
			}

			.n-content .maptext:before {
				background: #e70012;
				content: "";
				height: 5px;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1
			}

			.n-content .maptext {
				background: #fff;
				border: 1px solid #e7e7e7;
				box-shadow: 5px 0 9px 0 rgba(0, 0, 0, .2);
				margin-left: 4%;
				margin-top: -.75rem;
				opacity: 1;
				padding: 1rem;
				position: relative;
				width: 92%;
				z-index: 3
			}

			.n-content .maptext .tit3 {
				border-bottom: 1px solid #e7e7e7;
				margin-bottom: .45rem;
				padding-bottom: .45rem
			}

			.n-content .maptext .ul {
				display: flex;
				justify-content: space-between;
				width: 100%
			}

			.n-content .maptext .ul .li {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				min-width: 25%;
				padding-right: 3%;
				white-space: nowrap
			}

			.n-content .maptext .ul .icon {
				height: .45rem;
				margin-right: .35rem
			}

			.n-content .ul_list {
				display: flex;
				margin: .75rem auto 0;
				width: 92%
			}

			.n-content .ul_list .li {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				box-shadow: 1px 8px 20px -6px rgba(0, 0, 0, .05);
				margin-bottom: .75rem;
				margin-right: 2%;
				opacity: 1;
				padding: .65rem 1rem;
				width: 49%
			}

			.n-content .ul_list .li:nth-child(2n) {
				margin-right: 0
			}

			.n-content .ul_list .li .tit3 {
				border-bottom: 1px solid #e7e7e7;
				margin-bottom: .45rem;
				padding-bottom: .45rem
			}

			.n-content .ul_list .li .tit4 {
				margin-bottom: .5rem;
				width: 100%
			}

			.n-content .ul_list .li .tit5 {
				margin-right: 2rem
			}

			.n-content .ul_list .li .icon {
				height: .45rem;
				margin-right: .35rem;
				transform: translateY(2px)
			}

			.n-cooperate {
				background: #fff;
				padding: 2.8rem 0;
				position: relative;
				z-index: 2
			}

			.n-cooperate .tit2 {
				margin-bottom: .9rem
			}

			.n-cooperate .tit3 {
				border-bottom: 1px solid #e7e7e7;
				padding-bottom: .9rem
			}

			.n-cooperate .tit3 span {
				color: #e70012
			}

			.n-cooperate .formbox {
				margin-top: 1.25rem;
				width: 100%
			}

			.n-cooperate .formbox .sp {
				margin-bottom: .4rem
			}

			.n-cooperate .formbox .sp span {
				color: #e70012;
				margin-right: .1rem
			}

			.n-cooperate .formbox .li {
				margin-bottom: 1rem;
				margin-right: 2%;
				width: 32%
			}

			.n-cooperate .formbox .li:nth-child(3n) {
				margin-right: 0
			}

			.n-cooperate .formbox .input {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 50px;
				opacity: 1;
				text-indent: .55rem;
				width: 100%
			}

			.n-cooperate .formbox .input:-moz-placeholder {
				color: #444
			}

			.n-cooperate .formbox .input:-ms-input-placeholder {
				color: #444
			}

			.n-cooperate .formbox .input:-webkit-input-placeholder {
				color: #444
			}

			.n-cooperate .formbox .box {
				border-bottom: 1px solid #e7e7e7;
				margin-bottom: .9rem;
				padding-bottom: .25rem
			}

			.n-cooperate .formbox .li2 {
				margin-bottom: 1rem;
				width: 100%
			}

			.n-cooperate .formbox .input2 {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 3.25rem;
				padding: 10px 0;
				text-indent: .55rem;
				width: 100%
			}

			.n-cooperate .formbox .icon {
				height: 1rem;
				margin-top: -.5rem;
				position: absolute;
				right: 2px;
				top: 50%;
				width: 2.75rem;
				z-index: 2
			}

			.n-cooperate .submitbtn {
				height: 48px;
				margin: 1.2rem auto 0;
				width: 147px
			}

			.n-cooperate .submitbtn .botton {
				position: relative
			}

			.n-cooperate .submitbtn .input3 {
				background: transparent;
				height: 100%;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 9
			}

			.n-cooperate .submitbtn .botton span {
				position: relative;
				transition: all .3s;
				z-index: 3
			}

			.n-cooperate .submitbtn .botton span svg {
				height: 6px;
				margin-left: .1rem;
				width: 8px
			}

			.n-cooperate .submitbtn .botton span path {
				fill: #fff
			}

			.n-cooperate .submitbtn .botton:before {
				background: #e70012;
				content: "";
				height: 48px;
				opacity: 1;
				position: absolute;
				transform: skew(-15deg);
				width: 147px
			}

			.n-cooperate .submitbtn:hover span {
				letter-spacing: 2px
			}

			.alertbox {
				background-color: rgba(0, 0, 0, .2);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 99
			}

			.alertbox .contbox {
				background: #fff;
				height: 150px;
				max-width: 90%;
				width: 660px
			}

			.alertbox .contbox .icon {
				height: 35px;
				margin-right: .4rem;
				width: 35px
			}

			.n-cooperate .formbox .input,
			.n-cooperate .formbox .input2 {
				transition: all .6s
			}

			.n-cooperate .formbox .input.er,
			.n-cooperate .formbox .input2.er {
				background-color: #fef1f2;
				border-color: #e70012;
				box-shadow: 0 0 2px #e70012
			}

			.n-content2 {
				padding: 2.8rem 0 6.5rem
			}

			.n-investor {
				background: #fff;
				padding: 2.8rem 0;
				padding: 2.5rem 0 0;
				position: relative;
				z-index: 2
			}

			.n-investor .title {
				margin-bottom: 1.2rem
			}

			.n-investor .leftbox {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				box-shadow: 5px 0 15px 0 rgba(0, 0, 0, .1);
				height: 11rem;
				padding: 1.5rem .5rem 1rem 1.5rem;
				width: 48%
			}

			.n-investor .leftbox .tit1 {
				line-height: 1
			}

			.n-investor .leftbox .tit3,
			.n-investor .leftbox .tit4 {
				margin-left: 10px
			}

			.n-investor .leftbox .tip {
				height: 20px;
				margin-left: 10px;
				width: 14px
			}

			.n-investor .leftbox .text {
				margin-bottom: 1.25rem
			}

			.n-investor .leftbox .ulbox {
				margin-bottom: 2rem
			}

			.n-investor .leftbox .li {
				border-right: 1px solid #ebebeb;
				padding: 0 1rem;
				text-align: center
			}

			.n-investor .leftbox .li:first-child {
				padding-left: 0;
				text-align: left
			}

			.n-investor .leftbox .li:last-child {
				border-right: none;
				padding-right: 0;
				text-align: right
			}

			.n-investor .leftbox .tit5 {
				font-size: 15px;
				line-height: 1;
				margin-bottom: 8px
			}

			.n-investor .leftbox .tit6 {
				line-height: 1
			}

			.n-investor .leftbox .tit7 {
				font-size: 15px;
				line-height: 1
			}

			.n-investor .rightbox {
				border: 1px solid #e7e7e7;
				box-shadow: 5px 0 30px 0 rgba(0, 0, 0, .15);
				height: 11rem;
				overflow: hidden;
				padding: 1rem 1.5rem;
				width: 48%
			}

			.n-investor .bot-p {
				color: #333;
				margin-top: 1rem;
				padding-left: 1.65rem
			}

			.n-investor .bot-p span {
				color: #e70012
			}

			.n-investor .leftbox {
				padding: 0 1rem 1.5rem
			}

			.n-investor .leftbox .tit1 {
				border-bottom: 1px solid #e9e9e9;
				height: 2rem;
				margin-bottom: 1.2rem
			}

			.n-investor .rightbox .tabul {
				width: 70px
			}

			.n-investor .rightbox .tabul .li {
				border: 1px solid #e5e5e5;
				cursor: pointer;
				height: 30px;
				transition: all .6s;
				width: 100%
			}

			.n-investor .rightbox .tabul .li.cur,
			.n-investor .rightbox .tabul .li:hover {
				background: #e70012;
				border: 1px solid #e70012;
				color: #fff
			}

			.n-investor .rightbox .img {
				width: calc(100% - 110px)
			}

			.headerwarp {
				height: 2.35rem;
				width: 100%
			}

			.znavwarp {
				height: 2rem
			}

			.n-story,
			.znavwarp {
				background: #fff;
				position: relative
			}

			.n-story {
				z-index: 1
			}

			.n-story .contentbox {
				padding: 1.7rem 0 2.8rem
			}

			.n-story .title {
				margin-bottom: .8rem
			}

			.n-story .tabul {
				border-bottom: 1px solid #f1f1f1
			}

			.n-story .tabul .li {
				margin-bottom: .65rem
			}

			.n-story .tabul .li .item {
				cursor: pointer;
				margin-left: 1.05rem;
				transition: all .6s
			}

			.n-story .tabul .li .item.cur,
			.n-story .tabul .li .item:hover {
				color: #e70012
			}

			.headerwarp header {
				box-shadow: 0 5px 5px 0 rgb(0, 0, 0, .05)
			}

			.znavwarp .two-nav {
				border-bottom: 1px solid #e7e7e7
			}

			.n-story .ullist .li {
				background: #f6f6f6;
				margin-top: 1.25rem
			}

			.n-story .ullist .li .img {
				height: 10rem;
				overflow: hidden;
				width: 48%
			}

			.n-story .ullist .li .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.n-story .ullist .li .text {
				padding: 1.25rem 1.5rem 1rem;
				width: 52%
			}

			.n-story .ullist .li .text .tit2 {
				margin-bottom: .8rem
			}

			.n-story .ullist .li .text .tit3,
			.n-story .ullist .li .text .tit4 {
				margin-bottom: 1.25rem
			}

			.n-story .ullist .li .text .time {
				margin-right: .7rem
			}

			.n-story .ullist .li .text .tip span {
				color: #e70012;
				display: block
			}

			.n-story .ullist .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.n-story .ullist .li:hover .img img {
				transform: scale(1.1)
			}

			.zmorebtn {
				background-color: #e70012;
				-webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				cursor: pointer;
				height: 1.2rem;
				position: relative;
				width: 3.6rem;
				z-index: 4
			}

			.zmorebtn span {
				position: relative;
				transition: all .4s cubic-bezier(.4, 0, .2, 1);
				z-index: 3
			}

			.zmorebtn svg {
				fill: #fff;
				height: 8px;
				margin-left: 3px;
				width: 8px
			}

			.zmorebtn:after {
				background: #f5999a;
				-webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
				content: "";
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transform: scaleX(0);
				transform-origin: right center;
				transition: transform .4s cubic-bezier(.4, 0, .2, 1);
				width: 100%
			}

			.zmorebtn:hover:after {
				transform: scaleX(1);
				transform-origin: left center
			}

			.zmorebtn:hover span {
				letter-spacing: 2px
			}

			.zpage {
				margin-top: 1rem
			}

			.zpage .number {
				background: transparent;
				color: #000;
				font-size: 15px;
				margin: 0 .35rem;
				min-width: 15px;
				opacity: .4;
				padding-top: 10px;
				padding: 5px 0;
				transition: all .5s;
				width: 15px
			}

			.zpage .number.active,
			.zpage .number:hover {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.n-activity {
				background: #fff;
				position: relative;
				z-index: 1
			}

			.n-activity .list1 {
				padding: 1.6rem 0 0
			}

			.n-activity .list1 .zmore {
				margin-left: -.75rem
			}

			.n-activity .list1 .title {
				margin-bottom: .8rem
			}

			.n-activity .ullist .li {
				background: #f6f6f6
			}

			.n-activity .ullist .li .img {
				height: 8.5rem;
				overflow: hidden;
				width: 48%
			}

			.n-activity .ullist .tiptext {
				background: url(../img/tipimg.png) no-repeat 50%;
				background-size: 100% 100%;
				height: 40px;
				left: 0;
				position: absolute;
				top: 0;
				width: 85px;
				z-index: 3
			}

			.n-activity .ullist .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.n-activity .ullist .li .img img {
				width: 100%
			}

			.n-activity .ullist .li .text {
				padding: 1.25rem 1.5rem 1rem;
				width: 52%
			}

			.n-activity .ullist .li .text .tit2 {
				margin-bottom: .8rem
			}

			.n-activity .ullist .li .text .tit3 {
				margin-bottom: 1.25rem
			}

			.n-activity .ullist .li .text .addbtn {
				margin-bottom: .5rem
			}

			.n-activity .ullist .li .text .tit4 {
				margin-bottom: 1rem
			}

			.n-activity .ullist .li .text .time {
				margin-right: .7rem
			}

			.n-activity .ullist .li .text .addbtn img,
			.n-activity .ullist .li .text .time img {
				margin-right: .35rem;
				width: .55rem
			}

			.n-activity .ullist .li .text .tip span {
				color: #e70012;
				display: block
			}

			.n-activity .ullist .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.n-activity .ullist .li:hover .img img {
				transform: scale(1.1)
			}

			.n-activity #ul1-container,
			.n-activity #ul2-container {
				padding-bottom: 1.8rem
			}

			.n-activity .swiper-pagination {
				bottom: 22px !important;
				width: 100%
			}

			.n-activity .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #000;
				margin: 0 .35rem !important;
				opacity: .4;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.n-activity .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.n-activity .list2 {
				padding: 1.45rem 0 0
			}

			.n-activity .list2 .contentbox {
				border-bottom: 1px solid #e7e7e7;
				padding-bottom: 2rem
			}

			.n-activity .list3 .title {
				margin-bottom: .8rem
			}

			.n-activity .list3 .tabul {
				border-bottom: 1px solid #f1f1f1
			}

			.n-activity .list3 .tabul .title {
				margin-bottom: .8rem
			}

			.n-activity .list3 .tabul .li {
				margin-bottom: .65rem
			}

			.n-activity .list3 .tabul .li .item {
				cursor: pointer;
				font-weight: 500;
				margin-left: 1.05rem;
				transition: all .6s
			}

			.n-activity .list3 .tabul .li .item.cur,
			.n-activity .list3 .tabul .li .item:hover {
				color: #e70012
			}

			.n-activity .list3 {
				padding: 2rem 0 2.5rem;
				position: relative;
				z-index: 1
			}

			.n-activity .list3 .ullist2 {
				margin-top: 1.2rem
			}

			.n-activity .list3 .ullist2 .li {
				background: #f6f6f6;
				margin-bottom: 1.5rem;
				margin-right: 1.33333%;
				width: 24%
			}

			.n-activity .list3 .ullist2 .li .img {
				position: relative
			}

			.n-activity .list3 .ullist2 .text {
				padding: .85rem 1rem
			}

			.n-activity .list3 .ullist2 .li .tit3 {
				font-weight: 500;
				margin-bottom: .5rem;
				text-align: justify
			}

			.n-activity .list3 .ullist2 .li .tit4 {
				font-weight: 500;
				margin-bottom: .85rem
			}

			.n-activity .list3 .ullist2 .li:nth-child(4n) {
				margin-right: 0
			}

			.n-activity .list3 .ullist2 .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.n-activity .list3 .ullist2 .li:hover .img img {
				transform: scale(1.1)
			}

			.n-activity .list3 .ullist2 .li .tiptext {
				background: url(../img/tipimg2.png) no-repeat 50%;
				background-size: 100% 100%;
				height: 40px;
				left: -1px;
				position: absolute;
				top: -1px;
				width: 85px;
				z-index: 3
			}

			.n-activity .list3 .ullist2 .li .tiptext span {
				margin-left: -5px;
				margin-top: -3px
			}

			.n-activity .list3 .ullist2 {
				margin-bottom: -1.2rem
			}

			.n-activity .list4 .ullist .li .text .tit3 {
				display: none;
				margin-bottom: 1.35rem
			}

			.n-activity .list4 .ullist .li .text .tit4 {
				margin-bottom: 1.5rem
			}

			.znavwarp.center .nav {
				align-items: center;
				display: flex;
				flex-flow: row wrap;
				justify-content: center
			}

			.n-detail .tiptext {
				padding: .5rem 0
			}

			.n-detail .tiptext .sp {
				color: #999;
				transition: all .6s
			}

			.n-detail .tiptext .sp:hover {
				color: #e70012
			}

			.n-detail .title {
				color: #030303
			}

			.n-detail .list1 {
				padding: 1.7rem 0 2.85rem;
				position: relative;
				z-index: 3
			}

			.n-detail .list1 .time {
				margin-top: .2rem;
				opacity: .5
			}

			.n-detail .list1 .text_tip {
				background: #f7f7f7;
				margin: .55rem auto 0;
				max-width: 88%;
				padding: 1.25rem 2.25rem .55rem;
				width: 1200px
			}

			.n-detail .list1 .text_tip span {
				width: 140px
			}

			.n-detail .list1 .text_tip .li {
				margin-bottom: .4rem
			}

			.n-detail .list1 .text_tip img {
				margin-right: .5rem;
				width: 26px
			}

			.n-detail .list1 .text_tip .sp {
				color: #000;
				margin-left: 1.5rem;
				width: calc(100% - 140px - 1.5rem)
			}

			.n-detail .list1 .ntext {
				border-bottom: 1px solid #e7e7e7;
				margin: 1rem auto 0;
				max-width: 88%;
				padding-bottom: .85rem;
				width: 1200px
			}

			.n-detail .list1 .ntext img {
				display: inline-block
			}

			.n-detail .list1 .box {
				background: hsla(48, 7%, 86%, .25);
				margin: 1.25rem 0 0;
				padding: .6rem 1rem;
				width: 100%
			}

			.n-detail .list1 .box .botton {
				background: #e70012;
				border-radius: .25rem;
				cursor: pointer;
				height: 1.5rem;
				margin: 0 auto;
				width: 6rem
			}

			.n-detail .list1 .botbox {
				margin: 1.4rem auto 0;
				max-width: 88%;
				position: relative;
				width: 1200px
			}

			.n-detail .list1 .botbox:before {
				background: rgba(0, 0, 0, .1);
				content: "";
				height: 1rem;
				left: 50%;
				margin-top: -.5rem;
				position: absolute;
				top: 50%;
				width: 1px
			}

			.n-detail .list1 .box .botton:hover {
				color: #fff
			}

			.n-detail .list1 .botbox .sp {
				max-width: 40%;
				padding: .25rem 0
			}

			.n-detail .list1 .botbox .sp span {
				color: #999
			}

			.sub-banner .text {
				top: 30%
			}

			.sub-banner .text svg {
				left: -25px;
				position: absolute;
				top: 12px
			}

			.cooperate-list1 {
				padding: 2.5rem 0 2.65rem
			}

			.cooperate-list1 .title {
				margin-bottom: .85rem
			}

			.cooperate-list1 .conbox {
				margin: 1.25rem auto 0;
				width: 92.68%
			}

			.cooperate-list1 .conbox .tit3 {
				margin-bottom: .5rem
			}

			.cooperate-list1 .conbox .li {
				border: 1px solid #e7e7e7;
				box-shadow: 0 0 10px rgba(0, 0, 0, .1);
				margin-right: 2%;
				padding: .55rem 1rem;
				width: 49%
			}

			.cooperate-list1 .conbox .li:nth-child(2n) {
				margin-right: 0
			}

			.cooperate-list1 .conbox .li .icon {
				height: 1.5rem;
				width: 1.5rem
			}

			.cooperate-list1 .conbox .li {
				background: #fafafa
			}

			.cooperate-list1 .conbox .itembox {
				align-content: flex-start;
				margin-left: 1rem;
				width: calc(100% - 2.5rem)
			}

			.cooperate-list1 .conbox .itembox .nli {
				border-bottom: 1px solid #e7e7e7;
				margin-right: 8%;
				padding: 10px 5% 10px 0;
				width: 46%
			}

			.cooperate-list1 .conbox .itembox .nli:nth-child(2n) {
				margin-right: 0
			}

			.cooperate-list2 {
				height: 15rem;
				overflow: hidden;
				position: relative;
				width: 100%;
				z-index: 1
			}

			.cooperate-list2 .bg {
				background-attachment: fixed;
				height: 100%;
				position: absolute;
				width: 100%;
				z-index: 1
			}

			.cooperate-list2 .text {
				left: 50%;
				position: absolute;
				top: 5rem;
				transform: translate(-50%);
				z-index: 3
			}

			.cooperate-list2 .text .tit3 {
				margin-bottom: .45rem
			}

			.cooperate-list2 .tabul {
				bottom: 3rem;
				left: 50%;
				max-width: 88%;
				position: absolute;
				transform: translate(-50%);
				width: 1520px;
				z-index: 3
			}

			.cooperate-list2 .tabul .li {
				-webkit-backdrop-filter: blur(5px);
				backdrop-filter: blur(5px);
				background-color: hsla(48, 7%, 86%, .25);
				border: 1px solid hsla(0, 0%, 100%, .2);
				border-top: 5px solid #e70012;
				margin-right: 2%;
				padding: 1rem;
				width: 32%
			}

			.cooperate-list2 .tabul .li:nth-child(3n) {
				margin-right: 0
			}

			.cooperate-list2 .tabul .li .p {
				margin-top: .5rem
			}

			.cooperate-list2 .tabul {
				margin-bottom: .5rem
			}

			.cooperate-list2 .tabul .icon {
				height: 27px
			}

			.cooperate-list2 .tabul .icon img {
				max-height: 100%
			}

			.cooperate-list2 .jbtn {
				bottom: 1rem;
				height: 1rem;
				left: 50%;
				position: absolute;
				transform: translate(-50%);
				z-index: 3
			}

			.cooperate-list2 .jbtn img {
				max-height: 100%
			}

			.cooperate-list3 .tabul {
				margin: 0 auto;
				max-width: 65.1%
			}

			.cooperate-list3 .tabul .li {
				cursor: pointer;
				padding: 1rem 0;
				position: relative
			}

			.cooperate-list3 .tabul .li .icon {
				height: 35px;
				margin-right: .5rem;
				width: 35px
			}

			.cooperate-list3 .tabul .li img {
				filter: brightness(0);
				max-height: 100%;
				transition: all .6s
			}

			.cooperate-list3 .tabul .li .img2 {
				opacity: 0
			}

			.cooperate-list3 .tabul .li:before {
				background: #e70012;
				bottom: 5px;
				content: "";
				left: 0;
				position: absolute;
				width: 100%
			}

			.cooperate-list3 .tabul .li.cur .img1,
			.cooperate-list3 .tabul .li:hover .img1 {
				filter: brightness(1)
			}

			.cooperate-list3 .tabul .li.cur,
			.cooperate-list3 .tabul .li:hover {
				color: #e70012
			}

			.cooperate-list3 .warpitem {
				background: #f7f7f7;
				padding: 2.5rem 0 3rem
			}

			.cooperate-list3 .img {
				padding: 2rem 6%;
				width: 100%
			}

			.cooperate-list3 .img img {
				height: 100%;
				left: 0;
				-o-object-fit: cover;
				object-fit: cover;
				position: absolute;
				top: 0;
				width: 100%
			}

			.cooperate-list3 .itemli {
				background: #fff
			}

			.cooperate-list3 .text {
				position: relative;
				z-index: 4
			}

			.cooperate-list3 .text .num {
				color: #e70012;
				margin-bottom: .4rem
			}

			.cooperate-list3 .text .tit4 {
				margin-bottom: .5rem
			}

			.cooperate-list3 .itemli {
				margin-top: 1.5rem
			}

			.cooperate-list3 .itemli .sp {
				border-right: 2px solid #f7f7f7;
				padding: 1rem .75rem;
				width: 33.3%
			}

			.cooperate-list3 .itemli .sp.w25 {
				width: 25%
			}

			.cooperate-list3 .itemli .sp .tit-16 {
				margin-top: .4rem
			}

			.cooperate-list3 .libox {
				display: flex
			}

			.cooperate-list3 .itemli .text .tit5 .tit5li {
				margin-bottom: .3rem
			}

			.cooperate-list3 .text .tit5li span {
				color: #e70012
			}

			.cooperate-list3 .itemli .sp:nth-child(3n) {
				border-right: none
			}

			.cooperate-list3 .itemli .formbox {
				margin-top: 1rem
			}

			.cooperate-list3 .jbtn {
				height: 1rem;
				margin: 1.25rem auto 0
			}

			.cooperate-list3 .jbtn img {
				max-height: 100%
			}

			.cooperate-list3 .tit5 {
				margin-top: 1rem
			}

			.cooperate-list3 .formbox {
				background: #fff;
				margin-top: 1.25rem;
				padding: 1rem 1.25rem;
				width: 100%
			}

			.cooperate-list3 .formbox .sp {
				font-size: 20px;
				margin-bottom: .4rem
			}

			.cooperate-list3 .formbox .sp span {
				color: #e70012;
				margin-right: .1rem
			}

			.cooperate-list3 .formbox .li {
				margin-bottom: 1rem;
				margin-right: 2.66667%;
				width: 23%
			}

			.cooperate-list3 .formbox .li:nth-child(4n) {
				margin-right: 0
			}

			.cooperate-list3 .formbox .input {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 50px;
				opacity: 1;
				text-indent: .55rem;
				width: 100%
			}

			.cooperate-list3 .formbox .input:-moz-placeholder {
				color: #444
			}

			.cooperate-list3 .formbox .input:-ms-input-placeholder {
				color: #444
			}

			.cooperate-list3 .formbox .input:-webkit-input-placeholder {
				color: #444
			}

			.cooperate-list3 .formbox .li2 {
				margin-bottom: 1rem;
				width: 100%
			}

			.cooperate-list3 .formbox .input2 {
				background: #fafafa;
				border: 1px solid #e7e7e7;
				height: 3.25rem;
				padding: 10px 0;
				text-indent: .55rem;
				width: 100%
			}

			.cooperate-list3 .formbox .icon {
				height: 1rem;
				margin-top: -.5rem;
				position: absolute;
				right: 2px;
				top: 50%;
				width: 2.75rem;
				z-index: 2
			}

			.cooperate-list3 .submitbtn {
				cursor: pointer;
				height: 48px;
				left: 50%;
				margin: .5rem auto 0;
				position: absolute;
				transform: translateX(-50%);
				width: 147px
			}

			.cooperate-list3 .submitbtn .botton {
				position: relative
			}

			.cooperate-list3 .submitbtn .input3 {
				background: transparent;
				height: 100%;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 9
			}

			.cooperate-list3 .submitbtn .botton span {
				position: relative;
				transition: all .3s;
				z-index: 3
			}

			.cooperate-list3 .submitbtn .botton span svg {
				height: 6px;
				margin-left: .1rem;
				transition: all .3s;
				width: 8px
			}

			.cooperate-list3 .submitbtn .botton span path {
				fill: #fff
			}

			.cooperate-list3 .submitbtn .botton:before {
				background: #e70012;
				content: "";
				height: 48px;
				opacity: 1;
				position: absolute;
				transform: skew(-10deg);
				width: 147px
			}

			.cooperate-list3 .submitbtn:hover svg {
				transform: translateX(3px)
			}

			.cooperate-list4 {
				background: #fff;
				padding: 3rem 0 2rem
			}

			.cooperate-list4 .title {
				margin-bottom: .75rem
			}

			.cooperate-list4 .ulbox:before {
				background: #e8e8e8;
				bottom: 2px;
				content: "";
				height: 1px;
				left: 0;
				position: absolute;
				width: 100%
			}

			.cooperate-list4 .ulbox span {
				display: inline-block;
				padding: .4rem 0;
				position: relative
			}

			.cooperate-list4 .ulbox span:before {
				background: #e70012;
				bottom: 0;
				content: "";
				height: 5px;
				opacity: 0;
				position: absolute;
				transition: all .6s;
				width: 100%
			}

			.cooperate-list4 .ulbox .swiper-slide {
				margin-right: 2.8rem;
				width: auto
			}

			.cooperate-list4 .ulbox .swiper-slide:hover {
				color: #e70012
			}

			.cooperate-list4 .ulbox .swiper-slide:hover span:before {
				opacity: 1
			}

			.cooperate-list4 .ulbox .swiper-slide.cur {
				color: #e70012
			}

			.cooperate-list4 .ulbox .swiper-slide.cur span:before {
				opacity: 1
			}

			.cooperate-list4 .coopbox {
				margin-top: 1rem
			}

			.cooperate-list4 .coopbox .ul .li {
				background: #fff;
				box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
				margin-bottom: .65rem;
				padding: 1rem 1.85rem 1rem 1.5rem
			}

			.cooperate-list4 .coopbox .ul .li .tit3 {
				margin-bottom: .3rem
			}

			.cooperate-list4 .coopbox .ul .li .tit4 {
				margin-bottom: .45rem
			}

			.cooperate-list4 .coopbox .ul .li .icon {
				height: 10px;
				width: 10px
			}

			.cooperate-list4 .coopbox .ul .li .tit3 span {
				width: calc(100% - 28px)
			}

			.cooperate-list4 .coopbox .ul .li .tit3 .icon {
				margin-left: -25px;
				margin-right: 15px
			}

			.cooperate-list4 .coopbox .ul .li .leftbox {
				width: calc(100% - 8rem)
			}

			.cooperate-list4 .coopbox .ul .li .rightbox {
				width: 5rem
			}

			.cooperate-list4 .coopbox .ul .li a {
				color: #ec1919;
				transition: all .6s
			}

			.cooperate-list4 .coopbox .ul .li .icon2 {
				height: 32px;
				margin-right: .2rem;
				width: 32px
			}

			.cooperate-list5 {
				padding: 1rem 0 .5rem
			}

			.cooperate-list5 .tit2 {
				color: #333;
				margin-bottom: .85rem
			}

			.cooperate-list5 .itembox {
				background: #f7f7f7
			}

			.cooperate-list5 .itembox .img {
				width: 50%
			}

			.cooperate-list5 .itembox .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.cooperate-list5 .text {
				padding: 2.2rem 1.5rem 1rem;
				width: 50%
			}

			.cooperate-list5 .text .tit3 {
				margin-bottom: .65rem
			}

			.cooperate-list5 .text .tit4 {
				font-size: 17px;
				text-align: justify
			}

			.cooperate-list5 .text .tit5 {
				margin-top: 2.25rem
			}

			.cooperate-list5 .text .tit5 span {
				color: #ea0000
			}

			.cooperate-list6 {
				padding: 1.75rem 0 2.8rem;
				position: relative;
				z-index: 1
			}

			.cooperate-list6 .tit2 {
				margin-bottom: .6rem
			}

			.cooperate-list6 .tabbox {
				border-top: 5px solid #e70012;
				box-shadow: 0 0 10px 0 rgb(0, 0, 0, .2)
			}

			.cooperate-list6 table {
				width: 100%
			}

			.cooperate-list6 .tabbox tr {
				border-bottom: 1px solid #e8e8e8;
				width: 100%
			}

			.cooperate-list6 .tabbox .td1,
			.cooperate-list6 .tabbox .td2,
			.cooperate-list6 .tabbox .td3,
			.cooperate-list6 .tabbox .td4 {
				padding: .4rem 1rem;
				width: 18%
			}

			.cooperate-list6 .tabbox .td5 {
				padding: .4rem 1rem;
				width: 28%
			}

			.products-list1 {
				background: #fff;
				padding: 3rem 0 3.25rem;
				position: relative;
				z-index: 1
			}

			.products-list1 .itembox {
				padding-right: 5%;
				width: 33.3%
			}

			.products-list1 .itembox .tit3 {
				margin-bottom: .85rem
			}

			.products-list1 .itembox .tit3 .icon {
				height: 18px;
				margin-right: .5rem;
				margin-top: -.2rem
			}

			.products-list1 .itembox .tit4 {
				height: 2.64rem;
				margin-bottom: 1.85rem
			}

			.products-list1 .itembox .li {
				border-bottom: 1px solid rgba(13, 4, 8, .05);
				height: 60px;
				overflow: hidden;
				padding: 0 .4rem;
				position: relative
			}

			.products-list1 .itembox .li .icon {
				height: 5px;
				margin-right: .3rem;
				transition: all .6s;
				width: auto
			}

			.products-list1 .itembox .li .icon2 {
				fill: #fff;
				height: .6rem;
				margin-top: .05rem;
				position: absolute;
				right: 40%;
				top: 50%;
				transform: translateY(-50%);
				transition: all .6s;
				width: .6rem
			}

			.products-list1 .itembox .li:before {
				background: #e70012;
				content: "";
				height: 100%;
				left: -90%;
				position: absolute;
				transform: skew(-18deg);
				transition: all .6s;
				width: 80%;
				z-index: -1
			}

			.products-list1 .itembox .li span {
				transition: all .6s
			}

			.products-list1 .itembox .li:hover {
				color: #fff
			}

			.products-list1 .itembox .li:hover .icon {
				opacity: 0;
				transform: translate(-15px)
			}

			.products-list1 .itembox .li:hover span {
				transform: translate(-15px)
			}

			.products-list1 .itembox .li:hover:before {
				left: -10%
			}

			.products-list1 .ulbox {
				margin-top: 2rem
			}

			.products-list1 .ulbox .li {
				height: 7rem;
				margin-right: 4%;
				width: 48%
			}

			.products-list1 .ulbox .li .bg {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1
			}

			.products-list1 .ulbox .li:nth-child(2n) {
				margin-right: 0
			}

			.products-list1 .ulbox .li .text {
				height: 100%;
				left: 0;
				padding: 1.5rem;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 3
			}

			.products-list1 .ulbox .li .text .icon {
				width: 1.2rem
			}

			.products-list1 .ulbox .li .text .icon svg {
				height: 16px;
				transform: translateY(-.4rem)
			}

			.products-list1 .ulbox .li .text .tit4 {
				margin-bottom: .65rem
			}

			.products-list1 .ulbox .li .text .tit5 {
				padding-left: 1.2rem
			}

			.products-list1 .ulbox .li .zmorebtn {
				bottom: -.5rem;
				height: 1.2rem;
				position: absolute;
				right: 1.5rem;
				width: 1.5rem;
				z-index: 3
			}

			.products-list2 {
				background: url(../img/probg3.jpg) no-repeat 50%;
				overflow: hidden;
				padding: 1.75rem 0 3rem;
				position: relative;
				z-index: 1
			}

			.products-list2 .tit3 {
				margin-top: .15rem
			}

			.products-list2 .ul {
				margin-top: .85rem
			}

			.products-list2 .ul .li {
				background: #fff;
				margin-right: 2%;
				padding: 1.15rem;
				width: 23%
			}

			.products-list2 .ul .li:nth-child(4n) {
				margin-right: 0
			}

			.products-list2 .icon {
				height: 30px;
				margin-bottom: .5rem;
				transition: all .6s
			}

			.products-list2 .icon img {
				max-height: 100%
			}

			.products-list2 .li svg {
				fill: #e70012;
				margin-left: .25rem;
				transition: all .6s
			}

			.products-list2 .li svg path {
				fill: #e70012
			}

			.products-list2 .li:hover .icon {
				transform: translateY(-10px)
			}

			.products-list2 .li:hover svg {
				transform: translate(5px)
			}

			.n-products {
				background: #fff url(../img/zprobg.png) no-repeat top;
				position: relative;
				z-index: 1
			}

			.n-products .n-navsub {
				padding-top: 40px
			}

			.n-products .n-navsub a {
				color: #222;
				transition: all .6s
			}

			.n-products .n-navsub .sp,
			.n-products .n-navsub a:hover {
				color: #e70012
			}

			.n-products .n-navsub span {
				margin: 0 5px
			}

			.products-list {
				padding-bottom: 3.7rem;
				padding-top: 1.5rem
			}

			.products-list .leftbox {
				width: 345px
			}

			.products-list .leftbox .clearbtn {
				background: #fff;
				border-bottom: 2px solid #e7e7e7;
				height: 50px;
				padding-right: .5rem;
				position: relative
			}

			.products-list .leftbox .clearbtn .icon {
				fill: #666;
				height: 20px;
				margin-right: .25rem;
				margin-top: 4px;
				width: 20px
			}

			.products-list .leftbox .clearbtn span {
				line-height: 50px
			}

			.products-list .leftbox .clearbtn:before {
				background: #666;
				bottom: -2px;
				content: "";
				height: 2px;
				left: 0;
				position: absolute;
				width: 3rem
			}

			.products-list .leftbox .title {
				height: 1.75rem;
				line-height: 1.75rem;
				padding-left: .75rem
			}

			.products-list .leftbox .navbox .title {
				border-bottom: 1px solid #e7e7e7
			}

			.products-list .leftbox .navbox .listbox .libox {
				border-bottom: 1px solid #e7e7e7;
				padding: .5rem .75rem .65rem
			}

			.products-list .leftbox .libox-top {
				cursor: pointer
			}

			.products-list .leftbox .libox-top.cur svg {
				transform: rotate(-90deg) translateZ(0)
			}

			.products-list .leftbox .libox-top svg {
				transform: rotate(90deg) translateZ(0);
				-webkit-transform-origin: center center;
				-moz-transform-origin: center center
			}

			.products-list .leftbox .libox-item {
				display: none;
				padding: .3rem 0 0
			}

			.products-list .leftbox .libox-top path {
				fill: #e70012
			}

			.products-list .leftbox .itembtn span {
				height: 14px;
				margin-right: 10px;
				width: 14px
			}

			.products-list .leftbox .itembtn {
				margin-bottom: .25rem
			}

			.products-list .leftbox .itembtn span img {
				transition: all .6s
			}

			.products-list .leftbox .itembtn span .img2,
			.products-list .leftbox .itembtn.cur .img1 {
				opacity: 0
			}

			.products-list .leftbox .itembtn.cur .img2 {
				opacity: 1
			}

			.products-list .leftbox .itembtn.cur {
				color: #e70012
			}

			.products-list .rightbox {
				margin-left: 1.5rem;
				width: calc(100% - 345px - 1.5rem)
			}

			.products-list .rightbox .zpage {
				margin-top: 1.85rem
			}

			.products-list .rightbox .selectbox {
				height: 1.5rem
			}

			.products-list .rightbox .selectbox .sp {
				cursor: pointer;
				height: 1.5rem;
				overflow: hidden;
				padding: 0 1.5rem 0 1rem;
				position: relative
			}

			.products-list .rightbox .selectbox .sp:before {
				background: #e70012;
				content: "";
				height: 1.5rem;
				left: -20%;
				position: absolute;
				transform: skew(-15deg);
				transition: all .6s;
				width: 110%
			}

			.products-list .rightbox .selectbox .icon {
				fill: #fff;
				height: 15px;
				margin-left: 1.25rem;
				position: relative;
				width: 15px;
				z-index: 3
			}

			.products-list .rightbox .selectbox span {
				position: relative;
				z-index: 3
			}

			.products-list .rightbox .tipbox {
				font-style: italic;
				margin-left: 1rem
			}

			.products-list .rightbox .tipbox span {
				color: #e70012
			}

			.products-list .rightbox .warpselect {
				background: #fff;
				padding: .45rem 1rem 0;
				position: relative;
				z-index: 2
			}

			.products-list .rightbox .warpselect .spbtn {
				cursor: pointer;
				height: 40px;
				margin-bottom: .5rem;
				margin-right: .75rem;
				padding: 0 1rem;
				position: relative;
				transition: all .6s
			}

			.products-list .rightbox .warpselect .spbtn:before {
				border: 1px solid #ccc;
				content: "";
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transform: skew(-15deg);
				transition: all .6s;
				width: 100%
			}

			.products-list .rightbox .warpselect .spbtn .scolse {
				background: #a6a6a6;
				height: 16px;
				position: absolute;
				right: -5px;
				top: 0;
				transform: skew(-15deg);
				transition: all .6s;
				width: 24px;
				z-index: 1
			}

			.products-list .rightbox .warpselect .spbtn .scolse .icon {
				fill: #fff;
				height: 14px;
				width: 14px
			}

			.products-list .rightbox .warpselect .spbtn:hover {
				color: #e70012
			}

			.products-list .rightbox .warpselect .spbtn:hover:before {
				border: 1px solid #e70012
			}

			.products-list .rightbox .warpselect .spbtn:hover .scolse {
				background: #e70012
			}

			.products-list .rightbox .ullist {
				margin-top: .55rem
			}

			.products-list .rightbox .ullist .li {
				border: 1px solid #e7e7e7;
				margin-bottom: 1rem;
				padding: .9rem;
				position: relative
			}

			.products-list .rightbox .ullist .li .tipicon {
				left: 0;
				position: absolute;
				top: 0;
				width: 1.75rem;
				z-index: 3
			}

			.products-list .rightbox .ullist .li .img {
				align-items: center;
				display: flex;
				height: 7rem;
				justify-content: center;
				text-align: center;
				width: 7rem
			}

			.products-list .rightbox .ullist .li .img img {
				display: inline-block;
				max-height: 100%
			}

			.products-list .rightbox .ullist .li .text {
				width: calc(100% - 8.5rem)
			}

			.products-list .rightbox .ullist .li .text .tit3 {
				margin-bottom: .35rem
			}

			.products-list .rightbox .ullist .li .text .tit4 {
				margin-bottom: .5rem
			}

			.products-list .rightbox .ullist .li .text .tit5 {
				color: #666
			}

			.products-list .rightbox .ullist .li .ntext {
				border-right: 1px solid #eaeaea;
				padding-right: 1.5rem;
				width: calc(100% - 125px)
			}

			.products-list .rightbox .ullist .li .text .tiptit {
				margin-top: .7rem
			}

			.products-list .rightbox .ullist .nbox {
				margin-top: .25rem
			}

			.products-list .rightbox .ullist .nbox .i {
				margin-bottom: .25rem;
				margin-right: .5rem;
				padding-left: 16px;
				position: relative
			}

			.products-list .rightbox .ullist .nbox .i:before {
				border: 2px solid #9e9c9e;
				border-radius: 50%;
				content: "";
				height: .2rem;
				left: 0;
				margin-top: .15rem;
				position: absolute;
				top: 0;
				width: .2rem
			}

			.products-list .rightbox .ullist .linkbox {
				padding-left: .4rem;
				padding-top: .85rem;
				width: 125px
			}

			.products-list .rightbox .ullist .linkbox .botton {
				margin: .5rem 0
			}

			.products-list .rightbox .linkbox a {
				cursor: pointer;
				display: block;
				text-align: center;
				transition: all .6s;
				white-space: nowrap;
				width: 100%
			}

			.products-list .rightbox .ullist .li .img img {
				transform: scale(1.01);
				transition: all .6s
			}

			.products-list .rightbox .ullist .li:hover .img img {
				transform: scale(1.1)
			}

			.headerwarp .pc-header.white {
				box-shadow: none
			}

			.cases-list1 {
				background-color: #fff;
				padding: 2.75rem 0 3rem;
				position: relative;
				z-index: 1
			}

			.cases-list1 .tit2 {
				margin-bottom: .65rem
			}

			.cases-list1 .imgbox {
				position: relative;
				width: 100%;
				z-index: 2
			}

			.cases-list1 .imgbox .dian {
				position: absolute
			}

			.cases-list1 .imgbox .dian i {
				background: rgba(231, 0, 18, .9);
				border-radius: 50%;
				display: block;
				height: .75rem;
				position: relative;
				width: .75rem;
				z-index: 3
			}

			.cases-list1 .imgbox .dian i:before {
				background: #fff;
				border-radius: 50%;
				content: "";
				height: 6px;
				left: 50%;
				margin-left: -3px;
				margin-top: -3px;
				position: absolute;
				top: 50%;
				width: 6px;
				z-index: 3
			}

			.cases-list1 .imgbox .dian:before {
				background: hsla(0, 0%, 100%, .5);
				border-radius: 50%;
				content: "";
				height: 1.5rem;
				left: 50%;
				margin-left: -.75rem;
				margin-top: -.75rem;
				position: absolute;
				top: 50%;
				width: 1.5rem;
				z-index: 1
			}

			.cases-list1 .ulbox {
				margin-top: 2.5rem
			}

			.cases-list1 .ulbox .li {
				display: block;
				margin-bottom: 1.5rem;
				margin-right: 2%;
				position: relative;
				width: 32%
			}

			.cases-list1 .ulbox .li:nth-child(3n) {
				margin-right: 0
			}

			.cases-list1 .ulbox .li .img {
				height: 6rem;
				overflow: hidden
			}

			.cases-list1 .ulbox .li .img img {
				transform: scale(1.01);
				transition: all .6s
			}

			.cases-list1 .ulbox .li:hover .img img {
				transform: scale(1.1)
			}

			.cases-list1 .ulbox .li .icon {
				left: 1rem;
				position: absolute;
				top: calc(6rem - 6px);
				width: 20px;
				z-index: 2
			}

			.cases-list1 .ulbox .li .zmorebtn {
				height: 1.2rem;
				position: absolute;
				right: 1rem;
				top: 5.4rem;
				width: 1.5rem;
				z-index: 3
			}

			.cases-list1 .ulbox .li .textbox {
				padding: 1rem 1rem 0
			}

			.cases-list1 .ulbox .li .textbox .tit3 {
				margin-bottom: .3rem;
				transition: all .6s
			}

			.cases-list1 .ulbox .li .textbox .tit4 {
				font-style: italic
			}

			.cases-list1 .ulbox .li:hover .tit3 {
				color: #e70012
			}

			.n-cases-detail .n-navsub a {
				color: #222;
				transition: all .6s
			}

			.n-cases-detail .n-navsub .sp,
			.n-cases-detail .n-navsub a:hover {
				color: #e70012
			}

			.n-cases-detail .n-navsub span {
				margin: 0 5px
			}

			.n-cases-detail .n-navsub {
				align-items: center;
				justify-content: flex-end
			}

			.cases-detail-list1 {
				padding: .65rem 0 0
			}

			.cases-detail-list1 svg {
				margin-right: .25rem;
				margin-top: .25rem
			}

			.cases-detail-list1 .imgbox {
				margin-top: 1rem
			}

			.cases-detail-list1 .imgbox2 .txtbox {
				padding: 0 1rem;
				position: absolute;
				top: 1.75rem;
				width: 100%;
				z-index: 3
			}

			.cases-detail-list1 .imgbox2 .txtbox .tit3 {
				margin-bottom: .4rem
			}

			.cases-detail-list1 .imgbox2 .txtbox .tit4 {
				margin-bottom: .6rem
			}

			.cases-detail-list1 .imgbox2 .txtbox svg {
				display: block;
				margin: 0 auto
			}

			.cases-detail-list2 .warpbox {
				height: 2rem;
				width: 100%
			}

			.cases-detail-list2 .warpbox .li {
				cursor: pointer;
				height: 2rem;
				line-height: 2rem;
				margin-right: 1.33333%;
				position: relative;
				transition: all .6s;
				width: 24%
			}

			.cases-detail-list2 .warpbox .li:before {
				background: #e8e8e8;
				bottom: 0;
				content: "";
				height: 4px;
				left: 0;
				position: absolute;
				transition: all .6s;
				width: 100%
			}

			.cases-detail-list2 .warpbox .li:nth-child(4n) {
				margin-right: 0
			}

			.cases-detail-list2 .warpbox .li:hover {
				color: #e7525e
			}

			.cases-detail-list2 .warpbox .li:hover:before {
				background: #e7525e
			}

			.cases-detail3 {
				padding: 1.5rem 0 0
			}

			.cases-detail3 .ulbox {
				margin-top: 1rem
			}

			.cases-detail3 .ulbox .li {
				margin-bottom: 2rem
			}

			.cases-detail3 .ulbox .li .img {
				height: 10.5rem;
				overflow: hidden;
				width: 50%
			}

			.cases-detail3 .ulbox .li .text {
				padding-right: 2rem;
				width: 46%
			}

			.cases-detail3 .ulbox .li .text .tit4 {
				margin-bottom: .8rem
			}

			.cases-detail3 .ulbox .li.left {
				flex-flow: row-reverse wrap
			}

			.cases-detail3 .ulbox .li.left .text {
				margin-right: 4%
			}

			.cases-detail3 .ulbox.ulbox1 .li:nth-child(odd) {
				flex-flow: row-reverse wrap
			}

			.cases-detail3 .ulbox.ulbox1 .li:nth-child(odd) .text {
				margin-right: 4%
			}

			.cases-detail3 .ulbox1 .li:nth-child(2n) .text {
				margin-left: 2%;
				padding-left: 1rem;
				padding-right: 1.25rem
			}

			.cases-detail3 .ulbox2 .li .text {
				margin-left: 4%;
				margin-right: 0;
				padding-right: 0
			}

			.cases-detail3 .ulbox2 .li.left .text {
				margin-left: 0;
				margin-right: 4%;
				padding-right: 0
			}

			.cases-detail4 {
				background: url(../img/casesimg3.jpg) no-repeat 50%;
				background-size: cover;
				padding: 1.6rem 0 2.5rem;
				position: relative;
				z-index: 2
			}

			.cases-detail4 .li {
				background: #fff;
				margin-right: 3.5%;
				width: 31%
			}

			.cases-detail4 .li:last-child {
				margin-right: 0
			}

			.cases-detail4 .litop {
				padding: 1.25rem 1.25rem 0
			}

			.cases-detail4 .litop .tit3 {
				border-bottom: 1px solid #d1d1d1;
				font-weight: 700;
				margin-bottom: .65rem;
				padding-bottom: .4rem
			}

			.cases-detail4 .litop .tit4 {
				margin-bottom: .5rem;
				padding-right: 15px
			}

			.cases-detail4 .litop .tipimg {
				width: 100%
			}

			.cases-detail4 .libot {
				overflow: hidden;
				padding: .65rem 1.25rem 1rem
			}

			.cases-detail4 .libot img {
				height: 5rem;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.cases-detail4 .libot .response {
				margin-bottom: 1rem
			}

			.cases-detail4 .libot .tit3 {
				margin-bottom: .9rem
			}

			.cases-detail4 .libot .tli {
				margin-bottom: .65rem;
				padding-left: 20px;
				position: relative
			}

			.cases-detail4 .libot .tli:before {
				background: #e30000;
				content: "";
				height: 4px;
				left: 0;
				opacity: 1;
				position: absolute;
				top: .3rem;
				transform: skew(-15deg);
				width: 8px
			}

			.cases-detail5 {
				background: #fff;
				border-bottom: 1px solid #f5f5f5;
				padding: 1.75rem 0 2.25rem;
				z-index: 1
			}

			.cases-detail5 .tab-container {
				padding-bottom: 10px
			}

			.cases-detail5 .tab-container .swiper-slide {
				padding: 0 1rem 1rem
			}

			.cases-detail5 .tab-container .item {
				padding-bottom: 40px;
				transition: all .6s
			}

			.cases-detail5 .tab-container:before {
				background: #f5f5f5;
				bottom: .5rem;
				content: "";
				height: 2px;
				left: 50%;
				position: absolute;
				transform: translateX(-50%);
				width: 100vw
			}

			.cases-detail5 .tab-container .dian {
				background: #ffe5e7;
				border-radius: 50%;
				bottom: 0;
				height: 23px;
				left: 6%;
				opacity: 0;
				position: absolute;
				transition: all .6s;
				visibility: visible;
				width: 23px
			}

			.cases-detail5 .tab-container .dian:before {
				background: #e30000;
				border-radius: 50%;
				content: "";
				height: 9px;
				left: 50%;
				margin-left: -4.5px;
				margin-top: -4.5px;
				position: absolute;
				top: 50%;
				width: 9px
			}

			.cases-detail5 .title {
				margin-bottom: 1.5rem
			}

			.cases-detail5 .zmorebtn {
				width: 4.65rem
			}

			.cases-detail5 .tab-container .item:hover {
				color: #e30000
			}

			.cases-detail5 .tab-container .item:hover .dian {
				opacity: 1;
				visibility: visible
			}

			.cases-detail5 .tab-container .swiper-slide {
				cursor: pointer;
				width: auto
			}

			.cases-detail5 .tab-container .swiper-slide.cur .item {
				color: #e30000
			}

			.cases-detail5 .tab-container .swiper-slide.cur .dian {
				opacity: 1;
				visibility: visible
			}

			.cases-detail5 .imgbox {
				margin-top: 1.25rem
			}

			.cases-detail6 {
				background: #fff;
				padding: 1.75rem 0 2.25rem;
				z-index: 1
			}

			.cases-detail6 .itembox {
				width: 100%
			}

			.cases-detail6 .title {
				margin-bottom: 1rem
			}

			.cases-detail6 .img {
				height: 14.1rem;
				width: 50%
			}

			.cases-detail6 .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.cases-detail6 .swiper-slide {
				background: #f1f1f1;
				height: auto
			}

			.cases-detail6 .titbox {
				padding: 1.25rem 1rem;
				width: 50%
			}

			.cases-detail6 .ulbox {
				margin-top: 2.5rem;
				width: 100%
			}

			.cases-detail6 .titbox .tit3 {
				margin-bottom: .2rem
			}

			.cases-detail6 .titbox .tit4 {
				text-align: justify
			}

			.cases-detail6 .ulbox .li .icon {
				fill: #e30000;
				height: 12px;
				transform: rotate(-180deg);
				transition: all .6s;
				width: 12px
			}

			.cases-detail6 .ulbox .li {
				border-bottom: 1px solid #e5e5e5;
				padding: .5rem 0
			}

			.cases-detail6 .ulbox .li .p {
				display: none;
				height: 2.56rem;
				overflow: auto;
				padding-right: .5rem;
				text-align: justify
			}

			.cases-detail6 .ulbox .li .sp {
				cursor: pointer;
				font-weight: 700
			}

			.cases-detail6 .ulbox .li .sp.on {
				color: #e30000
			}

			.cases-detail6 .ulbox .li .sp.on .icon {
				transform: rotate(0)
			}

			.cases-alert {
				background-color: rgb(0, 0, 0, .3);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				transition: all .6s;
				width: 100%;
				z-index: 99
			}

			.cases-alert .contentbox {
				background: #fff;
				max-height: 90vh;
				overflow-y: auto;
				position: relative
			}

			.cases-alert.active {
				opacity: 1;
				visibility: visible
			}

			.cases-alert .casestop {
				border-bottom: 1px solid #f6f6f6;
				padding: 1rem 1rem .75rem
			}

			.cases-alert .casestop svg {
				display: block;
				margin: .4rem auto 0
			}

			.cases-alert .ulbox {
				padding: .5rem 1rem .5rem 0
			}

			.cases-alert .ulbox .li {
				margin-bottom: 1rem;
				padding-left: 1.25rem;
				padding-right: .35rem;
				width: 25%
			}

			.cases-alert .ulbox .li span {
				display: block;
				padding-left: .5rem;
				position: relative
			}

			.cases-alert .ulbox .li span:before {
				background-image: url(../img/yyy.jpg);
				content: "";
				height: 4px;
				left: 0;
				opacity: 1;
				position: absolute;
				top: .3rem;
				transform: skew(-15deg);
				width: 8px
			}

			.cases-alert .warpimgbox {
				margin-top: 1.5rem;
				padding: 0 1.5rem
			}

			.cases-alert .imgbox-swiper {
				margin-top: .4rem;
				padding-bottom: 1rem
			}

			.cases-alert .imgbox-swiper .cases-pagination {
				margin-top: 1rem
			}

			.cases-alert .imgbox-swiper .swiper-wrapper {
				align-items: stretch
			}

			.cases-alert .imgbox-swiper .swiper-slide {
				background: #fafafa;
				height: auto
			}

			.cases-alert .imgbox-swiper .item {
				border-top: 5px solid #e70012;
				padding: .5rem 1rem 1.25rem
			}

			.cases-alert .imgbox-swiper .item .img {
				height: 6rem;
				width: 100%
			}

			.cases-alert .imgbox-swiper .item .img img {
				max-height: 95%;
				max-width: 95%
			}

			.cases-alert .imgbox-swiper .item .more {
				border-bottom: 2px solid #e70012;
				color: #e70012;
				font-weight: 700;
				margin-top: .5rem
			}

			.cases-alert .imgbox-swiper .item .more svg {
				margin-left: .25rem
			}

			.cases-alert .imgbox-swiper .item .more svg path {
				fill: #e70012
			}

			.cases-alert .zmorebtn {
				background: #000;
				height: 46px;
				position: absolute;
				right: 6%;
				top: calc(5vh - 23px);
				width: 62px;
				z-index: 2
			}

			.cases-alert .zmorebtn svg {
				fill: #fff;
				height: .6rem;
				width: .6rem
			}

			.n-content .wmapbox {
				background: #f8f8f8;
				padding: .7rem 6% 1.5rem;
				position: relative
			}

			.n-content .wmapbox .imgbox {
				position: relative;
				z-index: 2
			}

			.n-content .wmapbox .imgbox .dian {
				background: #fff;
				border-radius: 50%;
				box-shadow: 0 0 12px 0 rgba(231, 0, 18, .26);
				cursor: pointer;
				display: block;
				height: .6rem;
				position: absolute;
				width: .6rem;
				z-index: 3
			}

			.n-content .wmapbox .imgbox .dian:before {
				background: rgba(231, 0, 18, .9);
				border-radius: 50%;
				content: "";
				height: .3rem;
				left: 50%;
				margin-left: -.15rem;
				margin-top: -.15rem;
				position: absolute;
				top: 50%;
				width: .3rem;
				z-index: 3
			}

			.n-content .wmapbox .imgbox .dian.cur {
				background: rgba(231, 0, 18, .9);
				transform: scale(1.05)
			}

			.n-content .wmapbox .imgbox .dian.cur:before {
				background: #fff;
				transform: scale(.75)
			}

			.n-content .wmapbox .imgbox .dian1 {
				left: 15.5%;
				top: 33%
			}

			.n-content .wmapbox .imgbox .dian2 {
				left: 33%;
				top: 48.5%
			}

			.n-content .wmapbox .imgbox .dian3 {
				left: 37.5%;
				top: 81.5%
			}

			.n-content .wmapbox .imgbox .dian4 {
				left: 41%;
				top: 64%
			}

			.n-content .wmapbox .imgbox .dian5 {
				left: 44%;
				top: 51%
			}

			.n-content .wmapbox .imgbox .dian6 {
				left: 47%;
				top: 45%
			}

			.n-content .wmapbox .imgbox .dian7 {
				left: 48%;
				top: 74.5%
			}

			.n-content .wmapbox .imgbox .dian8 {
				left: 49%;
				top: 66%
			}

			.n-content .wmapbox .imgbox .dian9 {
				left: 51%;
				top: 36.5%
			}

			.n-content .wmapbox .imgbox .dian10 {
				left: 52%;
				top: 50%
			}

			.n-content .wmapbox .imgbox .dian11 {
				left: 51%;
				top: 84%
			}

			.n-content .wmapbox .imgbox .dian12 {
				left: 52.5%;
				top: 95%
			}

			.n-content .wmapbox .imgbox .dian13 {
				left: 56%;
				top: 46%
			}

			.n-content .wmapbox .imgbox .dian14 {
				left: 58.5%;
				top: 55.5%
			}

			.n-content .wmapbox .imgbox .dian15 {
				left: 56.5%;
				top: 63%
			}

			.n-content .wmapbox .imgbox .dian16 {
				left: 56%;
				top: 74%
			}

			.n-content .wmapbox .imgbox .dian17 {
				left: 58.5%;
				top: 84%
			}

			.n-content .wmapbox .imgbox .dian18 {
				left: 60.5%;
				top: 42%
			}

			.n-content .wmapbox .imgbox .dian19 {
				left: 62%;
				top: 73%
			}

			.n-content .wmapbox .imgbox .dian20 {
				left: 62%;
				top: 37%
			}

			.n-content .wmapbox .imgbox .dian21 {
				left: 64%;
				top: 61.5%
			}

			.n-content .wmapbox .imgbox .dian22 {
				left: 66%;
				top: 77%
			}

			.n-content .wmapbox .imgbox .dian23 {
				left: 67%;
				top: 42%
			}

			.n-content .wmapbox .imgbox .dian24 {
				left: 65%;
				top: 49%
			}

			.n-content .wmapbox .imgbox .dian25 {
				left: 68%;
				top: 57%
			}

			.n-content .wmapbox .imgbox .dian26 {
				left: 69%;
				top: 67%
			}

			.n-content .wmapbox .imgbox .dian27 {
				left: 71%;
				top: 60%
			}

			.n-content .wmapbox .imgbox .dian28 {
				left: 72%;
				top: 33%
			}

			.n-content .wmapbox .imgbox .dian29 {
				left: 76%;
				top: 27%
			}

			.n-content .wmapbox .imgbox .dian30 {
				left: 76.5%;
				top: 17%
			}

			.n-content .wmapbox .imgbox .dian31 {
				left: 19%;
				top: 59.5%
			}

			.n-content .wmapbox .imgbox .dian32 {
				left: 32%;
				top: 47.5%
			}

			.n-content .wmapbox2 {
				background: #f8f8f8;
				padding: 0 6% .75rem;
				position: relative
			}

			.n-content .wmapbox2 .imgbox {
				position: relative;
				z-index: 2
			}

			.n-content .wmapbox2 .imgbox .dian {
				background: #fff;
				border-radius: 50%;
				box-shadow: 0 0 12px 0 rgba(231, 0, 18, .26);
				display: block;
				height: .6rem;
				position: absolute;
				width: .6rem;
				z-index: 3
			}

			.n-content .wmapbox2 .imgbox .dian:before {
				background: rgba(231, 0, 18, .9);
				border-radius: 50%;
				content: "";
				height: .3rem;
				left: 50%;
				margin-left: -.15rem;
				margin-top: -.15rem;
				position: absolute;
				top: 50%;
				width: .3rem;
				z-index: 3
			}

			.n-content .wmapbox2 .imgbox .dian.cur {
				background: rgba(231, 0, 18, .9)
			}

			.n-content .wmapbox2 .imgbox .dian.cur:before {
				background: #fff
			}

			.n-content .wmapbox2 .imgbox .dian1 {
				left: 13.5%;
				top: 16%
			}

			.n-content .wmapbox2 .imgbox .dian2 {
				left: 18.5%;
				top: 14%
			}

			.n-content .wmapbox2 .imgbox .dian3 {
				left: 20.5%;
				top: 34%
			}

			.n-content .wmapbox2 .imgbox .dian4 {
				left: 26.5%;
				top: 37%
			}

			.n-content .wmapbox2 .imgbox .dian5 {
				left: 32.5%;
				top: 14%
			}

			.n-content .wmapbox2 .imgbox .dian6 {
				left: 31.5%;
				top: 38%
			}

			.n-content .wmapbox2 .imgbox .dian7 {
				left: 34.5%;
				top: 47%
			}

			.n-content .wmapbox2 .imgbox .dian8 {
				left: 38.5%;
				top: 29%
			}

			.n-content .wmapbox2 .imgbox .dian9 {
				left: 36.5%;
				top: 34%
			}

			.n-content .wmapbox2 .imgbox .dian10 {
				left: 86.5%;
				top: 53%
			}

			.n-content .wmapbox2 .imgbox .dian11 {
				left: 75.5%;
				top: 20%
			}

			.n-content .ul_list2 .li .tit5 {
				margin-bottom: .5rem;
				margin-right: 0;
				width: 100%
			}

			.n-content .maptext2 .tit3 {
				color: #e70012;
				margin-bottom: 0
			}

			.n-content .maptext2 .item,
			.n-content .maptext2 .ul {
				border-bottom: 1px solid #e7e7e7;
				padding: .35rem 0
			}

			.n-content .maptext2 .zwarp {
				padding: .35rem 0 0
			}

			.n-content .maptext2 .zwarp .tit4 {
				margin-bottom: .25rem
			}

			.n-content .maptext2 .ul2 {
				width: 100%
			}

			.n-content .maptext2 .ul2 .li {
				padding-right: 3%;
				width: 33.3%
			}

			.n-content .maptext3 {
				padding: 0
			}

			.n-content .maptext3 .li {
				padding: .2rem 1rem
			}

			.newinfo1 {
				padding: 1.7rem 0 0
			}

			.newinfo1 .contentbox {
				border-bottom: 2px solid #e70012;
				padding-bottom: 1rem
			}

			.newinfo1 .titp {
				margin-bottom: 3.75rem;
				width: 65%
			}

			.newinfo1 .imgbox {
				background: hsla(300, 1%, 62%, .1);
				padding: 6.25rem 2.25rem 1.7rem;
				position: relative
			}

			.newinfo1 .imgbox .img {
				position: absolute;
				right: 0;
				top: -1.8rem;
				width: 57%;
				z-index: 2
			}

			.newinfo1 .text {
				width: 60%
			}

			.newinfo1 .text .p {
				margin-top: 1.5rem
			}

			.newinfo1 .text .tit2 span {
				color: #e70012
			}

			.newinfo2 {
				padding: 1.7rem 0 1.5rem;
				position: relative;
				z-index: 2
			}

			.newinfo2 .tit2 svg {
				margin-top: .5rem
			}

			.newinfo2 .ulbox {
				margin-top: 3rem
			}

			.newinfo2 .ulbox .li {
				margin-bottom: 1rem
			}

			.newinfo2 .ulbox .li .img {
				height: 10.825rem;
				overflow: hidden;
				width: 48%
			}

			.newinfo2 .ulbox .li .img img {
				width: 100%
			}

			.newinfo2 .ulbox .li .text {
				padding-top: 1rem;
				width: 46%
			}

			.newinfo2 .ulbox .li .text svg {
				margin-top: .15rem
			}

			.newinfo2 .ulbox .li .ntitbox {
				margin-left: 1.1rem;
				width: calc(100% - 60px)
			}

			.newinfo2 .ulbox .li .ntitbox .tit3 {
				margin-bottom: .3rem
			}

			.newinfo2 .ulbox .li .ntitbox .tit4 {
				color: #e70012;
				margin-bottom: 1rem
			}

			.newinfo2 .ulbox .li .ntitbox .tit5 {
				height: 5.76rem;
				overflow: auto;
				padding-right: .5rem;
				text-align: justify
			}

			.newinfo2 .ulbox .li:nth-child(odd) {
				flex-flow: row-reverse wrap
			}

			.newinfo2 .ulbox .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.newinfo2 .ulbox .li:hover .img img {
				transform: scale(1.1)
			}

			.newinfo3 {
				background: url(../img/bg002.jpg) no-repeat 50%;
				background-size: cover;
				padding: 2rem 0 1.75rem
			}

			.newinfo3 .tit2 {
				font-weight: 500;
				margin-bottom: .6rem
			}

			.newinfo3 .ullist .li {
				background: #f6f6f6;
				margin-top: 1.25rem
			}

			.newinfo3 .ullist .li .img {
				height: 10rem;
				overflow: hidden;
				width: 48%
			}

			.newinfo3 .ullist .li .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}

			.newinfo3 .ullist .li .text {
				padding: 1.25rem 1.5rem 1rem;
				width: 52%
			}

			.newinfo3 .ullist .li .text .tit2 {
				margin-bottom: .8rem
			}

			.newinfo3 .ullist .li .text .tit3,
			.newinfo3 .ullist .li .text .tit4 {
				margin-bottom: 1.25rem
			}

			.newinfo3 .ullist .li .text .time {
				margin-right: .7rem
			}

			.newinfo3 .ullist .li .text .tip span {
				color: #e70012;
				display: block
			}

			.newinfo3 .ullist .li .img img {
				transform: scale(1.01);
				transition: all .8s
			}

			.newinfo3 .ullist .li:hover .img img {
				transform: scale(1.1)
			}

			.newinfo3 #ul2-container {
				display: block;
				margin: 0 auto;
				padding-bottom: 1.8rem;
				width: 71.3%
			}

			.newinfo3 #ul2-container .swiper-slide .li {
				width: 100%
			}

			.newinfo3 #ul2-container .swiper-slide .li:before {
				background: hsla(0, 0%, 100%, .7);
				content: "";
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				transition: all .6s;
				width: 100%;
				z-index: 1
			}

			.newinfo3 #ul2-container .swiper-slide.swiper-slide-active .li:before {
				opacity: 0
			}

			.newinfo3 #ul2-container .swiper-slide .li .img,
			.newinfo3 #ul2-container .swiper-slide .li img {
				width: 100%
			}

			.newinfo3 .swiper-pagination {
				bottom: 22px !important
			}

			.newinfo3 .swiper-pagination span {
				background: transparent;
				border-radius: 0;
				color: #000;
				margin: 0 .35rem;
				opacity: .4;
				padding-top: 10px;
				transition: all .5s;
				width: 15px
			}

			.newinfo3 .swiper-pagination span.swiper-pagination-bullet-active {
				background: url(../img/pageicon.png) no-repeat;
				background-position: top;
				background-size: 15px auto;
				color: #e70012;
				opacity: 1
			}

			.newinfo4 {
				padding: 2.2rem 0 1.25rem;
				position: relative;
				z-index: 1
			}

			.newinfo4 .tit2 {
				margin-bottom: .9rem
			}

			.newinfo4 video {
				width: 100%
			}

			.n-activity2 .list3 {
				border-bottom: 1px solid #f5f5f5;
				padding: 1.5rem 0 2.5rem
			}

			.cases-detail3 .ulbox .li .img img,
			.cases-list1 .ulbox .li .img img,
			.n-activity .ullist .li .img img,
			.n-content .mapbox img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover
			}

			.cases-detail3 .ulbox .li .img img {
				width: 100%
			}

			.n-content .ul_list .li span {
				line-height: 1.4
			}

			.n-content .ul_list .li .tit4,
			.n-content .ul_list .li .tit5 {
				align-items: flex-start;
				justify-content: flex-start
			}

			.n-content .ul_list .li .tit4 span,
			.n-content .ul_list .li .tit5 .span {
				width: calc(100% - 2rem)
			}

			.n-content .ul_list .li .tit5 .span span {
				line-height: 1.5;
				margin-right: .5rem
			}

			.n-content .ul_list .li .tit3 {
				line-height: 1.4
			}

			.n-activity .list3 .ullist2 .li .img img {
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				width: 100%
			}
	.module {
      width: 90%;
      max-width: 1200px;
      margin: 40px auto;
      padding: 20px;
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .container {
      display: flex;
      flex-direction: column; 
      gap: 40px; 
    }

    .decs-box {
      width: 100%;
    }
    .main-title {
	 text-align: center;
      font-size: 55px;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px;
      padding-left: 10px;
    }
    .less-text {
      font-size: 16px;
      color: #666;
      line-height: 1.8;
      margin-bottom: 20px;
      text-indent: 2em;
    }
    .last-text {
      font-size: 16px;
      color: #333;
      margin-top: 30px;
    }
    .hd1 {
      font-weight: bold;
	  font-size: 25px;
      color: #333;
    }
    .hd2 {
	  font-size: 25px;
      color: #e50027;
      margin-left: 5px;
    }

    .content-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }
    .point-box {
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .img-box img {
      width: 120px;
      height: 120px;
      object-fit: contain;
    }
    .textSub-box {
      flex: 1;
	  margin-bottom: 50px;
    }
    .sub-title {
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      background:#ceb888;
      display: inline-block;
      padding: 5px 12px;
      border-radius: 10px;
      margin-bottom: 10px;
    }
    .sub-text {
      font-size: 14px;
      color: #666;
      line-height: 1.7;
    }
    .sub-text a {
      color: #e50027;
      text-decoration: none;
    }
    .sub-text a:hover {
      text-decoration: underline;
    }
	@media (max-width:1024px) {
				 .module {
        width: 95%; 
        padding: 15px;
        margin: 20px auto; 
    }
    .main-title {
        font-size: 36px; 
        margin-bottom: 15px;
    }

    .less-text {
        font-size: 14px; 
        line-height: 1.6; 
        margin-bottom: 15px;
    }

    .last-text {
        margin-top: 20px;
    }
    .hd1,
    .hd2 {
        font-size: 18px; 
    }

    .content-box {
        gap: 20px;
    }
    .point-box {
        flex-direction: column; 
        align-items: flex-start;
        gap: 10px;
    }
    .img-box img {
        width: 80px; 
        height: 80px;
    }

    .sub-title {
        font-size: 16px; 
        padding: 3px 10px;
        border-radius: 6px;
        margin-bottom: 8px;
    }
    .sub-text {
        font-size: 12px; 
        line-height: 1.5;
    }
				.zsub-banner .text {
					max-width: 80%
				}

				.n-detail .tiptext,
				.two-nav,
				.znavwarp {
					display: none
				}

				.n-content2 {
					padding: 1.8rem 0 3.5rem
				}

				.n-content .ul_list .li span {
					line-height: 1.4;
					width: calc(100% - .85rem)
				}

				.n-content .ul_list .li .tit5 {
					margin-bottom: .5rem;
					margin-right: 0;
					width: 100%
				}

				.n-cases-detail .n-navsub {
					display: none
				}

				.cases-detail-list1 {
					padding-top: 1.5rem
				}

				.cases-detail-list2 .warpbox {
					display: none
				}

				.cases-detail4 .li {
					margin-bottom: .85rem;
					margin-right: 0;
					width: 100%
				}

				.cases-detail4 img {
					width: 100%
				}

				.n-activity #ul1-container {
					padding-bottom: 2.8rem
				}

				.cases-detail4 .zw1640 {
					overflow: hidden
				}
			}

			@media (max-width:996px) {
				.cases-list1 .ulbox .li .img {
					height: 4rem
				}

				.cases-list1 .ulbox .li .icon {
					top: calc(4rem - 6px)
				}

				.cases-list1 .ulbox .li .zmorebtn {
					top: 3.4rem
				}

				.cases-list1 .ulbox .li .textbox {
					padding: 1rem .5rem 0
				}

				.cases-detail-list1 .imgbox2 {
					padding-top: 1.5rem
				}

				.cases-detail-list1 .imgbox2 .txtbox {
					position: relative;
					top: 0
				}

				.cases-detail3 .ulbox .li .img {
					width: 100%
				}

				.cases-detail3 .ulbox .li .text {
					padding-top: .7rem
				}

				.cases-detail3 .ulbox .li.left .text {
					margin-right: 0;
					padding-right: 0;
					width: 100%
				}

				.cases-detail3 .ulbox .li {
					margin-bottom: 1rem
				}

				.cases-detail3 .ulbox .li:nth-child(2n) .text {
					margin-left: 0;
					padding-left: 0;
					padding-right: 0;
					width: 100%
				}

				.cases-detail4 {
					padding: 1.5rem 0 1rem
				}

				.cases-detail6 .img {
					height: 12rem;
					width: 100%
				}

				.cases-detail6 .titbox {
					width: 100%
				}

				.cases-detail6 .ulbox {
					margin-top: 1.2rem
				}

				.cases-alert .zmorebtn {
					height: 1rem;
					width: 1.5rem
				}

				.n-activity .ullist .li .img,
				.n-activity .ullist .li .text {
					width: 100%
				}

				.n-activity .list4 .ullist .li .text .tit3,
				.n-activity .list4 .ullist .li .text .tit4 {
					margin-bottom: 1rem
				}

				.n-activity .list3 {
					padding: 1.5rem 0 2rem
				}

				.n-activity .list3 .ullist2 .li {
					margin-right: 4%;
					width: 48%
				}

				.n-activity .list3 .ullist2 .li:nth-child(2n) {
					margin-right: 0
				}

				.n-story .ullist .li .img {
					width: 100%
				}

				.n-story .ullist .li .text {
					padding: 1rem 6%;
					width: 100%
				}

				.n-story .ullist .li .text .tit2 {
					margin-bottom: .6rem
				}

				.n-story .ullist .li .text .tit3,
				.n-story .ullist .li .text .tit4 {
					margin-bottom: .8rem
				}

				.n-detail .list1 .ntext {
					max-width: 100%
				}

				.n-detail .list1 .text_tip {
					max-width: 100%;
					padding: 1.25rem 6% .55rem
				}

				.newinfo1 .titp {
					margin-bottom: 1.5rem;
					width: 100%
				}

				.newinfo1 .imgbox .img {
					margin-bottom: 1rem;
					position: relative;
					top: 0;
					width: 100%
				}

				.newinfo1 .imgbox {
					padding: 1.5rem 6%
				}

				.newinfo1 .text {
					width: 100%
				}

				.newinfo1 .text .p {
					margin-top: .8rem;
					text-align: justify
				}

				.newinfo2 .ulbox .li .img {
					margin-bottom: 0;
					width: 100%
				}

				.newinfo2 .ulbox .li .text {
					padding-top: .6rem;
					width: 100%
				}

				.newinfo2 .ulbox .li .ntitbox .tit4 {
					margin-bottom: .65rem
				}

				.newinfo2 .ulbox .li .ntitbox {
					margin-left: 0;
					width: calc(100% - 30px)
				}

				.newinfo2 .ulbox {
					margin-top: 1.5rem
				}
			}

			@media (max-width:767px) {
				.n-cooperate {
					padding: 1.5rem 0
				}

				.n-content2 {
					padding: 1.8rem 0 3rem
				}

				.n-cooperate .formbox .li {
					margin-bottom: .45rem;
					margin-right: 0;
					width: 100%
				}

				.n-cooperate .formbox .li2 {
					margin-bottom: .45rem
				}

				.n-cooperate .submitbtn {
					margin-top: .65rem
				}

				.n-content .mapbox {
					height: 6.5rem
				}

				.n-content .maptext .ul .li {
					margin-bottom: .5rem;
					width: 100%
				}

				.n-content .maptext .ul .li:last-child {
					margin-bottom: 0
				}

				.zsub-banner .text {
					font-size: 1rem
				}

				.n-content .title {
					margin-bottom: .65rem
				}

				.n-content .maptext {
					padding: .8rem 6%
				}

				.n-content {
					padding: 1rem 0
				}

				.n-content .maptext2 .ul2 .li {
					margin-bottom: .3rem;
					width: 100%
				}

				.n-content .ul_list .li {
					margin-bottom: 4%;
					margin-right: 0;
					width: 100%
				}

				.n-content .wmapbox2 .imgbox .dian {
					height: .38rem;
					width: .38rem
				}

				.n-content .wmapbox2 .imgbox .dian:before {
					height: .15rem;
					margin-left: -.075rem;
					margin-top: -.075rem;
					width: .15rem
				}

				.n-content .wmapbox .imgbox .dian {
					height: .38rem;
					width: .38rem
				}

				.n-content .wmapbox .imgbox .dian:before {
					height: .15rem;
					margin-left: -.075rem;
					margin-top: -.075rem;
					width: .15rem
				}

				.n-content .ul_list .li {
					padding: .65rem 6%
				}

				.n-content .ul_list .li .tit5:last-child {
					margin-bottom: 0
				}

				.n-content .maptext:before {
					height: 3px
				}

				.cases-list1 {
					padding: 1.5rem 0
				}

				.cases-list1 .ulbox {
					margin-top: 1rem
				}

				.cases-list1 .imgbox .dian:before {
					height: 1rem;
					margin-left: -.5rem;
					margin-top: -.5rem;
					width: 1rem
				}

				.cases-list1 .imgbox .dian span {
					height: .5rem;
					width: .5rem
				}

				.cases-list1 .ulbox .li {
					margin-bottom: 1rem;
					margin-right: 0;
					width: 100%
				}

				.cases-list1 .ulbox .li .img {
					height: 6rem
				}

				.cases-list1 .ulbox .li .icon {
					left: .5rem;
					top: calc(6rem - 6px)
				}

				.cases-list1 .ulbox .li .zmorebtn {
					right: .5rem;
					top: 5.4rem
				}

				.cases-list1 .ulbox .li .textbox {
					padding: .7rem .5rem 0
				}

				.cases-detail4 .litop {
					padding: 1rem 6% 0
				}

				.cases-detail4 .libot {
					padding: .65rem 6% 1rem
				}

				.cases-detail5 {
					padding: 1.5rem 0 2rem
				}

				.cases-detail5 .tab-container {
					overflow: hidden
				}

				.cases-detail5 .tab-container .swiper-slide {
					max-width: none;
					width: 82%
				}

				.cases-detail6 .img {
					height: 7rem
				}

				.cases-detail6 .titbox {
					padding: .8rem 6%
				}

				.cases-detail6 .ulbox {
					margin-top: .6rem
				}

				.cases-detail6 .ulbox .li {
					padding: .35rem 0
				}

				.cases-alert .ulbox .li {
					margin-bottom: .3rem;
					padding-left: 0;
					width: 100%
				}

				.cases-alert .ulbox {
					padding: 0 6%
				}

				.cases-alert .warpimgbox {
					margin-top: 1rem;
					padding: 0 6%
				}

				.cases-detail5 .title {
					margin-bottom: 1rem
				}

				.cases-detail5 .tab-container .item {
					padding-bottom: 25px
				}

				.cases-detail5 .tab-container {
					margin-bottom: 20px
				}

				.cases-detail6 {
					padding: 1.5rem 0 2rem
				}

				.cases-detail-list1 .imgbox2 .txtbox {
					padding: 0
				}

				.cases-detail-list1 .imgbox2 {
					padding-top: 1rem
				}

				.n-activity #ul1-container {
					padding-bottom: 1.8rem
				}

				.n-activity .list3 .tabul .li .item {
					margin-left: .5rem
				}

				.n-activity .list3 .ullist2 .li {
					margin-bottom: 1rem;
					margin-right: 0;
					width: 100%
				}

				.n-activity .list3 .tabul .li .item {
					margin-bottom: .15rem
				}

				.n-activity .list3 .ullist2 .text {
					padding: .85rem 6% 1rem
				}

				.n-activity .list3 .ullist2 .li .tit4 {
					margin-bottom: .65rem
				}

				.n-detail .list1 {
					padding: 1.5rem 0 2rem
				}

				.n-detail .tiptext {
					display: none
				}

				.n-detail .title {
					font-size: .85rem
				}

				.n-detail .list1 .ntext {
					margin: .8rem auto 0;
					max-width: 100%
				}

				.n-detail .list1 .time {
					margin-top: .5rem
				}

				.n-detail .list1 .botbox {
					margin: .6rem auto 0;
					max-width: 100%
				}

				.n-story .contentbox {
					padding: 1.5rem 0 2rem
				}

				.n-story .tabul .li .item {
					margin-bottom: .15rem;
					margin-left: .5rem
				}

				.n-story .tabul .li {
					margin-bottom: .45rem
				}

				.n-story .ullist .li .img {
					height: 6rem
				}

				.n-story .ullist .li .text .tit3,
				.n-story .ullist .li .text .tit4 {
					margin-bottom: .5rem
				}

				.n-story .ullist .li .text {
					padding-top: .7rem
				}

				.n-story .ullist .li {
					margin-top: 1rem
				}

				.n-activity .ullist .li .img {
					height: 8rem
				}

				.n-activity .ullist .li .text {
					padding: .8rem 6% 1rem
				}

				.n-activity .ullist .li .text .tit3 {
					margin-bottom: .7rem
				}

				.n-activity .ullist .li .text .tit2 {
					margin-bottom: .65rem
				}

				.n-activity .list2 .contentbox {
					padding-bottom: 1.25rem
				}

				.n-detail .list1 .text_tip {
					padding: 1rem 6% .55rem
				}

				.n-detail .list1 .text_tip img {
					margin-right: .25rem;
					width: 20px
				}

				.n-detail .list1 .text_tip .sp {
					margin-left: 1.5rem;
					width: calc(100% - 140px - 1.5rem)
				}

				.n-activity .list3 {
					padding-top: 1rem
				}

				.n-detail .list1 .text_tip span {
					width: 110px
				}

				.n-detail .list1 .text_tip .sp {
					margin-left: 1rem;
					width: calc(100% - 110px - 1rem)
				}

				.newinfo3 #ul2-container {
					width: 100%
				}

				.newinfo4 {
					padding: 1.2rem 0 1rem
				}

				.n-activity .list3 .ullist2 {
					margin-top: .8rem
				}

				.newinfo4 .tit2 {
					margin-bottom: .8rem
				}

				.zsub-banner2 .tit3 {
					margin-bottom: .6rem
				}

				.zsub-banner2 .zmorebtn {
					margin-top: 1rem
				}

				.tit-48 {
					font-size: .9rem
				}

				.tit-42 {
					font-size: .8rem
				}

				.tit-36 {
					font-size: .7rem
				}
			}

			.n-cases-detail .top {
				display: flex
			}

			.n-cases-detail .top .title {
				white-space: nowrap
			}

			.swiperdetail4 {
				margin-top: 1rem
			}

			.cooperate-list3 .warpitem .tabul2 {
				margin-bottom: 2rem;
				width: 100%;
				z-index: 3
			}

			.cooperate-list3 .warpitem .tabul2 .li {
				align-items: center;
				background: #fff;
				box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .04);
				cursor: pointer;
				display: flex;
				flex-direction: column;
				justify-content: center;
				margin-right: 2%;
				padding: 1.275rem 1rem;
				transition: all .5s;
				width: 32%
			}

			.cooperate-list3 .warpitem .tabul2 .li:hover {
				box-shadow: 0 8px 23px 0 rgba(0, 0, 0, .14)
			}

			.cooperate-list3 .warpitem .tabul2 .li:nth-child(3n) {
				margin-right: 0
			}

			.cooperate-list3 .warpitem .tabul2 .li .p {
				margin-top: .5rem
			}

			.cooperate-list3 .warpitem .tabul2 .icon {
				height: 27px
			}

			.cooperate-list3 .warpitem .tabul2 .icon img {
				max-height: 100%
			}

			/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
			.animated {
				animation-duration: 1s;
				animation-fill-mode: both
			}

			.animated2 {
				animation-duration: .3s;
				animation-fill-mode: both
			}

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

			@keyframes bounce {

				0%,
				20%,
				50%,
				80%,
				to {
					transform: translateY(0)
				}

				40% {
					transform: translateY(-30px)
				}

				60% {
					transform: translateY(-15px)
				}
			}

			.bounce {
				animation-name: bounce
			}

			@keyframes flash {

				0%,
				50%,
				to {
					opacity: 1
				}

				25%,
				75% {
					opacity: 0
				}
			}

			.flash {
				animation-name: flash
			}

			@keyframes pulse {
				0% {
					transform: scale(1)
				}

				50% {
					transform: scale(1.3)
				}

				to {
					transform: scale(1)
				}
			}

			.pulse {
				animation-name: pulse
			}

			@keyframes shake {

				0%,
				to {
					transform: translateX(0)
				}

				10%,
				30%,
				50%,
				70%,
				90% {
					transform: translateX(-10px)
				}

				20%,
				40%,
				60%,
				80% {
					transform: translateX(10px)
				}
			}

			.shake {
				animation-name: shake
			}

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

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

				60% {
					transform: rotate(5deg)
				}

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

				to {
					transform: rotate(0deg)
				}
			}

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

			@keyframes tada {
				0% {
					transform: scale(1)
				}

				10%,
				20% {
					transform: scale(.9) rotate(-3deg)
				}

				30%,
				50%,
				70%,
				90% {
					transform: scale(1.1) rotate(3deg)
				}

				40%,
				60%,
				80% {
					transform: scale(1.1) rotate(-3deg)
				}

				to {
					transform: scale(1) rotate(0)
				}
			}

			.tada {
				animation-name: tada
			}

			@keyframes wobble {
				0% {
					transform: translateX(0)
				}

				15% {
					transform: translateX(-25%) rotate(-5deg)
				}

				30% {
					transform: translateX(20%) rotate(3deg)
				}

				45% {
					transform: translateX(-15%) rotate(-3deg)
				}

				60% {
					transform: translateX(10%) rotate(2deg)
				}

				75% {
					transform: translateX(-5%) rotate(-1deg)
				}

				to {
					transform: translateX(0)
				}
			}

			.wobble {
				animation-name: wobble
			}

			@keyframes bounceIn {
				0% {
					opacity: 0;
					transform: scale(.3)
				}

				50% {
					opacity: 1;
					transform: scale(1.05)
				}

				70% {
					transform: scale(.9)
				}

				to {
					transform: scale(1)
				}
			}

			.bounceIn {
				animation-name: bounceIn
			}

			@keyframes bounceInDown {
				0% {
					opacity: 0;
					transform: translateY(-100px) scaleY(1)
				}

				80% {
					opacity: 1;
					transform: translateY(5px) scaleY(.95)
				}

				90% {
					transform: translateY(-5px) scaleY(1.05)
				}

				to {
					transform: translateY(0) scaleY(1)
				}
			}

			.bounceInDown {
				animation-name: bounceInDown
			}

			@keyframes bounceInLeft {
				0% {
					opacity: 0;
					transform: translateX(-2000px)
				}

				60% {
					opacity: 1;
					transform: translateX(30px)
				}

				80% {
					opacity: 1;
					transform: translateX(-10px)
				}

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

			.bounceInLeft {
				animation-name: bounceInLeft
			}

			@keyframes bounceInRight {
				0% {
					opacity: 0;
					transform: translateX(2000px)
				}

				60% {
					opacity: 1;
					transform: translateX(-30px)
				}

				80% {
					transform: translateX(10px)
				}

				to {
					transform: translateX(0)
				}
			}

			.bounceInRight {
				animation-name: bounceInRight
			}

			@keyframes bounceInUp {
				0% {
					opacity: 0;
					transform: translateY(2000px)
				}

				60% {
					opacity: 1;
					transform: translateY(-30px)
				}

				80% {
					transform: translateY(10px)
				}

				to {
					transform: translateY(0)
				}
			}

			.bounceInUp {
				animation-name: bounceInUp
			}

			@keyframes bounceOut {
				0% {
					transform: scale(1)
				}

				25% {
					transform: scale(.95)
				}

				50% {
					opacity: 1;
					transform: scale(1.1)
				}

				to {
					opacity: 0;
					transform: scale(.3)
				}
			}

			.bounceOut {
				animation-name: bounceOut
			}

			@keyframes bounceOutDown {
				0% {
					transform: translateY(0)
				}

				20% {
					opacity: 1;
					transform: translateY(-20px)
				}

				to {
					opacity: 0;
					transform: translateY(2000px)
				}
			}

			.bounceOutDown {
				animation-name: bounceOutDown
			}

			@keyframes bounceOutLeft {
				0% {
					transform: translateX(0)
				}

				20% {
					opacity: 1;
					transform: translateX(20px)
				}

				to {
					opacity: 0;
					transform: translateX(-2000px)
				}
			}

			.bounceOutLeft {
				animation-name: bounceOutLeft
			}

			@keyframes bounceOutRight {
				0% {
					transform: translateX(0)
				}

				20% {
					opacity: 1;
					transform: translateX(-20px)
				}

				to {
					opacity: 0;
					transform: translateX(2000px)
				}
			}

			.bounceOutRight {
				animation-name: bounceOutRight
			}

			@keyframes bounceOutUp {
				0% {
					transform: translateY(0)
				}

				20% {
					opacity: 1;
					transform: translateY(20px)
				}

				to {
					opacity: 0;
					transform: translateY(-2000px)
				}
			}

			.bounceOutUp {
				animation-name: bounceOutUp
			}

			@keyframes fadeIn {
				0% {
					opacity: 0
				}

				to {
					opacity: 1
				}
			}

			.fadeIn {
				animation-name: fadeIn
			}

			@keyframes fadeInDown {
				0% {
					opacity: 0;
					transform: translateY(-20px)
				}

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

			.fadeInDown {
				animation-name: fadeInDown
			}

			@keyframes fadeInDownBig {
				0% {
					opacity: 0;
					transform: translateY(-2000px)
				}

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

			.fadeInDownBig {
				animation-name: fadeInDownBig
			}

			@keyframes fadeInLeft {
				0% {
					opacity: 0;
					transform: translateX(-20px)
				}

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

			.fadeInLeft {
				animation-name: fadeInLeft
			}

			@keyframes fadeInLeftBig {
				0% {
					opacity: 0;
					transform: translateX(-2000px)
				}

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

			.fadeInLeftBig {
				animation-name: fadeInLeftBig
			}

			@keyframes fadeInRight {
				0% {
					opacity: 0;
					transform: translateX(20px)
				}

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

			.fadeInRight {
				animation-name: fadeInRight
			}

			@keyframes fadeInRightBig {
				0% {
					opacity: 0;
					transform: translateX(2000px)
				}

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

			.fadeInRightBig {
				animation-name: fadeInRightBig
			}

			@keyframes fadeInUp {
				0% {
					opacity: 0;
					transform: translateY(20px)
				}

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

			.fadeInUp {
				animation-name: fadeInUp
			}

			@keyframes fadeInUpBig {
				0% {
					opacity: 0;
					transform: translateY(2000px)
				}

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

			.fadeInUpBig {
				animation-name: fadeInUpBig
			}

			@keyframes fadeOut {
				0% {
					opacity: 1
				}

				to {
					opacity: 0
				}
			}

			.fadeOut {
				animation-name: fadeOut
			}

			@keyframes fadeOutDown {
				0% {
					opacity: 1;
					transform: translateY(0)
				}

				to {
					opacity: 0;
					transform: translateY(20px)
				}
			}

			.fadeOutDown {
				animation-name: fadeOutDown
			}

			@keyframes fadeOutDownBig {
				0% {
					opacity: 1;
					transform: translateY(0)
				}

				to {
					opacity: 0;
					transform: translateY(2000px)
				}
			}

			.fadeOutDownBig {
				animation-name: fadeOutDownBig
			}

			@keyframes fadeOutLeft {
				0% {
					opacity: 1;
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(-20px)
				}
			}

			.fadeOutLeft {
				animation-name: fadeOutLeft
			}

			@keyframes fadeOutLeftBig {
				0% {
					opacity: 1;
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(-2000px)
				}
			}

			.fadeOutLeftBig {
				animation-name: fadeOutLeftBig
			}

			@keyframes fadeOutRight {
				0% {
					opacity: 1;
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(20px)
				}
			}

			.fadeOutRight {
				animation-name: fadeOutRight
			}

			@keyframes fadeOutRightBig {
				0% {
					opacity: 1;
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(2000px)
				}
			}

			.fadeOutRightBig {
				animation-name: fadeOutRightBig
			}

			@keyframes fadeOutUp {
				0% {
					opacity: 1;
					transform: translateY(0)
				}

				to {
					opacity: 1;
					transform: translateY(100%)
				}
			}

			.fadeOutUp {
				animation-name: fadeOutUp
			}

			@keyframes fadeOutUpBig {
				0% {
					opacity: 1;
					transform: translateY(0)
				}

				to {
					opacity: 0;
					transform: translateY(-2000px)
				}
			}

			.fadeOutUpBig {
				animation-name: fadeOutUpBig
			}

			@keyframes flip {
				0% {
					animation-timing-function: ease-out;
					transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
				}

				40% {
					animation-timing-function: ease-out;
					transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
				}

				50% {
					animation-timing-function: ease-in;
					transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
				}

				80% {
					animation-timing-function: ease-in;
					transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95)
				}

				to {
					animation-timing-function: ease-in;
					transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1)
				}
			}

			.animated.flip {
				animation-name: flip;
				backface-visibility: visible
			}

			@keyframes flipInX {
				0% {
					opacity: 0;
					transform: perspective(400px) rotateX(90deg)
				}

				40% {
					transform: perspective(400px) rotateX(-10deg)
				}

				70% {
					transform: perspective(400px) rotateX(10deg)
				}

				to {
					opacity: 1;
					transform: perspective(400px) rotateX(0deg)
				}
			}

			.flipInX {
				animation-name: flipInX;
				backface-visibility: visible !important
			}

			@keyframes flipInY {
				0% {
					opacity: 0;
					transform: perspective(400px) rotateY(90deg)
				}

				40% {
					transform: perspective(400px) rotateY(-10deg)
				}

				70% {
					transform: perspective(400px) rotateY(10deg)
				}

				to {
					opacity: 1;
					transform: perspective(400px) rotateY(0deg)
				}
			}

			.flipInY {
				animation-name: flipInY;
				backface-visibility: visible !important
			}

			@keyframes flipOutX {
				0% {
					opacity: 1;
					transform: perspective(400px) rotateX(0deg)
				}

				to {
					opacity: 0;
					transform: perspective(400px) rotateX(90deg)
				}
			}

			.flipOutX {
				animation-name: flipOutX;
				backface-visibility: visible !important
			}

			@keyframes flipOutY {
				0% {
					opacity: 1;
					transform: perspective(400px) rotateY(0deg)
				}

				to {
					opacity: 0;
					transform: perspective(400px) rotateY(90deg)
				}
			}

			.flipOutY {
				animation-name: flipOutY;
				backface-visibility: visible !important
			}

			@keyframes lightSpeedIn {
				0% {
					opacity: 0;
					transform: translateX(100%) skewX(-30deg)
				}

				60% {
					opacity: 1;
					transform: translateX(-20%) skewX(30deg)
				}

				80% {
					opacity: 1;
					transform: translateX(0) skewX(-15deg)
				}

				to {
					opacity: 1;
					transform: translateX(0) skewX(0deg)
				}
			}

			.lightSpeedIn {
				animation-name: lightSpeedIn;
				animation-timing-function: ease-out
			}

			@keyframes lightSpeedOut {
				0% {
					opacity: 1;
					transform: translateX(0) skewX(0deg)
				}

				to {
					opacity: 0;
					transform: translateX(100%) skewX(-30deg)
				}
			}

			.lightSpeedOut {
				animation-name: lightSpeedOut;
				animation-timing-function: ease-in
			}

			@keyframes rotateIn {
				0% {
					opacity: 0;
					transform: rotate(-200deg);
					transform-origin: center center
				}

				to {
					opacity: 1;
					transform: rotate(0);
					transform-origin: center center
				}
			}

			.rotateIn {
				animation-name: rotateIn
			}

			@keyframes rotateInDownLeft {
				0% {
					opacity: 0;
					transform: rotate(-90deg);
					transform-origin: left bottom
				}

				to {
					opacity: 1;
					transform: rotate(0);
					transform-origin: left bottom
				}
			}

			.rotateInDownLeft {
				animation-name: rotateInDownLeft
			}

			@keyframes rotateInDownRight {
				0% {
					opacity: 0;
					transform: rotate(90deg);
					transform-origin: right bottom
				}

				to {
					opacity: 1;
					transform: rotate(0);
					transform-origin: right bottom
				}
			}

			.rotateInDownRight {
				animation-name: rotateInDownRight
			}

			@keyframes rotateInUpLeft {
				0% {
					opacity: 0;
					transform: rotate(90deg);
					transform-origin: left bottom
				}

				to {
					opacity: 1;
					transform: rotate(0);
					transform-origin: left bottom
				}
			}

			.rotateInUpLeft {
				animation-name: rotateInUpLeft
			}

			@keyframes rotateInUpRight {
				0% {
					opacity: 0;
					transform: rotate(-90deg);
					transform-origin: right bottom
				}

				to {
					opacity: 1;
					transform: rotate(0);
					transform-origin: right bottom
				}
			}

			.rotateInUpRight {
				animation-name: rotateInUpRight
			}

			@keyframes rotateOut {
				0% {
					opacity: 1;
					transform: rotate(0);
					transform-origin: center center
				}

				to {
					opacity: 0;
					transform: rotate(200deg);
					transform-origin: center center
				}
			}

			.rotateOut {
				animation-name: rotateOut
			}

			@keyframes rotateOutDownLeft {
				0% {
					opacity: 1;
					transform: rotate(0);
					transform-origin: left bottom
				}

				to {
					opacity: 0;
					transform: rotate(90deg);
					transform-origin: left bottom
				}
			}

			.rotateOutDownLeft {
				animation-name: rotateOutDownLeft
			}

			@keyframes rotateOutDownRight {
				0% {
					opacity: 1;
					transform: rotate(0);
					transform-origin: right bottom
				}

				to {
					opacity: 0;
					transform: rotate(-90deg);
					transform-origin: right bottom
				}
			}

			.rotateOutDownRight {
				animation-name: rotateOutDownRight
			}

			@keyframes rotateOutUpLeft {
				0% {
					opacity: 1;
					transform: rotate(0);
					transform-origin: left bottom
				}

				to {
					opacity: 0;
					transform: rotate(-90deg);
					transform-origin: left bottom
				}
			}

			.rotateOutUpLeft {
				animation-name: rotateOutUpLeft
			}

			@keyframes rotateOutUpRight {
				0% {
					opacity: 1;
					transform: rotate(0);
					transform-origin: right bottom
				}

				to {
					opacity: 0;
					transform: rotate(90deg);
					transform-origin: right bottom
				}
			}

			.rotateOutUpRight {
				animation-name: rotateOutUpRight
			}

			@keyframes slideInDown {
				0% {
					opacity: 0;
					transform: translateY(-2000px)
				}

				to {
					transform: translateY(0)
				}
			}

			.slideInDown {
				animation-name: slideInDown
			}

			@keyframes slideInLeft {
				0% {
					opacity: 0;
					transform: translateX(-2000px)
				}

				to {
					transform: translateX(0)
				}
			}

			.slideInLeft {
				animation-name: slideInLeft
			}

			@keyframes slideInRight {
				0% {
					opacity: 0;
					transform: translateX(2000px)
				}

				to {
					transform: translateX(0)
				}
			}

			.slideInRight {
				animation-name: slideInRight
			}

			@keyframes slideOutLeft {
				0% {
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(-2000px)
				}
			}

			.slideOutLeft {
				animation-name: slideOutLeft
			}

			@keyframes slideOutRight {
				0% {
					transform: translateX(0)
				}

				to {
					opacity: 0;
					transform: translateX(2000px)
				}
			}

			.slideOutRight {
				animation-name: slideOutRight
			}

			@keyframes slideOutUp {
				0% {
					transform: translateY(0)
				}

				to {
					opacity: 0;
					transform: translateY(-2000px)
				}
			}

			.slideOutUp {
				animation-name: slideOutUp
			}

			@keyframes hinge {
				0% {
					animation-timing-function: ease-in-out;
					transform: rotate(0);
					transform-origin: top left
				}

				20%,
				60% {
					animation-timing-function: ease-in-out;
					transform: rotate(80deg);
					transform-origin: top left
				}

				40% {
					animation-timing-function: ease-in-out;
					transform: rotate(60deg);
					transform-origin: top left
				}

				80% {
					animation-timing-function: ease-in-out;
					opacity: 1;
					transform: rotate(60deg) translateY(0);
					transform-origin: top left
				}

				to {
					opacity: 0;
					transform: translateY(700px)
				}
			}

			.hinge {
				animation-name: hinge
			}

			@keyframes rollIn {
				0% {
					opacity: 0;
					transform: translateX(-100%) rotate(-120deg)
				}

				to {
					opacity: 1;
					transform: translateX(0) rotate(0deg)
				}
			}

			.rollIn {
				animation-name: rollIn
			}

			@keyframes rollOut {
				0% {
					opacity: 1;
					transform: translateX(0) rotate(0deg)
				}

				to {
					opacity: 0;
					transform: translateX(100%) rotate(120deg)
				}
			}

			.rollOut {
				animation-name: rollOut
			}

			.pc {
				display: block
			}

			.mb {
				display: none !important
			}

			@media (max-width:996px) {
				.new {
					margin-top: 1rem
				}

				.cases-list1 {
					padding: 1.5rem 0
				}

				.download .list .li .imgbox {
					height: auto
				}

				.cases-list1 .imgbox {
					position: relative;
					width: 100%;
					z-index: 2
				}

				.cases-list1 .imgbox .dian i {
					height: .5rem;
					width: .5rem
				}

				.cases-list1 .ulbox {
					margin-top: 1rem
				}

				.cases-list1 .ulbox .li {
					margin-right: 2% !important;
					width: 49%
				}

				.cases-list1 .ulbox .li:nth-child(2n) {
					margin-right: 0 !important
				}

				.cases-list1 .imgbox .dian .hov-box {
					align-items: center;
					background-color: rgba(0, 0, 0, .8);
					display: flex;
					flex-direction: column;
					height: 100%;
					justify-content: center;
					left: 0;
					position: fixed;
					top: 0;
					transform: translateX(0);
					width: 100%;
					z-index: 99999
				}

				.proimg {
					width: 100%
				}

				.cases-list1 .imgbox,
				.n-cases {
					position: relative;
					z-index: 99999999999999
				}

				.dian-container {
					background-color: #fff;
					position: relative
				}

				.dian-container .swiper-slide {
					padding: 1rem
				}

				.cases-list1 .imgbox .dian .hov-box:after {
					background-image: url(../img/close-vid2.png);
					background-position: 50%;
					background-repeat: no-repeat;
					border: 2px solid #fff;
					border-radius: 50%;
					content: "";
					height: 1.05rem;
					margin-top: 1rem;
					width: 1.05rem
				}

				.ttsss {
					display: none
				}

				.pc {
					display: none !important
				}

				.mb {
					display: block !important
				}

				.view {
					padding: 0 4%
				}

				.pc-header {
					background-color: #fff;
					box-shadow: 5px 0 18px 0 rgba(0, 0, 0, .2);
					height: 1.85rem
				}

				.pc-header .left .navlist .li .tit {
					color: #333
				}

				.pc-header .left .navlist .li .tit:after {
					background-color: #e70012
				}

				.pc-header .right .phone .icon svg {
					fill: #333
				}

				.pc-header .right .phone {
					color: #333
				}

				.pc-header .right .webgroud .icon svg {
					fill: #333
				}

				.pc-header .right .webgroud {
					color: #333
				}

				.pc-header .right .search .icon,
				.pc-header .right .webgroud .tit-16 .icon {
					fill: #333
				}

				.pc-header .left .navlist,
				.pc-header .right .phone,
				.pc-header .right .webgroud {
					display: none
				}

				.pc-header .right .webgroud.lanbox {
					display: flex
				}

				.nume {
					height: .75rem;
					width: 1.2rem
				}

				.nume,
				.pc-header .right .search .icon {
					margin-left: .4rem
				}

				.nume.on .line {
					background: #000
				}

				.nume .line {
					width: .4rem
				}

				.pc-header .logo {
					display: block;
					width: 2.8rem
				}

				.main-container {
					height: auto
				}

				.main-container .home-a {
					height: 100vh
				}

				.banner-container .swiper-slide .slide-inner .txt {
					left: 4%;
					top: 20%;
					width: 94%
				}

				.xg svg {
					height: 15px
				}

				.banner-container .swiper-slide .slide-inner .txt .t1 {
					align-items: flex-end;
					display: flex
				}

				.tit-60 {
					font-size: 28px
				}

				.banner-container .swiper-slide .slide-inner .txt .t2 {
					margin-top: .5rem
				}

				.zmorebtn {
					height: 1.1rem
				}

				.bomtnav {
					background: #e70012;
					bottom: 0;
					display: flex !important;
					height: 1.7rem;
					justify-content: space-around;
					left: 0;
					position: fixed;
					width: 100%;
					z-index: 99
				}

				.bomtnav a {
					align-items: center;
					display: flex;
					flex-direction: column;
					justify-content: center;
					margin: 0 .5rem;
					position: relative
				}

				.bomtnav a .ewm-box {
					bottom: 100%;
					display: none;
					position: absolute
				}

				.bomtnav a .icon {
					height: .5rem
				}

				.bomtnav a .icon img {
					max-height: 100%
				}

				.bomtnav a .tit-20 {
					font-size: 14px;
					margin-top: 5px
				}

				.home-a .av-page {
					bottom: 2.5rem
				}

				.home-b {
					display: block !important;
					height: auto !important;
					padding: 0
				}

				.home-b .txt {
					color: #333;
					left: 0;
					position: relative;
					top: 0;
					z-index: 3
				}

				.txt-show {
					-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
					clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
					opacity: 1
				}

				.main-swiper-wrapper {
					display: block !important
				}

				.tit-52 {
					font-size: 28px
				}

				.ebox {
					left: 0;
					margin-left: 10%;
					margin-top: .5rem;
					position: relative;
					top: 0;
					transform: translateX(0);
					width: 80%
				}

				.home-b {
					background-image: url(../img/hoembm.jpg)
				}

				.home-b .botlist {
					bottom: 0;
					display: none;
					left: 0;
					position: relative
				}

				.home-b .numlist {
					left: 0;
					margin-top: 1rem;
					overflow: auto;
					padding-bottom: .5rem;
					position: relative;
					top: 0;
					white-space: nowrap;
					width: 100%
				}

				.home-b .numlist .li {
					display: inline-block;
					margin-bottom: 0;
					margin-left: 0 !important;
					margin-right: 1rem;
					vertical-align: top
				}

				.home-b .numlist .li br {
					display: none
				}

				.home-c {
					height: 100vh !important
				}

				.home-b .numlist .t4 {
					white-space: normal;
					width: 4rem
				}

				.home-c .txt {
					left: 4%;
					top: 1rem;
					width: 92%;
					z-index: 33
				}

				.home-c .li {
					display: none;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%
				}

				.home-c .li:first-child {
					display: block
				}

				.home-c .li.on {
					z-index: 3
				}

				.home-c .table {
					border-bottom: 2px solid hsla(0, 0%, 100%, .2);
					display: flex !important;
					font-size: 16px;
					justify-content: space-between;
					margin-top: 1rem
				}

				.home-c .table .t {
					padding-bottom: 10px;
					position: relative
				}

				.home-c .table .t:after {
					background-color: #e70012;
					bottom: -2px;
					content: "";
					height: 2px;
					left: 0;
					opacity: 0;
					position: absolute;
					width: 100%
				}

				.home-c .table .t.on:after {
					opacity: 1
				}

				.home-c .li .hover-box {
					display: none !important
				}

				.home-c .li .txt {
					align-items: center;
					display: flex !important;
					flex-direction: column;
					height: 100%;
					justify-content: center;
					left: 0;
					padding-top: 10vh;
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 4
				}

				.home-c .txt {
					display: block !important
				}

				.home-d {
					height: auto !important
				}

				.home-e .left {
					height: auto;
					padding-bottom: 1rem;
					padding-top: 2.5rem;
					width: 100%
				}

				.home-e .left .img {
					height: 5.5rem;
					margin: 0 auto;
					width: 7.3rem
				}

				.home-e .left .tiptext {
					left: 4%;
					top: 1rem
				}

				.home-e .left .t1 {
					font-size: 24px
				}

				.home-e .right {
					padding: 0 4% 1rem;
					width: 100%
				}

				.home-e .right .ullist2 {
					padding: .75rem 0 0;
					width: 100%
				}

				.home-e .right .ullist2 .li {
					background: #f6f6f6;
					margin-bottom: .75rem;
					margin-right: 0;
					width: 100%
				}

				.home-e .right .ullist2 .text {
					padding-right: .725rem
				}

				footer {
					display: block
				}

				footer .left {
					padding: 1rem 4%;
					width: 100%
				}

				footer .left .footer-search {
					align-items: flex-start;
					display: flex;
					flex-direction: column;
					margin-top: .6rem
				}

				footer .left .footer-search .f-seach {
					width: 100%
				}

				footer .left .footer-search .keywords {
					margin-left: 0;
					margin-top: .5rem
				}

				footer .left .f-nav {
					display: block;
					margin-top: 1rem;
					padding: 0
				}

				footer .left .f-nav .li {
					border-bottom: 1px solid rgba(0, 0, 0, .1);
					padding: .5rem 0
				}

				footer .left .f-nav .li .sub-nav {
					display: none
				}

				footer .left .f-nav .li .tit {
					display: block;
					position: relative;
					width: 100%
				}

				footer .left .f-nav .li .tit:after {
					background-image: url(../img/jt.png);
					content: "";
					height: 9px;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 6px
				}

				footer .right {
					display: none
				}

				footer .left .bot {
					margin-top: .7rem;
					padding-bottom: 2rem
				}

				footer .left .f-nav .li .sub-nav {
					padding-top: .5rem
				}

				footer .left .f-nav .li .sub-nav a {
					margin-bottom: .2rem
				}

				.header-fixd {
					overflow: auto;
					padding: 0 4%
				}

				.header-fixd .m-hide {
					padding-top: 3rem
				}

				.header-fixd .m-hide .li {
					border-bottom: 1px solid hsla(0, 0%, 100%, .1);
					padding: .5rem 0
				}

				.header-fixd .m-hide .li .sub-nav {
					display: none;
					margin-top: .5rem
				}

				.header-fixd .m-hide .li .tit {
					color: #fff;
					display: block;
					position: relative;
					width: 100%
				}

				.header-fixd .m-hide .li .tit:after {
					background-image: url(../img/jt.png);
					content: "";
					height: 9px;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 6px
				}

				.header-fixd .m-hide .li .sub-nav a {
					color: #fff;
					display: block;
					font-weight: 500;
					line-height: 2;
					opacity: .6;
					padding: .2rem 0;
					transition: all .3s
				}

				.header-fixd .m-hide .li .p-nav .sub-nav a:first-child {
					color: #fff;
					font-size: .45rem;
					opacity: 1
				}

				.home-e .right .ullist2 .li:first-child .img {
					height: 11.55rem
				}

				.sub-banner {
					height: 13rem
				}

				.sub-banner .txt {
					left: 4%;
					top: 3.5rem
				}

				.about-a {
					padding: 1rem 0
				}

				.about-a .view2 {
					display: block
				}

				.view2 {
					padding: 0 4%
				}

				.about-a .left .img {
					height: 8rem;
					margin-top: .7rem;
					width: 100%
				}

				.about-a .left .bgimg {
					top: 40%;
					width: 100%
				}

				.about-a .right {
					margin-top: 1rem;
					padding-left: 0;
					transform: translateY(0);
					width: 100%
				}

				.about-a .right .numlist {
					margin-top: 1rem
				}

				.about-a .right .numlist .li .numbox .num {
					font-size: 28px
				}

				.about-a .right .numlist .li .numbox .dw {
					transform: translateY(0)
				}

				.about-b {
					padding: 1rem 0
				}

				.about-b .content {
					margin-top: 1rem
				}

				.about-b .content .aboutb-container .swiper-slide {
					margin-right: 1rem;
					width: 90%
				}

				.about-b .content .aboutb-container .swiper-slide .img {
					height: 7rem
				}

				.about-b .content .about-next,
				.about-b .content .about-prev {
					display: none
				}

				.about-b .content .aboutb-container .swiper-slide .txt {
					display: block;
					padding: 1rem .2rem
				}

				.about-b .content .aboutb-container .swiper-slide .txt .t {
					margin-left: 0;
					margin-top: .4rem
				}

				.nume.on .line:last-child {
					top: 54%;
					transform: rotate(-45deg)
				}

				.tpa {
					right: 0
				}

				.about-c .content {
					padding: 1.2rem 4%
				}

				.about-c .content .top .table .li.on {
					font-size: 24px
				}

				.about-c .content .top .table .li {
					font-size: 18px
				}

				.about-c .content .top a {
					white-space: nowrap
				}

				.about-c .content .top .table .li {
					margin-right: 1rem
				}

				.about-c .content .cont {
					margin-top: 1.5rem
				}

				.about-c .content .cont .numlist {
					bottom: auto;
					display: block;
					margin-top: 1rem;
					position: relative;
					width: 100%
				}

				.about-c .content .cont .numlist .li {
					border-left: 0 solid #000;
					border-top: 1px solid hsla(0, 0%, 100%, .1);
					display: none;
					padding-bottom: .5rem;
					padding-left: 0;
					padding-top: 1.5rem;
					position: relative;
					width: 100%
				}

				.about-c .content .cont .numlist .li:first-child {
					display: block
				}

				.about-c .content .cont .numlist .li .icon {
					margin-top: 0;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%)
				}

				.about-c .content .cont .av-page {
					margin-top: 1rem;
					text-align: center
				}

				.about-c .content .cont .av-page .li {
					color: #fff;
					opacity: .5
				}

				.about-c .content .cont .av-page .li.on {
					opacity: 1
				}

				.about-c {
					height: 20rem
				}

				.about-d {
					padding: 1.5rem 0
				}

				.about-d .cont .contlist {
					display: block;
					margin-top: 1rem
				}

				.about-d .cont .contlist .left {
					border-bottom: 1px solid hsla(0, 0%, 100%, .2);
					border-right: 0;
					font-size: 0;
					width: 100%
				}

				.about-d .cont .contlist .left .li {
					display: inline-block;
					margin-bottom: 1.5rem;
					vertical-align: top;
					width: 50%
				}

				.about-d .cont .contlist .left .col-fff {
					font-size: 18px
				}

				.about-d .cont .contlist .right {
					margin-right: 0;
					overflow: hidden;
					padding-left: 0;
					width: 100%
				}

				.about-d .cont .contlist .right .li {
					flex-direction: column;
					padding-top: 1.5rem
				}

				.about-d .cont .contlist .right .li .t4 {
					width: 100%
				}

				.about-d .cont .av-page {
					margin-top: 1rem;
					text-align: center
				}

				.about-d .cont .av-page .li {
					color: #fff;
					opacity: .5
				}

				.about-d .cont .av-page .li.on {
					opacity: 1
				}

				.about-e {
					display: none
				}

				.about-f {
					padding: 1.5rem 0
				}

				.about-f .content {
					flex-wrap: wrap
				}

				.about-f .content .li {
					width: 49%
				}

				.about-f .content .li .txt .tit-38 {
					font-size: 24px
				}

				.about-f .content .li .txt .tit-28 {
					font-size: 16px;
					line-height: 1.5;
					margin-top: .25rem
				}

				.history {
					padding: 1.5rem 0
				}

				.history .top {
					align-items: flex-start;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					width: 100%
				}

				.history .top .rightlist {
					display: block;
					font-size: 0;
					line-height: 1.5;
					margin-top: .75rem;
					overflow: auto;
					white-space: nowrap;
					width: 100%
				}

				.history .top .rightlist .tit-17 {
					display: inline-block;
					margin-left: 0;
					margin-right: .4rem
				}

				.history .content .list .li {
					border-bottom: 1px solid rgba(0, 0, 0, .1);
					padding-bottom: 1rem
				}

				.history .content .list .li.imgs {
					margin-top: 0
				}

				.history .content .list .li .content {
					padding-right: 0;
					width: 100%
				}

				.history .content .line {
					display: none
				}

				.history .content .list .li {
					margin-bottom: 1rem
				}

				.history .content .list .li:after {
					display: none
				}

				.history .content .list {
					margin-top: 1rem
				}

				.history .content .list .li:nth-child(2n) .content {
					padding-left: 0
				}

				.inn-a,
				.inn-b {
					padding: 1.5rem 0
				}

				.inn-a-a {
					display: block
				}

				.inn-a-a .img {
					height: 8rem;
					overflow: hidden;
					width: 100%
				}

				.inn-a-a .txt {
					margin-top: .5rem;
					padding-left: 0;
					width: 100%
				}

				.inn-a-a .txt .t1 {
					padding-top: 0
				}

				.inn-a-a .txt .t2 {
					margin-top: 1rem
				}

				.inn-a-b {
					display: flex;
					flex-direction: column-reverse;
					margin-top: 2.95rem
				}

				.inn-a-b .img {
					height: 8.05rem;
					overflow: hidden;
					width: 100%
				}

				.inn-a-b .txt {
					flex-direction: column;
					margin-top: 1rem;
					padding-right: 0;
					width: 100%
				}

				.inn-a-b .txt .li {
					width: 100%
				}

				.inn-b .content .innb-container .swiper-slide {
					margin-right: 5%;
					width: 90%
				}

				.industry {
					padding: 1.5rem 0
				}

				.ind-a {
					display: none;
					padding: 1rem 0
				}

				.ind-b {
					margin-top: 1rem
				}

				.ind-b .tit-24 {
					font-size: 16px
				}

				.ind-b .list {
					display: block;
					font-size: 0
				}

				.ind-b .list .li {
					width: 100%
				}

				.ind-b .list .li .txt {
					border-left: 0;
					padding: .75rem 0
				}

				.ind-c {
					margin-top: 0;
					padding: 1.5rem 0
				}

				.indc-container {
					padding: 0 1rem
				}

				.honor {
					padding: 1.5rem 0
				}

				.honor .top-honor {
					margin-top: 1rem
				}

				.honor .top-honor .li {
					padding: 0 .5rem;
					width: 50%
				}

				.honor .top-honor .li .img {
					text-align: center
				}

				.honor .top-honor .li img {
					display: inline-block
				}

				.honor .top-honor .li .showde {
					text-align: center
				}

				.honor .top-honor .li {
					margin-bottom: .5rem
				}

				.honor-list .tit .lh1 {
					font-size: 18px
				}

				.about-f.cil .content .li {
					width: 100%
				}

				.social-b {
					padding: 1.5rem 0
				}

				.social-b .list-container .swiper-slide {
					display: block;
					margin-right: 6%;
					width: 88%
				}

				.social-b .list-container .swiper-slide .img {
					width: 100%
				}

				.social-b .list-container .swiper-slide .txt {
					padding: 1rem 0
				}

				.social-b .list-container .swiper-slide .txt .t {
					margin-top: .25rem
				}

				.social-c {
					margin-top: 0;
					padding: 1.5rem 4%
				}

				.social-c .top {
					display: none
				}

				.soc-b-container {
					margin-bottom: 0;
					margin-top: 0;
					width: 100%
				}

				.soc-b-container .swiper-slide {
					height: 6rem;
					width: 80%
				}

				.soc-b-txt {
					width: 100%
				}

				.soc-b-txt .t2 {
					padding: 0
				}

				.soc-b-txt .txt .li {
					margin-bottom: .75rem;
					padding: 0;
					width: 100%
				}

				.soc-b-txt .txt .li:after,
				.soc-b-txt .txt .li:nth-child(3n):before {
					display: none
				}

				.soc-b-txt .txt .li .rbox {
					text-align: center
				}

				.soc-b-txt .txt .li .numbox {
					justify-content: center
				}

				.social-c {
					padding-bottom: 0
				}

				.social-e {
					padding: 1.5rem 0
				}

				.social-e .ullist2 .swiper-slide {
					margin-right: 5%;
					width: 90%
				}

				.sub-banner.cust .txt {
					left: 4%
				}

				.sub-banner.cust .txt .t2 {
					margin-top: .75rem
				}

				.customer {
					padding: 1.5rem 0
				}

				.customer .imgbox .bg,
				.customer .imgbox .numlist {
					display: block
				}

				.customer .imgbox .numlist .li {
					padding: 1rem;
					width: 100%
				}

				.customer .content {
					margin-top: 1rem
				}

				.customer .content .tit-24 {
					line-height: 1.5
				}

				.circt-b .tit-18,
				.svg-amin {
					display: none
				}

				.customer .content:last-child .mb {
					margin-top: 1rem
				}

				.customer .content:last-child .mb .tit-18 {
					color: #7e343b;
					font-weight: 500;
					line-height: 1.2;
					margin-bottom: 1rem;
					padding-left: .5rem;
					position: relative;
					text-align: left
				}

				.customer .content:last-child .mb .tit-18:after {
					background-color: #7e343b;
					border-radius: 50%;
					content: "";
					height: 6px;
					left: 0;
					position: absolute;
					top: .2rem;
					width: 6px
				}

				.customer .content {
					padding-bottom: 0
				}

				.n-story {
					padding: 1.5rem 0
				}

				.download.n-story .tabul {
					margin-top: .75rem
				}

				.download .list .li {
					margin-right: 0;
					padding: 0 .5rem;
					width: 50%
				}

				.download .list .li .t {
					padding-right: 0
				}

				.download .list .li {
					margin-bottom: 0
				}

				.download-doilg .box {
					padding: 1.5rem 1rem;
					width: 90%
				}

				.download-doilg .box .tit1 {
					margin-bottom: .5rem;
					padding-bottom: .5rem
				}

				.download-doilg .box .formbox .li {
					width: 100%
				}

				.download-doilg .box .formbox .input {
					height: 30px
				}

				.download-doilg .box .formbox .li {
					margin-bottom: 10px
				}

				.download-doilg .box .submitbtn {
					margin-top: .5rem
				}

				.download-doilg .box .close {
					background: #000;
					height: 32px;
					opacity: 1;
					position: absolute;
					right: -12px;
					top: -10px;
					width: 47px
				}

				.products-list1 {
					padding: 1.5rem 0
				}

				.products-list1 .itembox {
					margin-bottom: 1rem;
					margin-right: 0;
					width: 100%
				}

				.products-list1 .itembox .tit4 {
					font-size: 16px;
					margin-bottom: 1rem
				}

				.products-list1 .itembox .tit3 {
					margin-bottom: .5rem
				}

				.products-list1 .ulbox {
					margin-top: 1rem
				}

				.products-list1 .ulbox .li {
					margin-bottom: 1rem;
					margin-right: 0;
					width: 100%
				}

				.products-list1 .ulbox .li .text .tit4 {
					font-size: 28px;
					margin-bottom: .25rem
				}

				.products-list2 {
					background-size: cover;
					padding: 1.5rem 0
				}

				.tit-38 {
					font-size: 28px
				}

				.products-list2 .ul .li {
					margin-bottom: 10px;
					width: 100%
				}

				.products-list .leftbox .navbox .title {
					font-size: 18px;
					padding: 0
				}

				.products-list .rightbox {
					margin: 1rem 0 0;
					padding: 0;
					width: 100%
				}

				.products-list .rightbox .tipbox-top {
					display: block
				}

				.products-list .rightbox .selectbox .sp {
					font-size: 16px;
					height: 1.2rem;
					padding: 0 .5rem;
					width: 100%
				}

				.products-list .rightbox .selectbox .icon {
					margin-left: 0;
					margin-right: 1rem
				}

				.products-list .rightbox .tipbox {
					margin-left: 0
				}

				.products-list .rightbox .warpselect {
					padding: .5rem 0
				}

				.products-list .rightbox .warpselect .spbtn {
					cursor: pointer;
					font-size: 12px;
					height: 30px;
					margin-bottom: .5rem;
					margin-right: .5rem;
					padding: 0 .5rem;
					position: relative;
					transition: all .6s
				}

				.products-list .rightbox .warpselect .spbtn .scolse {
					height: 14px;
					width: 17px
				}

				.products-list .rightbox .ullist .li .img {
					width: 100%
				}

				.products-list .rightbox .ullist .li .text {
					margin-top: 1rem;
					width: 100%
				}

				.products-list .rightbox .ullist .li .ntext {
					border-right: 0;
					padding-right: 0;
					width: 100%
				}

				.products-list .rightbox .ullist .linkbox {
					display: block;
					margin-top: .75rem;
					padding: 0;
					width: 100%
				}

				.products-list .rightbox .linkbox {
					text-align: center
				}

				.products-list .rightbox .linkbox a {
					display: inline-block;
					width: auto
				}

				.products-list .rightbox .ullist .linkbox .botton {
					margin: 0 .5rem
				}

				.n-content .ul_list {
					width: 100%
				}

				.zw1640 {
					max-width: 92%
				}

				.zsub-banner .text {
					font-size: 28px
				}

				.zsub-banner {
					height: 13rem
				}

				.zsub-banner .text {
					top: 3.5rem
				}

				.about-c .content .cont .t2 {
					font-size: 16px
				}

				.about-c .content .cont2 .botlist {
					display: block;
					margin-top: .25rem;
					position: relative;
					width: 92%
				}

				.about-c .content .cont2 .botlist .li {
					padding: .5rem 0;
					width: 100%
				}

				.about-c .content .cont2 .botlist .li .tit-20 {
					font-size: 14px
				}

				.about-c .content .cont2 .botlist .li .icon {
					width: 1.25rem
				}

				.home-d .li {
					display: none
				}

				.home-d .txt {
					left: 4%;
					position: absolute;
					top: 1.5rem;
					z-index: 3
				}

				.home-d .txt .t3 {
					margin-top: 1rem
				}

				.about-d .cont .contlist .right .li:last-child {
					margin-bottom: 0
				}

				.n-investor .leftbox {
					padding: 0 .5rem 1.5rem
				}

				.n-investor .rightbox {
					padding: .5rem;
					width: 100%
				}

				.n-investor .leftbox .tit1 {
					height: 1.5rem;
					margin-bottom: .5rem
				}

				.tit-50 {
					font-size: 28px
				}

				.n-investor .leftbox .li {
					border-right: 0;
					margin-bottom: .5rem;
					padding: 0;
					text-align: left !important;
					width: 50%
				}

				.n-investor .leftbox .tit6 {
					font-size: 24px
				}

				.n-investor .leftbox .tit4 {
					font-size: 20px
				}

				.n-investor .leftbox .ulbox {
					margin-bottom: 1rem
				}

				.n-investor .leftbox .tit7 {
					font-size: 14px
				}

				.n-investor .rightbox .tabul {
					font-size: 0;
					width: 100%
				}

				.n-investor .rightbox .tabul .li {
					display: inline-block;
					height: auto;
					text-align: center;
					width: 25%
				}

				.n-investor .rightbox .img {
					width: 100%
				}

				.home-b .bg,
				.main-scoll,
				.swiper-container-vertical>.main-pagination.swiper-pagination-bullets {
					display: none
				}

				.home-b .ebox {
					height: auto;
					margin-left: 0;
					width: 100%
				}

				.cooperate-list1 {
					padding: 1.5rem 0
				}

				.n-content .maptext {
					display: none
				}

				.cooperate-list1 .conbox {
					margin: 1.25rem auto 0;
					width: 100%
				}

				.logding {
					display: none
				}

				.cooperate-list1 .conbox .li {
					align-items: flex-start;
					display: flex;
					flex-flow: row wrap;
					flex-direction: column;
					margin-bottom: .5rem;
					padding: .5rem;
					width: 100%
				}

				.cooperate-list1 .conbox .li:last-child {
					margin-bottom: 0
				}

				.zw1520 {
					max-width: 92%
				}

				.cooperate-list1 .conbox .itembox {
					align-items: flex-start;
					display: flex;
					flex-flow: row wrap;
					flex-direction: column;
					margin-left: 0;
					margin-top: .5rem;
					width: 100%
				}

				.cooperate-list1 .conbox .itembox .nli {
					margin-right: 0;
					width: 100%
				}

				.cooperate-list2 .text {
					text-align: center;
					top: 1.5rem;
					width: 100%
				}

				.cooperate-list2 .text .tit4 {
					font-size: 28px
				}

				.cooperate-list2 .tabul .li {
					margin-bottom: .5rem;
					margin-right: 0;
					padding: .5rem;
					width: 100%
				}

				.cooperate-list3 .tabul {
					flex-direction: column-reverse
				}

				.cooperate-list3 .warpitem {
					padding: 1.5rem 0
				}

				.cooperate-list3 .libox {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap
				}

				.cooperate-list3 .itemli .sp {
					border-bottom: 2px solid #f7f7f7;
					width: 100%
				}

				.cooperate-list3 .formbox .li {
					margin-right: 0;
					width: 100%
				}

				.cooperate-list3 .formbox .input {
					height: 40px
				}

				.cooperate-list3 .submitbtn {
					cursor: pointer;
					height: 35px;
					left: auto;
					margin: .5rem auto 0;
					position: relative;
					transform: translateX(0);
					width: 120px
				}

				.cooperate-list3 .submitbtn .botton:before {
					height: 35px;
					width: 120px
				}

				.cooperate-list4 {
					padding: 1.5rem 0
				}

				.cooperate-list4 .coopbox .ul .li {
					display: block;
					padding: .75rem 1rem
				}

				.cooperate-list4 .coopbox .ul .li .leftbox {
					margin-bottom: 1rem;
					width: 100%
				}

				.cooperate-list4 .coopbox .ul .li .icon2 {
					height: 20px;
					width: 20px
				}

				.cooperate-list5 .itembox {
					display: block
				}

				.cooperate-list5 .itembox .img {
					width: 100%
				}

				.cooperate-list5 .text {
					padding: .5rem;
					width: 100%
				}

				.cooperate-list5 .text .tit5 {
					margin-top: 1rem;
					padding-bottom: 1rem
				}

				.cooperate-list5 .text .tit5 span {
					display: block
				}

				.cooperate-list6 {
					padding: 1rem 0
				}

				.cooperate-list6 .tabbox td {
					white-space: nowrap
				}

				.cooperate-list6 .tabbox {
					overflow: auto
				}

				.home-b .mimg {
					left: 0;
					position: relative;
					top: 0
				}

				.home-b .txt {
					left: 4%;
					position: absolute;
					top: 1.5rem
				}

				.home-b .numlist {
					bottom: 1rem;
					left: 4%;
					position: absolute;
					top: auto;
					width: 92%
				}

				.about-c .content .cont2 .botlist .li {
					border-bottom: 1px solid hsla(0, 0%, 100%, .6);
					padding-bottom: 1rem
				}

				.about-c .content .cont2 .botlist {
					width: 100%
				}

				.history .content .list .li .tops {
					align-items: flex-start;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					text-align: left;
					width: 100%
				}

				.history .content .list .li .t4 {
					margin-top: .5rem;
					text-align: left
				}

				.about-c .content .cont .numlist {
					display: none
				}

				.about-c .content .cont .m-numlist .li {
					border-left: 1px solid hsla(0, 0%, 100%, .1);
					padding-bottom: 2.4rem;
					padding-left: 1rem;
					width: 20%
				}

				.about-c .content .cont .m-numlist .li .numbox {
					color: #e70012;
					display: flex;
					line-height: 1
				}

				.about-c .content .cont .m-numlist .li .numbox .dw {
					font-weight: 500;
					margin-left: 8px;
					margin-top: 5px
				}

				.about-c .content .cont .m-numlist .li .t4 {
					color: #fff;
					font-weight: 500;
					line-height: 1.4
				}

				.about-c .content .cont .m-numlist .li .icon {
					margin-top: 1.5rem;
					width: 1.3rem
				}

				.about-c .content .cont .m-numlist {
					bottom: auto;
					display: block;
					margin-top: 1rem;
					overflow: hidden;
					position: relative;
					width: 100%
				}

				.about-c .content .cont .m-numlist .li {
					border-left: 0 solid #000;
					border-top: 1px solid hsla(0, 0%, 100%, .1);
					padding-bottom: .5rem;
					padding-left: 0;
					padding-top: 1.5rem;
					position: relative;
					width: 100%
				}

				.about-c .content .cont .m-numlist .li .icon {
					filter: grayscale(1000) brightness(1000000);
					margin-top: 0;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%)
				}

				.about-c .content .cont .m-numlist .swiper-pagination {
					margin-top: 1rem !important;
					position: relative !important
				}

				.about-c .content .cont .m-numlist .swiper-pagination span {
					background: transparent;
					border-radius: 0;
					color: #fff;
					cursor: pointer;
					font-family: "DINMittelschriftStd";
					font-size: 15px;
					font-weight: 500;
					line-height: 1.2;
					margin-right: .7rem;
					margin: 0 .35rem !important;
					opacity: 1;
					padding-top: 10px;
					text-align: center;
					transition: all .5s;
					width: 15px
				}

				.about-c .content .cont .m-numlist .swiper-pagination span.swiper-pagination-bullet-active {
					background: url(../img/pageicon.png) no-repeat;
					background-position: top;
					background-size: 15px auto;
					color: #e70012;
					opacity: 1
				}

				.mbright-container .swiper-pagination {
					margin-top: 1rem !important;
					position: relative !important
				}

				.mbright-container .swiper-pagination span {
					background: transparent;
					border-radius: 0;
					color: #fff;
					cursor: pointer;
					font-family: "DINMittelschriftStd";
					font-size: 15px;
					font-weight: 500;
					line-height: 1.2;
					margin-right: .7rem;
					margin: 0 .35rem !important;
					opacity: 1;
					padding-top: 10px;
					text-align: center;
					transition: all .5s;
					width: 15px
				}

				.mbright-container .swiper-pagination span.swiper-pagination-bullet-active {
					background: url(../img/pageicon.png) no-repeat;
					background-position: top;
					background-size: 15px auto;
					color: #e70012;
					opacity: 1
				}

				.n-activity .list3 .tabul .li {
					display: block;
					font-size: 0;
					overflow: auto;
					text-align: left;
					white-space: nowrap
				}

				.n-activity .list3 .tabul .li .item,
				.n-activity .list3 .tabul .li .liname {
					display: inline-block;
					font-size: 14px
				}

				.n-story .tabul .li {
					display: block;
					font-size: 0;
					overflow: auto;
					text-align: left;
					white-space: nowrap
				}

				.n-story .tabul .li .item,
				.n-story .tabul .li .liname {
					display: inline-block;
					font-size: 14px
				}

				.n-activity .swiper-pagination span {
					margin: 0 .2rem !important
				}

				.products-list1 .ulbox .li {
					height: 5rem
				}

				.n-cooperate .formbox .input {
					height: 40px
				}

				.n-cooperate .submitbtn .botton {
					cursor: pointer;
					height: 35px;
					left: auto;
					margin: .5rem auto 0;
					position: relative;
					transform: translateX(0);
					width: 120px
				}

				.n-cooperate .submitbtn .botton:before {
					height: 35px;
					width: 120px
				}

				.n-investor {
					padding: 1.5rem 0
				}

				.n-investor .leftbox {
					background: #fff;
					border: 0;
					box-shadow: none;
					padding: 0;
					width: 100%
				}

				.n-investor .title {
					margin-bottom: .75rem
				}

				.n-investor .rightbox {
					box-shadow: none
				}

				.zsub-banner .text svg {
					top: 10px
				}

				.search-info {
					padding-bottom: 2rem;
					padding-top: 3rem
				}

				.search-info .content .right {
					padding-left: 0;
					width: 100%
				}

				.search-info .content .right .lis .plist .pli {
					display: block;
					padding: 1rem .5rem
				}

				.search-info .content .right .lis .plist .pli .img {
					width: 100%
				}

				.search-info .content .right .lis .plist .pli .txt {
					margin-top: 1rem;
					padding: 0;
					width: 100%
				}

				.search-info .content {
					display: block
				}

				.search-info .content .left {
					background-color: rgba(0, 0, 0, .2);
					bottom: 0;
					display: none;
					height: 100%;
					left: 0;
					padding-bottom: 1.7rem;
					position: fixed;
					width: 100%;
					z-index: 3
				}

				.search-info .content .left .li {
					background-color: #fff
				}

				.search-info .content .left .p {
					display: flex;
					flex-direction: column;
					height: 100%;
					justify-content: flex-end;
					width: 100%
				}

				.selsects {
					align-items: center;
					background-color: #f2f2f2;
					display: flex !important;
					height: 50px;
					justify-content: space-between;
					margin-top: 1rem;
					padding: 0 .5rem;
					width: 100%
				}

				.selsects .t {
					font-size: .5rem;
					font-weight: 500
				}

				.selsects svg {
					fill: #e70012;
					transform: rotate(90deg)
				}

				.search-info .content .right .lis .ullist2 {
					display: block
				}

				.search-info .content .right .lis .ullist2 .text {
					background-color: #f6f6f6
				}

				.zk_search_wrap {
					width: 90%
				}

				.head_seachbox {
					height: 1rem;
					line-height: 1rem
				}

				.head_seachbox .seach_submit {
					height: calc(100% + 3px);
					width: 3rem
				}

				.head_seachbox .seach_input {
					background-size: 17px
				}

				.search-info .content .right .lis .slist {
					display: block
				}

				.search-info .content .right .lis .slist .sli {
					margin-right: 0;
					width: 100%
				}

				.customer .imgbox .bg.mb {
					align-items: flex-end;
					display: flex !important;
					overflow: hidden
				}

				.download .list {
					margin-top: .5rem
				}

				.download .list .li .mak .lis.send {
					display: none
				}

				.download .list .li .mak {
					background-color: transparent
				}

				.download .list .li .mak .lis {
					height: 100%;
					opacity: 0 !important;
					width: 100%
				}

				.customer .imgbox .bg .swiper-pagination {
					margin-top: 1rem !important;
					position: relative !important
				}

				.customer .imgbox .bg .swiper-pagination span {
					background: transparent;
					border-radius: 0;
					color: #fff;
					cursor: pointer;
					font-family: "DINMittelschriftStd";
					font-size: 15px;
					font-weight: 500;
					line-height: 1.2;
					margin-right: .7rem;
					margin: 0 .35rem !important;
					opacity: 1;
					padding-top: 10px;
					text-align: center;
					transition: all .5s;
					width: 15px
				}

				.customer .imgbox .bg .swiper-pagination span.swiper-pagination-bullet-active {
					background: url(../img/pageicon.png) no-repeat;
					background-position: top;
					background-size: 15px auto;
					color: #e70012;
					opacity: 1
				}

				.n-content .wmapbox .imgbox .dian.cur {
					background-color: #fff
				}

				.n-content .wmapbox .imgbox .dian.cur:before {
					background: rgba(231, 0, 18, .9)
				}

				.n-content .wmapbox:after {
					content: "";
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 33
				}

				.mbclist {
					background-color: #fff;
					border-top: 2px solid #e70012;
					margin-left: 4%;
					padding: .5rem 0;
					width: 92%
				}

				.mbclist .selsects {
					margin-top: 0
				}

				.mcoolist {
					border-bottom: 1px solid rgba(0, 0, 0, .1);
					margin-top: .75rem;
					width: 100%
				}

				.mcoolist .li {
					border: 1px solid rgba(0, 0, 0, .1);
					border-bottom: 0 solid #000;
					display: flex;
					justify-content: space-between;
					padding: .5rem;
					width: 100%
				}

				.ind-c .t1 {
					width: 100%
				}

				.icont .maptext {
					display: block
				}

				.headerwarp {
					height: 1.85rem
				}

				.newsp .text {
					color: #222;
					left: auto;
					padding: 1rem 0;
					position: relative;
					top: auto;
					transform: translateX(0)
				}

				.newsp .text .col-fff,
				.newsp.zsub-banner2 .tit4 {
					color: #222
				}

				.newsp.zsub-banner2 {
					height: auto
				}

				.newsp.zsub-banner2 .bg {
					height: 8rem
				}

				.new .list .li {
					padding: 0
				}

				.new .list .li .txt {
					padding: .5rem 0;
					width: 100%
				}

				.new .list .li .txt .t1 {
					font-size: 20px
				}

				.new .list .li .txt .t2 {
					font-size: 14px;
					margin-top: .75rem
				}

				.new .list .li {
					min-height: auto
				}

				.about-a .right .numlist .li .numbox .tit-72 {
					font-size: 28px
				}

				.about-c .content .cont .t3 {
					width: 100%
				}

				.cases-new1 .content {
					display: block;
					margin-top: 1rem
				}

				.cases-new1 .content .left {
					width: 100%
				}

				.cases-new1 .content .rightbox {
					margin-left: 0;
					width: 100%
				}

				.cases-new1 .content .rightbox .ullist .li {
					display: block
				}

				.cases-new1 .content .rightbox .ullist .li .text {
					display: block;
					width: 100%
				}

				.cases-new1 .content .rightbox .ullist .li .ntext {
					border: 0;
					padding-right: 0;
					width: 100%
				}

				.cases-new1 {
					padding: 1.5rem 0 0
				}

				.cases-new1 .content .rightbox .ullist .li:last-child {
					margin-bottom: 0
				}

				.cases-new1 .content .rightbox .ullist .li .img,
				footer .left .f-nav .li {
					width: 100%
				}

				.cases-detail6 .swiper-slide {
					display: block
				}

				.cases-detail5 .tab-container .swiper-slide {
					width: auto
				}

				.cases-detail5 .tab-container .swiper-wrapper {
					flex-flow: inherit
				}

				.cases-alert .contentbox {
					margin-top: -2rem
				}

				.cases-alert .ulbox .li {
					width: 100% !important
				}

				.cases-list1 {
					overflow: hidden
				}

				.culture-a {
					padding: 1.5rem 0
				}

				.culture-a .view2 {
					display: block
				}

				.culture-a .list {
					margin-top: 1rem
				}

				.video-list .li {
					margin-bottom: .75rem;
					margin-right: 1rem;
					width: calc(50% - .5rem)
				}

				.video-list .li:nth-child(2n) {
					margin-right: 0
				}

				.video-list .li .img {
					height: 3rem
				}

				.video-list .li .img .play {
					height: 1rem;
					width: 1rem
				}

				.video-list .li .img .play .tran-middle {
					width: .5rem
				}

				.down-search {
					position: relative;
					width: 100%
				}

				.download {
					background-color: #f8f8f8
				}

				.download .list .li {
					padding: 0 .25rem;
					width: 33%
				}

				.download .list .li .img {
					padding-bottom: 0;
					padding-top: 0
				}

				.download .list .li .t {
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					display: -webkit-box;
					font-size: .4rem;
					margin-bottom: .5rem;
					overflow: hidden;
					text-overflow: ellipsis
				}

				.n-content .wmapbox .imgbox .dian .t {
					font-size: 9px;
					top: -.3rem
				}

				.n-content .wmapbox .mc {
					display: none
				}

				.cases-new2 .text .cont {
					height: auto;
					margin-top: 1rem;
					padding-right: 0
				}

				.y-list-new {
					display: block
				}

				.y-list-new .li {
					flex-direction: column;
					width: 100%
				}

				.y-list-new .li .y-tt {
					padding: .22rem 0;
					width: 100%
				}

				.y-list-new .li .y-a-list {
					padding: .3rem 1rem;
					width: 100%
				}

				.mt30 {
					text-align: left
				}

				.cases-detail4 .litop .cont {
					height: auto
				}

				.y-tit {
					margin-top: .25rem;
					width: 100%
				}

				.f-no-a-center {
					justify-content: start
				}

				.cases-detail5 .tab-container .item {
					padding: .3rem .7rem !important
				}

				.select-box {
					background-color: #f2f2f2;
					left: auto;
					margin-top: .5rem;
					position: relative;
					top: auto
				}

				.cooperate-list2 {
					height: 9rem
				}

				.cooperate-list3 .warpitem .tabul2 .li {
					margin: 0 0 .5rem;
					width: 100%
				}

				.social-e .ullist2 .li .img {
					height: 4.2rem !important
				}

				.social-e .ullist2 .li .img img {
					height: 100%;
					max-width: none;
					-o-object-fit: cover;
					object-fit: cover;
					width: 100%
				}

				.tit-48 {
					font-size: .8rem
				}

				.newinfo2 .tit2 {
					font-size: .6rem
				}

				.newinfo2 .ulbox .li .img {
					height: auto
				}

				.n-products .n-navsub {
					padding-top: 0
				}

				.mt30 {
					margin-top: .5rem
				}

				.cases-detail3 .ulbox .li .text {
					padding-right: 0;
					width: 100%
				}

				.cases-new2 {
					padding-top: 0
				}

				.n-investor .bot-p {
					display: none
				}

				.cooperate-list3 .formbox {
					padding: .5rem
				}

				.cooperate-list3 .formbox .sp {
					font-size: .4rem
				}

				.search-info .content .right .lis .ullist2 .uli .img {
					height: 4rem
				}

				.search-info .content .right .lis .ullist2 .uli .img img {
					height: 100%;
					max-width: none;
					-o-object-fit: cover;
					object-fit: cover;
					width: 100%
				}

				.search-info .content .right .lis .ullist2 .ali .img {
					height: 4rem
				}

				.search-info .content .right .lis .ullist2 .ali .img img {
					height: 100%;
					max-width: none;
					-o-object-fit: cover;
					object-fit: cover;
					width: 100%
				}

				.search-info .content .right .lis .ullist2 .tiplist {
					display: block;
					margin-top: .5rem
				}

				.search-info .content .right .lis .ullist2 .tiplist .p {
					margin-bottom: .2rem
				}

				.search-info .content .right .lis .dlist .li {
					margin-right: 2%;
					width: 49%
				}

				.search-info .content .right .lis .dlist .li:nth-child(2n) {
					margin-right: 0
				}

				.search-info .content .right .lis .dlist {
					display: block
				}
			}

			@media (max-width:500px) {

				.cases-list1 .ulbox .li,
				.culture-a .img,
				.culture-a .txt {
					width: 100%
				}
			}

			.nuxt-progress {
				background-color: #000;
				height: 2px;
				left: 0;
				opacity: 1;
				position: fixed;
				right: 0;
				top: 0;
				transition: width .1s, opacity .4s;
				width: 0;
				z-index: 999999
			}

			.nuxt-progress.nuxt-progress-notransition {
				transition: none
			}

			.nuxt-progress-failed {
				background-color: red
			}
			main-container