@charset "UTF-8";

.db {
	display: block;
	overflow: hidden
}

.slick-list,
.slick-track {
	min-width: 100%
}

::-webkit-input-placeholder {
	font-size: 16px;
	color: #b1b1b1
}

:-moz-placeholder {
	font-size: 16px;
	color: #b1b1b1
}

::-moz-placeholder {
	font-size: 16px;
	color: #b1b1b1
}

:-ms-input-placeholder {
	font-size: 16px;
	color: #b1b1b1
}

::-moz-selection {
	color: #fff;
	background: #c8161d;
	text-shadow: none
}

::selection {
	color: #fff;
	background: #c8161d;
	text-shadow: none
}

::-moz-selection {
	color: #fff;
	background: #c8161d;
	text-shadow: none
}

.alignleft {
	display: inline;
	float: left
}

.alignright {
	display: inline;
	float: right
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto
}

img.alignleft {
	margin: .4em 1.6em 1.6em 0
}

img.alignright {
	margin: .4em 0 1.6em 1.6em
}

img.aligncenter {
	clear: both;
	margin-top: .4em;
	margin-bottom: 1.6em
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: 0 !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 95%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

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

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		transform: scale(.75)
	}

	.mfp-arrow-left {
		transform-origin: 0
	}

	.mfp-arrow-right {
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-bg {
	opacity: 0;
	transition: all .3s
}

.mfp-bg.mfp-ready {
	opacity: .8
}

.mfp-bg.mfp-ready.mfp-removing {
	opacity: 0
}

.white-popup-block {
	position: relative;
	background: #fff;
	padding: 20px;
	width: auto;
	max-width: 600px;
	margin: 20px auto
}

.slick-loading .slick-list {
	background: #fff
}

.slick-next,
.slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.xz-loop-a008 {
	background: #f8f8f8;
	box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .1)
}

.xz-loop-a008::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0
}

.xz-a008-info {
	float: right;
	width: 50%;
	padding: 84px 74px
}

.xz-a008-tit {
	display: block;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	max-height: 108px;
	overflow: hidden
}

.xz-a008-des {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	max-height: 72px;
	overflow: hidden
}

