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

 @charset "UTF-8";

 .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 img{width: 93px;height: 93px}
 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-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%
 }

 @media (max-width: 1024px) {
 	.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
 	}
.v-video{padding: 0}
     .v-video .contentbox{padding-top: 30px; }
 	.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
 	}

 	.home-cs {
 		padding: 1.5rem .75rem;
 	}
 }

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

 .liulis {
 	display: none
 }

 .liulis:first-child {
 	/*display: block;*/
 }

 .pc-header.index .right .yin {
 	color: #333;
 }

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

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

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

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

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

 /* .lius .pc-header .right .phone .icon svg {
     fill: #333;
 } */
 .lius .pc-header .right .search .icon,
 .lius .pc-header .right .webgroud .tit-16 .icon {
 	fill: #333;
 }

 header.up {
 	top: -2.35rem;
 }

 .znavwarp.news.up {
 	top: 0;
 }

 .soc-b-txt .lig.on {
 	display: block;
 }

 .newsdal {
 	padding: 4% 0;
 }

 .newsdal h4 {
 	font-size: 0.6rem;
 	margin-bottom: 20px;
 }

 .newsdal span.time {
 	font-size: 18px;
 	color: #666666;
 }

 .newsdal .newbox p {
 	font-size: 0.4rem;
 	font-weight: 400;
 	line-height: 30px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	color: black;
 }

 .newsdal img {
 	display: block;
 	margin: 10px auto;
 }

 .monenet {
 	margin-top: 50px;
 }

 .monenet p {
 	font-size: 0.5rem;
 	font-weight: 500;
 	line-height: 30px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 }

 .news-container {
 	margin-top: 1.575rem
 }

 .news-container .swiper-slide {
 	display: block;
 	margin-right: 1.5rem;
 	width: 12rem
 }

 .news-container .swiper-slide:last-child {
 	margin-right: 0
 }

 .news-container .swiper-slide .img {
 	overflow: hidden;
 	width: 100%
 }

 .news-container .swiper-slide .img img {
 	transition: all .5s
 }

 .news-container .swiper-slide .t1 {
 	color: #444;
 	font-weight: 700;
 	margin-top: .4rem;
 	transition: all .5s
 }

 .news-container .swiper-slide .time {
 	color: #999;
 	font-weight: 700;
 	line-height: 1;
 	margin-top: .4rem
 }

 .news-container .swiper-slide:hover .t1 {
 	color: #d9263b
 }

 .news-container .swiper-slide:hover .img img {
 	transform: scale(1.02)
 }

 .news-container .swiper-scrollbar {
 	margin-top: 1.5rem;
 	position: relative !important
 }

 .news-container .swiper-scrollbar .swiper-scrollbar-drag {
 	background-color: #e70012
 }

 .sb {
 	bottom: 1rem;
 	left: 50%;
 	position: absolute;
 	transform: translateX(-50%);
 	z-index: 333
 }

 .sb svg {
 	width: 36px
 }

 .remov {
 	animation: mous .7s linear infinite
 }

 @keyframes mous {
 	0% {
 		transform: translateY(0)
 	}

 	50% {
 		transform: translateY(10%)
 	}

 	to {
 		transform: translateY(0)
 	}
 }

 #iviewUi {
 	bottom: 10rem;
 	left: 0;
 	position: absolute;
 	width: 100%
 }

 .fadeup {
 	opacity: 0;
 	transform: translateY(20px);
 	transition: all .5s
 }

 .swiper-slide-active .fadeup {
 	opacity: 1;
 	transform: translateY(0)
 }

 .swiper-slide-active .del1 {
 	transition-delay: 1s
 }

 .swiper-slide-active .del2 {
 	transition-delay: 1.2s
 }

 .swiper-slide-active .del3 {
 	transition-delay: 1.3s
 }

 .home-cs {
 	align-items: flex-start;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	padding: 0 2.25rem;
 	background: white;
 }

 .wnews-container {
 	position: relative;
 	width: 100%;
 }

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

 .main-container,
 .vh100 {
 	height: 100vh;
 	overflow: hidden;
 }

 .wnews-container .button-prev {
 	border: 1px solid rgba(0, 0, 0, .2);
 	border-radius: 50%;
 	cursor: pointer;
 	height: 50px;
 	left: 0;
 	margin-top: -25px;
 	position: absolute;
 	top: 50%;
 	transition: all .6s;
 	width: 50px;
 	z-index: 3;
 }

 .f-no-c-center,
 .f-no-c-start {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: center;
 }

 .f-no-c-center {
 	align-items: center;
 }

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

 .wnews-container .button-prev .icon {
 	fill: #666;
 	height: 25px;
 	transform: rotate(-180deg);
 	transition: all .4s;
 	width: 25px;
 }

 .wnews-container .button-next {
 	border: 1px solid rgba(0, 0, 0, .2);
 	border-radius: 50%;
 	cursor: pointer;
 	height: 50px;
 	margin-top: -25px;
 	position: absolute;
 	right: 0;
 	top: 50%;
 	transition: all .6s;
 	width: 50px;
 	z-index: 3
 }

 .wnews-container .button-next .icon {
 	fill: #666;
 	height: 25px;
 	transition: all .4s;
 	width: 25px
 }

 .wnews-container .button-prev:hover {
 	background: #e70012;
 	border: 1px solid #e70012
 }

 .wnews-container .button-prev:hover .icon {
 	fill: #fff
 }

 .wnews-container .button-next:hover {
 	background: #e70012;
 	border: 1px solid #e70012
 }

 .wnews-container .button-next:hover .icon {
 	fill: #fff
 }

 .home-cs .top,
 .home-cs .top .more2 {
 	align-items: center;
 	display: flex;
 }

 .fadeup {
 	opacity: 0;
 	transform: translateY(20px);
 	transition: all .5s;
 }

 .home-cs .top {
 	justify-content: space-between;
 	width: 100%;
 }

 .swiper-slide-active .del1 {
 	transition-delay: 1s;
 }

 .swiper-slide-active .fadeup {
 	opacity: 1;
 	transform: translateY(0);
 }


 .home-cs .top .more2:hover svg {
 	transform: translateX(3px);
 }

 .home-cs .top .more2 svg {
 	fill: #e70012;
 	transition: all .5s;
 }

 .home-cs .top .more2 .mc {
 	font-weight: 600;
 	line-height: 1;
 	margin-right: .25rem;
 }

 .mc {
 	color: #e70012;
 }

 .wnews-container .news-container {
 	margin-left: auto;
 	margin-right: auto;
 	overflow: hidden;
 	width: calc(100% - 170px);
 }

 .home-a .txt {
 	left: 0;
 	padding: 0 2.45rem;
 	position: absolute;
 	text-align: center;
 	top: 40%;
 	width: 100%;
 	z-index: 3;
 }

 .home-a .txt .t1 {
 	font-weight: 700;
 	line-height: 1;
 	position: relative
 }

 .home-a .txt .t1:after {
 	background-color: #fff;
 	content: "";
 	height: .075rem;
 	left: -2.45rem;
 	position: absolute;
 	top: 50%;
 	transform: translateY(-50%);
 	width: 1.675rem
 }

 .home-a .txt .t2 {
 	color: #fff;
 	font-weight: 700;
 	line-height: 1.2;
 	margin-top: .25rem
 }

 .more {
 	background: #e70012;
 	display: block;
 	padding: .45rem 0;
 	width: 3.6rem
 }

 .more .fx {
 	align-items: center;
 	display: flex;
 	justify-content: center;
 	width: 100%
 }

 .more .tit-15 {
 	color: #fff;
 	line-height: 1.2;
 	margin-right: .225rem
 }

 .more .icon {
 	transition: all .3s
 }

 .more svg {
 	fill: #fff
 }

 .more:hover .icon {
 	transform: translateX(3px)
 }

 .home-a .txt .more {
 	margin-top: .75rem
 }


 .home-b .item {
 	border-radius: 50%;
 	cursor: pointer;
 	height: .875rem;
 	position: absolute;
 	width: .875rem
 }

 .home-b .item .box {
 	background-color: #e70012;
 	border-radius: 50%;
 	height: 100%;
 	position: relative;
 	width: 100%;
 	z-index: 3
 }

 .home-b .item .box .d {
 	background-color: #fff;
 	border-radius: 50%;
 	height: 9px;
 	width: 9px
 }

 .home-b .item .guang {
 	animation: scr 2s linear infinite;
 	background-color: #fff;
 	border-radius: 50%;
 	height: 1.575rem;
 	opacity: .4;
 	width: 1.575rem;
 	z-index: 2
 }

 .home-b .item .hover-box {
 	border-radius: .35rem;
 	box-shadow: 0 0 20px 5px rgba(0, 0, 0, .3);
 	opacity: 0;
 	overflow: hidden;
 	padding: 2px;
 	position: absolute;
 	transition: all .5s;
 	visibility: hidden;
 	width: 10.125rem;
 	z-index: 3
 }

 .home-b .item .hover-box img {
 	width: 100%
 }

 .home-b .item .hover-box .t {
 	background-image: linear-gradient(rgba(0, 0, 0, .2), transparent);
 	height: 100%;
 	left: 0;
 	padding: .7rem;
 	position: absolute;
 	top: 0;
 	width: 100%
 }

 .home-b .item:hover .hover-box {
 	opacity: 1;
 	visibility: inherit
 }

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

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

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

 .home-b .item1 {
 	left: 13.2%;
 	top: 72.67%
 }

 .home-b .item2 {
 	left: 13.5%;
 	top: 58.87%
 }

 .home-b .item3 {
 	left: 19.38%;
 	top: 16.94%
 }

 .home-b .item4 {
 	left: 31.69%;
 	top: 28.33%
 }

 .home-b .item5 {
 	left: 39.69%;
 	top: 54.33%
 }

 .home-b .item6 {
 	left: 72.86%;
 	top: 37.98%
 }

 .home-b .item7 {
 	left: 71.76%;
 	top: 47.17%
 }

 .home-b .item8 {
 	left: 75.64%;
 	top: 53.57%
 }

 .home-b .item9 {
 	left: 70.64%;
 	top: 81.57%
 }

 .home-b .item:hover {
 	z-index: 9
 }

 .home-b .item .hover-box {
 	left: 6.5rem;
 	top: 2rem;
 	z-index: 9
 }

 .home-b .item6 .hover-box,
 .home-b .item7 .hover-box,
 .home-b .item8 .hover-box,
 .home-b .item9 .hover-box {
 	left: -5.5rem;
 	top: -1.5rem;
 	z-index: 9
 }


 .home-b .item .hover-box {
 	left: 6.5rem;
 	top: 2rem;
 	z-index: 9;
 }

 .home-b .item .hover-box {
 	border-radius: .35rem;
 	box-shadow: 0 0 20px 5px rgba(0, 0, 0, .3);
 	opacity: 0;
 	overflow: hidden;
 	padding: 2px;
 	position: absolute;
 	transition: all .5s;
 	visibility: hidden;
 	width: 10.125rem;
 	z-index: 3;
 }

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

 .home-b .item .hover-box img {
 	width: 100%;
 }

 .home-b .item .hover-box .t {
 	background-image: linear-gradient(rgba(0, 0, 0, .2), transparent);
 	height: 100%;
 	left: 0;
 	padding: .7rem;
 	position: absolute;
 	top: 0;
 	width: 100%;
 }