.xz-a008-btns {
	margin-top: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.xz-a008-btn1 {
	-ms-flex: none;
	flex: none;
	margin-right: 22px;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.xz-a008-btn2 {
	-ms-flex: none;
	flex: none;
	width: 194px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #c8161d;
	background: #fff;
	border: 1px solid #c8161d
}

.xz-a008-thumb {
	display: block;
	float: right;
	-ms-flex: none;
	flex: none;
	width: 40%;
	overflow: hidden;
	margin-left: 10%;
}

.xz-a008-thumb img {
	display: block;
	width: 100%;
	transition: all .3s;
}

.xz-loop-a008:hover .xz-a008-thumb img {
	transform: scale(1.05)
}

.xz-loop-a008:hover .xz-a008-tit {
	color: #c8161d
}

.xz-a008-btn1:hover {
	transform: translateY(-4px)
}

.xz-a008-btn2:hover {
	transform: translateY(-4px);
	background: #c8161d;
	color: #fff
}

.xz-a008-btn1:active,
.xz-a008-btn2:active {
	transform: scale(.95)
}

@media screen and (max-width:1440px) {
	.xz-a008-btns {
		margin-top: 42px
	}

	.xz-a008-btn1 {
		width: 156px;
		height: 50px;
		line-height: 50px
	}

	.xz-a008-btn2 {
		width: 156px;
		height: 50px;
		line-height: 48px
	}

	.xz-a008-info {
		padding: 84px 64px
	}
}

@media screen and (max-width:1280px) {
	.xz-a008-tit {
		font-size: 28px
	}

	.xz-a008-des {
		margin-top: 15px
	}

	.xz-a008-btns {
		margin-top: 30px
	}

	.xz-a008-btn1 {
		height: 44px;
		line-height: 44px;
		font-size: 15px
	}

	.xz-a008-btn2 {
		height: 44px;
		line-height: 44px;
		font-size: 15px
	}

	.xz-a008-info {
		padding: 74px 54px
	}
}

@media screen and (max-width:1024px) {
	.xz-a008-des {
		max-height: 48px
	}

	.xz-a008-tit {
		font-size: 24px;
		line-height: 32px;
		max-height: 64px
	}

	.xz-a008-btn1 {
		margin-right: 16px;
		width: 140px;
		font-size: 14px
	}

	.xz-a008-btn2 {
		width: 140px;
		font-size: 14px
	}

	.xz-a008-info {
		padding: 54px 38px
	}
}

@media screen and (max-width:800px) {
	.xz-a008-btns {
		display: none
	}

	.xz-a008-des {
		font-size: 15px
	}

	.xz-a008-tit {
		font-size: 22px;
		line-height: 30px;
		max-height: 60px
	}

	.xz-a008-info {
		padding: 50px 30px
	}
	.pro-detail-common .wp-block-columns .wp-block-column{
		width: 100% !important;
	}
	.pro-detail-common .wp-block-columns .wp-block-column img{
		height: auto !important;
	}
	.mi-product-content h2{
		width: 100% !important;
		font-size: 20px !important;
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a008 .xz-a008-info {
		float: left;
		width: 100%;
		padding: 14px 16px 16px
	}

	.xz-loop-a008 .xz-a008-thumb {
		float: left;
		width: 100%
	}

	.xz-a008-tit {
		font-size: 16px;
		line-height: 22px;
		min-height: 44px;
		max-height: 44px
	}

	.xz-a008-des {
		margin-top: 6px;
		font-size: 14px;
		line-height: 20px;
		min-height: 40px;
		max-height: 40px
	}

	.xz-loop-a008 {
		box-shadow: none
	}
}

.xz-loop-a009 {
	margin-top: 68px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background: #f8f8f8;
	box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .1)
}

.xz-loop-a009::before {
	display: block;
	position: absolute;
	top: -7px;
	width: 75px;
	height: 75px;
	background: #c8161d;
	content: '';
	z-index: -1
}

.xz-a009-ul .xz-loop-a009:nth-child(even)::before {
	right: -7px
}

.xz-a009-ul .xz-loop-a009:nth-child(odd)::before {
	left: -7px
}

.xz-a009-info {
	-ms-flex: none;
	flex: none;
	width: 50%;
	padding: 84px 74px
}

.xz-a009-tit {
	display: block;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	max-height: 108px;
	overflow: hidden
}

.xz-a009-des {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	max-height: 72px;
	overflow: hidden
}

.xz-a009-btns {
	margin-top: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.xz-a009-btn1 {
	-ms-flex: none;
	flex: none;
	margin-right: 22px;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.xz-a009-btn2 {
	-ms-flex: none;
	flex: none;
	width: 194px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #c8161d;
	background: #fff;
	border: 1px solid #c8161d
}

.xz-a009-thumb {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 50%;
	overflow: hidden
}

.xz-a009-thumb img {
	display: block;
	width: 100%;
	transition: all .3s
}

.xz-a009-ul .xz-loop-a009:nth-child(even) .xz-a009-thumb {
	-ms-flex-order: 1;
	order: 1
}

.xz-a009-ul .xz-loop-a009:nth-child(even) .xz-a009-info {
	-ms-flex-order: 2;
	order: 2
}

.xz-loop-a009:hover .xz-a009-thumb img {
	transform: scale(1.05)
}

.xz-loop-a009:hover .xz-a009-tit {
	color: #c8161d
}

.xz-a009-btn1:hover {
	transform: translateY(-4px)
}

.xz-a009-btn2:hover {
	transform: translateY(-4px);
	background: #c8161d;
	color: #fff
}

.xz-a009-btn1:active,
.xz-a009-btn2:active {
	transform: scale(.95)
}

@media screen and (max-width:1520px) {
	.xz-loop-a009 {
		margin-top: 54px
	}
}

@media screen and (max-width:1440px) {
	.xz-loop-a009 {
		margin-top: 46px
	}

	.xz-a009-btns {
		margin-top: 42px
	}

	.xz-a009-btn1 {
		width: 156px;
		height: 50px;
		line-height: 50px
	}

	.xz-a009-btn2 {
		width: 156px;
		height: 50px;
		line-height: 48px
	}

	.xz-a009-info {
		padding: 64px
	}

	.xz-loop-a009::before {
		width: 64px;
		height: 64px
	}
}

@media screen and (max-width:1280px) {
	.xz-a009-tit {
		font-size: 28px
	}

	.xz-loop-a009 {
		margin-top: 36px
	}

	.xz-a009-des {
		margin-top: 15px
	}

	.xz-a009-btns {
		margin-top: 30px
	}

	.xz-a009-btn1 {
		height: 44px;
		line-height: 44px;
		font-size: 15px
	}

	.xz-a009-btn2 {
		height: 44px;
		line-height: 44px;
		font-size: 15px
	}

	.xz-a009-info {
		padding: 54px
	}

	.xz-loop-a009::before {
		width: 54px;
		height: 54px
	}
}

@media screen and (max-width:1024px) {
	.xz-a009-des {
		max-height: 48px
	}

	.xz-a009-tit {
		font-size: 24px;
		line-height: 32px;
		max-height: 64px
	}

	.xz-a009-btn1 {
		margin-right: 16px;
		width: 140px;
		font-size: 14px
	}

	.xz-a009-btn2 {
		width: 140px;
		font-size: 14px
	}

	.xz-a009-info {
		padding: 38px
	}

	.xz-loop-a009::before {
		width: 44px;
		height: 44px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a009 {
		margin-top: 28px
	}

	.xz-a009-btn1 {
		display: none
	}

	.xz-a009-btns {
		margin-top: 20px
	}

	.xz-a009-btn2 {
		height: 36px;
		line-height: 34px
	}

	.xz-loop-a009::before {
		width: 36px;
		height: 36px
	}

	.xz-a009-des {
		font-size: 15px
	}

	.xz-a009-tit {
		font-size: 22px;
		line-height: 30px;
		max-height: 60px
	}

	.xz-a009-info {
		padding: 30px
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a009 {
		margin-top: 18px
	}

	.xz-loop-a009::before {
		display: none
	}

	.xz-loop-a009 .xz-a009-info {
		-ms-flex-order: 2;
		order: 2;
		width: 100%;
		padding: 14px 16px 16px
	}

	.xz-loop-a009 .xz-a009-thumb {
		-ms-flex-order: 1;
		order: 1;
		width: 100%
	}

	.xz-a009-tit {
		font-size: 16px;
		line-height: 22px;
		max-height: 44px
	}

	.xz-a009-des {
		margin-top: 6px;
		font-size: 14px;
		line-height: 20px;
		max-height: 40px
	}

	.xz-a009-btns {
		margin-top: 12px
	}

	.xz-a009-btn2 {
		width: 124px;
		font-size: 12px;
		height: 32px;
		line-height: 30px
	}
}

.xz-a011-ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a011 {
	-ms-flex: none;
	flex: none;
	width: 16.666666%
}

.xz-a011-ul>i {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 16.666666%;
	height: 0;
	margin: 0
}

.xz-a011-thumb {
	display: block;
	position: relative;
	overflow: hidden
}

.xz-a011-thumb::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .46);
	content: '';
	z-index: 1;
	transition: all .4s
}

.xz-a011-thumb>img {
	display: block;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .3s
}

.xz-a011-info {
	position: absolute;
	width: 100%;
	left: 0;
	top: 35%;
	padding: 0 60px;
	z-index: 5
}

.xz-a011-icon {
	text-align: center
}

.xz-a011-tit {
	margin-top: 24px;
	padding: 0 6px;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.xz-a011-btn {
	margin-top: 15px;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	opacity: 0;
	transition: all .4s
}

.xz-a011-thumb:hover::before {
	background: rgba(200, 22, 29, .8)
}

.xz-a011-thumb:hover .xz-a011-btn {
	opacity: 1
}

@media screen and (max-width:1520px) {
	.xz-a011-tit {
		margin-top: 20px;
		font-size: 22px
	}

	.xz-a011-info {
		padding: 0 36px
	}
}

@media screen and (max-width:1440px) {
	.xz-a011-info {
		padding: 0 16px
	}
}

@media screen and (max-width:1280px) {
	.xz-a011-thumb>img {
		width: 100%
	}

	.xz-loop-a011 {
		width: 25%
	}
}

@media screen and (max-width:1024px) {
	.xz-a011-tit {
		margin-top: 16px;
		font-size: 18px;
		line-height: 28px
	}

	.xz-a011-btn {
		margin-top: 8px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a011 {
		width: 33.333333%
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a011 {
		width: 50%
	}

	.xz-a011-info {
		top: 32%
	}

	.xz-a011-icon img {
		width: 50px
	}

	.xz-a011-tit {
		margin-top: 12px;
		font-size: 16px;
		line-height: 24px
	}

	.xz-a011-btn {
		margin-top: 4px;
		font-size: 26px;
		line-height: 26px
	}
}

.xz-loop-a012 {
	position: relative;
	z-index: 0
}

.xz-a012-thumb {
	display: block;
	overflow: hidden
}

.xz-a012-thumb img {
	display: block;
	width: 100%;
	transition: all .3s
}

.xz-a012-info {
	position: relative;
	margin-top: -42px;
	width: 70%;
	padding: 36px 30px 36px 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff
}

.xz-a012-tit {
	-ms-flex: 1;
	flex: 1;
	padding-right: 20px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	min-height: 48px;
	max-height: 48px;
	overflow: hidden
}

.xz-a012-icon {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	background: #fff;
	border: 1px solid #e9e9e9
}

.xz-a012-icon .iconfont {
	font-size: 22px;
	color: #dedede;
	transition: all .3s
}

.xz-loop-a012:hover .xz-a012-thumb img {
	transform: scale(1.05)
}

.xz-loop-a012:hover .xz-a012-icon {
	border-color: #c8161d
}

.xz-loop-a012:hover .xz-a012-icon .iconfont {
	color: #c8161d
}

@media screen and (max-width:1280px) {
	.xz-a012-info {
		padding: 28px 24px 30px 28px
	}
}

@media screen and (max-width:1024px) {
	.xz-a012-info {
		padding: 20px 18px 22px 20px
	}

	.xz-a012-tit {
		font-size: 17px
	}

	.xz-a012-icon {
		width: 30px;
		height: 30px;
		line-height: 28px
	}
}

@media screen and (max-width:800px) {
	.xz-a012-tit {
		padding-right: 8px;
		font-size: 16px;
		line-height: 20px;
		min-height: 40px;
		max-height: 40px
	}

	.xz-a012-info {
		width: 90%
	}
}

.xz-a013-ul {
	padding-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a013 {
	margin-top: 40px;
	width: 31.5%;
	background: #fff;
	transition: all .4s
}

.xz-a013-ul>i {
	-ms-flex: none;
	flex: none;
	width: 31.5%;
	height: 0;
	margin: 0
}

.xz-a013-thumb {
	display: block;
	position: relative;
	overflow: hidden
}

.xz-a013-thumb img {
	display: block;
	width: 100%;
	transition: all .4s
}

.xz-a013-date {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 84px;
	height: 84px;
	padding: 22px 16px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	background: #c8161d
}

.xz-a013-info {
	padding: 38px 35px 30px 28px;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
}

.xz-a013-tit {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 56px;
	max-height: 56px;
	overflow: hidden
}

.xz-a013-des {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	min-height: 40px;
	max-height: 40px;
	color: #666;
	overflow: hidden
}

.xz-a013-btn {
	display: block;
	margin-top: 26px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #c8161d
}

.xz-loop-a013:hover .xz-a013-thumb img {
	transform: scale(1.05)
}

.xz-loop-a013:hover .xz-a013-tit {
	color: #c8161d
}

@media screen and (max-width:1520px) {
	.xz-a013-info {
		padding: 30px 30px 30px 28px
	}
}

@media screen and (max-width:1440px) {
	.xz-a013-date {
		height: 74px;
		padding: 16px
	}

	.xz-a013-des {
		margin-top: 12px
	}

	.xz-a013-btn {
		margin-top: 18px
	}
}

@media screen and (max-width:1280px) {
	.xz-loop-a013 {
		width: 32%;
		margin-top: 28px
	}

	.xz-a013-ul>i {
		width: 32%
	}
}

@media screen and (max-width:1024px) {
	.xz-loop-a013 {
		margin-top: 22px
	}

	.xz-a013-date {
		padding: 12px;
		width: 74px;
		height: 64px;
		font-size: 16px
	}

	.xz-a013-tit {
		font-size: 22px
	}

	.xz-a013-info {
		padding: 22px 24px 24px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a013 {
		width: 49%;
		margin-top: 18px
	}

	.xz-a013-ul>i {
		width: 49%
	}

	.xz-a013-tit {
		font-size: 20px
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a013 {
		margin-top: 10px
	}

	.xz-a013-ul {
		padding-top: 14px
	}

	.xz-a013-date {
		padding: 8px;
		width: 58px;
		height: 48px;
		font-size: 14px;
		line-height: 16px
	}

	.xz-a013-tit {
		font-size: 15px;
		line-height: 20px;
		min-height: 40px;
		max-height: 40px
	}

	.xz-a013-info {
		padding: 12px 12px 14px
	}

	.xz-a013-btn {
		display: none
	}

	.xz-a013-des {
		margin-top: 6px;
		font-size: 13px;
		line-height: 16px;
		min-height: 32px;
		max-height: 32px
	}
}

.xz-a0133-ul {
	padding-top: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.rel-a0133-ul {
	padding-top: 26px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a0133 {
	margin-top: 30px;
	width: 31.7%;
	background: #fff;
	transition: all .4s
}

.rel-a0133-ul>i,
.xz-a0133-ul>i {
	-ms-flex: none;
	flex: none;
	width: 31.7%;
	height: 0;
	margin: 0
}

.xz-a0133-thumb {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #f7f7f7;
}

.xz-a0133-thumb img {
	display: block;
	width: 100%;
	transition: all .4s
}

.xz-a0133-date {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 78px;
	height: 72px;
	padding: 18px 15px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	background: #c8161d
}

.xz-a0133-info {
	padding: 30px 30px 36px 28px;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
}

.xz-a0133-tit {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 56px;
	max-height: 56px;
	overflow: hidden
}

.xz-a0133-des {
	margin-top: 20px;
	font-size: 14px;
	line-height: 20px;
	min-height: 40px;
	max-height: 40px;
	color: #666;
	overflow: hidden
}

.xz-a0133-btn {
	display: block;
	margin-top: 22px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #c8161d
}

.xz-loop-a0133:hover .xz-a0133-thumb img {
	transform: scale(1.05)
}

.xz-loop-a0133:hover .xz-a0133-tit {
	color: #c8161d
}

@media screen and (max-width:1440px) {
	.xz-a0133-des {
		margin-top: 12px
	}

	.xz-a0133-btn {
		margin-top: 18px
	}

	.xz-a0133-ul {
		padding-top: 44px
	}
}

@media screen and (max-width:1280px) {
	.xz-a0133-ul {
		padding-top: 30px
	}
}

@media screen and (max-width:1024px) {
	.xz-loop-a0133 {
		margin-top: 24px
	}

	.rel-a0133-ul {
		padding-top: 24px
	}

	.xz-a0133-date {
		padding: 12px;
		width: 74px;
		height: 64px;
		font-size: 16px
	}

	.xz-a0133-tit {
		font-size: 22px
	}

	.xz-a0133-info {
		padding: 22px 24px 24px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a0133 {
		width: 49%;
		margin-top: 16px
	}

	.rel-a0133-ul {
		padding-top: 16px
	}

	.xz-a0133-ul>i {
		width: 49%
	}

	.xz-a0133-tit {
		font-size: 20px
	}

	.xz-a0133-ul {
		padding-top: 20px
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a0133 {
		margin-top: 10px
	}

	.rel-a0133-ul {
		padding-top: 10px
	}

	.xz-a0133-ul {
		padding-top: 14px
	}

	.xz-a0133-date {
		padding: 8px;
		width: 58px;
		height: 48px;
		font-size: 14px;
		line-height: 16px
	}

	.xz-a0133-tit {
		font-size: 15px;
		line-height: 20px;
		min-height: 40px;
		max-height: 40px
	}

	.xz-a0133-info {
		padding: 12px 12px 14px
	}

	.xz-a0133-btn {
		display: none
	}

	.xz-a0133-des {
		margin-top: 6px;
		font-size: 13px;
		line-height: 16px;
		min-height: 32px;
		max-height: 32px
	}
}

.xz-a015-ul {
	padding-top: 22px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a015 {
	margin-top: 40px;
	-ms-flex: none;
	flex: none;
	width: 23%;
	background: #fff;
	transition: all .3s
}

.xz-a015-ul>i {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 23%;
	height: 0;
	margin: 0
}

.xz-a015-thumb {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-bottom: none
}

.xz-a015-thumb img {
	display: block;
	width: 100%;
	transition: all .3s
}

.xz-a015-info {
	padding: 32px 36px 36px;
	border: 1px solid #eee;
	transition: all .3s
}

.xz-a015-tit {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 48px;
	max-height: 48px;
	overflow: hidden
}

.xz-a015-btns {
	margin-top: 26px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.xz-a015-btn1 {
	-ms-flex: none;
	flex: none;
	margin-right: 5px;
	width: 48%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	background: #f8f8f8
}

.xz-a015-btn2 {
	-ms-flex: none;
	flex: none;
	width: 48%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #c8161d;
	background: #f8f8f8
}

.xz-loop-a015:hover {
	background: #c8161d
}

.xz-loop-a015:hover .xz-a015-info {
	border-color: #c8161d
}

.xz-loop-a015:hover .xz-a015-thumb img {
	transform: scale(1.05)
}

.xz-loop-a015:hover .xz-a015-tit {
	color: #fff
}

.xz-loop-a015:hover .xz-a015-btn1 {
	color: #c8161d;
	background: #fff
}

.xz-loop-a015:hover .xz-a015-btn2 {
	background: #fff
}

@media screen and (max-width:1520px) {
	.xz-a015-info {
		padding: 26px 30px 32px
	}
}

@media screen and (max-width:1440px) {
	.xz-a015-ul {
		padding-top: 16px
	}

	.xz-loop-a015 {
		margin-top: 30px
	}

	.xz-a015-info {
		padding: 22px 24px 24px
	}
}

@media screen and (max-width:1280px) {
	.xz-loop-a015 {
		margin-top: 20px;
		width: 23.5%
	}

	.xz-a015-ul>i {
		width: 23.5%
	}

	.xz-a015-tit {
		font-size: 18px
	}

	.xz-a015-btns {
		margin-top: 20px
	}

	.xz-a015-info {
		padding: 18px 18px 20px
	}
}

@media screen and (max-width:1024px) {
	.xz-a015-ul {
		padding-top: 8px
	}

	.xz-loop-a015 {
		margin-top: 16px;
		width: 32%
	}

	.xz-a015-ul>i {
		width: 32%
	}

	.xz-a015-tit {
		font-size: 17px
	}

	.xz-a015-btn1 {
		height: 36px;
		line-height: 36px;
		font-size: 13px
	}

	.xz-a015-btns {
		margin-top: 14px
	}

	.xz-a015-btn2 {
		height: 36px;
		line-height: 36px;
		font-size: 13px
	}
}

@media screen and (max-width:800px) {

	.xz-a015-ul>i,
	.xz-loop-a015 {
		width: 49%
	}

	.xz-a015-tit {
		font-size: 16px;
		line-height: 22px;
		min-height: 44px;
		max-height: 44px
	}
}

@media screen and (max-width:600px) {
	.xz-a015-btns {
		display: none
	}

	.xz-a015-info {
		padding: 10px 12px
	}

	.xz-loop-a015 {
		margin-top: 10px
	}

	.xz-a015-tit {
		font-size: 14px;
		line-height: 20px;
		min-height: 40px;
		max-height: 40px
	}
}

.xz-a0155-ul {
	margin: 52px -16px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a0155 {
	-ms-flex: none;
	flex: none;
	width: 23%;
	margin: 0 16px;
	background: #fff;
	transition: all .3s
}

.xz-a0155-thumb {
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
	border-bottom: none;
	background: #fff
}

.xz-a0155-thumb img {
	display: block;
	width: 100%;
	transition: all .3s;
	height: 260px;
	object-fit: contain;
}

.xz-a0155-info {
	padding: 28px 30px;
	border: 1px solid #eee;
	transition: all .3s
}

.xz-a0155-tit {
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 40px;
	max-height: 40px;
	overflow: hidden
}

.xz-a0155-btns {
	margin-top: 26px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.xz-a0155-btn1 {
	-ms-flex: none;
	flex: none;
	margin-right: 4px;
	width: 48%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	background: #f8f8f8
}

.xz-a0155-btn2 {
	-ms-flex: none;
	flex: none;
	width: 48%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #c8161d;
	background: #f8f8f8
}

.xz-loop-a0155:hover {
	background: #c8161d
}

.xz-loop-a0155:hover .xz-a0155-info {
	border-color: #c8161d
}

.xz-loop-a0155:hover .xz-a0155-thumb img {
	transform: scale(1.05)
}

.xz-loop-a0155:hover .xz-a0155-tit {
	color: #fff
}

.xz-loop-a0155:hover .xz-a0155-btn1 {
	color: #c8161d;
	background: #fff
}

.xz-loop-a0155:hover .xz-a0155-btn2 {
	background: #fff
}

@media screen and (max-width:1440px) {
	.xz-a0155-info {
		padding: 22px 24px 24px
	}
}

@media screen and (max-width:1280px) {
	.xz-a0155-btns {
		margin-top: 20px
	}

	.xz-a0155-ul {
		margin: 40px -12px 0
	}

	.xz-loop-a0155 {
		margin: 0 12px
	}
}

@media screen and (max-width:1024px) {

	.xz-a0155-btn1,
	.xz-a0155-btn2 {
		font-size: 13px
	}

	.xz-a0155-info {
		padding: 18px 18px 20px
	}

	.xz-a0155-ul {
		margin: 30px -8px 0
	}

	.xz-loop-a0155 {
		margin: 0 8px
	}
}

@media screen and (max-width:600px) {
	.xz-a0155-info {
		padding: 10px 12px
	}

	.xz-a0155-btns {
		display: none
	}

	.xz-a0155-tit {
		font-size: 14px
	}

	.xz-a0155-ul {
		margin: 20px -4px 0
	}

	.xz-loop-a0155 {
		margin: 0 4px
	}
}

.xz-a016-ul {
	margin-top: 42px
}

.xz-loop-a016 {
	background: #fff
}

.xz-a016-thumb {
	display: block;
	position: relative;
	overflow: hidden
}

.xz-a016-thumb img {
	display: block;
	width: 100%;
	transition: all .4s;
	height: 300px;
	object-fit: cover;
}

.xz-a016-date {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 58px;
	padding: 12px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	background: #c8161d
}

.xz-a016-info {
	padding: 22px 28px 24px 20px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.xz-a016-tit {
	display: block;
	font-size: 20px;
	line-height: 26px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 52px;
	max-height: 52px;
	overflow: hidden
}

.xz-a016-des {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	min-height: 40px;
	max-height: 40px;
	color: #666;
	overflow: hidden
}

.xz-a016-btn {
	display: block;
	margin-top: 14px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #c8161d
}

.xz-loop-a016:hover .xz-a016-thumb img {
	transform: scale(1.05)
}

.xz-loop-a016:hover .xz-a016-tit {
	color: #c8161d
}

@media screen and (max-width:1280px) {
	.xz-a016-ul {
		margin-top: 32px
	}
}

@media screen and (max-width:1024px) {
	.xz-a016-date {
		font-size: 16px;
		padding: 10px
	}

	.xz-a016-ul {
		margin-top: 24px
	}
}

.xz-a020-ul {
	padding-top: 70px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.rel-a020-ul {
	padding-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.xz-loop-a020 {
	position: relative;
	-ms-flex: none;
	flex: none;
	width: calc((100% - 20px)/2);
	margin-top: 20px;
	padding: 30px 28px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background: #f8f8f8;
	z-index: 2
}

.xz-loop-a020::after {
	display: block;
	position: absolute;
	right: 18px;
	bottom: 20px;
	font-family: iconfont;
	font-size: 88px;
	content: '\e708';
	color: rgba(200, 22, 29, .04);
	z-index: 1
}

.xz-a020-thumb {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 190px;
	position: relative;
	z-index: 2
}

.xz-a020-thumb::after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: -6px;
	bottom: -6px;
	background: #d0d2d5;
	content: '';
	z-index: -1
}

.xz-a020-info {
	-ms-flex: 1;
	flex: 1;
	padding: 34px 72px
}

.xz-a020-tit {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	max-height: 84px;
	overflow: hidden
}

.xz-a020-size {
	margin-top: 12px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #999
}

.xz-a020-btn {
	display: block;
	margin-top: 60px;
	width: 168px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #c8161d;
	border: 1px solid #c8161d;
	background: #fff
}

.xz-a020-btn .iconfont {
	display: inline-block;
	vertical-align: middle;
	padding-right: 8px;
	font-weight: 400;
	transition: all .3s
}

.xz-a020-btn:hover {
	color: #fff;
	background: #c8161d
}

.xz-a020-btn:hover .iconfont {
	color: #fff
}

.xz-loop-a020:hover .xz-a020-tit {
	color: #c8161d
}

@media screen and (max-width:1650px) {
	.xz-a020-info {
		padding: 28px 58px
	}
}

@media screen and (max-width:1440px) {
	.xz-a020-ul {
		padding-top: 54px
	}

	.xz-a020-info {
		padding: 24px 42px
	}
}

@media screen and (max-width:1280px) {
	.xz-a020-ul {
		padding-top: 40px
	}

	.xz-a020-thumb {
		width: 170px
	}

	.xz-a020-tit {
		font-size: 22px
	}

	.xz-a020-btn {
		margin-top: 40px;
		width: 140px;
		height: 42px;
		line-height: 40px
	}

	.xz-a020-info {
		padding: 24px 32px
	}

	.rel-a020-ul {
		padding-top: 24px
	}
}

@media screen and (max-width:1024px) {
	.xz-a020-ul {
		padding-top: 26px
	}

	.xz-loop-a020 {
		padding: 22px 24px
	}

	.xz-a020-thumb {
		width: 124px
	}

	.xz-a020-tit {
		font-size: 20px;
		line-height: 24px;
		max-height: 48px
	}

	.xz-loop-a020::after {
		font-size: 64px
	}

	.xz-a020-info {
		padding: 8px 6px 12px 24px
	}

	.rel-a020-ul {
		padding-top: 14px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a020 {
		width: 100%
	}

	.xz-a020-tit {
		font-size: 18px
	}

	.xz-a020-btn {
		margin-top: 28px
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a020 {
		margin-top: 12px;
		padding: 16px
	}

	.xz-a020-ul {
		padding-top: 14px
	}

	.xz-a020-thumb {
		width: 96px
	}

	.xz-a020-info {
		padding: 4px 4px 4px 20px
	}

	.xz-a020-size {
		margin-top: 8px;
		font-size: 13px;
		line-height: 15px
	}

	.xz-a020-btn {
		margin-top: 14px;
		width: 108px;
		height: 32px;
		line-height: 30px;
		font-size: 12px
	}

	.xz-a020-btn .iconfont {
		padding-right: 5px;
		font-size: 12px
	}

	.xz-a020-tit {
		font-size: 16px;
		line-height: 22px;
		max-height: 44px
	}

	.xz-loop-a020::after {
		font-size: 42px
	}

	.rel-a020-ul {
		padding-top: 6px
	}
}

.xz-a021-ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 18px
}

.xz-loop-a021 {
	-ms-flex: none;
	flex: none;
	margin-top: 30px;
	width: 31.7%
}

.xz-a021-ul>i {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 31.7%;
	height: 0;
	margin: 0
}

.xz-a021-thumb {
	display: block;
	position: relative;
	overflow: hidden
}

.xz-a021-thumb::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .46);
	content: '';
	z-index: 1;
	transition: all .4s
}

.xz-a021-thumb>img {
	display: block;
	width: 100%
}

.xz-a021-info {
	position: absolute;
	width: 172px;
	left: 50%;
	top: 35%;
	transform: translateX(-50%);
	z-index: 5
}

.xz-a021-icon {
	text-align: center
}

.xz-a021-tit {
	margin-top: 24px;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.xz-a021-btn {
	margin-top: 14px;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	opacity: 0;
	transition: all .4s
}

.xz-a021-thumb:hover::before {
	background: rgba(200, 22, 29, .8)
}

.xz-a021-thumb:hover .xz-a021-btn {
	opacity: 1
}

@media screen and (max-width:1440px) {
	.xz-a021-tit {
		margin-top: 20px;
		font-size: 22px
	}
}

@media screen and (max-width:1280px) {
	.xz-loop-a021 {
		margin-top: 24px;
		width: 32%
	}

	.xz-a021-ul>i {
		width: 32%
	}

	.xz-a021-tit {
		margin-top: 16px;
		font-size: 20px;
		line-height: 28px
	}

	.xz-a021-btn {
		margin-top: 6px
	}
}

@media screen and (max-width:1024px) {
	.xz-a021-info {
		top: 32%
	}

	.xz-a021-icon img {
		width: 48px
	}

	.xz-a021-tit {
		margin-top: 12px;
		font-size: 16px;
		line-height: 24px
	}

	.xz-a021-btn {
		margin-top: 2px;
		font-size: 24px;
		line-height: 24px
	}
}

@media screen and (max-width:800px) {
	.xz-loop-a021 {
		margin-top: 14px;
		width: 49%
	}

	.xz-a021-ul>i {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.xz-loop-a021 {
		margin-top: 8px
	}

	.xz-a021-icon img {
		width: 38px
	}

	.xz-a021-tit {
		margin-top: 8px;
		padding: 0 10px;
		font-size: 14px;
		line-height: 20px
	}

	.xz-a021-btn {
		display: none
	}

	.xz-a021-ul {
		padding-top: 10px
	}
}

.xz-a025-ul {
	padding-top: 2px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
}

.xz-loop-a025 {
	margin-top: 32px;
	-ms-flex: none;
	flex: none;
	width: 31%;
	background: #fff;
	transition: all .3s;
	margin-right: 3.5%;
}
.xz-loop-a025:nth-child(3n){
	margin-right: 0;
}

.xz-a025-ul>i {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 31%;
	height: 0;
	margin: 0
}

.product-cover {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-bottom: none;
	height: 260px;
	padding: 10px;
}

.product-cover img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s;
	object-fit: contain;
}

.xz-a025-info {
	padding: 26px 30px;
	border: 1px solid #eee;
	transition: all .3s
}

.xz-a025-tit {
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 40px;
	max-height: 40px;
	overflow: hidden
}

.xz-a025-btns {
	margin-top: 28px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.xz-a025-btn1 {
	-ms-flex: none;
	flex: none;
	margin-right: 4px;
	width: 48%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	background: #f8f8f8;
	white-space: nowrap;
}

.xz-a025-btn2 {
	-ms-flex: none;
	flex: none;
	width: 48%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #c8161d;
	background: #f8f8f8
}

.xz-loop-a025:hover {
	background: #c8161d
}

.xz-loop-a025:hover .xz-a025-info {
	border-color: #c8161d
}

.xz-loop-a025:hover .product-cover img {
	transform: scale(1.05)
}

.xz-loop-a025:hover .xz-a025-tit {
	color: #fff
}

.xz-loop-a025:hover .xz-a025-btn1 {
	color: #c8161d;
	background: #fff
}

.xz-loop-a025:hover .xz-a025-btn2 {
	background: #fff
}
.model-parameter{
	text-align: center;
	padding: 50px;
	background-color: #f7f7f7;
	margin-top: 30px;
}

@media screen and (max-width:1440px) {
	.xz-loop-a025 {
		margin-top: 28px
	}

	.xz-a025-info {
		padding: 22px 24px 24px
	}
}

@media screen and (max-width:1280px) {
	.xz-loop-a025 {
		margin-top: 20px;
		width: 32%
	}

	.xz-a025-ul {
		padding-top: 8px
	}

	.xz-a025-ul>i {
		width: 32%
	}

	.xz-a025-btns {
		margin-top: 20px
	}
}

@media screen and (max-width:1024px) {

	.xz-a025-ul>i,
	.xz-loop-a025 {
		width: 48.5%
	}

	.xz-a025-btn1,
	.xz-a025-btn2 {
		font-size: 13px
	}

	.xz-a025-info {
		padding: 18px 18px 20px
	}
}

@media screen and (max-width:600px) {
	.xz-a025-info {
		padding: 10px 12px
	}

	.xz-a025-btns {
		display: none
	}

	.xz-loop-a025 {
		margin-top: 10px;
		margin-right: 3%;
	}
	.xz-loop-a025:nth-child(2n) {
		margin-right: 0;
	}
	.xz-loop-a025:nth-child(3n) {
		margin-right: auto;
	}
	.xz-loop-a025 .product-cover {
		height: 185px;
	}

	.xz-a025-tit {
		font-size: 14px
	}
}

.page-inpage .nav-links{
	margin-top: 96px
}

.nav-links {
	text-align: center
}

.page-numbers,
.post-page-numbers {
	display: inline-block;
	margin: 0 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	transition: all .3s
}

.nav-links .current,
.nav-links .page-numbers:hover,
.nav-links .post-page-numbers:hover {
	border-color: #c8161d;
	background: #c8161d;
	color: #fff
}

@media screen and (max-width:1440px) {

	.page-inpage .nav-links,
	.pagination {
		margin-top: 74px
	}
}

@media screen and (max-width:1280px) {

	.page-numbers,
	.post-page-numbers {
		margin: 0 4px;
		width: 40px;
		height: 40px;
		line-height: 38px;
		font-size: 15px
	}
}

@media screen and (max-width:1024px) {

	.page-inpage .nav-links,
	.pagination {
		margin-top: 46px
	}

	.page-numbers,
	.post-page-numbers {
		font-size: 14px
	}
}

@media screen and (max-width:800px) {

	.page-inpage .nav-links,
	.pagination {
		margin-top: 32px
	}

	.page-numbers,
	.post-page-numbers {
		width: 34px;
		height: 34px;
		line-height: 32px
	}
}

@media screen and (max-width:600px) {

	.page-inpage .nav-links,
	.pagination {
		margin-top: 0;
	}
	.mi-pagination{
		margin-top: 4rem !important;
	}

	.page-numbers,
	.post-page-numbers {
		margin: 0 2px;
		width: 28px;
		height: 28px;
		line-height: 26px;
		font-size: 13px
	}
}

@font-face {
	font-family: iconfont;
	src: url(fonts/iconfont.woff2) format("woff2"), url(fonts/iconfont.woff) format("woff"), url(fonts/iconfont.ttf) format("truetype")
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	background: 0 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

@font-face {
	font-family: Metropolis-Bold;
	src: url(fonts/Metropolis-Bold.woff2) format("woff2"), url(fonts/Metropolis-Bold.woff) format("woff"), url(fonts/Metropolis-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Metropolis-Medium;
	src: url(fonts/Metropolis-Medium.woff2) format("woff2"), url(fonts/Metropolis-Medium.woff) format("woff"), url(fonts/Metropolis-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Metropolis-Thin;
	src: url(fonts/Metropolis-Thin.woff2) format("woff2"), url(fonts/Metropolis-Thin.woff) format("woff"), url(fonts/Metropolis-Thin.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

.side-news-sec {
	border-bottom: 1px solid #e6e6e6
}

.side-news-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

#menu-service-menu,
.side-about,
.side-factory,
.side-news {
	-ms-flex: none;
	flex: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: nowrap;
	flex-flow: nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

#menu-service-menu li,
.side-about li,
.side-factory li,
.side-news li {
	-ms-flex: none;
	flex: none;
	margin-right: 56px
}

#menu-service-menu li a,
.side-about li span,
.side-factory li span,
.side-news li a {
	display: block;
	position: relative;
	padding: 32px 0;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer
}

#menu-service-menu li a::after,
.side-about li span::after,
.side-factory li span::after,
.side-news li a::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	background: #c8161d;
	content: '';
	opacity: 0;
	transition: all .3s
}

#menu-service-menu .current-menu-item a::after,
#menu-service-menu li a:hover::after,
.side-about .current span::after,
.side-about li span:hover::after,
.side-factory .current span::after,
.side-factory li span:hover::after,
.side-news .current-menu-item a::after,
.side-news li a:hover::after {
	opacity: 1
}

#menu-service-menu .current-menu-item a,
#menu-service-menu li a:hover,
.side-about .current span,
.side-about li span:hover,
.side-factory .current span,
.side-factory li span:hover,
.side-news .current-menu-item a,
.side-news li a:hover {
	color: #c8161d
}

.current-news-cat {
	position: absolute;
	right: 0;
	bottom: 0;
	-ms-flex: none;
	flex: none;
	width: 300px;
	height: 110px;
	text-align: center;
	padding-top: 40px;
	font-size: 24px;
	line-height: 30px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff;
	background: #c8161d;
	z-index: 10
}

.list-case-sec {
	padding: 40px 0 120px
}

.single-news-tit {
	margin-top: 80px;
	width: calc(100% - 400px);
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.single-news-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 54px
}

.single-news-columnL {
	-ms-flex: none;
	flex: none;
	width: calc(100% - 400px)
}

.single-news-columnR {
	-ms-flex: none;
	flex: none;
	width: 340px
}

.news-sns-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 0;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #dbe2e0;
	border-bottom: 1px solid #dbe2e0
}

.single-news-des {
	-ms-flex: none;
	flex: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.single-info-author,
.single-info-date {
	-ms-flex: none;
	flex: none;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.single-info-author {
	margin-left: 40px
}

.share-news-styles {
	-ms-flex: none;
	flex: none
}

.share-news-styles .iconfont {
	display: inline-block;
	margin-left: 22px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #092c42;
	border-radius: 2px
}

.share-news-styles .iconfont:first-child {
	margin-left: 0
}

.share-news-styles .iconfont:hover {
	background: #c8161d
}

.share-app-styles .a2a_svg,
.share-news-styles .a2a_svg,
.share-pro .a2a_svg,
.share-pro-styles .a2a_svg {
	display: none
}

.share-news-styles .share-f,
.share-news-styles .share-in {
	font-size: 15px
}

.faq-contact-tit {
	font-size: 24px;
	line-height: 26px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.xz-a016-ul .slick-list {
	padding-bottom: 10px
}

.xz-a016-ul .slick-dots {
	margin-top: 16px;
	text-align: center
}

.xz-a016-ul .slick-dots li {
	margin: 0 14px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #dedede;
	cursor: pointer
}

.xz-a016-ul .slick-dots .slick-active {
	background: #c8161d
}

.xz-a016-ul .slick-dots li button {
	display: none
}

.faq-form-show {
	padding-top: 6px
}

.faq-form-sec {
	margin-top: 36px;
	padding: 35px 25px;
	background: #f8f8f8
}

.xz-form-sec3 {
	height: 396px
}

.news-detail-area {
	padding-top: 12px;
	font-size: 16px;
	line-height: 24px
}

.news-detail-area .blocks-gallery-grid .blocks-gallery-item {
	overflow: hidden
}

.news-detail-area .blocks-gallery-grid .blocks-gallery-item__caption {
	bottom: 8px;
	padding: 0 12px;
	font-size: 14px;
	line-height: 16px
}

.news-detail-area .wp-block-gallery,
.news-detail-area .wp-block-group,
.news-detail-area>.wp-block-image {
	margin: 32px 0 0
}

.app-des-content>p,
.news-detail-area>p {
	margin-top: 24px
}

.news-detail-area h3,
.news-detail-area h4 {
	margin-top: 36px;
	font-size: 18px;
	line-height: 26px
}

.pro-detail-common {
	font-size: 16px;
	line-height: 24px
}

.pro-detail-common p {
	margin-top: 28px
}

#pro-nav-content .wp-block-columns,
.news-detail-area .wp-block-columns {
	gap: 0;
	margin: 56px 0 0;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	background: #f8f8f8;
	border: 1px solid transparent
}

.news-detail-area .wp-block-columns .wp-block-image,
.pro-detail-common .wp-block-columns .wp-block-image {
	margin: 0
}

.news-detail-area .wp-block-columns .wp-block-column,
.pro-detail-common .wp-block-columns .wp-block-column {
	-ms-flex: none;
	flex: none;
	width: 50%
}
.pro-detail-common .wp-block-columns .wp-block-column img{
	height: 500px;
	object-fit: contain;
}
.news-detail-area .wp-block-columns .wp-block-column p,
.pro-detail-common .wp-block-columns .wp-block-column p {
	margin: 20px 0;
	padding: 0 54px
}

.news-detail-area .wp-block-image::after,
.pro-detail-common .wp-block-image::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0
}

.news-detail-area .wp-block-image figcaption,
.pro-detail-common .wp-block-image figcaption {
	display: inline-block;
	margin: 16px 0 0;
	padding-bottom: 8px;
	letter-spacing: 5px;
	border-bottom: 1px solid #ddd
}

.app-des-content ol,
.news-detail-area>ol,
.pro-detail-common ol {
	padding-left: 24px;
	list-style-type: decimal
}

.app-des-content ul li,
.news-detail-area>ul li,
.pro-detail-common ul li {
	position: relative;
	padding-left: 24px
}

.app-des-content ol,
.app-des-content ul,
.news-detail-area>ol,
.news-detail-area>ul,
.pro-detail-common ol,
.pro-detail-common ul {
	padding-top: 14px
}

.app-des-content ol li,
.app-des-content ul li,
.news-detail-area>ol li,
.news-detail-area>ul li,
.pro-detail-common ol li,
.pro-detail-common ul li {
	margin: 8px 0
}

.app-des-content ul li::before,
.news-detail-area>ul li::before,
.pro-detail-common ul li::before {
	display: block;
	position: absolute;
	left: 4px;
	top: 9px;
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #c8161d
}

.news-detail-area .wp-block-table {
	margin: 0
}

.app-des-content iframe,
.news-detail-area iframe,
.pro-nav-content iframe {
	width: 100%;
	height: 350px
}

.page-table-area {
	width: 100%;
	overflow-x: auto
}

.app-des-content table,
.news-detail-area table,
.pro-detail-common table {
	margin-top: 30px;
	width: 100%;
	font-size: 14px;
	line-height: 18px
}

#pro-nav-content table img,
.app-des-content table img,
.news-detail-area table img,
.product-detail table img {
	max-width: none
}

.app-des-content table tr td,
.app-des-content table tr th,
.news-detail-area table tr td,
.news-detail-area table tr th,
.pro-detail-common table tr td,
.pro-detail-common table tr th,
.product-detail table tr td,
.product-detail table tr th {
	padding: 10px 8px;
	text-align: center;
	border: 2px solid #eeeff1
}

.app-des-content table tr:nth-child(odd),
.news-detail-area table tr:nth-child(odd),
.pro-detail-common table tr:nth-child(odd),
.product-detail table tr:nth-child(odd) {
	background: #f6f7f9
}

.app-des-content table tr:nth-child(even),
.news-detail-area table tr:nth-child(even),
.pro-detail-common table tr:nth-child(even),
.product-detail table tr:nth-child(even) {
	background: #fff
}

.single-nav {
	margin-top: 56px;
	padding: 36px 30px;
	border: 1px solid #e9e9e9
}

.single-nav .page-next,
.single-nav .page-pre {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	position: relative
}

.single-nav .page-pre {
	padding-left: 52px
}

.single-nav .page-next {
	padding-left: 84px;
	margin-top: 14px
}

.page-next .link,
.page-pre .link {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.page-next .link:hover a,
.page-pre .link:hover a {
	color: #c8161d
}

.page-next .link a:before,
.page-pre .link a:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #333
}

.page-next .link a:before {
	content: 'Previous: '
}

.page-pre .link a:before {
	content: 'Next: '
}

.list-app-sec {
	padding: 72px 0 120px
}

.faq-menu-tit,
.list-app-tit {
	text-align: center;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.app-pro-tit {
	position: relative;
	margin-top: 100px;
	text-align: center;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.faq-menu-des {
	margin-top: 6px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.list-app-des {
	position: relative;
	margin-top: 88px;
	text-align: center;
	padding: 0 136px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.faq-menu-sec::before {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.faq-menu-sec::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.list-app-des::before {
	display: block;
	position: absolute;
	left: 50%;
	top: -62px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.list-app-des::after {
	display: block;
	position: absolute;
	left: 50%;
	top: -42px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.app-pro-tit::before {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -34px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.app-pro-tit::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -54px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.app-pro-list {
	padding-top: 90px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.app-pro-list2 {
	padding-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.app-pro-list2>i,
.app-pro-list>i {
	-ms-flex: none;
	flex: none;
	width: 23.6%;
	height: 0;
	margin: 0
}

.app-pro-item {
	-ms-flex: none;
	flex: none;
	width: 23.6%;
	margin-top: 24px;
	padding: 34px 28px 38px;
	border: 1px solid #cecece
}

.app-pro-list .app-pro-item:nth-child(8),
.app-pro-list .app-pro-item:nth-child(9),
.app-pro-list2 .app-pro-item:nth-child(8),
.app-pro-list2 .app-pro-item:nth-child(9) {
	display: none
}

.last-app-pro {
	-ms-flex: none;
	flex: none;
	width: 23.6%;
	margin-top: 24px;
	padding: 80px 46px 40px;
	border: 1px solid #cecece
}

.app-pro-thumb {
	width: 110px;
	height: 110px;
	line-height: 110px;
	text-align: center;
	background: #c8161d;
	border-radius: 50%
}

.app-pro-thumb img {
	width: 80px
}

.app-pro-list .app-pro-item:nth-child(2) .app-pro-thumb img,
.app-pro-list2 .app-pro-item:nth-child(2) .app-pro-thumb img {
	width: 80px
}

.app-pro-item-tit {
	display: block;
	margin-top: 28px;
	font-size: 22px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	min-height: 56px;
	max-height: 56px;
	overflow: hidden
}

.app-pro-des {
	margin-top: 20px;
	padding-right: 26px;
	font-size: 16px;
	line-height: 24px;
	min-height: 72px;
	max-height: 72px;
	color: #666;
	overflow: hidden
}

.app-pro-btn {
	display: block;
	margin-top: 20px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #e9e9e9;
	background: #fff
}

.app-pro-btn .iconfont {
	font-size: 24px;
	color: #c8161d;
	transition: all .3s
}

.app-pro-item:hover .app-pro-item-tit {
	color: #c8161d
}

.app-pro-item:hover .app-pro-btn {
	border-color: #c8161d;
	background: #c8161d
}

.app-pro-item:hover .app-pro-btn .iconfont {
	color: #fff
}

.last-app-tit {
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.last-app-btn {
	display: block;
	margin-top: 54px;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.single-app {
	padding-bottom: 120px
}

.contact-form-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 78px 0 96px 70px;
	background: #fff url(../img/form-footer-bg.png) no-repeat left bottom;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
}

.common-form-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 100px;
	padding: 78px 0 96px 70px;
	background: #fff url(../img/form-footer-bg.png) no-repeat left bottom;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
}

.common-form-columnL {
	-ms-flex: 1;
	flex: 1;
	margin-right: 70px
}

.common-form-columnR {
	-ms-flex: none;
	flex: none;
	width: 400px
}

.common-form-tit {
	position: relative;
	padding-left: 18px;
	font-size: 48px;
	line-height: 48px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.common-form-tit::before {
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.common-form-tit::after {
	display: block;
	position: absolute;
	left: 0;
	top: 22px;
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.common-form-tip {
	margin-top: 14px;
	font-size: 16px;
	line-height: 24px;
	color: #999
}

.common-form-show {
	margin-top: 40px
}

.xz-form-sec1 {
	height: 390px
}

.form-contact-sec {
	position: relative;
	margin-top: 22px;
	padding: 62px 70px 74px;
	background: #1e1e20
}

.form-contact-sec::before {
	display: block;
	position: absolute;
	left: -18px;
	top: -18px;
	width: 36px;
	height: 36px;
	background: #c8161d;
	content: ''
}

.form-contact-top {
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.form-contact-list {
	padding-top: 8px
}

.form-contact-item {
	margin-top: 34px;
	position: relative;
	padding-left: 48px
}

.form-contact-tit {
	font-size: 14px;
	line-height: 16px;
	color: #818181
}

.form-contact-info {
	margin-top: 5px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #fff
}

.form-contact-item::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-family: iconfont;
	font-size: 30px;
	color: #c8161d
}

.form-contact-list .form-contact-item:nth-child(1)::before {
	content: '\e61a'
}

.form-contact-list .form-contact-item:nth-child(2)::before {
	content: '\e6c7'
}

.form-contact-list .form-contact-item:nth-child(3)::before {
	content: '\e686';
	font-size: 28px
}

.form-contact-list .form-contact-item:nth-child(4)::before {
	content: '\e627'
}

.app-faq-sec {
	margin-top: 100px
}

.app-faq-columns {
	margin-top: 36px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.app-faq-columnL {
	-ms-flex: none;
	flex: none;
	width: calc(100% - 400px);
	padding-top: 4px;
	border-top: 2px solid #d2d2d7
}

.app-faq-columnR {
	-ms-flex: none;
	flex: none;
	width: 340px
}

.app-faq-form {
	padding: 35px 25px 30px;
	background: #f8f8f8
}

.app-faq-form-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.app-faq-form-show {
	margin-top: 5px
}

.app-faq-columnL .schema-faq-question,
.faq-columnR .schema-faq-question {
	display: block;
	position: relative;
	padding: 32px 70px 30px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	cursor: pointer
}

.app-faq-columnL .schema-faq-section,
.faq-columnR .schema-faq-section {
	border-bottom: 1px solid #e1e1e1
}

.app-faq-columnL .schema-faq-question::after,
.faq-columnR .schema-faq-question::after {
	display: block;
	position: absolute;
	right: 28px;
	top: 32px;
	width: 18px;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	color: #c8161d;
	content: '+';
	transition: all .3s
}

.app-faq-columnL .schema-faq-answer,
.faq-columnR .schema-faq-answer {
	padding: 34px 70px 36px 32px;
	position: relative;
	display: none;
	font-size: 16px;
	line-height: 24px;
	background: #f8f8f8
}

.app-faq-columnL .current .schema-faq-question::after,
.faq-columnR .current .schema-faq-question::after {
	content: '-'
}

.app-des-tit {
	margin-top: 80px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.app-des-content {
	padding-top: 4px;
	font-size: 16px;
	line-height: 24px
}

.single-app-columns {
	margin-top: 68px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #f8f8f8
}

.single-app-columnL {
	-ms-flex: none;
	flex: none;
	width: 412px
}

.single-app-columnR {
	-ms-flex: 1;
	flex: 1;
	padding: 55px 112px 68px 82px
}

.single-app-tit {
	margin-top: 30px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.single-app-excerpt {
	margin-top: 32px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #666
}

.single-app-btns {
	margin-top: 52px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.single-app-btn1 {
	display: block;
	margin-right: 20px;
	-ms-flex: none;
	flex: none;
	width: 252px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #c8161d;
	color: #fff
}

.single-app-btn2 {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 252px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: #c8161d;
	font-weight: 700;
	background: #fff;
	border: 1px solid #c8161d
}

.single-app-btn1:hover {
	transform: translateY(-4px)
}

.single-app-btn2:hover {
	background: #c8161d;
	color: #fff;
	transform: translateY(-4px)
}

.share-app-styles {
	margin-top: 28px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

.share-pro-styles {
	-ms-flex: none;
	flex: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

.share-app-tit {
	display: block;
	-ms-flex: none;
	flex: none;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #666
}

.share-pro-tit {
	display: block;
	-ms-flex: none;
	flex: none;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700
}

.share-app-styles .iconfont,
.share-pro-styles .iconfont {
	display: block;
	-ms-flex: none;
	flex: none;
	margin-left: 20px;
	font-size: 18px;
	line-height: 18px;
	color: #999
}

.share-app-styles .iconfont:hover,
.share-pro-styles .iconfont:hover {
	color: #c8161d
}

.faq-menu-sec {
	margin-top: 120px;
	position: relative;
	padding-bottom: 66px
}

.faq-help-list {
	padding-top: 26px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about-help-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 80px
}

.factory-menu,
.pro-footer-menu {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 80px
}

.faq-help-item {
	-ms-flex: none;
	flex: none;
	width: 23.8%;
	margin-top: 20px;
	border-top: 1px solid #c8161d;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
	transition: all .3s
}

.faq-help-db {
	display: block;
	position: relative;
	padding: 45px 38px;
	min-height: 180px
}

.faq-help-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	transition: all .3s
}

.faq-help-db .iconfont {
	display: block;
	width: 30px;
	margin-top: 12px;
	font-size: 18px;
	line-height: 18px;
	color: #999;
	transition: all .3s
}

.faq-help-item:hover .faq-help-db .iconfont,
.faq-help-item:hover .faq-help-tit {
	color: #c8161d
}

.faq-help-item:hover {
	transform: translateY(-4px)
}

.faq-help-db::after {
	display: block;
	position: absolute;
	right: 22px;
	bottom: 16px;
	width: 30px;
	height: 30px;
	background: rgba(200, 22, 29, .07);
	content: '';
	z-index: 1
}

.faq-help-db::before {
	display: block;
	position: absolute;
	right: 32px;
	bottom: 30px;
	font-family: iconfont;
	font-size: 42px;
	color: #c8161d;
	z-index: 2
}

.about-help-list .faq-help-item:nth-child(1) .faq-help-db::before,
.faq-help-list .faq-help-item:nth-child(1) .faq-help-db::before,
.pro-footer-menu .faq-help-item:nth-child(1) .faq-help-db::before {
	content: '\e6d4'
}

.faq-help-list .faq-help-item:nth-child(2) .faq-help-db::before,
.pro-footer-menu .faq-help-item:nth-child(2) .faq-help-db::before {
	content: '\e6a3'
}

.about-help-list .faq-help-item:nth-child(2) .faq-help-db::before {
	content: '\e6f9'
}

.about-help-list .faq-help-item:nth-child(3) .faq-help-db::before {
	content: '\e6fe'
}

.faq-help-list .faq-help-item:nth-child(3) .faq-help-db::before,
.pro-footer-menu .faq-help-item:nth-child(3) .faq-help-db::before {
	content: '\e6b4'
}

.about-help-list .faq-help-item:nth-child(4) .faq-help-db::before,
.faq-help-list .faq-help-item:nth-child(4) .faq-help-db::before,
.pro-footer-menu .faq-help-item:nth-child(4) .faq-help-db::before {
	content: '\e6ef'
}

.factory-menu .faq-help-item:nth-child(1) .faq-help-db::before {
	content: '\e6a3'
}

.factory-menu .faq-help-item:nth-child(2) .faq-help-db::before {
	content: '\e6b4'
}

.factory-menu .faq-help-item:nth-child(3) .faq-help-db::before {
	content: '\e6d4'
}

.factory-menu .faq-help-item:nth-child(4) .faq-help-db::before {
	content: '\e6ef'
}

.faq-columns {
	margin-top: 88px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.faq-columnL {
	-ms-flex: none;
	flex: none;
	width: 325px
}

.faq-columnR {
	-ms-flex: none;
	flex: none;
	padding-top: 3px;
	width: calc(100% - 400px);
	border-top: 2px solid #d2d2d7
}

.page-faq-tit {
	font-size: 32px;
	line-height: 40px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.page-faq-tit .change-color {
	color: #c8161d;
	font-family: Metropolis-Thin, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.faq-excerpt {
	margin-top: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.page-faq-touch {
	display: block;
	margin-top: 90px;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #d0021b
}

.page-contact {
	padding: 112px 0 120px
}

.contact-map-sec {
	margin-top: 80px;
	background: #f8f8f8
}

.contact-map-top {
	padding: 42px 84px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.contact-map-show>p {
	height: 536px
}

.contact-map-icon {
	-ms-flex: none;
	flex: none;
	width: 38px
}

.contact-map-icon .iconfont {
	font-size: 36px;
	color: #c8161d
}

.contact-map-info {
	-ms-flex: 1;
	flex: 1;
	margin-left: 26px
}

.contact-add-tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #c8161d
}

.contact-add-show {
	margin-top: 4px;
	font-size: 20px;
	line-height: 26px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.contact-sns-sec {
	margin-top: 80px;
	padding: 54px 82px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background: url(../img/contact-sns.jpg) no-repeat top center;
	background-size: cover
}

.contact-sns-info {
	-ms-flex: none;
	flex: none;
	width: 400px
}

.contact-sns-list {
	-ms-flex: none;
	flex: none;
	width: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.contact-sns-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.contact-sns-des {
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #fff
}

.contact-sns-item {
	-ms-flex: none;
	flex: none;
	border-left: 1px solid rgba(255, 255, 255, .43)
}

.contact-sns-list .contact-sns-item:first-child {
	border-left: none
}

.contact-sns-db {
	display: block;
	padding: 0 46px
}

.contact-sns-icon {
	text-align: center
}

.contact-sns-icon .iconfont {
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	transition: all .3s
}

.contact-sns-txt {
	margin-top: 10px;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #fff;
	transition: all .3s
}

.contact-sns-db:hover .contact-sns-icon .iconfont,
.contact-sns-db:hover .contact-sns-txt {
	color: #c8161d
}

.video-content {
	padding-top: 30px
}

.page-video .video-content .wp-block-gallery {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: normal;
	align-items: normal;
	gap: 0
}

.video-content .wp-block-gallery .wp-block-image {
	-ms-flex: none;
	flex: none;
	width: 31.7%;
	margin-top: 60px
}

.video-content .wp-block-gallery>i {
	-ms-flex: none;
	flex: none;
	width: 31.7%;
	height: 0;
	margin: 0
}

.video-content .wp-block-gallery .wp-element-caption {
	margin-top: 16px;
	font-size: 16px;
	line-height: 24px;
	max-height: 48px;
	font-weight: 500;
	color: #666;
	overflow: hidden
}

.video-content .wp-block-gallery .wp-block-image a {
	display: block;
	position: relative
}

.video-content .wp-block-gallery .wp-block-image a::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .27);
	content: '';
	transition: all .3s
}

.video-content .wp-block-gallery .wp-block-image a::after {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	font-family: iconfont;
	font-size: 26px;
	content: '\e6e5';
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 2;
	transition: all .3s
}

.video-content .wp-block-gallery .wp-block-image a:hover::before {
	background: rgba(0, 0, 0, .37)
}

.video-content .wp-block-gallery .wp-block-image a:hover::after {
	color: #c8161d;
	border-color: #c8161d
}

.page-product {
	padding: 72px 0 120px
}

.page-pro-form {
	margin-top: 90px
}

.pro-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.page-product .pro-columns{
	margin-bottom: 50px;
}
.pro-columnL {
	-ms-flex: none;
	flex: none;
	width: 300px
}

.pro-columnR {
	-ms-flex: none;
	flex: none;
	width: calc(100% - 336px)
}

.all-procat li {
	margin-top: 10px
}

.all-procat li:first-child {
	margin-top: 0
}

.all-procat li a {
	position: relative;
	display: block;
	padding: 24px 30px 24px 34px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	background: #f4f4f4
}

.all-procat li a::before {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	background: #c8161d;
	left: 16px;
	top: 32px;
	content: '';
	transition: all .3s
}

.all-procat .current-menu-item a,
.all-procat li a:hover {
	background: #c8161d;
	color: #fff
}

.all-procat .current-menu-item a::before,
.all-procat li a:hover::before {
	background: #fff
}

.all-pro-tit {
	font-size: 24px;
	line-height: 30px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.pro-help-sec {
	margin-top: 30px;
	padding: 50px 38px 54px 35px;
	border-top: 2px solid #c8161d;
	background: url(../img/pro-help-bg.jpg) no-repeat top center;
	background-size: cover
}

.pro-help-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.pro-help-des {
	margin-top: 12px;
	padding-bottom: 28px;
	font-size: 14px;
	line-height: 24px;
	background: url(../img/pro-help2.png) no-repeat 38px bottom
}

.pro-help-btn {
	display: block;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.procat-child {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.procat-child li {
	-ms-flex: none;
	flex: none;
	max-width: 25%;
	min-width: 25%;
	margin-bottom: 1px;
	border-left: 1px solid #fff;
	transition: all .3s;
	background: #222
}

.procat-child li a {
	display: block;
	text-align: center;
	padding: 15px 24px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff
}

.procat-child .current-menu-item,
.procat-child li:hover {
	background: #c8161d
}

.single-pro-bottom {
	border-top: 15px solid #f8f8f8
}

.single-pro-form {
	margin-top: 100px
}

.rel-case-sec {
	margin-top: 100px
}

.rel-case-parent {
	margin-top: 62px;
	position: relative
}

.rel-case-parent::before {
	display: block;
	position: absolute;
	left: -7px;
	top: -7px;
	width: 75px;
	height: 75px;
	background: #c8161d;
	content: '';
	z-index: -1
}

.single-pro-top {
	padding-bottom: 70px
}

.pro-top-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 64px
}

.pro-top-columnL {
	-ms-flex: none;
	flex: none;
	width: 560px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.pro-big-show2 {
	-ms-flex: none;
	flex: none;
	width: 460px
}

.pro-small-show2 {
	-ms-flex: none;
	flex: none;
	width: 84px;
	margin-left: 10px
}

.pro-top-columnR {
	-ms-flex: 1;
	flex: 1;
	padding: 12px 84px 0
}

#pro-big-show2 .gallery {
	border: 1px solid #eee
}

#pro-big-show2 .gallery .gallery-item {
	margin-top: 0
}

#pro-small-show2 .gallery {
	margin: -5px 0
}

#pro-small-show2 .gallery .gallery-item {
	margin: 5px 0;
	cursor: pointer
}

#pro-big-show2 .gallery img {
	display: block;
	border: none
}

#pro-small-show2 .gallery img {
	display: block;
	border: 1px solid #eee
}

#pro-small-show2 .gallery .slick-current img {
	border-color: #c8161d
}

.single-pro-tit {
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.single-pro-des {
	padding-top: 16px
}

.single-pro-des ul li {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px
}

.single-pro-des ul li strong {
	display: inline-block;
	position: relative;
	font-weight: 400;
	padding-right: 18px;
	color: #999;
	width: 115px;
	margin-right: 10px;
}

.single-pro-des ul li strong::after {
	display: block;
	position: absolute;
	right: 6px;
	top: 3px;
	width: 1px;
	height: 16px;
	background: #ddd;
	content: ''
}

.single-pro-btns {
	margin-top: 34px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.single-pro-down {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.pro-pdf-show {
	-ms-flex: none;
	flex: none;
	display: block;
	margin-right: 56px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #c8161d
}

.pro-pdf-show .iconfont {
	padding-right: 6px;
	font-weight: 400
}

.pro-pdf-show:hover {
	transform: translateY(-4px)
}

.single-pro-center {
	background: #222;
	transition: all .3s;
}

.pro-nav-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.pro-nav-items {
	-ms-flex: 1;
	flex: 1;
	margin-right: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: nowrap;
	flex-flow: nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: hidden
}

.pro-nav-form {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.pro-nav-items li {
	-ms-flex: none;
	flex: none;
	padding: 28px 38px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	transition: all .3s
}

.pro-nav-items .current,
.pro-nav-items li:hover {
	background: #c8161d
}

.pro-content {
	padding: 6px 0 100px
}

.pro-nav-items::-webkit-scrollbar {
	height: 8px
}

.pro-nav-items::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: #e2e2e2
}

.pro-nav-items::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 10px;
	background: #222
}

.page-table-area::-webkit-scrollbar {
	height: 8px
}

.page-table-area::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	background: #e2e2e2
}

.page-table-area::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 10px;
	background: #eee
}

.pro-detail-advs>h2,
.pro-detail-common>h2 {
	margin-top: 72px;
	position: relative;
	padding-left: 18px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.pro-detail-advs>h2::before,
.pro-detail-common>h2::before {
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 4px;
	height: 15px;
	background: #505050;
	content: ''
}

.pro-detail-advs>h2::after,
.pro-detail-common>h2::after {
	display: block;
	position: absolute;
	left: 0;
	top: 17px;
	width: 4px;
	height: 15px;
	background: #c8161d;
	content: ''
}

.pro-advs-sec ul {
	padding-top: 48px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about-adv-show ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about-adv-show ul li {
	-ms-flex: none;
	flex: none;
	margin-top: 32px;
	position: relative;
	padding: 130px 44px 58px;
	width: 31.6%;
	min-height: 362px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
	transition: all .3s
}

.pro-advs-sec ul li {
	-ms-flex: none;
	flex: none;
	margin-top: 24px;
	position: relative;
	padding: 98px 32px 34px;
	width: 23.7%;
	min-height: 275px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
	transition: all .3s
}

.about-adv-show ul li:hover,
.pro-advs-sec ul li:hover {
	transform: translateY(-6px)
}

.about-adv-show ul li::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background: #c8161d;
	content: ''
}

.pro-advs-sec ul li::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 12px;
	height: 12px;
	background: #c8161d;
	content: ''
}

.pro-advs-sec ul li::before {
	display: block;
	position: absolute;
	left: 32px;
	top: 38px;
	font-family: iconfont;
	color: #c8161d
}

.about-adv-show ul li::before {
	display: block;
	position: absolute;
	left: 44px;
	top: 64px;
	font-family: iconfont;
	font-size: 54px;
	color: #c8161d
}

.about-adv-show ul li:nth-child(1)::before {
	content: '\e6d4'
}

.about-adv-show ul li:nth-child(2)::before {
	content: '\e6fd'
}

.about-adv-show ul li:nth-child(3)::before {
	font-size: 50px;
	content: '\e65c'
}

.about-adv-show ul li:nth-child(4)::before {
	content: '\e6f2'
}

.about-adv-show ul li:nth-child(5)::before {
	content: '\e6f7'
}

.about-adv-show ul li:nth-child(6)::before {
	font-size: 50px;
	content: '\e6c8'
}

.pro-advs-sec ul li:nth-child(1)::before {
	font-size: 42px;
	content: '\e6fa'
}

.pro-advs-sec ul li:nth-child(2)::before {
	font-size: 45px;
	content: '\e6d4'
}

.pro-advs-sec ul li:nth-child(3)::before {
	font-size: 45px;
	content: '\e6fd'
}

.pro-advs-sec ul li:nth-child(4)::before {
	font-size: 40px;
	content: '\e70a'
}

.pro-advs-sec ul li strong {
	display: block;
	margin-bottom: 16px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #333
}

.about-adv-show ul li strong {
	display: block;
	margin-bottom: 25px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #333
}

.pro-detail-common .pro-features {
	margin-top: 48px
}

.pro-detail-common h3 {
	position: relative;
	padding-left: 18px;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.pro-detail-common>h3 {
	margin-top: 24px
}

.pro-detail-common h3::before {
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 9px;
	height: 9px;
	background: #c8161d;
	content: ''
}

.pro-features .wp-block-group {
	padding: 42px 130px 42px 40px;
	margin-bottom: 4px;
	background: #f8f8f8
}

.page-company {
	padding: 52px 0 85px
}

.company-bottom {
	padding: 114px 0 120px
}

.about-content {
	margin-top: 20px
}

.about-content h4 {
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.about-content .wp-block-gallery {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.about-content .wp-block-gallery .wp-block-image {
	margin: 0 14px
}

.about-svg {
	margin-top: 70px;
	padding-bottom: 50px;
	text-align: center
}

.about-content>p {
	margin-top: 24px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500
}

.about-top-video {
	margin-top: 96px
}

.about-top-video img {
	display: block;
	width: 100%
}

.about-top-video a {
	display: block;
	position: relative
}

.about-top-video a::before {
	display: block;
	position: absolute;
	left: 116px;
	bottom: 76px;
	width: 75px;
	height: 75px;
	text-align: center;
	line-height: 75px;
	color: #fff;
	font-family: iconfont;
	content: '\e6e5';
	font-size: 34px;
	border-radius: 50%;
	background: #c8161d;
	z-index: 2;
	transition: all .3s
}

.about-top-video a:hover::before {
	font-size: 30px
}

@keyframes changeW {
	0% {
		background: transparent;
		transform: scale(0)
	}

	100% {
		background: rgba(200, 22, 29, .2);
		transform: scale(1)
	}
}

.about-top-video a::after {
	display: block;
	position: absolute;
	left: 90px;
	bottom: 52px;
	width: 124px;
	height: 124px;
	border-radius: 50%;
	content: '';
	background: rgba(200, 22, 29, .2);
	z-index: 0;
	animation: changeW 2s infinite;
	transition: all .3s
}

.vision-sec {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #c8161d
}

.vision-secL {
	-ms-flex: none;
	flex: none;
	width: 50%;
	padding: 108px 70px 100px calc(50vw - 1300px/2);
	background: url(../img/vision-bg.jpg) no-repeat left top;
	background-size: cover;
	overflow: hidden
}

.vision-secR {
	-ms-flex: none;
	flex: none;
	width: 50%
}

.vision-info-tit {
	position: relative;
	padding-left: 22px;
	font-size: 32px;
	line-height: 34px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.vision-info-tit::before {
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 12px;
	height: 12px;
	background: #c8161d;
	content: ''
}

.vision-info-des {
	margin-top: 16px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #fff
}

.philosophy-sec {
	margin-top: 100px
}

.vision-num-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.vision-num-item {
	-ms-flex: none;
	flex: none;
	width: 33.33%;
	position: relative;
	padding: 106px 30px 70px 60px
}

.vision-num-item::before {
	display: block;
	position: absolute;
	left: 27px;
	top: 24px;
	width: 34px;
	height: 34px;
	background: url(../img/vision-icon.png) no-repeat center;
	background-size: contain;
	content: ''
}

.vision-num-list .vision-num-item:nth-child(even) {
	background: #bd141b
}

.vision-num-txt {
	font-size: 40px;
	line-height: 46px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.vision-num-des {
	margin-top: 10px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: #fff
}

.about-adv-sec {
	padding: 112px 0 144px;
	background: #f8f8f8
}

.about-cer-sec {
	padding: 96px 0 158px;
	background: url(../img/certificate-bg.jpg) no-repeat top center;
	background-size: cover
}

.about-cer-show>p {
	padding: 0 120px;
	margin-top: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.partner-gallery {
	margin-top: 46px
}

#partner-gallery .gallery {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -9px
}

#partner-gallery .gallery .gallery-item {
	margin: 0 9px;
	-ms-flex: none;
	flex: none;
	width: 202px
}

#partner-gallery .gallery .gallery-item img {
	border: none
}

.customer-visit-sec {
	margin-top: 94px
}

.exhibition-sec {
	margin-top: 82px
}

.customer-gallery {
	margin-top: 20px;
	padding: 35px 30px 106px;
	background: #f8f8f8
}

.exhibition-gallery {
	margin-top: 44px;
	padding-bottom: 100px
}

.team-tab-sec {
	padding: 114px 0 34px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.team-tab-list {
	-ms-flex: none;
	flex: none;
	width: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.team-tab-list li {
	-ms-flex: none;
	flex: none;
	margin-left: 3px;
	position: relative;
	text-align: center;
	width: 220px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 500;
	background: #f8f8f8;
	transition: all .3s;
	cursor: pointer
}

.team-tab-list li::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-top: 6px solid #c8161d;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	content: '';
	opacity: 0;
	transition: all .3s
}

.team-tab-list li:first-child {
	margin-left: 0
}

.team-tab-list li .iconfont {
	display: inline-block;
	margin-right: 12px;
	font-size: 32px;
	vertical-align: middle;
	transition: all .3s
}

.team-tab-list .current,
.team-tab-list li:hover {
	color: #fff;
	background: #c8161d
}

.team-tab-list .current .iconfont,
.team-tab-list li:hover .iconfont {
	color: #fff
}

.team-tab-list .current::after,
.team-tab-list li:hover::after {
	opacity: 1
}

.team-gallery-sec {
	padding: 80px 0 72px;
	background: url(../img/team-bg.jpg) no-repeat center;
	background-size: cover
}

.team-gallery-list {
	position: relative;
	z-index: 1
}

.team-gallery-list::after {
	display: block;
	position: absolute;
	right: 0;
	top: -42px;
	font-size: 138px;
	line-height: 138px;
	font-family: iconfont;
	content: '\e68c';
	color: rgba(200, 22, 29, .05);
	z-index: -1
}

.team-gallery-item {
	display: none
}

.team-gallery-list .current {
	display: block;
	overflow: hidden
}

.team-gallery-item h3 {
	position: relative;
	padding-left: 26px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.team-gallery-item h3::before {
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 10px;
	height: 10px;
	background: #c8161d;
	content: ''
}

.team-gallery-item>p {
	max-width: 75%;
	margin-top: 18px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

#team-gallery .gallery {
	margin: 48px -13px 0
}

#team-gallery .gallery .gallery-item {
	margin: 0 13px;
	position: relative
}

#team-gallery .gallery .wp-caption-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 236px;
	padding: 16px 26px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #c8161d;
	background: #fff;
	border-left: 3px solid #c8161d;
	opacity: 0;
	transition: all .3s
}

#team-gallery .gallery .wp-caption-text strong {
	display: block;
	margin-bottom: 4px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #333
}

#team-gallery .gallery .gallery-item:hover .wp-caption-text {
	opacity: 1
}

#team-gallery .gallery .gallery-item img {
	border: none
}

#team-gallery .gallery .slick-dots {
	margin-top: 48px;
	text-align: center
}

#team-gallery .gallery .slick-dots li {
	display: inline-block;
	margin: 0 14px;
	width: 15px;
	height: 15px;
	background: #dedede;
	cursor: pointer;
	transition: all .3s
}

#team-gallery .gallery .slick-dots .slick-active,
#team-gallery .gallery .slick-dots li:hover {
	background: #c8161d
}

.history-top {
	padding: 95px 0 60px
}

.history-info-sec {
	padding: 102px 0 112px;
	background: url(../img/history-bg.jpg) no-repeat top center;
	background-size: cover
}

.history-date {
	margin-top: 50px;
	padding: 0 120px
}

.history-date ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.history-date ul li {
	position: relative;
	padding-bottom: 16px;
	-ms-flex: none;
	flex: none;
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #bcbcbc;
	transition: all .3s;
	cursor: pointer
}

.history-date ul li::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 8px;
	height: 8px;
	background: #c8161d;
	content: '';
	opacity: 0;
	transition: all .3s
}

.history-date ul .slick-current,
.history-date ul li:hover {
	color: #c8161d
}

.history-date ul .slick-current::after,
.history-date ul li:hover::after {
	opacity: 1
}

.history-right {
	padding-left: 94px;
	padding-right: 56px;
	border-left: 1px solid rgba(216, 216, 216, .35)
}

.history-year {
	position: relative;
	margin-top: 48px;
	padding-left: 20px;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.history-des-sec ul li .history-year:first-child {
	margin-top: 0
}

.history-year::before {
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 10px;
	height: 10px;
	background: #c8161d;
	content: ''
}

.history-des {
	margin-top: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #d8d8d8
}

.history-des-sec>ul li {
	padding-left: 338px;
	position: relative
}

.history-add-date {
	position: absolute;
	width: 330px;
	left: 0;
	top: 0;
	font-size: 100px;
	line-height: 120px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: rgba(255, 255, 255, .32)
}

.animate-date .slick-arrow {
	width: 24px;
	height: 20px;
	line-height: inherit;
	text-align: center;
	z-index: 99;
	transition: all .4s
}

.fac-workshop {
	margin-top: 64px
}

.workshop-gallery-tit {
	text-align: center;
	position: relative;
	padding-bottom: 48px;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.workshop-gallery-tit::before {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.workshop-gallery-tit::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-2px);
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.workshop-gallery {
	margin-top: 32px;
	padding-bottom: 140px
}

#technical-gallery .gallery {
	margin: 66px -10px 0
}

#about-cer-gallery .gallery {
	margin: 54px -21px 0
}

#customer-gallery .gallery,
#exhibition-gallery .gallery,
#workshop-gallery .gallery {
	margin: 0 -10px
}

#about-cer-gallery .gallery .gallery-item,
#technical-gallery .gallery .gallery-item {
	margin: 0 21px
}

#customer-gallery .gallery .gallery-item,
#exhibition-gallery .gallery .gallery-item,
#technical-gallery .gallery .gallery-item,
#workshop-gallery .gallery .gallery-item {
	margin: 0 10px
}

#customer-gallery .gallery .gallery-icon,
#exhibition-gallery .gallery .gallery-icon,
#technical-gallery .gallery .gallery-icon,
#workshop-gallery .gallery .gallery-icon {
	overflow: hidden
}

#about-cer-gallery .gallery .gallery-item img,
#customer-gallery .gallery .gallery-item img,
#exhibition-gallery .gallery .gallery-item img,
#technical-gallery .gallery .gallery-item img,
#workshop-gallery .gallery .gallery-item img {
	display: block;
	width: 100%;
	transition: all .3s;
	border: none
}

#about-cer-gallery .gallery .gallery-caption {
	margin-top: 28px;
	font-size: 16px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	font-weight: 500
}

#about-cer-gallery .gallery .gallery-icon {
	position: relative
}

#about-cer-gallery .gallery .gallery-icon::after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: -10px;
	bottom: -10px;
	background: #d0d2d5;
	content: '';
	z-index: -1
}

#customer-gallery .gallery .gallery-caption,
#exhibition-gallery .gallery .gallery-caption,
#technical-gallery .gallery .gallery-caption,
#workshop-gallery .gallery .gallery-caption {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	max-height: 40px;
	font-weight: 500;
	overflow: hidden
}

#customer-gallery .slick-dots,
#exhibition-gallery .slick-dots,
#technical-gallery .slick-dots,
.workshop-gallery .slick-dots {
	position: absolute;
	width: auto;
	left: 50%;
	bottom: -64px;
	transform: translateX(-50%)
}

#about-cer-gallery .slick-dots {
	position: absolute;
	width: auto;
	left: 50%;
	bottom: -74px;
	transform: translateX(-50%)
}

#customer-gallery .slick-dots li,
#exhibition-gallery .slick-dots li,
#technical-gallery .slick-dots li,
.workshop-gallery .slick-dots li {
	display: inline-block;
	margin: 0 11px;
	width: 12px;
	height: 12px;
	transition: all .3s;
	cursor: pointer;
	background: #dedede
}

#about-cer-gallery .slick-dots li {
	display: inline-block;
	margin: 0 14px;
	width: 15px;
	height: 15px;
	transition: all .3s;
	cursor: pointer;
	background: #dedede
}

#about-cer-gallery .slick-dots li button,
#customer-gallery .slick-dots li button,
#exhibition-gallery .slick-dots li button,
#team-gallery .slick-dots li button,
#technical-gallery .slick-dots li button,
.workshop-gallery .slick-dots li button {
	display: none
}

#about-cer-gallery .slick-dots .slick-active,
#about-cer-gallery .slick-dots li:hover,
#customer-gallery .slick-dots .slick-active,
#customer-gallery .slick-dots li:hover,
#exhibition-gallery .slick-dots .slick-active,
#exhibition-gallery .slick-dots li:hover,
#technical-gallery .slick-dots .slick-active,
#technical-gallery .slick-dots li:hover,
.workshop-gallery .slick-dots .slick-active,
.workshop-gallery .slick-dots li:hover {
	background: #c8161d
}

#about-cer-gallery .gallery .gallery-item a,
#customer-gallery .gallery .gallery-item a,
#exhibition-gallery .gallery .gallery-item a,
#technical-gallery .gallery .gallery-item a,
#workshop-gallery .gallery .gallery-item a {
	display: block;
	position: relative;
	/*cursor: url(../img/glass.cur), pointer;*/
	overflow: hidden
}

#about-cer-gallery .gallery .gallery-item a:hover img,
#customer-gallery .gallery .gallery-item a:hover img,
#exhibition-gallery .gallery .gallery-item a:hover img,
#technical-gallery .gallery .gallery-item a:hover img,
#workshop-gallery .gallery .gallery-item a:hover img {
	transform: scale(1.05)
}

#customer-gallery .slick-arrow,
#exhibition-gallery .slick-arrow,
#technical-gallery .slick-arrow,
.workshop-gallery .slick-arrow {
	position: absolute;
	top: auto;
	left: 50%;
	transform: none;
	bottom: -62px;
	width: 24px;
	height: 20px;
	line-height: inherit;
	text-align: center;
	z-index: 99;
	transform: none;
	transition: all .4s
}

#about-cer-gallery .slick-arrow {
	position: absolute;
	top: auto;
	left: 50%;
	transform: none;
	bottom: -70px;
	width: 24px;
	height: 20px;
	line-height: inherit;
	text-align: center;
	z-index: 99;
	transform: none;
	transition: all .4s
}

#about-cer-gallery .slick-arrow::before,
#customer-gallery .slick-arrow::before,
#exhibition-gallery .slick-arrow::before,
#technical-gallery .slick-arrow::before,
.animate-date .slick-arrow::before,
.workshop-gallery .slick-arrow::before {
	display: block;
	font-family: iconfont;
	font-size: 24px;
	color: #bcbcbc;
	transition: all .3s
}

#about-cer-gallery .slick-arrow:hover::before,
#customer-gallery .slick-arrow:hover::before,
#exhibition-gallery .slick-arrow:hover::before,
#technical-gallery .slick-arrow:hover::before,
.animate-date .slick-arrow:hover::before,
.workshop-gallery .slick-arrow:hover::before {
	color: #c8161d
}

#about-cer-gallery .slick-prev {
	margin-left: -138px
}

#about-cer-gallery .slick-next {
	margin-left: 110px
}

#customer-gallery .slick-prev,
#exhibition-gallery .slick-prev,
#technical-gallery .slick-prev,
.workshop-gallery .slick-prev {
	margin-left: -128px
}

#customer-gallery .slick-next,
#exhibition-gallery .slick-next,
#technical-gallery .slick-next,
.workshop-gallery .slick-next {
	margin-left: 96px
}

.animate-date .slick-next {
	right: -64px
}

.animate-date .slick-prev {
	left: -64px
}

#about-cer-gallery .slick-prev::before,
#customer-gallery .slick-prev::before,
#exhibition-gallery .slick-prev::before,
#technical-gallery .slick-prev::before,
.animate-date .slick-prev::before,
.workshop-gallery .slick-prev::before {
	content: '\e602'
}

#about-cer-gallery .slick-next::before,
#customer-gallery .slick-next::before,
#exhibition-gallery .slick-next::before,
#technical-gallery .slick-next::before,
.animate-date .slick-next::before,
.workshop-gallery .slick-next::before {
	content: '\e692'
}

.technical-sec {
	padding: 90px 0 154px;
	background: url(../img/professional-bg.jpg) no-repeat top center;
	background-size: cover
}

.technical-sec-des {
	padding-top: 26px
}

.technical-sec-des p {
	margin-top: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.factory-bottom {
	padding: 80px 0 120px
}

.quality-sec {
	position: relative;
	margin-top: 100px
}

.quality-sec-tit {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 630px;
	text-align: center;
	padding: 55px 0;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff;
	background: #c8161d
}

.quality-content {
	padding-top: 14px
}

#quality-content .wp-block-columns {
	-ms-flex-align: normal;
	align-items: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

#quality-content .wp-block-column {
	width: 46%;
	padding-right: 28px
}

#quality-content ul li {
	margin-top: 45px;
	font-size: 16px;
	line-height: 24px
}

#quality-content ul li strong {
	display: block;
	position: relative;
	margin-bottom: 14px;
	padding-left: 14px;
	font-size: 18px;
	line-height: 26px
}

#quality-content ul li strong::before {
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #c8161d;
	content: ''
}

.process-list {
	padding-top: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.process-item {
	margin-top: 30px;
	-ms-flex: none;
	flex: none;
	width: 22.6%
}

.process-list>i {
	-ms-flex: none;
	flex: none;
	width: 22.6%;
	height: 0;
	margin: 0
}

.process-item-thumb {
	position: relative
}

.process-item-thumb img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.process-item-thumb::after {
	display: block;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	font-family: iconfont;
	font-size: 22px;
	content: '\e622';
	color: #c8161d
}

.process-list .process-item:nth-child(4n) .process-item-thumb::after {
	display: none
}

.cover-number {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	background: #c8161d
}

.last-process {
	margin-top: 30px;
	position: relative;
	-ms-flex: none;
	flex: none;
	width: 22.6%
}

.process-item-tit {
	margin-top: 35px;
	text-align: center;
	padding: 0 8px;
	font-size: 18px;
	line-height: 26px;
	color: #666
}

.last-process-show {
	padding: 48px 30px;
	min-height: 220px;
	background: #c8161d url(../img/last-process.png) no-repeat top center;
	background-size: cover
}

.last-process-icon {
	text-align: center
}

.last-process-icon .iconfont {
	font-size: 48px;
	color: #fff
}

.last-process-btn {
	display: block;
	margin: 30px auto 0;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #c8161d;
	background: #fff
}

.last-process-btn .iconfont {
	font-weight: 400;
	font-size: 20px;
	padding-left: 10px;
	vertical-align: middle
}

.page-service {
	padding: 90px 0 136px;
	overflow: hidden
}

.page-ser-des {
	max-width: 890px;
	margin-top: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.ser-content {
	margin-top: 86px
}

#ser-content .wp-block-columns {
	gap: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: normal;
	align-items: normal;
	position: relative
}

#ser-content .in-sale-sec {
	margin: 122px 0 0
}

#ser-content .after-sale-sec {
	margin: 122px 0 0
}

#ser-content .wp-block-columns .wp-block-image {
	margin: 0
}

#ser-content .wp-block-columns h3 {
	position: relative;
	padding-left: 26px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

#ser-content .wp-block-columns h3::before {
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
	width: 70px;
	height: 70px;
	background: #c8161d;
	content: '';
	z-index: -1
}

.in-sale-sec::after {
	display: block;
	position: absolute;
	right: calc(-50vw + 1300px/2);
	top: -120px;
	width: 450px;
	height: 450px;
	background: rgba(200, 22, 29, .03);
	z-index: -1;
	content: ''
}

.after-sale-sec .wp-block-column:first-child,
.pre-sale-sec .wp-block-column:first-child {
	width: 50%
}

.after-sale-sec .wp-block-column:last-child,
.pre-sale-sec .wp-block-column:last-child {
	width: 50%;
	padding: 38px 0 0 80px
}

.in-sale-sec .wp-block-column:first-child {
	padding: 30px 98px 0 0
}

.pre-sales {
	padding-top: 58px;
	counter-reset: section
}

.pre-sales li {
	margin-top: 50px;
	position: relative;
	padding-left: 115px;
	font-size: 16px;
	line-height: 24px
}

.pre-sales li::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: section;
	content: "0" counters(section, ".");
	font-size: 70px;
	line-height: 70px;
	font-family: Metropolis-Thin, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #c8161d
}

.in-sales {
	padding-top: 66px
}

.in-sales li {
	position: relative;
	margin-top: 24px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 24px
}

.in-sales li::before {
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #c8161d;
	content: ''
}

.after-sales {
	margin-top: 50px
}

.after-sales li {
	padding: 32px 0;
	font-size: 16px;
	line-height: 24px;
	border-top: 1px solid #e9e9e9
}

.after-sales li:first-child {
	border-top: none
}

.oem-ser-sec {
	padding: 104px 0 120px;
	background: url(../img/oem-bg.jpg) no-repeat top center
}

.oem-ser-top {
	text-align: center
}

.oem-ser-tit {
	display: inline-block;
	position: relative;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff;
	z-index: 2
}

.oem-ser-tit::before {
	display: block;
	position: absolute;
	left: -26px;
	top: -17px;
	width: 70px;
	height: 70px;
	background: #c8161d;
	content: '';
	z-index: -1
}

.oem-ser-des {
	margin-top: 54px;
	padding: 0 80px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.oem-step-sec {
	position: relative;
	margin-top: 50px;
	padding: 212px 64px 208px 80px;
	background: #f8f8f8
}

.oem-step-sec::after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-top: 40px solid #f8f8f8;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	content: ''
}

.electric-tit {
	text-align: center;
	margin-top: 86px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.electric-tip {
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px
}

.electric-btn {
	display: block;
	margin: 32px auto 0;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.oem-step-parent {
	border-right: 1px dashed #c8161d
}

.oem-step-list1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-top: 1px dashed #c8161d
}

.oem-step-list2 {
	padding-top: 64px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-bottom: 1px dashed #c8161d
}

.oem-step-item1 {
	-ms-flex: none;
	flex: none;
	position: relative;
	width: 142px;
	margin-right: 50px;
	padding-top: 25px
}

.oem-step-item2 {
	-ms-flex: none;
	flex: none;
	position: relative;
	width: 142px;
	margin-right: 50px;
	padding-bottom: 30px
}

.oem-step-icon1 {
	position: absolute;
	left: 50%;
	top: -136px;
	transform: translate(-50%);
	width: 108px;
	height: 108px;
	line-height: 106px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 49px 0 rgba(0, 0, 0, .1);
	border: 1px solid #eee
}

.oem-step-icon1 .iconfont,
.oem-step-icon2 .iconfont {
	font-size: 42px;
	color: #c8161d
}

.oem-step-num1 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #f8f8f8;
	background: #c8161d
}

.oem-step-tit1 {
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #666
}

.oem-step-icon2 {
	margin: 0 auto;
	width: 108px;
	height: 108px;
	line-height: 106px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 49px 0 rgba(0, 0, 0, .1);
	border: 1px solid #eee
}

.oem-step-num2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #f8f8f8;
	background: #c8161d
}

.oem-step-tit2 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -52px;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #666
}

.oem-step-list2 .oem-step-item2:nth-child(2) .oem-step-tit2 {
	bottom: -76px
}

.oem-step-list2 .oem-step-item2:nth-child(3) .oem-step-tit2 {
	bottom: -124px
}

.page-search {
	position: relative;
	padding-bottom: 120px;
	overflow: hidden
}

.search-area {
	width: 690px;
	margin: 100px auto 0
}

.search-type-list {
	margin-top: 74px;
	border-bottom: 1px solid #d8d8d8;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.search-type-list li {
	display: none;
	position: relative;
	-ms-flex: none;
	flex: none;
	margin-right: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700
}

.search-type-list .current {
	display: block
}

.result-list-sec {
	padding-top: 22px
}

.search-count {
	font-size: 16px;
	line-height: 20px;
	color: #999
}

.search-count-txt {
	color: #222
}

.found-result {
	width: 520px;
	margin: 72px auto 0
}

.result-tit {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500
}

.results-tips {
	padding-top: 14px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.results-tips li {
	margin-top: 8px
}

.results-btn {
	display: block;
	margin-top: 30px;
	width: 180px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	background: #c8161d;
	color: #fff;
	border-radius: 28px
}

.electric-btn:hover,
.last-process-btn:hover,
.results-btn:hover {
	transform: translateY(-4px)
}

.electric-btn:active,
.last-process-btn:active,
.results-btn:active {
	transform: scale(.95)
}

.page-404 {
	position: relative
}

.error-bg1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.error-columns {
	margin-top: 120px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.error-columnL {
	-ms-flex: none;
	flex: none;
	width: 40%
}

.error-columnR {
	-ms-flex: none;
	flex: none;
	width: 40%
}

.page-error-tit {
	font-size: 130px;
	line-height: 130px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #c8161d
}

.page-error-des1 {
	margin-top: 30px;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.page-error-des2 {
	margin-top: 20px;
	font-size: 16px;
	line-height: 22px;
	color: #666
}

.error-btn {
	display: block;
	margin-top: 52px;
	width: 194px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #c8161d
}

.error-btn:hover,
.last-app-btn:hover,
.page-faq-touch:hover {
	transform: translateY(-4px)
}

.error-btn:active,
.last-app-btn:active,
.page-faq-touch:active,
.pro-help-btn:active,
.pro-nav-form:active {
	transform: scale(.95)
}

.error-link-tit,
.error-search-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.error-search-des {
	margin-top: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.error-search-show {
	margin-top: 22px
}

.error-link-sec {
	margin-top: 60px
}

#menu-error-menu {
	padding-top: 16px
}

#menu-error-menu li {
	position: relative;
	padding-left: 14px;
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px
}

#menu-error-menu li::before {
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	content: '';
	background: #c8161d
}

#menu-error-menu li a:hover {
	color: #c8161d
}

.hot-pro-sec {
	padding: 100px 0 120px
}

.hot-pro-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.hot-pro-tit,
.team-tab-tit {
	position: relative;
	padding-left: 18px;
	-ms-flex: none;
	flex: none;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.rel-case-tit {
	position: relative;
	padding-left: 18px;
	font-size: 48px;
	line-height: 56px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.hot-pro-tit::before,
.rel-case-tit::before,
.team-tab-tit::before {
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 4px;
	height: 20px;
	background: #505050;
	content: ''
}

.hot-pro-tit::after,
.rel-case-tit::after,
.team-tab-tit::after {
	display: block;
	position: absolute;
	left: 0;
	top: 26px;
	width: 4px;
	height: 20px;
	background: #c8161d;
	content: ''
}

.hot-pro-link {
	display: block;
	-ms-flex: none;
	flex: none;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #666
}

.hot-pro-link .iconfont {
	padding-left: 10px;
	color: #c8161d;
	font-weight: 400;
	font-size: 17px
}

.hot-pro-link:hover {
	color: #c8161d;
	transform: translateY(-4px)
}

.xz-a008-ul .slick-arrow,
.xz-a0155-ul .slick-arrow {
	position: absolute;
	width: auto;
	z-index: 99;
	transition: all .4s
}

.xz-a008-ul .slick-arrow::before,
.xz-a0155-ul .slick-arrow::before {
	display: block;
	font-family: iconfont;
	font-size: 34px;
	line-height: inherit;
	color: #999;
	transition: all .3s
}

.xz-a008-ul .slick-prev,
.xz-a0155-ul .slick-prev {
	left: -70px
}

.xz-a008-ul .slick-prev::before,
.xz-a0155-ul .slick-prev::before {
	content: '\e602'
}

.xz-a008-ul .slick-next,
.xz-a0155-ul .slick-next {
	right: -70px
}

.xz-a008-ul .slick-next::before,
.xz-a0155-ul .slick-next::before {
	content: '\e692'
}

.xz-a008-ul .slick-arrow:hover::before,
.xz-a0155-ul .slick-arrow:hover::before {
	color: #c8161d
}

.page-policy {
	padding-bottom: 120px
}

.policy-content {
	width: 760px;
	margin: 86px auto 0
}

.policy-tit {
	text-align: center;
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif
}

.policy-des {
	margin-top: 22px;
	padding: 0 100px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500
}

.policy-show {
	width: 760px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.policy-show h3 {
	margin-top: 64px;
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #333
}

.policy-show p {
	margin-top: 24px
}

#pdf-form {
	position: relative;
	padding: 36px;
	margin: 0 auto;
	width: auto;
	max-width: 800px;
	background: #fff
}

.pdf-form-tit {
	font-size: 24px;
	line-height: 28px
}

.pdf-form-show {
	margin-top: 28px
}

.fixed-whatsapp {
	display: none;
	position: fixed;
	bottom: 30%;
	right: 0;
	z-index: 999
}

.right-nav {
	position: fixed;
	bottom: 160px;
	right: 0;
	z-index: 999
}

.right-sns {
	padding: 16px 0 24px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}

.right-nav-item {
	display: block;
	position: relative;
	padding: 20px 0 24px;
	text-align: center;
	width: 76px
}

.right-nav-item::before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 15px;
	height: 1px;
	background: #d1d3d2;
	transform: translateX(-50%);
	content: ''
}

.right-nav .right-nav-item:first-child::before {
	display: none
}

.right-icon {
	text-align: center
}

.right-icon .iconfont {
	font-size: 24px;
	line-height: 24px;
	color: #c8161d
}

.right-nav-info {
	text-align: center;
	padding-top: 3px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #333;
	transition: color .3s
}

.right-hidden-tel {
	display: none;
	position: absolute;
	top: 12px;
	left: -214px;
	width: 214px;
	height: 62px;
	padding: 22px 6px 0;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	word-break: break-all;
	color: #c8161d;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.right-nav-item:hover .right-nav-info {
	color: #c8161d
}

.back-top {
	display: block;
	opacity: 0;
	margin-top: 12px;
	text-align: center;
	width: 76px;
	height: 76px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	background: #c8161d
}

.back-top-info {
	display: inline-block;
	padding-top: 28px
}

.footer-fixed {
	display: none;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 300
}

.footer-fixed-item {
	position: relative;
	-ms-flex: none;
	flex: none;
	width: 25%;
	font-size: 12px;
	line-height: 14px;
	color: #222;
	text-align: center;
	background: #f2f2f2
}

.footer-fixed-show {
	display: block;
	padding: 4px 0
}

.footer-icons {
	display: block;
	text-align: center
}

.footer-icons .iconfont {
	font-size: 20px;
	line-height: 24px;
	color: #d51115
}

.footer-icon4 .iconfont {
	font-size: 17px
}

.footer-fixed-item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff
}

.footer-fixed-item:last-child::before {
	background: 0 0
}

.footer-fixed .footer-fixed-item:first-child {
	background: #30b945;
	color: #fff
}

.footer-fixed .footer-fixed-item:first-child .footer-icons .iconfont {
	color: #fff
}

.question-sec {
	position: relative;
	padding: 70px 98px 74px 60px;
	background: url(../img/question-bg.jpg) no-repeat top center;
	z-index: 3;
	background-size: cover;
	overflow: hidden
}

.footer-columns {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.question-infos {
	-ms-flex: 1;
	flex: 1;
	padding-right: 100px
}

.question-tip1 {
	font-size: 32px;
	line-height: 36px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.question-tip2 {
	margin-top: 14px;
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.question-contact {
	-ms-flex: none;
	flex: none;
	width: auto
}

.question-inquiry {
	display: block;
	width: 205px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #c8161d;
	background: #fff
}

.question-inquiry .iconfont {
	padding-right: 8px;
	font-size: 22px;
	font-weight: 400;
	vertical-align: middle;
	transition: all .3s
}

.question-inquiry:hover {
	background: #c8161d;
	color: #fff
}

.question-inquiry:hover .iconfont {
	color: #fff
}

.question-email {
	display: block;
	margin-top: 14px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff
}

.question-email:hover {
	text-decoration: underline
}

.footer-top {
	margin-top: -48px;
	position: relative;
	padding: 115px 0 60px;
	background: #151414;
	z-index: 0
}

.footer-bottom {
	padding: 18px 0;
	background: #000
}

.footer-sns-list {
	-ms-flex: none;
	flex: none
}

.footer-sns-list .iconfont {
	display: inline-block;
	margin-right: 28px;
	font-size: 24px;
	color: #fff
}

.footer-sns-list .iconfont:hover {
	color: #c8161d
}

.copyright-txt {
	-ms-flex: none;
	flex: none;
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #999
}

.footer-logo {
	display: block;
	-ms-flex: none;
	flex: none;
	width: 182px
}

.footer-contact-list {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 40px
}

.footer-contact-item {
	-ms-flex: none;
	flex: none;
	padding: 0 24px;
	width: 22%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.footer-contact-list .footer-contact-item:last-child {
	width: 34%
}

.footer-contact-list .footer-contact-item:first-child {
	border-left: none
}

.footer-contact-icon {
	-ms-flex: none;
	flex: none;
	width: 32px
}

.footer-contact-icon .iconfont {
	color: #c8161d;
	font-size: 30px
}

.footer-contact-item .footer-contact-icon .tel-icon {
	font-size: 28px
}

.footer-contact-txt {
	-ms-flex: 1;
	flex: 1;
	margin-left: 12px
}

.footer-contact-tit {
	font-size: 14px;
	line-height: 16px;
	color: #818181
}

.footer-contact-info {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	word-break: break-all
}

.footer-item-hover:hover {
	color: #c8161d
}

.footer-menus {
	margin-top: 66px
}

.footer-pro {
	-ms-flex: none;
	flex: none;
	width: 60%;
}

.footer-links {
	-ms-flex: none;
	flex: none;
	width: 35%
}

.footer-form {
	-ms-flex: none;
	flex: none;
	width: 615px
}

.footer-tit {
	font-size: 24px;
	line-height: 28px;
	font-family: Metropolis-Bold, helvetica neue, Helvetica, Tahoma, Arial, sans-serif;
	color: #fff
}

.footer-form-show {
	margin-top: 34px
}

.xz-form-sec2 {
	height: 186px
}

#menu-footer-menu {
	padding-top: 16px;
	display: flex;
	flex-wrap: wrap;
}

#menu-footer-menu li {
	position: relative;
	margin-top: 18px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #bdbdbd;
	width: 50%;
}

#menu-footer-menu li::before,
.footer-pro-item::before {
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	background: #c8161d;
	content: ''
}

.footer-pro-list {
	padding-top: 16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.footer-pro-item {
	-ms-flex: none;
	flex: none;
	width: 25%;
	position: relative;
	margin-top: 18px;
	padding-left: 18px;
	padding-right: 16px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #bdbdbd
}

#menu-footer-menu li a:hover,
.footer-pro-tit:hover {
	color: #c8161d
}

@media screen and (max-width:1650px) {

	.company-bottom,
	.hot-pro-sec,
	.oem-ser-sec,
	.page-contact {
		padding: 100px 0
	}

	.error-columns,
	.faq-menu-sec {
		margin-top: 100px
	}

	.list-app-sec,
	.page-product {
		padding: 72px 0 100px
	}

	.list-case-sec {
		padding: 40px 0 100px
	}

	.page-policy,
	.page-search,
	.single-app {
		padding-bottom: 100px
	}

	.page-service {
		padding: 90px 0 112px
	}

	.factory-bottom {
		padding: 80px 0 100px
	}

	.about-help-list {
		padding-top: 50px
	}

	.about-top-video {
		margin-top: 74px
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 100px 0 0
	}

	.in-sale-sec::after {
		top: -100px;
		width: 342px
	}

	.vision-num-item {
		padding: 86px 30px 70px 60px
	}

	.about-adv-sec {
		padding: 82px 0 120px
	}

	.team-tab-sec {
		padding: 100px 0 24px
	}
}

@media screen and (max-width:1520px) {

	.company-bottom,
	.hot-pro-sec,
	.oem-ser-sec,
	.page-contact,
	.page-service {
		padding: 90px 0
	}

	.pro-content {
		padding: 6px 0 90px
	}

	.factory-bottom {
		padding: 80px 0 90px
	}

	.xz-a0155-ul .slick-prev {
		left: 16px
	}

	.xz-a0155-ul .slick-next {
		right: 16px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 70px
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.faq-menu-sec,
	.quality-sec,
	.rel-case-sec,
	.single-pro-form {
		margin-top: 90px
	}

	.page-policy,
	.page-search,
	.single-app {
		padding-bottom: 90px
	}

	.list-app-sec,
	.page-product {
		padding: 72px 0 90px
	}

	.list-case-sec {
		padding: 40px 0 90px
	}

	.xz-a008-ul .slick-prev {
		left: 8px
	}

	.xz-a008-ul .slick-next {
		right: 8px
	}

	.single-pro-bottom {
		border-top: 12px solid #f8f8f8
	}

	.app-pro-des {
		padding-right: 10px
	}

	.last-app-tit,
	.vision-info-tit {
		font-size: 30px
	}

	.page-error-tit {
		font-size: 120px
	}

	.policy-content {
		margin: 74px auto 0
	}

	#pro-nav-content .wp-block-columns,
	.news-detail-area .wp-block-columns,
	.news-detail-area .wp-block-gallery,
	.news-detail-area .wp-block-group,
	.news-detail-area>.wp-block-image {
		margin: 46px 0 0
	}

	.news-detail-area .wp-block-columns .wp-block-column p,
	.pro-detail-common .wp-block-columns .wp-block-column p {
		padding: 0 42px
	}

	.pro-detail-common p {
		margin-top: 24px
	}

	.about-svg {
		padding-bottom: 40px
	}

	.technical-sec-des {
		padding-top: 18px
	}

	.about-top-video {
		margin-top: 56px
	}

	.last-process,
	.process-item {
		margin-top: 24px
	}

	.process-item-tit {
		margin-top: 30px;
		font-size: 17px;
		line-height: 24px
	}

	.quality-sec-tit {
		width: 564px
	}

	.ser-content {
		margin-top: 74px
	}

	.after-sales li {
		padding: 28px 0
	}

	.in-sales {
		padding-top: 52px
	}

	.pre-sales {
		padding-top: 46px
	}

	.oem-step-tit1,
	.oem-step-tit2 {
		font-size: 17px;
		line-height: 22px
	}

	.vision-num-item {
		padding: 86px 30px 65px 42px
	}

	.about-adv-sec {
		padding: 70px 0 100px
	}

	.about-cer-sec {
		padding: 80px 0 142px
	}

	#about-cer-gallery .slick-dots li,
	#team-gallery .gallery .slick-dots li {
		margin: 0 11px;
		width: 12px;
		height: 12px
	}

	.team-tab-sec {
		padding: 90px 0 16px
	}

	.team-gallery-sec {
		padding: 70px 0 64px
	}

	#team-gallery .gallery .wp-caption-text strong {
		font-size: 22px;
		line-height: 24px
	}

	#team-gallery .gallery .wp-caption-text {
		padding: 16px 20px
	}

	.team-gallery-list::after {
		font-size: 118px;
		line-height: 118px
	}
}

@media screen and (max-width:1440px) {

	.company-bottom,
	.factory-bottom,
	.hot-pro-sec,
	.oem-ser-sec,
	.page-contact,
	.page-service {
		padding: 74px 0
	}

	.page-company {
		padding: 52px 0 74px
	}

	.history-top {
		padding: 74px 0 60px
	}

	.pro-content {
		padding: 6px 0 74px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 54px
	}

	.customer-visit-sec,
	.exhibition-sec {
		margin-top: 74px
	}

	.faq-menu-sec {
		margin-top: 74px;
		padding-bottom: 50px
	}

	.page-policy,
	.page-search,
	.single-app {
		padding-bottom: 74px
	}

	.technical-sec {
		padding: 74px 0 142px
	}

	.single-news-tit {
		margin-top: 64px;
		font-size: 30px
	}

	.single-app-tit,
	.single-pro-tit {
		font-size: 30px
	}

	.list-app-sec,
	.page-product {
		padding: 72px 0
	}

	.list-case-sec {
		padding: 26px 0 72px
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.error-columns,
	.faq-columns,
	.page-pro-form,
	.quality-sec,
	.rel-case-sec,
	.single-pro-form {
		margin-top: 74px
	}

	.hot-pro-tit,
	.rel-case-tit,
	.team-tab-tit {
		font-size: 42px;
		line-height: 48px
	}

	.quality-sec-tit {
		font-size: 42px;
		line-height: 48px
	}

	.common-form-tit {
		font-size: 42px
	}

	.hot-pro-tit::before,
	.rel-case-tit::before,
	.team-tab-tit::before {
		height: 16px
	}

	.common-form-tit::before {
		height: 16px;
		top: 6px
	}

	.common-form-tit::after,
	.hot-pro-tit::after,
	.rel-case-tit::after,
	.team-tab-tit::after {
		height: 16px;
		top: 22px
	}

	.video-content .wp-block-gallery .wp-block-image {
		margin-top: 44px
	}

	.app-pro-tit,
	.faq-menu-tit,
	.list-app-tit,
	.workshop-gallery-tit {
		font-size: 42px;
		line-height: 48px
	}

	.faq-menu-sec::before {
		height: 16px;
		bottom: 16px
	}

	.faq-menu-sec::after {
		height: 16px
	}

	.faq-help-list {
		padding-top: 20px
	}

	.faq-help-tit {
		font-size: 22px
	}

	.page-faq-touch {
		margin-top: 70px
	}

	.faq-columnR {
		width: calc(100% - 380px)
	}

	.contact-map-top {
		padding: 40px 54px
	}

	.contact-map-show>p {
		height: 480px
	}

	.contact-sns-sec {
		padding: 46px 64px
	}

	.contact-sns-db {
		padding: 0 36px
	}

	.common-form-columns,
	.contact-form-columns {
		padding: 64px 0 74px 64px
	}

	#menu-service-menu li,
	.side-about li,
	.side-factory li,
	.side-news li {
		margin-right: 40px
	}

	#menu-service-menu li a,
	.side-about li span,
	.side-factory li span,
	.side-news li a {
		padding: 26px 0
	}

	.current-news-cat {
		padding-top: 36px;
		width: 270px;
		height: 100px;
		font-size: 22px
	}

	.pro-help-sec {
		padding: 38px 30px 42px
	}

	.pro-help-des {
		padding-bottom: 24px
	}

	.pro-help-btn {
		width: 150px
	}

	.rel-case-parent::before {
		width: 64px;
		height: 64px
	}

	.list-app-des {
		margin-top: 74px;
		padding: 0 90px
	}

	.list-app-des::before {
		top: -58px;
		height: 16px
	}

	.workshop-gallery-tit {
		padding-bottom: 40px
	}

	.workshop-gallery-tit::before {
		height: 16px;
		bottom: 16px
	}

	.workshop-gallery-tit::after {
		height: 16px
	}

	.list-app-des::after {
		height: 16px
	}

	.app-pro-tit::after {
		height: 16px;
		bottom: -50px
	}

	.app-pro-tit::before {
		height: 16px
	}

	.app-pro-list {
		padding-top: 74px
	}

	.app-pro-thumb {
		width: 90px;
		height: 90px;
		line-height: 90px
	}

	.app-pro-thumb img {
		width: 82px
	}

	.app-pro-list .app-pro-item:nth-child(2) .app-pro-thumb img,
	.app-pro-list2 .app-pro-item:nth-child(2) .app-pro-thumb img {
		width: 70px
	}

	.last-app-tit,
	.vision-info-tit {
		font-size: 28px;
		line-height: 32px
	}

	.last-app-btn {
		width: 170px;
		height: 50px;
		line-height: 50px
	}

	.last-app-pro {
		padding: 80px 34px 40px
	}

	.app-des-content>p,
	.news-detail-area>p,
	.pro-detail-common p,
	.pro-detail-common>h3 {
		margin-top: 20px
	}

	.app-des-content h3,
	.app-des-content h4,
	.news-detail-area h3,
	.news-detail-area h4 {
		margin-top: 30px
	}

	.news-detail-area .wp-block-columns {
		gap: 40px
	}

	.app-pro-list2 {
		padding-top: 30px
	}

	.app-des-tit {
		margin-top: 70px;
		font-size: 30px
	}

	.single-app-btn1 {
		width: 210px
	}

	.single-app-btn2 {
		width: 230px
	}

	.single-app-btns {
		margin-top: 42px
	}

	.single-app-columnR {
		padding: 46px 94px 54px 72px
	}

	.page-error-tit {
		font-size: 104px;
		line-height: 110px
	}

	.page-error-des1 {
		font-size: 28px
	}

	.search-area {
		margin: 70px auto 0
	}

	.pro-top-columnR {
		padding: 10px 46px 0 54px
	}

	.pro-nav-items li {
		padding: 24px 34px
	}

	#pro-nav-content .wp-block-columns,
	.news-detail-area .wp-block-columns,
	.news-detail-area .wp-block-gallery,
	.news-detail-area .wp-block-group,
	.news-detail-area>.wp-block-image {
		margin: 36px 0 0
	}

	.pro-detail-common .pro-features {
		margin-top: 36px
	}

	.pro-advs-sec ul {
		padding-top: 30px
	}

	.pro-advs-sec ul li strong {
		margin-bottom: 12px
	}

	.exhibition-gallery {
		padding-bottom: 58px
	}

	.about-svg {
		margin-top: 60px
	}

	.technical-sec-des p {
		margin-top: 22px
	}

	#technical-gallery .gallery {
		margin: 46px -10px 0
	}

	.process-item-tit {
		font-size: 16px;
		line-height: 22px
	}

	.process-list {
		padding-top: 24px
	}

	.last-process-btn .iconfont {
		padding-left: 4px
	}

	.last-process-icon .iconfont {
		font-size: 42px
	}

	.last-process-btn {
		width: 154px
	}

	.process-item-thumb img {
		height: 194px;
		width: 100%
	}

	.last-process-show {
		min-height: 194px;
		padding: 32px 24px
	}

	.quality-sec-tit {
		padding: 45px 0;
		width: 460px
	}

	#quality-content ul li {
		margin-top: 38px
	}

	.ser-content {
		margin-top: 64px
	}

	.pre-sales li::before {
		font-size: 64px;
		line-height: 64px
	}

	.pre-sales li {
		padding-left: 100px
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 84px 0 0
	}

	.in-sale-sec::after {
		right: -4rem;
		top: -84px;
		width: 290px;
		height: 420px
	}

	.in-sale-sec .wp-block-column:first-child {
		padding: 30px 80px 0 0
	}

	.after-sales {
		margin-top: 38px
	}

	.electric-tit {
		font-size: 30px
	}

	.oem-step-tit1,
	.oem-step-tit2 {
		font-size: 16px
	}

	.oem-step-icon1,
	.oem-step-icon2 {
		width: 94px;
		height: 94px;
		line-height: 94px
	}

	.oem-step-item1,
	.oem-step-item2 {
		width: 128px;
		margin-right: 20px
	}

	.oem-step-list1,
	.oem-step-list2 {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.oem-step-sec {
		padding: 212px 42px 190px 58px
	}

	.vision-secL {
		padding: 94px 60px 74px 4rem
	}

	.vision-num-txt {
		font-size: 38px
	}

	.philosophy-sec {
		margin-top: 80px
	}

	.vision-num-item {
		padding: 70px 30px 54px 32px
	}

	.about-adv-sec {
		padding: 40px 0 78px
	}

	.about-adv-show ul li strong {
		margin-bottom: 20px
	}

	.about-adv-show ul li {
		padding: 124px 38px 48px;
		min-height: 340px
	}

	.about-adv-show ul li::before {
		left: 38px
	}

	.about-cer-sec {
		padding: 68px 0 124px
	}

	.history-right {
		padding-left: 64px
	}

	.history-add-date {
		width: 264px
	}

	.history-add-date {
		font-size: 90px;
		line-height: 100px
	}

	.history-des-sec>ul li {
		padding-left: 290px
	}

	.history-info-sec {
		padding: 84px 0 92px
	}

	.team-tab-sec {
		padding: 70px 0 16px
	}

	.team-gallery-item h3 {
		font-size: 30px
	}

	.team-gallery-sec {
		padding: 52px 0 64px
	}

	.team-gallery-list::after {
		top: -20px
	}
}

@media screen and (max-width:1280px) {

	.company-bottom,
	.factory-bottom,
	.hot-pro-sec,
	.list-app-sec,
	.oem-ser-sec,
	.page-contact,
	.page-product,
	.page-service {
		padding: 60px 0
	}

	.history-top {
		padding: 60px 0 42px
	}

	.page-company {
		padding: 52px 0 60px
	}

	.pro-content {
		padding: 6px 0 60px
	}

	.list-case-sec {
		padding: 14px 0 60px
	}

	.customer-visit-sec,
	.exhibition-sec {
		margin-top: 60px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 40px
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.contact-map-sec,
	.contact-sns-sec,
	.faq-columns,
	.faq-menu-sec,
	.page-pro-form,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.quality-sec,
	.rel-case-sec,
	.single-pro-form {
		margin-top: 60px
	}

	.single-app-columns {
		margin-top: 58px
	}

	.technical-sec {
		padding: 60px 0 124px
	}

	.page-policy,
	.page-search,
	.single-app,
	.single-pro-top {
		padding-bottom: 60px
	}

	.single-news-tit {
		margin-top: 54px;
		font-size: 28px;
		line-height: 34px
	}

	.single-app-tit {
		margin-top: 24px;
		font-size: 28px;
		line-height: 34px
	}

	.single-pro-tit {
		font-size: 28px;
		line-height: 34px
	}

	.common-form-tit,
	.hot-pro-tit,
	.rel-case-tit,
	.team-tab-tit {
		font-size: 36px
	}

	.quality-sec-tit {
		padding: 36px 0;
		width: 390px;
		font-size: 36px
	}

	.video-content .wp-block-gallery .wp-block-image {
		margin-top: 30px
	}

	.app-pro-tit,
	.faq-menu-tit,
	.list-app-tit,
	.workshop-gallery-tit {
		font-size: 36px
	}

	.faq-help-db {
		min-height: 160px;
		padding: 32px 30px
	}

	.page-faq-tit {
		font-size: 28px;
		line-height: 38px
	}

	.faq-columnL {
		width: 260px
	}

	.faq-columnR {
		width: calc(100% - 300px)
	}

	.faq-excerpt {
		margin-top: 26px
	}

	.page-faq-touch {
		margin-top: 50px
	}

	.contact-map-top {
		padding: 30px
	}

	.contact-map-icon .iconfont {
		font-size: 30px
	}

	.contact-map-icon {
		width: 32px
	}

	.contact-sns-sec {
		padding: 38px 48px
	}

	.contact-sns-txt {
		font-size: 15px
	}

	.contact-sns-db {
		padding: 0 24px
	}

	.form-contact-sec {
		padding: 58px 54px 74px
	}

	.common-form-columns,
	.contact-form-columns {
		padding: 48px 0 64px 54px
	}

	.common-form-columnL {
		margin-right: 50px
	}

	.xz-form-sec1 {
		height: 460px
	}

	#menu-service-menu li a,
	.side-about li span,
	.side-factory li span,
	.side-news li a {
		padding: 22px 0
	}

	#menu-service-menu li,
	.side-about li,
	.side-factory li,
	.side-news li {
		margin-right: 30px
	}

	.current-news-cat {
		padding-top: 28px;
		width: 246px;
		height: 86px;
		font-size: 20px
	}

	.pro-columnL {
		width: 270px
	}

	.pro-columnR {
		width: calc(100% - 314px)
	}

	.procat-child li {
		max-width: 33.3333%;
		min-width: 33.3333%
	}

	.rel-case-parent {
		margin-top: 48px
	}

	.single-pro-bottom {
		border-top: 8px solid #f8f8f8
	}

	.app-pro-item {
		width: 32%
	}

	.app-pro-list2>i,
	.app-pro-list>i,
	.last-app-pro {
		width: 32%
	}

	.app-pro-list {
		padding-top: 64px
	}

	.single-info-author {
		margin-left: 26px
	}

	.app-faq-columnR,
	.single-news-columnR {
		width: 320px
	}

	.app-faq-columnL,
	.single-news-columnL,
	.single-news-tit {
		width: calc(100% - 370px)
	}

	.faq-form-sec {
		margin-top: 28px;
		padding: 30px 24px
	}

	.app-faq-form {
		padding: 30px 24px
	}

	.single-nav {
		margin-top: 46px
	}

	.single-news-columns {
		margin-top: 46px
	}

	.news-detail-area .wp-block-columns .wp-block-column p {
		margin-top: 16px
	}

	.app-des-content h3,
	.app-des-content h4,
	.app-des-content table,
	.news-detail-area h3,
	.news-detail-area h4,
	.news-detail-area table,
	.pro-detail-common table {
		margin-top: 24px
	}

	.app-des-content>ol,
	.app-des-content>ul,
	.news-detail-area>ol,
	.news-detail-area>ul,
	.pro-detail-common ol,
	.pro-detail-common ul {
		padding-top: 10px
	}

	.app-pro-list2 {
		padding-top: 22px
	}

	.app-des-tit {
		margin-top: 60px;
		font-size: 28px;
		line-height: 34px
	}

	.single-app-excerpt {
		margin-top: 24px
	}

	.single-app-columnR {
		padding: 42px 64px 42px 54px
	}

	.single-app-btn1 {
		width: 176px;
		font-size: 15px;
		height: 48px;
		line-height: 48px
	}

	.single-app-btn2 {
		width: 210px;
		height: 48px;
		line-height: 46px
	}

	.single-app-btns {
		margin-top: 30px
	}

	.page-error-tit {
		font-size: 94px
	}

	.error-link-sec {
		margin-top: 52px
	}

	.policy-content {
		margin: 60px auto 0
	}

	.policy-tit {
		font-size: 28px;
		line-height: 32px
	}

	.policy-show p {
		margin-top: 20px
	}

	.policy-show h3 {
		margin-top: 38px
	}

	.search-area {
		margin: 60px auto 0
	}

	.search-type-list {
		margin-top: 60px
	}

	#pro-big-show2 {
		width: 365px
	}

	.pro-top-columnL {
		width: 470px
	}

	.pro-top-columnR {
		padding: 10px 32px 0 36px
	}

	.pro-pdf-show {
		margin-right: 34px
	}

	.pro-nav-items li {
		padding: 20px 32px
	}

	.pro-features .wp-block-group {
		padding: 34px 74px 32px 36px
	}

	.pro-advs-sec ul {
		padding-top: 20px
	}

	.pro-advs-sec ul li {
		padding: 92px 25px 30px
	}

	.pro-advs-sec ul li::before {
		left: 25px
	}

	.page-ser-des {
		margin-top: 22px
	}

	.partner-gallery {
		margin-top: 36px
	}

	.about-content h4 {
		font-size: 22px;
		line-height: 26px
	}

	.about-content .wp-block-gallery .wp-block-image {
		margin: 0 10px
	}

	.about-svg {
		padding-bottom: 24px
	}

	.technical-sec-des {
		padding-top: 8px
	}

	.about-top-video {
		margin-top: 40px
	}

	.about-top-video a::before {
		left: 50%;
		top: 50%;
		bottom: auto;
		transform: translate(-50%, -50%)
	}

	.about-top-video a::after {
		display: none
	}

	.process-item-tit {
		margin-top: 24px;
		font-size: 15px;
		line-height: 20px
	}

	.cover-number {
		bottom: -18px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px
	}

	.last-process,
	.process-item {
		margin-top: 18px
	}

	.process-item-thumb::after {
		right: -26px;
		font-size: 18px
	}

	#quality-content ul li {
		margin-top: 30px
	}

	#quality-content ul li strong {
		margin-bottom: 10px
	}

	.after-sale-sec .wp-block-column:last-child,
	.pre-sale-sec .wp-block-column:last-child {
		padding: 32px 0 0 54px
	}

	#ser-content .wp-block-columns h3,
	.oem-ser-tit {
		font-size: 28px
	}

	#ser-content .wp-block-columns h3::before {
		top: -14px;
		width: 60px;
		height: 60px
	}

	.oem-ser-tit::before {
		top: -14px;
		width: 60px;
		height: 60px
	}

	.pre-sales {
		padding-top: 30px
	}

	.pre-sales li::before {
		font-size: 52px;
		line-height: 52px
	}

	.pre-sales li {
		padding-left: 80px;
		margin-top: 40px
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 70px 0 0
	}

	.in-sale-sec .wp-block-column:first-child {
		padding: 30px 48px 0 0
	}

	.in-sales {
		padding-top: 34px
	}

	.in-sale-sec::after {
		right: -2rem;
		top: -70px;
		width: 244px;
		height: 400px
	}

	.after-sales {
		margin-top: 28px
	}

	.after-sales li {
		padding: 24px 0
	}

	.oem-ser-des {
		margin-top: 44px;
		padding: 0 54px
	}

	.electric-tit {
		margin-top: 48px;
		font-size: 28px
	}

	.oem-step-icon1,
	.oem-step-icon2 {
		width: 82px;
		height: 82px;
		line-height: 82px
	}

	.oem-step-icon1 .iconfont,
	.oem-step-icon2 .iconfont {
		font-size: 36px
	}

	.oem-step-sec {
		padding: 160px 34px 172px 44px
	}

	.oem-step-icon1 {
		top: -114px
	}

	.oem-step-list2 {
		padding-top: 46px
	}

	.oem-step-sec::after {
		display: none
	}

	.electric-btn {
		width: 180px;
		height: 52px;
		line-height: 52px
	}

	.oem-step-sec {
		overflow-y: hidden;
		overflow-x: auto
	}

	.oem-step-parent {
		width: 1100px
	}

	.vision-num-txt {
		font-size: 32px;
		line-height: 38px
	}

	.vision-num-des {
		font-size: 16px
	}

	.philosophy-sec {
		margin-top: 50px
	}

	.vision-secL {
		padding: 80px 50px 64px 2rem
	}

	.about-adv-show ul li::before {
		font-size: 48px;
		top: 54px
	}

	.about-adv-show ul li:nth-child(3)::before {
		font-size: 42px
	}

	.about-adv-show ul li:nth-child(6)::before {
		font-size: 44px
	}

	.about-adv-show ul li {
		padding: 110px 38px 42px;
		min-height: 320px;
		width: 32%;
		margin-top: 24px
	}

	.about-adv-sec {
		padding: 34px 0 60px
	}

	.about-cer-sec {
		padding: 54px 0 124px
	}

	.about-cer-show>p {
		padding: 0 80px
	}

	#about-cer-gallery .gallery .gallery-item {
		margin: 0 15px
	}

	#about-cer-gallery .gallery {
		margin: 40px -15px 0
	}

	#about-cer-gallery .gallery .gallery-icon::after {
		right: -8px;
		bottom: -8px
	}

	#about-cer-gallery .gallery .gallery-caption {
		margin-top: 22px
	}

	.history-date ul li {
		font-size: 22px;
		padding-bottom: 12px
	}

	.history-date {
		margin-top: 38px;
		padding: 0 60px
	}

	.history-add-date {
		width: 200px;
		font-size: 74px;
		line-height: 84px
	}

	.history-des-sec>ul li {
		padding-left: 240px
	}

	.history-info-sec {
		padding: 68px 0 72px
	}

	.history-year {
		margin-top: 34px;
		font-size: 22px
	}

	.animate-date .slick-prev {
		left: -42px
	}

	.animate-date .slick-next {
		right: -42px
	}

	#team-gallery .gallery .wp-caption-text {
		padding: 12px 14px
	}

	#team-gallery .gallery .wp-caption-text strong {
		font-size: 20px
	}

	.team-tab-list li {
		width: 204px;
		font-size: 15px
	}

	.team-tab-list li .iconfont {
		font-size: 30px
	}

	.team-gallery-item h3 {
		font-size: 28px
	}
}

@media screen and (max-width:1024px) {

	.company-bottom,
	.factory-bottom,
	.hot-pro-sec,
	.list-app-sec,
	.oem-ser-sec,
	.page-company,
	.page-contact,
	.page-product,
	.page-service {
		padding: 46px 0
	}

	.history-top {
		padding: 46px 0 30px
	}

	.customer-visit-sec,
	.exhibition-sec,
	.fac-workshop {
		margin-top: 46px
	}

	.pro-content {
		padding: 6px 0 46px
	}

	.list-case-sec {
		padding: 12px 0 46px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 26px
	}

	.app-des-tit {
		margin-top: 46px;
		font-size: 24px;
		line-height: 30px
	}

	.technical-sec {
		padding: 46px 0 108px
	}

	.single-news-tit {
		margin-top: 36px;
		font-size: 24px;
		line-height: 30px
	}

	.single-app-tit {
		margin-top: 18px;
		font-size: 24px;
		line-height: 30px
	}

	.single-pro-tit {
		font-size: 24px;
		line-height: 30px
	}

	.faq-menu-sec {
		margin-top: 46px;
		padding-bottom: 40px
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.contact-map-sec,
	.error-columns,
	.faq-columns,
	.page-pro-form,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.pro-top-columns,
	.quality-sec,
	.rel-case-sec,
	.single-app-columns,
	.single-pro-form {
		margin-top: 46px
	}

	.page-policy,
	.page-search,
	.single-app,
	.single-pro-top {
		padding-bottom: 46px
	}

	.contact-sns-sec {
		display: none
	}

	.common-form-tit,
	.hot-pro-tit,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.rel-case-tit,
	.team-tab-tit {
		padding-left: 15px;
		font-size: 30px;
		line-height: 40px
	}

	.quality-sec-tit {
		padding: 24px 0;
		width: 320px;
		font-size: 30px;
		line-height: 40px
	}

	.common-form-tit::before,
	.hot-pro-tit::before,
	.rel-case-tit::before,
	.team-tab-tit::before {
		height: 13px
	}

	.pro-detail-advs>h2::before,
	.pro-detail-common>h2::before {
		height: 13px;
		top: 6px
	}

	.common-form-tit::after,
	.hot-pro-tit::after,
	.pro-detail-advs>h2::after,
	.pro-detail-common>h2::after,
	.rel-case-tit::after,
	.team-tab-tit::after {
		height: 13px;
		top: 19px
	}

	.video-content {
		padding-top: 26px
	}

	.video-content .wp-block-gallery .wp-block-image {
		margin-top: 20px
	}

	.app-pro-tit,
	.faq-menu-tit,
	.list-app-tit,
	.workshop-gallery-tit {
		font-size: 30px;
		line-height: 40px
	}

	.faq-help-list {
		padding-top: 10px
	}

	.faq-help-db {
		padding: 24px 22px
	}

	.faq-help-tit {
		font-size: 20px
	}

	.page-faq-touch {
		width: 172px;
		height: 48px;
		line-height: 48px;
		font-size: 15px
	}

	.page-faq-tit {
		font-size: 24px;
		line-height: 34px
	}

	.app-faq-columnL .schema-faq-question,
	.faq-columnR .schema-faq-question {
		padding: 26px 58px 26px 0;
		font-size: 17px
	}

	.app-faq-columnL .schema-faq-answer,
	.faq-columnR .schema-faq-answer {
		padding: 28px 58px 30px 26px
	}

	.app-faq-columnL .schema-faq-question::after,
	.faq-columnR .schema-faq-question::after {
		top: 26px
	}

	.contact-add-show {
		font-size: 18px;
		line-height: 24px
	}

	.contact-map-show>p {
		height: 420px
	}

	.common-form-columns,
	.contact-form-columns {
		padding: 38px 0 46px 46px
	}

	.form-contact-sec {
		padding: 44px 42px 54px
	}

	.form-contact-top {
		font-size: 30px
	}

	.common-form-show {
		margin-top: 24px
	}

	.form-contact-sec::before {
		left: -15px;
		top: -15px;
		width: 30px;
		height: 30px
	}

	.common-form-columnR {
		width: 370px
	}

	#menu-service-menu li a,
	.side-about li span,
	.side-factory li span,
	.side-news li a {
		padding: 16px 0
	}

	.current-news-cat {
		padding-top: 20px;
		width: 204px;
		height: 72px;
		font-size: 18px
	}

	.all-procat li a {
		padding: 20px 24px 20px 28px
	}

	.all-procat li a::before {
		left: 14px;
		top: 28px
	}

	.pro-help-sec {
		padding: 28px 24px 34px
	}

	.pro-help-tit {
		font-size: 22px
	}

	.pro-help-des {
		padding-bottom: 18px
	}

	.pro-columnL {
		width: 254px
	}

	.pro-columnR {
		width: calc(100% - 284px)
	}

	.procat-child li a {
		padding: 14px 16px;
		font-size: 15px
	}

	.rel-case-parent {
		margin-top: 34px
	}

	.list-app-des {
		margin-top: 46px;
		padding: 0 60px
	}

	.list-app-des::after {
		height: 14px;
		top: -28px
	}

	.list-app-des::before {
		top: -42px;
		height: 14px
	}

	.workshop-gallery-tit {
		padding-bottom: 32px
	}

	.workshop-gallery-tit::before {
		height: 14px;
		bottom: 14px
	}

	.workshop-gallery-tit::after {
		height: 14px
	}

	.app-pro-tit::before {
		height: 14px;
		bottom: -22px
	}

	.app-pro-tit::after {
		height: 14px;
		bottom: -36px
	}

	.app-pro-item {
		margin-top: 18px
	}

	.app-pro-list {
		padding-top: 48px
	}

	.app-pro-thumb {
		width: 76px;
		height: 76px;
		line-height: 76px
	}

	.app-pro-thumb img {
		width: 70px
	}

	.app-pro-list .app-pro-item:nth-child(2) .app-pro-thumb img,
	.app-pro-list2 .app-pro-item:nth-child(2) .app-pro-thumb img {
		width: 60px
	}

	.app-pro-item-tit {
		margin-top: 20px;
		font-size: 20px
	}

	.app-pro-des {
		margin-top: 14px
	}

	.app-pro-item {
		padding: 30px 24px 34px
	}

	.last-app-pro {
		padding: 80px 25px 40px
	}

	.last-app-tit,
	.vision-info-tit {
		font-size: 24px
	}

	.last-app-btn {
		margin-top: 38px;
		width: 150px;
		height: 42px;
		line-height: 42px;
		font-size: 15px
	}

	.xz-a016-ul .slick-dots {
		margin-top: 10px
	}

	.xz-a016-ul .slick-dots li {
		margin: 0 10px;
		width: 12px;
		height: 12px
	}

	.app-faq-columnR,
	.single-news-columnR {
		width: 290px
	}

	.app-faq-columnL,
	.single-news-columnL,
	.single-news-tit {
		width: calc(100% - 324px)
	}

	.single-info-author,
	.single-info-date {
		font-size: 15px
	}

	.single-info-author {
		margin-left: 16px
	}

	.share-news-styles .iconfont {
		margin-left: 16px
	}

	.news-sns-columns {
		padding: 6px 0
	}

	.single-nav {
		margin-top: 36px;
		padding: 22px
	}

	.faq-contact-tit {
		font-size: 22px
	}

	.app-faq-form-tit {
		font-size: 22px;
		line-height: 26px
	}

	.faq-form-sec {
		margin-top: 22px;
		padding: 22px 20px
	}

	.app-faq-form {
		padding: 22px 20px
	}

	.faq-form-show {
		padding-top: 2px
	}

	.single-news-columns {
		margin-top: 32px
	}

	.app-des-content iframe,
	.news-detail-area iframe,
	.pro-detail-common iframe {
		height: 320px
	}

	.news-detail-area .wp-block-columns {
		gap: 32px
	}

	.app-des-content>ol li,
	.app-des-content>ul li,
	.news-detail-area>ol li,
	.news-detail-area>ul li,
	.pro-detail-common ol li,
	.pro-detail-common ul li {
		margin: 6px 0
	}

	.app-des-content table,
	.news-detail-area table,
	.pro-detail-common table {
		margin-top: 20px
	}

	.app-des-content h3,
	.app-des-content h4,
	.news-detail-area h3,
	.news-detail-area h4 {
		margin-top: 20px;
		font-size: 17px
	}

	.app-des-content>p,
	.news-detail-area>p,
	.pro-detail-common p,
	.pro-detail-common>h3 {
		margin-top: 16px
	}

	.single-app-columnL {
		width: 340px
	}

	.single-app-icon img {
		width: 48px
	}

	.single-app-excerpt {
		margin-top: 18px;
		font-size: 17px
	}

	.single-app-columnR {
		padding: 36px 54px 40px 40px
	}

	.single-app-btn1 {
		margin-right: 14px;
		width: 146px;
		font-size: 14px;
		height: 42px;
		line-height: 42px
	}

	.single-app-btn2 {
		width: 184px;
		font-size: 14px;
		height: 42px;
		line-height: 40px
	}

	.page-error-tit {
		font-size: 76px;
		line-height: 84px
	}

	.page-error-des1 {
		margin-top: 20px;
		font-size: 24px;
		line-height: 30px
	}

	.error-columnL {
		width: 100%
	}

	.error-columnR {
		display: none
	}

	.error-btn {
		margin-top: 34px;
		width: 182px;
		height: 50px;
		line-height: 50px;
		font-size: 15px
	}

	.policy-content {
		margin: 46px auto 0;
		width: 100%;
		padding: 0 2rem
	}

	.policy-show {
		width: 100%
	}

	.policy-tit {
		font-size: 24px;
		line-height: 28px
	}

	.policy-des {
		margin-top: 16px;
		padding: 0 60px
	}

	.policy-show h3 {
		margin-top: 30px;
		font-size: 20px
	}

	.search-area {
		margin: 46px auto 0;
		width: 100%
	}

	.search-type-list {
		margin-top: 46px
	}

	.found-result {
		margin: 54px auto 0
	}

	.search-type-list li {
		padding-bottom: 14px
	}

	.result-tit {
		font-size: 22px
	}

	.single-pro-des ul li {
		margin-top: 8px;
		font-size: 15px;
		line-height: 22px
	}

	.pro-small-show2 {
		display: none
	}

	#pro-big-show2,
	.pro-top-columnL {
		width: 340px
	}

	.single-pro-des {
		padding-top: 12px
	}

	.single-pro-down {
		margin-top: 30px
	}

	#pro-big-show2 .slick-dots {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 14px;
		text-align: center
	}

	#pro-big-show2 .slick-dots li {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 4px;
		background: #333;
		opacity: .4;
		transition: all .3s;
		border-radius: 50%;
		cursor: pointer
	}

	#pro-big-show2 .slick-dots .slick-active {
		opacity: 1
	}

	#pro-big-show2 .slick-dots li button {
		display: none
	}

	.single-pro-btns {
		margin-top: 24px
	}

	.pro-nav-items li {
		font-size: 15px
	}

	.pro-nav-items li {
		padding: 16px 26px
	}

	.pro-nav-form {
		width: 124px;
		font-size: 13px
	}

	#pro-nav-content .wp-block-columns,
	.news-detail-area .wp-block-columns,
	.news-detail-area .wp-block-gallery,
	.news-detail-area .wp-block-group,
	.news-detail-area>.wp-block-image {
		margin: 22px 0 0
	}

	.news-detail-area .wp-block-columns .wp-block-column p,
	.pro-detail-common .wp-block-columns .wp-block-column p {
		padding: 0 30px
	}

	.pro-detail-common .pro-features {
		margin-top: 22px
	}

	.pro-features .wp-block-group {
		padding: 28px 54px 28px 28px
	}

	.pro-detail-common h3 {
		font-size: 22px
	}

	.pro-advs-sec ul li {
		width: 49%;
		margin-top: 20px;
		min-height: 230px
	}

	.about-adv-show ul li {
		width: 49%;
		margin-top: 20px;
		padding: 92px 25px 30px;
		min-height: 230px
	}

	.about-adv-show ul li::before {
		font-size: 42px;
		left: 25px;
		top: 44px
	}

	.about-adv-show ul li:nth-child(6)::before {
		font-size: 38px
	}

	.about-adv-show ul li:nth-child(3)::before {
		font-size: 38px
	}

	.side-about,
	.side-factory {
		width: calc(100% - 230px);
		overflow-y: hidden;
		overflow-x: auto
	}

	.page-ser-des {
		max-width: 100%
	}

	.partner-gallery {
		margin-top: 26px
	}

	.customer-gallery {
		padding: 30px 28px 94px
	}

	.exhibition-gallery {
		margin-top: 28px
	}

	.about-help-list {
		padding-top: 36px
	}

	.about-content {
		margin-top: 12px
	}

	.about-content h4 {
		font-size: 20px
	}

	.about-svg {
		display: none
	}

	.workshop-gallery {
		margin-top: 24px;
		padding-bottom: 112px
	}

	.technical-sec-des p {
		margin-top: 16px
	}

	#technical-gallery .gallery {
		margin: 30px -10px 0
	}

	.last-process,
	.process-item,
	.process-list>i {
		width: 31.5%
	}

	.process-list {
		padding-top: 10px
	}

	.process-item-thumb::after {
		right: -20px;
		font-size: 16px
	}

	.process-list .process-item:nth-child(4n) .process-item-thumb::after {
		display: block
	}

	.process-list .process-item:nth-child(3n) .process-item-thumb::after {
		display: none
	}

	.last-process-btn {
		margin: 24px auto 0
	}

	#quality-content .wp-block-columnP {
		width: 48%
	}

	.ser-content {
		margin-top: 48px
	}

	.after-sale-sec .wp-block-column:last-child,
	.pre-sale-sec .wp-block-column:last-child {
		padding: 14px 0 0 28px
	}

	#ser-content .wp-block-columns h3 {
		padding-left: 16px;
		font-size: 24px;
		line-height: 30px
	}

	.oem-ser-tit {
		font-size: 24px;
		line-height: 30px
	}

	#ser-content .wp-block-columns h3::before {
		top: -10px;
		width: 46px;
		height: 46px
	}

	.oem-ser-tit::before {
		top: -10px;
		left: -18px;
		width: 46px;
		height: 46px
	}

	.pre-sales li::before {
		font-size: 32px;
		line-height: 32px
	}

	.pre-sales li {
		padding-left: 50px;
		margin-top: 20px
	}

	.pre-sales {
		padding-top: 18px
	}

	.in-sale-sec::after {
		display: none
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 54px 0 0
	}

	.in-sales li {
		margin-top: 20px
	}

	.in-sales {
		padding-top: 24px
	}

	.in-sale-sec .wp-block-column:first-child {
		padding: 28px 32px 0 0
	}

	.after-sales li {
		padding: 18px 0
	}

	.after-sales {
		margin-top: 20px
	}

	.oem-ser-des {
		margin-top: 34px;
		padding: 0 36px
	}

	.electric-tit {
		margin-top: 30px;
		font-size: 24px;
		line-height: 30px
	}

	.oem-step-sec {
		margin-top: 40px
	}

	.electric-tip {
		margin-top: 12px
	}

	.electric-btn {
		width: 154px;
		margin: 24px auto 0;
		height: 46px;
		line-height: 46px
	}

	.oem-step-tit2 {
		bottom: -46px
	}

	.oem-step-list2 .oem-step-item2:nth-child(2) .oem-step-tit2 {
		bottom: -70px
	}

	.oem-step-list2 .oem-step-item2:nth-child(3) .oem-step-tit2 {
		bottom: -116px
	}

	.vision-num-txt {
		font-size: 28px
	}

	.vision-num-item {
		padding: 50px 24px 46px 22px
	}

	.vision-num-item::before {
		left: 22px;
		top: 16px;
		width: 24px;
		height: 24px
	}

	.vision-info-des {
		font-size: 17px
	}

	.philosophy-sec {
		margin-top: 32px
	}

	.about-adv-show ul li strong {
		margin-bottom: 12px
	}

	.about-cer-show>p {
		padding: 0 50px
	}

	.history-add-date {
		width: 142px;
		font-size: 54px;
		line-height: 64px
	}

	.history-right {
		padding: 0 42px
	}

	.history-des-sec>ul li {
		padding-left: 170px
	}

	.history-info-sec {
		padding: 54px 0 58px
	}

	.history-date {
		margin-top: 28px
	}

	.history-year {
		font-size: 20px
	}

	#team-gallery .gallery .wp-caption-text {
		opacity: 1
	}

	#team-gallery .gallery .slick-dots {
		margin-top: 30px
	}

	.team-tab-sec {
		padding: 48px 0 16px
	}

	.team-tab-list li {
		height: 54px;
		line-height: 54px
	}

	.team-gallery-item h3 {
		font-size: 24px;
		line-height: 30px
	}

	.team-gallery-item>p {
		max-width: 85%
	}

	.team-gallery-sec {
		padding: 32px 0 40px
	}

	.team-gallery-list::after {
		font-size: 100px;
		line-height: 100px
	}

	#team-gallery .gallery .gallery-item {
		margin: 0 8px
	}

	#team-gallery .gallery {
		margin: 28px -8px 0
	}

	.team-tab-list li {
		width: 172px;
		font-size: 14px
	}

	.team-tab-list li .iconfont {
		font-size: 28px
	}

	#team-gallery .gallery .wp-caption-text strong {
		font-size: 17px;
		line-height: 20px
	}

	.team-gallery-item h3::before {
		top: 10px
	}
}

@media screen and (max-width:800px) {

	.company-bottom,
	.factory-bottom,
	.hot-pro-sec,
	.list-app-sec,
	.oem-ser-sec,
	.page-company,
	.page-contact,
	.page-product,
	.page-service {
		padding: 36px 0
	}

	.customer-visit-sec,
	.exhibition-sec,
	.fac-workshop {
		margin-top: 36px
	}

	.history-top {
		padding: 36px 0 24px
	}

	.pro-content {
		padding: 6px 0 36px
	}

	.policy-content {
		margin: 36px auto 0
	}

	.list-case-sec {
		padding: 10px 0 36px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 16px
	}

	.faq-menu-sec {
		margin-top: 36px;
		padding-bottom: 30px
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.contact-map-sec,
	.error-columns,
	.faq-columns,
	.page-pro-form,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.pro-top-columns,
	.quality-sec,
	.rel-case-sec,
	.single-app-columns,
	.single-pro-form {
		margin-top: 36px
	}

	.page-policy,
	.page-search,
	.single-app,
	.single-pro-top {
		padding-bottom: 36px
	}

	.technical-sec {
		padding: 36px 0 32px
	}

	.single-news-tit {
		margin-top: 28px;
		font-size: 22px
	}

	.single-app-tit,
	.single-pro-tit {
		font-size: 22px
	}

	.common-form-tit,
	.hot-pro-tit,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.rel-case-tit,
	.team-tab-tit {
		font-size: 24px
	}

	.quality-sec-tit {
		padding: 14px 0;
		width: 234px;
		font-size: 24px
	}

	.hot-pro-link {
		font-size: 15px
	}

	.video-content .wp-block-gallery .wp-element-caption {
		margin-top: 10px;
		font-size: 15px;
		line-height: 22px;
		max-height: 44px
	}

	.video-content .wp-block-gallery .wp-block-image a::after {
		width: 42px;
		height: 42px;
		line-height: 40px
	}

	.app-pro-tit,
	.faq-menu-tit,
	.list-app-tit,
	.workshop-gallery-tit {
		font-size: 24px;
		line-height: 34px
	}

	.faq-menu-sec::before {
		height: 12px;
		bottom: 12px
	}

	.faq-menu-sec::after {
		height: 12px
	}

	.faq-help-item {
		width: 49%
	}

	.faq-columnL {
		display: none
	}

	.faq-columnR {
		width: 100%
	}

	.contact-map-top {
		padding: 24px
	}

	.contact-map-icon .iconfont {
		font-size: 28px
	}

	.contact-map-info {
		margin-left: 12px
	}

	.contact-add-show {
		font-size: 17px
	}

	.common-form-columnR {
		width: 100%
	}

	.form-contact-top {
		font-size: 24px
	}

	.form-contact-item {
		margin-top: 22px
	}

	.form-contact-sec {
		padding: 28px 32px 36px
	}

	.common-form-columnL {
		margin-right: 0
	}

	.common-form-tip {
		margin-top: 6px
	}

	.common-form-columns,
	.contact-form-columns {
		padding: 30px 30px 24px
	}

	.current-news-cat {
		display: none
	}

	.pro-help-sec {
		display: none
	}

	.pro-columnL {
		width: 100%
	}

	.pro-columnR {
		margin-top: 24px;
		width: 100%
	}

	.all-procat {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: nowrap;
		flex-flow: nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow-y: hidden;
		overflow-x: auto
	}

	.all-procat li {
		-ms-flex: none;
		flex: none;
		margin: 0
	}

	.all-procat li:first-child {
		margin: 0
	}

	.all-pro-tit {
		font-size: 22px;
		line-height: 24px
	}

	.rel-case-parent::before {
		width: 54px;
		height: 54px
	}

	.list-app-des {
		padding: 0 30px;
		font-size: 15px;
		line-height: 22px
	}

	.app-pro-item,
	.app-pro-list2>i,
	.app-pro-list>i,
	.last-app-pro {
		width: 49%
	}

	.app-faq-columnR,
	.single-news-columnR {
		display: none
	}

	.app-faq-columnL,
	.single-news-columnL {
		width: 100%
	}

	.single-nav {
		margin-top: 28px;
		padding: 18px
	}

	.single-info-author,
	.single-info-date {
		font-size: 14px
	}

	.single-news-tit {
		width: 100%
	}

	.single-news-columns {
		margin-top: 24px
	}

	.app-des-content iframe,
	.news-detail-area iframe,
	.pro-detail-common iframe {
		height: 280px
	}

	.app-des-content table tr td,
	.app-des-content table tr th,
	.news-detail-area table tr td,
	.news-detail-area table tr th,
	.pro-detail-common table tr td,
	.pro-detail-common table tr th {
		padding: 8px 14px
	}

	.news-detail-area .wp-block-columns {
		gap: 24px
	}

	.app-des-content,
	.news-detail-area,
	.pro-detail-common {
		font-size: 15px
	}

	#pro-nav-content .wp-block-columns,
	.news-detail-area .wp-block-columns,
	.news-detail-area .wp-block-gallery,
	.news-detail-area .wp-block-group,
	.news-detail-area>.wp-block-image {
		margin: 16px 0 0
	}

	.pro-detail-common .pro-features {
		margin-top: 16px
	}

	.app-des-content h3,
	.app-des-content h4,
	.news-detail-area h3,
	.news-detail-area h4 {
		margin-top: 16px;
		line-height: 22px
	}

	.app-des-content>ul li::before,
	.news-detail-area>ul li::before,
	.pro-detail-common ul li::before {
		width: 6px;
		height: 6px
	}

	.app-des-content>ul li,
	.news-detail-area>ul li,
	.pro-detail-common ul li {
		padding-left: 20px
	}

	.app-des-content>p,
	.news-detail-area>p,
	.pro-detail-common p,
	.pro-detail-common>h3 {
		margin-top: 12px
	}

	.app-pro-list2 {
		padding-top: 10px
	}

	.app-faq-columns {
		margin-top: 20px
	}

	.app-des-tit {
		margin-top: 36px;
		font-size: 22px
	}

	.single-app-btn1 {
		margin-bottom: 6px
	}

	.single-app-btns {
		margin-top: 18px
	}

	.share-app-styles {
		margin-top: 20px
	}

	.single-app-columnL {
		width: 270px
	}

	.single-app-columnR {
		padding: 24px 34px 28px 32px
	}

	.single-app-icon img {
		width: 42px
	}

	.single-app-excerpt {
		margin-top: 12px;
		font-size: 16px;
		line-height: 22px
	}

	.share-app-styles .iconfont,
	.share-pro-styles .iconfont {
		margin-left: 16px
	}

	.page-error-tit {
		text-align: center;
		font-size: 62px
	}

	.page-error-tip {
		text-align: center;
		margin-top: 18px;
		font-size: 24px;
		line-height: 30px
	}

	.page-error-des1,
	.page-error-des2 {
		text-align: center
	}

	.error-btn {
		margin: 28px auto 0
	}

	.policy-content {
		padding: 0
	}

	.policy-des {
		padding: 0
	}

	.search-area {
		margin: 34px auto 0
	}

	.search-type-list {
		margin-top: 34px
	}

	.search-type-list li {
		font-size: 17px;
		padding-bottom: 10px
	}

	.pro-top-columnL {
		width: 70%
	}

	#pro-big-show2 {
		width: 100%
	}

	.pro-top-columnR {
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 16px 0 2px
	}

	.single-pro-down {
		margin-top: 16px
	}

	.pro-nav-items {
		margin-right: 20px
	}

	.page-table-area::-webkit-scrollbar,
	.pro-nav-items::-webkit-scrollbar {
		height: 3px
	}

	.pro-features .wp-block-group {
		padding: 24px 32px 20px 28px
	}

	.pro-detail-common h3 {
		font-size: 20px;
		line-height: 24px
	}

	.pro-detail-common h3::before {
		width: 7px;
		height: 7px
	}

	.pro-advs-sec ul {
		padding-top: 10px
	}

	.pro-advs-sec ul li {
		margin-top: 15px
	}

	.pro-advs-sec ul li {
		font-size: 15px;
		line-height: 22px
	}

	.pro-advs-sec ul li strong {
		margin-bottom: 6px
	}

	.side-about,
	.side-factory {
		width: 100%
	}

	.page-ser-des {
		margin-top: 12px
	}

	#about-cer-gallery .slick-prev,
	#customer-gallery .slick-prev,
	#exhibition-gallery .slick-prev,
	#technical-gallery .slick-prev,
	.workshop-gallery .slick-prev {
		margin-left: 0;
		left: 12px;
		bottom: 50%
	}

	#about-cer-gallery .slick-next,
	#customer-gallery .slick-next,
	#exhibition-gallery .slick-next,
	#technical-gallery .slick-next,
	.workshop-gallery .slick-next {
		margin-left: 0;
		left: auto;
		right: 12px;
		bottom: 50%
	}

	.customer-gallery {
		padding: 26px 26px 24px
	}

	.exhibition-gallery {
		padding-bottom: 6px
	}

	.about-help-list {
		padding-top: 8px
	}

	.about-content h4 {
		font-size: 18px;
		line-height: 24px
	}

	.about-content .wp-block-gallery .wp-block-image {
		margin: 0 5px
	}

	.workshop-gallery {
		padding-bottom: 34px
	}

	.technical-sec-des p {
		font-size: 15px;
		line-height: 22px
	}

	.about-content>p {
		margin-top: 18px;
		font-size: 15px;
		line-height: 22px
	}

	.about-top-video {
		margin-top: 28px
	}

	.about-top-video a::before {
		width: 64px;
		height: 64px;
		line-height: 64px;
		font-size: 30px
	}

	.last-process,
	.process-item,
	.process-list>i {
		width: 49%
	}

	.process-item-thumb::after,
	.process-list .process-item:nth-child(4n) .process-item-thumb::after {
		display: none
	}

	.process-item-thumb img {
		height: 230px
	}

	.last-process-show {
		min-height: 230px;
		padding: 48px 24px 24px
	}

	.process-list {
		padding-top: 6px
	}

	#quality-content .wp-block-column {
		width: 100%
	}

	#quality-content ul li strong {
		font-size: 17px;
		margin-bottom: 6px
	}

	#quality-content .wp-block-columns {
		gap: 0
	}

	#quality-content ul li {
		margin-top: 18px;
		font-size: 15px;
		line-height: 22px
	}

	.ser-content {
		margin-top: 32px
	}

	#ser-content .wp-block-columns h3,
	.oem-ser-tit {
		font-size: 20px;
		line-height: 24px
	}

	#ser-content .wp-block-columns h3::before {
		top: -6px;
		width: 32px;
		height: 32px
	}

	.oem-ser-tit::before {
		top: -6px;
		left: -12px;
		width: 32px;
		height: 32px
	}

	.pre-sales li::before {
		top: 3px;
		font-size: 20px;
		line-height: 20px
	}

	.pre-sales li {
		padding-left: 32px;
		margin-top: 12px
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 36px 0 0
	}

	.after-sales li {
		padding: 14px 0
	}

	#ser-content .in-sale-sec {
		display: block
	}

	.in-sales {
		padding-top: 14px
	}

	.in-sales li {
		margin-top: 14px
	}

	.in-sale-sec .wp-block-column:last-child {
		display: none
	}

	.in-sale-sec .wp-block-column:first-child {
		width: 100%;
		padding: 0
	}

	.after-sales {
		margin-top: 12px
	}

	.oem-ser-des {
		padding: 0
	}

	.electric-tit {
		font-size: 20px
	}

	.oem-step-tit1,
	.oem-step-tit2 {
		font-size: 15px
	}

	.oem-step-icon1,
	.oem-step-icon2 {
		width: 62px;
		height: 62px;
		line-height: 62px
	}

	.oem-step-icon1 .iconfont,
	.oem-step-icon2 .iconfont {
		font-size: 28px
	}

	.oem-step-icon1 {
		top: -90px
	}

	.oem-step-num1,
	.oem-step-num2 {
		font-size: 14px
	}

	.oem-step-parent {
		width: 960px
	}

	.oem-step-sec {
		margin-top: 30px;
		padding: 122px 24px 142px 30px
	}

	.oem-step-list2 {
		padding-top: 30px
	}

	.vision-secL {
		padding: 24px 2rem;
		width: 100%
	}

	.vision-secR {
		width: 100%
	}

	.vision-info-tit {
		font-size: 22px
	}

	.vision-info-tit::before {
		width: 10px;
		height: 10px
	}

	.vision-info-des {
		margin-top: 10px
	}

	.vision-num-item {
		padding: 40px 2rem 24px
	}

	.about-adv-show ul li strong {
		margin-bottom: 6px;
		font-size: 17px
	}

	.about-adv-show ul li {
		font-size: 15px;
		line-height: 22px
	}

	.about-adv-sec {
		padding: 22px 0 40px
	}

	.about-cer-sec {
		padding: 34px 0 36px
	}

	.about-cer-show>p {
		padding: 0 16px
	}

	#about-cer-gallery .gallery {
		margin: 26px -15px 0
	}

	.history-date ul li {
		font-size: 20px
	}

	.history-add-date {
		display: none
	}

	.history-des-sec>ul li {
		padding-left: 0
	}

	.history-year {
		margin-top: 24px
	}

	.history-right {
		padding: 0 32px
	}

	.team-tab-tit {
		width: 100%
	}

	.team-tab-list {
		margin-top: 12px;
		width: 100%
	}

	.team-tab-list li {
		height: 48px;
		line-height: 48px
	}

	.team-tab-sec {
		padding: 32px 0 4px
	}

	.team-gallery-list::after {
		font-size: 82px;
		line-height: 82px
	}

	.team-gallery-item>p {
		margin-top: 12px;
		max-width: 90%;
		font-size: 15px;
		line-height: 22px
	}

	.team-gallery-item h3 {
		padding-left: 18px;
		font-size: 20px
	}

	.team-gallery-sec {
		padding: 22px 0 30px
	}

	#team-gallery .gallery .slick-dots {
		margin-top: 22px
	}

	#team-gallery .gallery .slick-dots li {
		margin: 0 8px
	}
}