/* .cases-detail6  .swiper-slide-active .ulbox .li .p {
			    display: block;
			    
			} */

 @media (max-width: 996px) {
 	.home-cs {
 		padding: 1.5rem .75rem;
 	}

 	.home-a .txt .t2,
 	.home-c .top .tit-16 {
 		font-size: 28px;
 	}

 	.home-a .txt {
 		padding-left: .75rem;
 		padding-right: .75rem;
 	}

 	.home-b .item .txt {
 		color: #fff;
 		font-size: 12px;
 		left: 50%;
 		position: absolute;
 		top: 120%;
 		transform: translateX(-50%);
 		white-space: nowrap;
 	}
	    .wnews-container .news-container {
	        width: calc(100% - 60px);
	    }
 }
 .norecord{text-align: center;margin: 50px auto;color: #999;clear: both}
 .tpage{padding:40px 0 0px 0;text-align: center}
 .pagination {
     display: inline-block;
     padding-left: 0;
     margin: 0px auto;
 }
 .pagination > li {
     display: inline;padding: unset  }

 .pagination > li > a,
 .pagination > li > span {
     position: relative;
     float: left;
     padding: 6px 14px;
     line-height: 1.42857143;
     color: #333;font-size: 14px;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 3px;
     margin: 0 2px; }

 .theme-black .pagination > li > a,
 .theme-black .pagination > li > span {
     color: #fff;
     padding: 6px 12px;
     background: #3f4649;
     border: none; }

 .pagination > li:first-child > a,
 .pagination > li:first-child > span {
     margin-left: 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px; }

 .pagination > li:last-child > a,
 .pagination > li:last-child > span {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px; }

 .pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
     z-index: 2;
     color: #333;
     background-color: #eee;
     border-color: #ddd; }

 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
 .pagination > .active > span:hover,
 .pagination > .active > a:focus,
 .pagination > .active > span:focus {
     z-index: 3;
     color: #fff;
     cursor: default;
     background-color: #e70012;
     border-color: #e70012; }

 .theme-black .pagination > .active > a,
 .theme-black .pagination > .active > span,
 .theme-black .pagination > .active > a:hover,
 .theme-black .pagination > .active > span:hover,
 .theme-black .pagination > .active > a:focus,
 .theme-black .pagination > .active > span:focus {
     z-index: 3;
     color: #fff;
     cursor: default;
     background-color: #23abf0;
     border-color: #23abf0; }

 .pagination > .disabled > span,
 .pagination > .disabled > span:hover,
 .pagination > .disabled > span:focus,
 .pagination > .disabled > a,
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus {
     color: #777;
     cursor: not-allowed;
     background-color: #fff;
     border-color: #ddd; }

 .pagination-lg > li > a,
 .pagination-lg > li > span {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333; }

 .pagination-lg > li:first-child > a,
 .pagination-lg > li:first-child > span {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px; }

 .pagination-lg > li:last-child > a,
 .pagination-lg > li:last-child > span {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px; }

 .pagination-sm > li > a,
 .pagination-sm > li > span {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5; }

 .pagination-sm > li:first-child > a,
 .pagination-sm > li:first-child > span {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px; }

 .pagination-sm > li:last-child > a,
 .pagination-sm > li:last-child > span {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px; }

 .pagination-total {
     height: 32px;
     margin-top: 20px;
     margin-bottom: 20px; }
 .pagination-total .am-vertical-align-middle {
     font-size: 1.4rem; }

.message{box-shadow: 0px 0px 8px #ccc;border-radius: 12px;padding: 50px;max-width: 1000px;margin: 50px auto;z-index:9!important;background: #fff;font-size: 14px}
.message .hd{text-align: center}
 .message .hd h1{font-size: 30px}
 .message .hd h3{margin-top: 15px;line-height: 1.6em}
.message .bd{margin-top: 30px}
 .message input,.message select,.message textarea{border: solid 1px #ddd;padding: 8px;border-radius: 6px;width: 100%}
 .message .col-sm-4 .required{margin-left: 4px;color: #dc0000; }
 .message .row{display: flex;flex-wrap: wrap;margin: 0 -15px;}
 .message .col-sm-4{flex: 0 0 33.333333%; max-width: 33.333333%;width: 100%}
 .message .form-group{margin-bottom: 26px;padding: 0 15px}
 .message .form-group label{margin-bottom: 5px;display: block}
 .message .col-sm-12{width: 100%}
 .form-group-submit{margin: 0 auto}
 .form-group-submit .btn{background: #e61230;
     border-radius: 10px;
     color: #fff;
     font-size: 18px;
     height: 50px;
     outline: none;
     width: 270px;}
 @media (max-width: 996px) {
     .message{margin: 20px auto;padding: 20px;}
     .message .hd h1{font-size: 25px}
     .message .col-sm-4{flex: unset;max-width: 100%}
 }