@media screen and (max-width:600px) {

	.company-bottom,
	.factory-bottom,
	.hot-pro-sec,
	.list-app-sec,
	.oem-ser-sec,
	.page-company,
	.page-contact,
	.page-product,
	.page-service {
		padding: 22px 0 24px
	}

	.history-top {
		padding: 22px 0 16px
	}

	.customer-visit-sec,
	.exhibition-sec,
	.fac-workshop {
		margin-top: 20px
	}

	.pro-content {
		padding: 6px 0 24px
	}

	.policy-content {
		margin: 24px auto 0
	}

	.list-case-sec {
		padding: 8px 0 24px
	}

	.factory-menu,
	.pro-footer-menu {
		padding-top: 12px
	}

	.technical-sec {
		padding: 22px 0 20px
	}

	.faq-menu-sec {
		margin-top: 24px;
		padding-bottom: 0
	}

	.app-faq-sec,
	.app-pro-tit,
	.common-form-columns,
	.contact-map-sec,
	.faq-columns,
	.page-pro-form,
	.pro-top-columns,
	.quality-sec,
	.rel-case-sec,
	.single-app-columns,
	.single-pro-form {
		margin-top: 24px
	}

	.pro-detail-advs>h2,
	.pro-detail-common>h2 {
		margin-top: 16px
	}

	.page-policy,
	.page-search,
	.single-app,
	.single-pro-top {
		padding-bottom: 24px
	}

	.single-news-tit {
		margin-top: 18px;
		font-size: 18px;
		line-height: 24px
	}

	.single-app-tit {
		margin-top: 14px;
		font-size: 18px;
		line-height: 24px
	}

	.single-pro-tit {
		font-size: 18px;
		line-height: 24px
	}

	.common-form-tit,
	.hot-pro-tit,
	.pro-detail-advs>h2,
	.pro-detail-common>h2,
	.rel-case-tit,
	.team-tab-tit {
		padding-left: 10px;
		font-size: 17px;
		line-height: 24px
	}

	.quality-sec-tit {
		padding: 10px 0;
		width: 160px;
		font-size: 17px;
		line-height: 24px
	}

	.common-form-tit::before,
	.hot-pro-tit::before,
	.pro-detail-advs>h2::before,
	.pro-detail-common>h2::before,
	.rel-case-tit::before,
	.team-tab-tit::before {
		height: 8px;
		top: 3px;
		width: 3px
	}

	.common-form-tit::after,
	.hot-pro-tit::after,
	.pro-detail-advs>h2::after,
	.pro-detail-common>h2::after,
	.rel-case-tit::after,
	.team-tab-tit::after {
		width: 3px;
		height: 8px;
		top: 11px
	}

	.video-content .wp-block-gallery .wp-block-image {
		width: 49%;
		margin-top: 14px
	}

	.video-content .wp-block-gallery>i {
		width: 49%
	}

	.video-content .wp-block-gallery .wp-element-caption {
		margin-top: 6px;
		font-size: 14px;
		line-height: 20px;
		max-height: 40px
	}

	.video-content {
		padding-top: 12px
	}

	.video-content .wp-block-gallery .wp-block-image a::after {
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 24px
	}

	.app-pro-tit,
	.faq-menu-tit,
	.list-app-tit,
	.workshop-gallery-tit {
		font-size: 18px;
		line-height: 24px
	}

	.faq-menu-des {
		font-size: 15px;
		line-height: 22px
	}

	.faq-menu-sec::after,
	.faq-menu-sec::before {
		display: none
	}

	.faq-help-item {
		margin-top: 12px
	}

	.faq-help-tit {
		font-size: 16px;
		line-height: 24px
	}

	.faq-help-db {
		padding: 16px;
		min-height: 90px
	}

	.faq-help-db .iconfont {
		margin-top: 6px;
		font-size: 16px
	}

	.faq-help-db::before {
		right: 20px;
		bottom: 20px;
		font-size: 30px
	}

	.faq-help-db::after {
		right: 16px;
		bottom: 16px;
		width: 22px;
		height: 22px
	}

	.app-faq-columnL .schema-faq-question,
	.faq-columnR .schema-faq-question {
		padding: 15px 42px 15px 0;
		font-size: 15px;
		line-height: 22px
	}

	.app-faq-columnL .schema-faq-question::after,
	.faq-columnR .schema-faq-question::after {
		top: 14px;
		right: 16px
	}

	.app-faq-columnL .schema-faq-answer,
	.faq-columnR .schema-faq-answer {
		padding: 14px 36px 14px 16px;
		font-size: 14px;
		line-height: 22px
	}

	.contact-map-top {
		padding: 18px
	}

	.contact-map-show>p {
		height: 280px
	}

	.contact-map-icon .iconfont {
		font-size: 24px
	}

	.contact-map-info {
		margin-left: 5px
	}

	.contact-add-tit {
		font-size: 15px
	}

	.contact-add-show {
		font-size: 16px;
		line-height: 22px
	}

	.common-form-tip {
		font-size: 15px;
		line-height: 22px
	}

	.common-form-show {
		margin-top: 18px
	}

	.common-form-columns,
	.contact-form-columns {
		padding: 22px 22px 24px
	}

	#menu-service-menu li a,
	.side-about li span,
	.side-factory li span,
	.side-news li a {
		padding: 10px 0;
		font-size: 14px;
		line-height: 20px
	}

	#menu-service-menu li,
	.side-about li,
	.side-factory li,
	.side-news li {
		margin-right: 14px
	}

	#menu-service-menu li a::after,
	.side-about li span::after,
	.side-factory li span::after,
	.side-news li a::after {
		width: 6px;
		height: 6px
	}

	.procat-child li {
		max-width: 50%;
		min-width: 50%
	}

	.procat-child li a {
		padding: 8px 10px;
		font-size: 13px
	}

	.all-procat li a {
		padding: 12px 8px 12px 20px;
		font-size: 14px;
		line-height: 20px
	}

	.all-procat li a::before {
		left: 10px;
		top: 21px;
		width: 4px;
		height: 4px
	}

	.pro-columnR {
		margin-top: 16px
	}

	.all-pro-tit {
		font-size: 17px;
		line-height: 22px
	}

	.rel-case-parent {
		margin-top: 20px
	}

	.rel-case-parent::before {
		display: none
	}

	.single-pro-bottom {
		border-top: 4px solid #f8f8f8
	}

	.list-app-des::before {
		height: 10px;
		top: -28px
	}

	.list-app-des::after {
		height: 10px;
		top: -18px
	}

	.workshop-gallery-tit {
		padding-bottom: 24px
	}

	.workshop-gallery-tit::after {
		height: 10px
	}

	.workshop-gallery-tit::before {
		height: 10px;
		bottom: 10px
	}

	.app-pro-tit::before {
		height: 10px;
		bottom: -14px
	}

	.app-pro-tit::after {
		height: 10px;
		bottom: -24px
	}

	.list-app-des {
		margin-top: 34px;
		padding: 0 16px
	}

	.app-pro-list2>i,
	.app-pro-list>i {
		width: 100%
	}

	.app-pro-item,
	.last-app-pro {
		width: 100%;
		margin-top: 10px
	}

	.app-pro-list {
		padding-top: 30px
	}

	.app-pro-item {
		padding: 20px 20px 22px
	}

	.app-pro-thumb {
		width: 60px;
		height: 60px;
		line-height: 60px
	}

	.app-pro-thumb img {
		width: 58px
	}

	.app-pro-list .app-pro-item:nth-child(2) .app-pro-thumb img,
	.app-pro-list2 .app-pro-item:nth-child(2) .app-pro-thumb img {
		width: 48px
	}

	.app-pro-item-tit {
		margin-top: 12px;
		font-size: 17px;
		line-height: 24px;
		min-height: auto;
		max-height: 48px
	}

	.app-pro-des {
		margin-top: 10px;
		font-size: 15px;
		line-height: 22px;
		min-height: auto;
		max-height: 66px
	}

	.app-pro-btn {
		margin-top: 12px;
		width: 36px;
		height: 36px;
		line-height: 34px
	}

	.last-app-pro {
		padding: 24px 20px
	}

	.last-app-btn {
		margin-top: 14px;
		width: 120px;
		height: 34px;
		line-height: 34px;
		font-size: 13px
	}

	.last-app-tit,
	.vision-info-tit {
		font-size: 17px;
		line-height: 24px
	}

	.single-info-author {
		display: none
	}

	.news-sns-columns {
		padding: 2px 0
	}

	.single-nav {
		margin-top: 18px;
		padding: 12px
	}

	.single-nav .page-next,
	.single-nav .page-pre {
		font-size: 15px
	}

	.single-nav .page-next {
		padding-left: 80px;
		margin-top: 6px
	}

	.single-nav .page-pre {
		padding-left: 48px
	}

	.single-nav .page-next {
		padding-left: 78px
	}

	.page-next .link a:before,
	.page-pre .link a:before {
		top: 1px
	}

	.single-news-columns {
		margin-top: 14px
	}

	.app-des-content>ol,
	.app-des-content>ul,
	.news-detail-area>ol,
	.news-detail-area>ul,
	.pro-detail-common ol,
	.pro-detail-common ul {
		padding-top: 6px
	}

	.app-des-content>ol li,
	.app-des-content>ul li,
	.news-detail-area>ol li,
	.news-detail-area>ul li,
	.pro-detail-common ol li,
	.pro-detail-common ul li {
		margin: 4px 0
	}

	.app-des-content iframe,
	.news-detail-area iframe,
	.pro-detail-common iframe {
		height: 210px
	}

	#pro-nav-content .wp-block-columns,
	.news-detail-area .wp-block-columns,
	.news-detail-area .wp-block-gallery,
	.news-detail-area .wp-block-group,
	.news-detail-area>.wp-block-image {
		margin: 12px 0 0
	}

	.pro-detail-common .pro-features {
		margin-top: 12px
	}

	.app-des-content>p,
	.news-detail-area>p,
	.pro-detail-common p {
		margin-top: 8px
	}

	.news-detail-area .wp-block-columns {
		gap: 14px
	}

	.app-des-content table,
	.news-detail-area table,
	.pro-detail-common table {
		margin-top: 14px
	}

	.app-des-content>ul li,
	.news-detail-area>ul li,
	.pro-detail-common ul li {
		padding-left: 18px
	}

	.app-des-content>ul li::before,
	.news-detail-area>ul li::before,
	.pro-detail-common ul li::before {
		top: 9px
	}

	.app-des-content table tr td,
	.news-detail-area table tr td,
	.pro-detail-common table tr td {
		padding: 6px 12px;
		font-size: 14px
	}

	.news-detail-area .wp-block-column .wp-block-image,
	.news-detail-area .wp-block-columns .wp-block-column p {
		margin-top: 12px
	}

	.app-des-content h3,
	.app-des-content h4,
	.news-detail-area h3,
	.news-detail-area h4 {
		margin-top: 12px;
		font-size: 16px
	}

	.app-des-content table tr td,
	.app-des-content table tr th,
	.news-detail-area table tr td,
	.news-detail-area table tr th,
	.pro-detail-common table tr td,
	.pro-detail-common table tr th {
		border: 1px solid #eeeff1
	}

	.app-faq-columns {
		margin-top: 14px
	}

	.app-des-tit {
		margin-top: 24px;
		font-size: 18px;
		line-height: 24px
	}

	.single-app-columnL {
		width: 100%
	}

	.single-app-columnR {
		padding: 16px 16px 20px
	}

	.single-app-excerpt {
		margin-top: 6px;
		font-size: 15px
	}

	.share-app-styles {
		display: none
	}

	.page-error-tit {
		font-size: 44px;
		line-height: 50px
	}

	.page-error-des1 {
		margin-top: 10px;
		font-size: 18px;
		line-height: 24px
	}

	.page-error-des2 {
		margin-top: 14px;
		font-size: 15px;
		line-height: 20px
	}

	.error-btn {
		margin: 18px auto 0;
		width: 148px;
		height: 42px;
		line-height: 42px;
		font-size: 14px
	}

	.policy-tit {
		font-size: 20px
	}

	.policy-des {
		margin: 8px auto 0;
		font-size: 15px;
		line-height: 22px
	}

	.policy-show h3 {
		margin-top: 18px;
		font-size: 18px;
		line-height: 24px
	}

	.policy-show p {
		margin-top: 12px
	}

	.policy-show {
		font-size: 15px;
		line-height: 22px
	}

	.search-type-list li {
		font-size: 16px
	}

	.search-count {
		font-size: 15px
	}

	.found-result {
		width: 100%;
		margin: 20px auto 0
	}

	.result-tit {
		font-size: 17px;
		line-height: 22px
	}

	.results-tips {
		padding-top: 6px
	}

	.results-tip {
		font-size: 15px;
		line-height: 22px
	}

	.results-btn {
		margin-top: 20px;
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.results-tips li {
		margin-top: 6px;
		font-size: 15px;
		line-height: 22px
	}

	.search-item,
	.search-type-name {
		font-size: 14px
	}

	.result-list-sec {
		padding-top: 16px
	}

	.search-type-list {
		margin-top: 24px
	}

	.pro-top-columnL {
		width: 100%
	}

	.single-pro-des ul li {
		margin-top: 6px
	}

	.single-pro-des {
		padding-top: 6px
	}

	.single-app-btn1 {
		margin-right: 10px;
		width: 110px;
		font-size: 13px;
		height: 34px;
		line-height: 34px
	}

	.single-app-btn2 {
		width: auto;
		padding: 0 10px;
		font-size: 13px;
		height: 34px;
		line-height: 32px
	}

	.single-pro-btns {
		margin-top: 16px
	}

	.pro-pdf-show {
		margin-right: 14px;
		font-size: 13px
	}

	.pro-pdf-show .iconfont {
		font-size: 14px
	}

	.share-pro-styles {
		display: none
	}

	.single-pro-down {
		margin-top: 10px
	}

	.pro-nav-form {
		width: 100px;
		height: 34px;
		line-height: 34px;
		font-size: 12px
	}

	.pro-nav-items li {
		padding: 10px 14px;
		font-size: 13px
	}

	.news-detail-area .wp-block-columns .wp-block-column p,
	.pro-detail-common .wp-block-columns .wp-block-column p {
		padding: 0 16px;
		margin: 12px 0
	}

	.pro-features .wp-block-group {
		padding: 16px 14px 14px
	}

	.pro-detail-common h3 {
		font-size: 16px;
		padding-left: 12px
	}

	.pro-detail-common h3::before {
		top: 10px;
		width: 5px;
		height: 5px
	}

	.pro-advs-sec ul li {
		padding: 64px 16px 20px;
		width: 100%;
		min-height: auto;
		margin-top: 12px
	}

	.pro-advs-sec ul li::before {
		top: 25px;
		left: 16px
	}

	.pro-advs-sec ul li:nth-child(1)::before {
		font-size: 34px
	}

	.pro-advs-sec ul li:nth-child(2)::before,
	.pro-advs-sec ul li:nth-child(3)::before {
		font-size: 38px
	}

	.pro-advs-sec ul li:nth-child(4)::before {
		font-size: 30px
	}

	.pro-advs-sec ul li strong {
		font-size: 16px;
		line-height: 22px
	}

	.page-ser-des {
		margin-top: 8px;
		font-size: 15px;
		line-height: 22px
	}

	.partner-gallery {
		margin-top: 15px
	}

	.customer-gallery {
		margin-top: 14px;
		padding: 16px 16px 18px
	}

	#customer-gallery .gallery .gallery-item,
	#exhibition-gallery .gallery .gallery-item,
	#technical-gallery .gallery .gallery-item,
	#workshop-gallery .gallery .gallery-item {
		margin: 0 5px
	}

	#customer-gallery .gallery,
	#exhibition-gallery .gallery,
	#workshop-gallery .gallery {
		margin: 0 -5px
	}

	#customer-gallery .gallery .gallery-caption,
	#exhibition-gallery .gallery .gallery-caption,
	#technical-gallery .gallery .gallery-caption,
	#workshop-gallery .gallery .gallery-caption {
		margin-top: 6px
	}

	#customer-gallery .slick-prev {
		left: -6px
	}

	#customer-gallery .slick-next {
		right: -6px
	}

	#exhibition-gallery .slick-prev,
	#technical-gallery .slick-prev,
	.workshop-gallery .slick-prev {
		left: 12px
	}

	#exhibition-gallery .slick-next,
	#technical-gallery .slick-next,
	.workshop-gallery .slick-next {
		right: 12px
	}

	.exhibition-gallery {
		margin-top: 16px
	}

	.about-help-list {
		padding-top: 2px
	}

	.about-content h4 {
		font-size: 16px;
		line-height: 22px
	}

	.about-content {
		margin-top: 6px
	}

	.about-content .wp-block-gallery {
		display: none
	}

	.about-content>p {
		margin-top: 10px
	}

	.workshop-gallery {
		margin-top: 14px;
		padding-bottom: 20px
	}

	.technical-sec-des p {
		margin-top: 8px
	}

	.technical-sec-des {
		padding-top: 2px
	}

	#technical-gallery .gallery {
		margin: 20px -5px 0
	}

	.about-top-video {
		margin-top: 16px
	}

	.about-top-video a::before {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px
	}

	.cover-number {
		bottom: -15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px
	}

	.process-item-tit {
		margin-top: 18px;
		font-size: 14px;
		line-height: 20px
	}

	.last-process,
	.process-item {
		margin-top: 10px
	}

	.process-item-thumb img {
		height: 134px
	}

	.last-process-btn {
		margin: 16px auto 0;
		width: 100%;
		height: 34px;
		line-height: 34px;
		font-size: 13px
	}

	.last-process-show {
		min-height: 134px;
		padding: 16px 12px 18px
	}

	.last-process-icon .iconfont {
		font-size: 32px
	}

	.quality-content {
		padding-top: 8px
	}

	#quality-content ul li {
		margin-top: 10px
	}

	#quality-content ul li strong {
		margin-bottom: 4px;
		font-size: 16px;
		line-height: 22px
	}

	#quality-content ul li strong::before {
		top: 8px
	}

	.ser-content {
		margin-top: 16px
	}

	.after-sale-sec .wp-block-column:first-child,
	.pre-sale-sec .wp-block-column:first-child {
		width: 100%
	}

	.after-sale-sec .wp-block-column:last-child,
	.pre-sale-sec .wp-block-column:last-child {
		width: 100%;
		padding: 20px 0 0
	}

	.pre-sales li {
		padding-left: 28px;
		margin-top: 8px;
		font-size: 15px;
		line-height: 22px
	}

	#ser-content .after-sale-sec,
	#ser-content .in-sale-sec {
		margin: 20px 0 0
	}

	#ser-content .wp-block-columns h3 {
		padding-left: 10px;
		font-size: 17px;
		line-height: 22px
	}

	.oem-ser-tit {
		font-size: 17px;
		line-height: 22px
	}

	.pre-sales li::before {
		font-size: 17px;
		line-height: 17px
	}

	.in-sales {
		padding-top: 8px
	}

	.after-sales {
		margin-top: 6px
	}

	.after-sales li {
		padding: 10px 0;
		font-size: 15px;
		line-height: 22px
	}

	.in-sales li {
		padding-left: 14px;
		margin-top: 8px;
		font-size: 15px;
		line-height: 22px
	}

	.pre-sales {
		padding-top: 5px
	}

	#ser-content .wp-block-columns h3::before {
		top: -3px;
		width: 24px;
		height: 24px
	}

	.oem-ser-tit::before {
		top: -3px;
		left: -10px;
		width: 24px;
		height: 24px
	}

	.oem-ser-des {
		margin-top: 18px;
		font-size: 15px;
		line-height: 22px
	}

	.electric-tit {
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px
	}

	.oem-step-tit1,
	.oem-step-tit2 {
		font-size: 13px;
		line-height: 18px
	}

	.electric-btn {
		margin: 14px auto 0;
		width: 132px;
		height: 38px;
		line-height: 38px;
		font-size: 14px
	}

	.electric-tip {
		margin-top: 6px;
		font-size: 15px;
		line-height: 22px
	}

	.oem-step-icon1,
	.oem-step-icon2 {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.oem-step-icon1 .iconfont,
	.oem-step-icon2 .iconfont {
		font-size: 26px
	}

	.oem-step-icon1 {
		top: -74px
	}

	.oem-step-item2 {
		padding-bottom: 26px
	}

	.oem-step-list2 .oem-step-item2:nth-child(3) .oem-step-tit2 {
		bottom: -78px
	}

	.oem-step-list2 .oem-step-item2:nth-child(2) .oem-step-tit2 {
		bottom: -60px
	}

	.oem-step-tit2 {
		bottom: -42px
	}

	.oem-step-sec {
		margin-top: 22px;
		padding: 100px 24px 110px
	}

	.oem-step-parent {
		width: 920px
	}

	.oem-step-list2 {
		padding-top: 24px
	}

	.oem-ser-sec {
		background-size: 100% 340px
	}

	.vision-secL {
		padding: 24px 1rem
	}

	.vision-info-tit::before {
		top: 8px;
		width: 8px;
		height: 8px
	}

	.vision-info-tit {
		padding-left: 16px
	}

	.vision-info-des {
		margin-top: 5px;
		font-size: 15px;
		line-height: 22px
	}

	.philosophy-sec {
		margin-top: 16px
	}

	.vision-num-item {
		padding: 24px 1rem 22px;
		width: 50%
	}

	.vision-num-list .vision-num-item:nth-child(4) {
		background: #c8161d
	}

	.vision-num-list .vision-num-item:nth-child(3) {
		background: #bd141b
	}

	.vision-num-item::before {
		left: 16px;
		top: 10px
	}

	.vision-num-txt {
		font-size: 20px;
		line-height: 24px
	}

	.vision-num-des {
		margin-top: 4px;
		font-size: 15px;
		line-height: 22px
	}

	.about-adv-show ul li {
		padding: 64px 16px 20px;
		width: 100%;
		min-height: auto;
		margin-top: 12px
	}

	.about-adv-show ul li strong {
		font-size: 16px;
		line-height: 22px
	}

	.about-adv-sec {
		padding: 12px 0 24px
	}

	.about-adv-show ul li::before {
		font-size: 38px;
		left: 1rem;
		top: 28px
	}

	.about-adv-show ul li:nth-child(3)::before,
	.about-adv-show ul li:nth-child(6)::before {
		font-size: 35px
	}

	.about-cer-sec {
		padding: 22px 0
	}

	.about-cer-show>p {
		margin-top: 10px;
		font-size: 15px;
		line-height: 22px
	}

	#about-cer-gallery .gallery .gallery-item {
		margin: 0 8px
	}

	#about-cer-gallery .gallery {
		margin: 16px -8px 0
	}

	#about-cer-gallery .gallery .gallery-icon::after {
		right: -5px;
		bottom: -5px
	}

	#about-cer-gallery .gallery .gallery-caption {
		margin-top: 12px;
		font-size: 14px;
		line-height: 18px
	}

	.history-date {
		padding: 0 32px;
		margin-top: 10px
	}

	.history-date ul li {
		padding-bottom: 8px;
		font-size: 16px;
		line-height: 22px
	}

	.history-date ul li::after {
		width: 6px;
		height: 6px
	}

	.animate-date .slick-arrow::before {
		font-size: 18px
	}

	.animate-date .slick-prev {
		left: -28px
	}

	.animate-date .slick-next {
		right: -28px
	}

	.history-year {
		margin-top: 16px;
		font-size: 17px;
		line-height: 22px
	}

	.history-year::before {
		top: 8px;
		width: 7px;
		height: 7px
	}

	.history-des {
		margin-top: 10px;
		font-size: 15px;
		line-height: 22px
	}

	.history-right {
		padding: 0 20px;
		border: none
	}

	.history-info-sec {
		padding: 26px 0 28px
	}

	.history-des-sec {
		border-left: 1px solid rgba(216, 216, 216, .35)
	}

	.team-tab-list {
		-ms-flex-flow: nowrap;
		flex-flow: nowrap;
		overflow-y: hidden;
		overflow-x: auto
	}

	.team-tab-sec {
		padding: 20px 0 0
	}

	.team-tab-list li {
		width: auto;
		padding: 0 12px;
		font-size: 13px;
		height: 38px;
		line-height: 38px
	}

	.team-tab-list li .iconfont {
		font-size: 22px
	}

	.team-gallery-item h3 {
		padding-left: 14px;
		font-size: 17px;
		line-height: 22px
	}

	.team-gallery-item h3::before {
		width: 7px;
		height: 7px;
		top: 8px
	}

	.team-gallery-sec {
		padding: 18px 0 22px
	}

	#team-gallery .gallery .slick-dots {
		margin-top: 14px
	}

	#team-gallery .gallery .slick-dots li {
		margin: 0 5px;
		width: 10px;
		height: 10px
	}

	.team-gallery-list::after {
		display: none
	}

	.team-gallery-item>p {
		margin-top: 6px;
		max-width: 100%
	}

	#team-gallery .gallery {
		margin: 16px -5px 0
	}

	#team-gallery .gallery .gallery-item {
		margin: 0 5px
	}

	#team-gallery .gallery .wp-caption-text {
		padding: 8px
	}

	#team-gallery .gallery .wp-caption-text strong {
		font-size: 15px;
		line-height: 18px
	}

	#team-gallery .gallery .wp-caption-text {
		font-size: 13px;
		line-height: 16px
	}

	.form-contact-top {
		font-size: 20px;
		line-height: 24px
	}

	.form-contact-sec::before {
		left: -10px;
		top: -10px;
		width: 20px;
		height: 20px
	}

	.form-contact-sec {
		padding: 18px 18px 24px
	}

	.form-contact-item::before {
		font-size: 24px
	}

	.form-contact-list .form-contact-item:nth-child(3)::before {
		font-size: 22px
	}

	.form-contact-item {
		margin-top: 14px;
		padding-left: 34px
	}

	.form-contact-info {
		font-size: 17px;
		line-height: 22px
	}

	.form-contact-list {
		padding-top: 4px
	}
}

@media screen and (max-width:1650px) {
	.question-sec {
		padding: 60px 64px 62px 62px
	}
}

@media screen and (max-width:1520px) {
	.footer-form {
		width: 570px
	}

	.footer-contact-list .footer-contact-item:last-child {
		display: none
	}

	.footer-contact-item {
		width: 33.33%
	}
}

@media screen and (max-width:1440px) {
	.footer-sns-list .iconfont {
		font-size: 20px
	}

	.footer-menus {
		margin-top: 56px
	}

	.question-sec {
		padding: 54px
	}

	.question-tip1 {
		font-size: 30px
	}
}

@media screen and (max-width:1280px) {
	.right-nav-info {
		font-size: 12px
	}

	.right-nav-item {
		padding: 16px 0 14px;
		width: 72px
	}

	.right-nav {
		padding: 12px 0 16px;
		border-radius: 20px
	}

	.right-hidden-tel {
		top: 6px
	}

	.back-top {
		width: 72px;
		height: 72px
	}

	.footer-bottom {
		padding: 15px 0
	}

	.footer-sns-list .iconfont {
		margin-right: 20px
	}

	.footer-links {
		display: none
	}

	.footer-top {
		padding: 106px 0 50px
	}

	.question-tip1 {
		font-size: 28px
	}

	.question-sec {
		padding: 42px 46px
	}

	.footer-pro-list {
		padding-top: 10px
	}

	.footer-form-show {
		margin-top: 28px
	}

	.footer-tit {
		font-size: 22px
	}

	.footer-form {
		width: 510px
	}

	.footer-contact-item {
		padding: 0 20px;
		border-left: none
	}
}

@media screen and (max-width:1024px) {
	#pdf-form {
		max-width: 600px
	}

	.pdf-form-show {
		margin-top: 20px
	}

	.question-tip1 {
		font-size: 24px;
		line-height: 30px
	}

	.question-tip2 {
		margin-top: 10px
	}

	.question-infos {
		padding-right: 48px
	}

	.question-inquiry {
		width: 178px;
		height: 44px;
		line-height: 44px
	}

	.question-email {
		font-size: 17px
	}

	.question-sec {
		padding: 36px 38px
	}

	.footer-top {
		padding: 94px 0 42px
	}

	.footer-contact-list {
		margin-left: 20px
	}

	.footer-logo {
		width: 162px
	}

	.footer-form {
		width: 310px
	}

	.footer-menus {
		margin-top: 38px
	}

	.footer-tit {
		font-size: 20px
	}

	.footer-pro-list {
		padding-top: 4px
	}

	.footer-form-show {
		margin-top: 22px
	}

	.footer-form {
		display: none
	}

	.footer-links {
		display: block;
		width: 130px
	}

	.footer-contact-list .footer-contact-item:nth-child(3) {
		display: none
	}

	.footer-contact-item {
		width: 50%
	}

	#menu-footer-menu {
		padding-top: 4px
	}
}

@media screen and (max-width:800px) {
	#pdf-form {
		max-width: 100%;
		padding: 28px
	}

	.pdf-form-tit {
		font-size: 22px
	}

	.question-sec,
	.right-nav {
		display: none
	}

	.fixed-whatsapp {
		display: block
	}

	.add-footer-bg,
	.footer-sns-list {
		display: none
	}

	.copyright-txt {
		margin-top: 0;
		width: 100%
	}

	.footer-bottom {
		padding: 12px 0
	}

	.footer-links {
		display: none
	}

	.footer-pro {
		width: 100%
	}

	.footer-contact-list {
		margin-top: 20px;
		-ms-flex: none;
		flex: none;
		width: 100%;
		margin-left: 0
	}

	.footer-top {
		padding: 34px 0 40px
	}

	.footer-menus {
		margin-top: 28px
	}

	.footer-contact-item {
		padding: 0 28px 0 0
	}

	.footer-contact-icon .iconfont {
		font-size: 28px
	}

	.footer-logo {
		width: 146px
	}

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

@media screen and (max-width:600px) {
	.pdf-form-tit {
		font-size: 20px
	}

	#pdf-form {
		padding: 22px
	}

	.xz-form-sec4 {
		height: 358px
	}

	.footer-fixed {
		display: -ms-flexbox;
		display: flex
	}

	.pdf-form-tit {
		font-size: 20px
	}

	.footer-bottom {
		padding: 12px 0 60px
	}

	.footer-top {
		padding: 26px 0 28px
	}

	.footer-pro-item {
		font-size: 15px;
		margin-top: 10px
	}

	.footer-tit {
		font-size: 18px
	}

	.footer-menus {
		margin-top: 8px
	}

	.footer-logo {
		width: 126px
	}

	.footer-contact-icon {
		width: 26px
	}

	.footer-contact-icon .iconfont {
		font-size: 25px
	}

	.footer-contact-info {
		margin-top: 4px
	}

	.footer-contact-item {
		width: 100%;
		margin-bottom: 10px
	}
}

.mi-pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0) !important;
	padding: 1rem 0;
	margin: 7rem 0 3rem;
}
.mi-pagination .pagination{
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.mi-pagination .pagination li{
	background: none !important;
	margin: 0 10px;
}
.mi-pagination .pagination .page-item .page-link{
	background: none !important;
	color: #333333;
	border: none;
	font-size: 1.25rem;
}
.mi-pagination .pagination .active > .page-link{
	font-weight: bold;
	color: #dc3545;
}

.footer-contact-icon {
	-ms-flex: none;
	flex: none;
	width: 32px
}

.footer-contact-icon .iconfont,.footer-contact-icon i {
	color: #c8161d;
	font-size: 30px
}

.footer-contact-item .footer-contact-icon .tel-icon {
	font-size: 28px
}