@keyframes showhide {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes moveShow {
	0% {
		transform: translateX(0)
	}
	to {
		transform: translateX(-50%)
	}
}
@keyframes moveShow2 {
	0% {
		transform: translateX(-50%)
	}
	to {
		transform: translateX(0)
	}
}
.alignleft {
	display: inline;
	float: left
}
.alignright {
	display: inline;
	float: right
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
img.alignleft {
	margin: .4em 1.6em 1.6em 0
}
img.alignright {
	margin: .4em 0 1.6em 1.6em
}
img.aligncenter {
	clear: both;
	margin-bottom: 1.6em;
	margin-top: .4em
}
.gc-block-image {
	margin: 0
}
.gc-block-columns {
	margin-bottom: 0
}
.mfp-bg {
	background: #0b0b0b;
	opacity: .8;
	overflow: hidden;
	z-index: 1042
}
.mfp-bg, .mfp-wrap {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}
.mfp-wrap {
	-webkit-backface-visibility: hidden;
	outline: none !important;
	z-index: 1043
}
.mfp-container {
	box-sizing: border-box;
	height: 100%;
	left: 0;
	padding: 0 8px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}
.mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.mfp-align-top .mfp-container:before {
	display: none
}
.mfp-content {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	text-align: left;
	vertical-align: middle;
	z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
	cursor: auto;
	width: 100%
}
.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;
	user-select: none
}
.mfp-loading.mfp-figure {
	display: none
}
.mfp-hide {
	display: none !important
}
.mfp-preloader {
	color: #ccc;
	left: 8px;
	margin-top: -.8em;
	position: absolute;
	right: 8px;
	text-align: center;
	top: 50%;
	width: auto;
	z-index: 1044
}
.mfp-preloader a {
	color: #ccc
}
.mfp-preloader a:hover {
	color: #fff
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
	display: none
}
button.mfp-arrow, button.mfp-close {
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	outline: none;
	overflow: visible;
	padding: 0;
	touch-action: manipulation;
	z-index: 1046
}
button::-moz-focus-inner {
	border: 0;
	padding: 0
}
.mfp-close {
	color: #fff;
	font-family: Arial, Baskerville, monospace;
	font-size: 28px;
	font-style: normal;
	height: 44px;
	line-height: 44px;
	opacity: .65;
	padding: 0 0 18px 10px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 0;
	width: 44px
}
.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;
	padding-right: 6px;
	right: -6px;
	text-align: right;
	width: 100%
}
.mfp-counter {
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap
}
.mfp-arrow {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 110px;
	margin: -55px 0 0;
	opacity: .65;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 90px
}
.mfp-arrow:active {
	margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
	opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
	border: inset transparent;
	content: "";
	display: block;
	height: 0;
	left: 0;
	margin-left: 35px;
	margin-top: 35px;
	position: absolute;
	top: 0;
	width: 0
}
.mfp-arrow:after {
	border-bottom-width: 13px;
	border-top-width: 13px;
	top: 8px
}
.mfp-arrow:before {
	border-bottom-width: 21px;
	border-top-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 {
	border-right: 27px solid #3f3f3f;
	margin-left: 25px
}
.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-bottom: 40px;
	padding-top: 40px
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	max-width: 900px;
	width: 100%
}
.mfp-iframe-holder .mfp-close {
	top: -40px
}
.mfp-iframe-scaler {
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	width: 100%
}
.mfp-iframe-scaler iframe {
	background: #000;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
img.mfp-img {
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	padding: 40px 0;
	width: auto
}
.mfp-figure, img.mfp-img {
	line-height: 0
}
.mfp-figure:after {
	background: #444;
	bottom: 40px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	content: "";
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 40px;
	width: auto;
	z-index: -1
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}
.mfp-figure figure {
	margin: 0
}
.mfp-bottom-bar {
	cursor: auto;
	left: 0;
	margin-top: -36px;
	position: absolute;
	top: 100%;
	width: 100%
}
.mfp-title {
	word-wrap: break-word;
	color: #f3f3f3;
	line-height: 18px;
	padding-right: 36px;
	text-align: left
}
.mfp-image-holder .mfp-content {
	max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}
@media screen and (max-height:300px), screen and (max-width:800px) and (orientation:landscape) {
	.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 {
		bottom: 0;
		top: 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;
		box-sizing: border-box;
		margin: 0;
		padding: 3px 5px;
		position: fixed;
		top: auto
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		background: rgba(0, 0, 0, .6);
		height: 35px;
		line-height: 35px;
		padding: 0;
		position: fixed;
		right: 0;
		text-align: center;
		top: 0;
		width: 35px
	}
}
@media (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 {
	background: #fff;
	width: auto;
	max-width: 600px;
	position: relative;
    border-radius: 1rem;
    overflow: hidden;
	padding: 4rem;
	margin: 20px auto;
}
.white-popup-block .contact-sce-tit {
	margin-top: 0
}
@media screen and (max-width:600px) {
	.white-popup-block {
		padding: 4.5rem 2rem 3rem
	}
}
.slick-loading .slick-list {
	background: #fff url("../img/ajax-loader.gif")  50% no-repeat
}
/*@font-face {
	font-family: slick;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/slick.eot")  ;
	src: url("../fonts/slick.eot-#iefix") format("embedded-opentype"), 
		 url("../fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), 
		 url("../fonts/slick.svg#slick") format("svg")
}*/
.slick-slider {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.slick-list, .slick-slider {
	display: block;
	position: relative
}
.slick-list {
	margin: 0;
	overflow: hidden;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	transform: translateZ(0)
}
.slick-track {
	align-items: stretch;
	display: flex;
	flex-flow: row nowrap;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	min-height: 1px
}
[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 {
	border: 1px solid transparent;
	display: block;
	height: auto
}
.slick-arrow.slick-hidden {
	display: none
}
.xz-about-pro {
	grid-gap: 2rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
.loop-about-pro .img-box {
	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow: hidden;
	width: 100%
}
.loop-about-pro .img-box img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}
.loop-about-pro .tit {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #222;
	display: -webkit-box;
	margin: 2rem auto 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	transition: all .3s ease
}
.loop-about-pro:hover .img-box {
	border-color: transparent;
	box-shadow: 0 0 36px 1px rgba(53, 88, 186, .12)
}
.loop-about-pro:hover img {
	transform: scale(1.05)
}
.loop-about-pro:hover .tit {
	color: #002C42
}
@media screen and (max-width:800px) {
	.xz-about-pro {
		grid-template-columns: repeat(2, 1fr)
	}
}
.xz-case-box {
	display: grid;
	grid-gap: 3.5rem;
	grid-template-columns: repeat(4, 1fr)
}
.loop-case {
	display: block;
	background-color: #f8f8f8;
}
.loop-case .img-box {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 10% 10% 0;
}
.loop-case .img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}
.loop-case .info-box {
    text-align: center;
	padding: 2rem 3rem 4rem
}
.loop-case .tit {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-case .info {
	font-size: 1.5rem;
	line-height: 1.6em;
	margin: 1rem 0 2.5rem
}
.loop-case .info p {
    line-height: 1.7;;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.loop-case .xz-btn {
	background-color: #fff;
	color: #555
}
.loop-case:hover .xz-btn {
	background-color: #002C42;
	color: #fff
}
.loop-case:hover img {
	transform: scale(1.05)
}
@media screen and (max-width:1440px) {
	.loop-case .info-box {
		padding: 3rem
	}
}
@media screen and (max-width:1024px) {
	.xz-case-box {
		grid-gap: 3rem
	}
}
@media screen and (max-width:800px) {
	.xz-case-box {
		grid-template-columns: repeat(2, 1fr)
	}
}
@media screen and (max-width:600px) {
	.xz-case-box {
		grid-gap: 3rem 2rem
	}
	.loop-case .info-box {
		padding: 2rem 2rem 3rem
	}
	.loop-case .info {
		margin: .5rem 0 1.5rem
	}
}
.xz-news-box {
	border-top: 1px solid #eaeaea;
	display: grid
}
.loop-news {
	border: 1px solid #eaeaea;
	border-top: none;
	display: flex;
	padding: 4rem
}
.loop-news .img-box {
	display: block;
	margin-right: 3rem;
	overflow: hidden;
	width: 24rem
}
.loop-news .img-box img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.loop-news .img-box:hover img {
	transform: scale(1.05)
}
.loop-news .info-box {
	flex: 1
}
.loop-news .date {
	align-items: center;
	display: flex;
	gap: .5rem;
	line-height: 1em
}
.loop-news .tit {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	font-weight: 600;
	margin-top: .5rem;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-news .tit:hover {
	color: #002C42
}
.loop-news .intro {
	margin: 1rem 0 3rem
}
.loop-news .intro p {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}
@media screen and (max-width:1440px) {
	.loop-news {
		padding: 3rem
	}
}
@media screen and (max-width:600px) {
	.loop-news {
		padding: 2rem
	}
	.loop-news .img-box {
		margin-right: 2rem;
		width: 20rem
	}
	.loop-news .tit {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		margin-top: 0;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.loop-news .intro {
		margin: .5rem 0 1.5rem
	}
}
@media screen and (max-width:500px) {
	.loop-news .img-box {
		width: 18rem
	}
}
.xz-pro-box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3rem;
}
.loop-pro {
	align-items: center;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .3s ease;
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 2%);
}
.loop-pro:hover {
	box-shadow: 0 5px 15px 5px rgba(0 0 0 / 3%);
}
.loop-pro .img-box {
	display: block;
    width: 100%;
    padding: 8%;
	overflow: hidden;
}
.loop-pro .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
    padding: 0 2rem;
}
.loop-pro .img-box:hover img {
	transform: scale(1.05)
}
.loop-pro .info-box {
	flex: 1;
	padding: 1rem 2.5rem 2.5rem
}
.loop-pro .tit {
    font-family: 'Oswald';
    position: relative;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 0.5px;
	margin-bottom: 2rem;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-pro .tit:before {
	background: linear-gradient(90deg, #8da4b3, rgba(53, 88, 186, .1));
	bottom: -2px;
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	width: 50%;
	z-index: -1
}
.loop-pro .tit:hover {
	color: #002C42
}
.loop-pro .intro {
	margin: 3rem 0
}
.loop-pro .intro p {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-pro .info {
	font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 1rem 0;
}
.loop-pro .info p {
	line-height: 1.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #ddd;
    padding-bottom: .5em;
    margin-bottom: .9rem;
}
.loop-pro .info p:last-child {
    border-bottom: none;
}
.loop-pro .btn-box {
	align-items: center;
	display: flex;
	gap: 1rem
}
.loop-pro .btn-box .xz-btn {
    font-size: 1.3rem;
	height: 4rem;
    line-height: 4rem;
    border-radius: 2rem;
}
.loop-pro .btn-box .xz-btn:last-of-type {
	background-color: #f2f2f2;
	color: #555
}
.loop-pro .btn-box .xz-btn:last-of-type:hover {
	background-color: #da241a;
	color: #fff
}
@media screen and (max-width:600px) {
	.loop-pro {
		padding: 2rem
	}
	.loop-pro .info-box {
		padding: 1rem 0 1rem 3rem
	}
	.loop-pro .tit {
		margin-bottom: 1.5rem
	}
	.loop-pro .intro {
		margin: 1rem 0
	}
	.loop-pro .info {
		margin: 1rem 0 1.6rem
	}
	.xz-pro-box {
	    grid-gap: 2rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
	}
	.xz-pro-box .loop-pro .img-box img {
	    padding: 1rem;
	}
	.xz-pro-box .loop-pro .info-box {
        width: 100%;
	}
	.xz-pro-box .loop-pro .info p {
        line-height: 2em;
        border-bottom: 1px dashed #ddd;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        padding-bottom: .7rem;
        margin-bottom: .8rem;
    }
}
@media screen and (max-width:500px) {
	.loop-pro {
		align-items: flex-start;
		flex-flow: column
	}
	.loop-pro .img-box {
		margin-bottom: 2rem;
		width: 100%
	}
	.loop-pro .info-box {
		padding: 1rem 0
	}
}
.xz-solution-box {
	grid-gap: 2rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}
.loop-solution {
	background-color: #f8f8f8;
	display: block;
	transition: all .3s ease
}
.loop-solution, .loop-solution .img-box {
	overflow: hidden
}
.loop-solution .img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}
.loop-solution .info-box {
	padding: 2rem
}
.loop-solution .tit {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	transition: all .3s ease
}
.loop-solution:hover img {
	transform: scale(1.05)
}
.loop-solution:hover .tit {
	color: #002C42
}
@media screen and (max-width:500px) {
	.xz-solution-box {
		grid-template-columns: 1fr !important
	}
}
.xz-toppic-404 {
	height: 0 !important
}
.xz-404 {
	font-size: 1.6rem;
	line-height: 1.25em;
	text-align: center
}
.xz-404 .tit {
	color: #222;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem
}
.xz-404 .intro {
	color: #666;
	margin: 1.2rem 0 2.4rem
}
.xz-404 .s_tit {
	color: #555
}
.xz-404 .xz-btn {
	margin: 1.2rem auto 19rem
}
.xz-404-a {
	display: block;
	margin: 9rem auto 2rem;
	max-width: 80%;
	transition: all .3s ease
}
.xz-404-a:hover {
	transform: translateY(-1rem)
}
.xz-404-a:active {
	transform: scale(.95)
}
@media screen and (max-width:1440px) {
	.xz-404-a {
		margin: 7rem auto 2rem
	}
	.xz-404 .xz-btn {
		margin: 1.2rem auto 15rem
	}
}
@media screen and (max-width:1024px) {
	.xz-404 .xz-btn {
		margin: 1.2rem auto 13rem
	}
}
@media screen and (max-width:800px) {
	.xz-404-a {
		margin: 6rem auto 2rem
	}
	.xz-404 .xz-btn {
		margin: 1.2rem auto 10rem
	}
}
@media screen and (max-width:600px) {
	.xz-404-a {
		margin: 4rem auto 2rem
	}
	.xz-404 .intro {
		margin: .8rem 0 1.5rem
	}
	.xz-404 .xz-btn {
		margin: 1.2rem auto 7rem
	}
}
.about-box {
	margin-bottom: 8.5rem
}
.about-box.about-box-pro {
	margin-bottom: 0
}
.about-box .h4_tit {
	background-color: #f8f8f8;
	margin: 8rem 0 5rem;
	padding: 2rem 3rem;
	text-transform: uppercase
}
.about-box .xz-news-box {
	border-top: none;
	gap: 4rem
}
.about-box .loop-news {
	border: none;
	padding: 0
}
.about-box .xz-case-box {
	display: block;
	margin: 0 0 0 -1.75rem;
	width: calc(100% + 3.5rem)
}
.about-box .xz-case-box .slick-arrow.slick-prev {
	left: -2.25rem;
	transform: translateX(-100%) translateY(-50%)
}
.about-box .xz-case-box .slick-arrow.slick-next {
	left: auto;
	right: -2.25rem;
	transform: translateX(100%) translateY(-50%)
}
.about-box .loop-case {
	margin: 0 1.75rem
}
.about-box .xz-solution-box {
	display: block;
	margin: 0 0 0 -1rem;
	width: calc(100% + 2rem)
}
.about-box .xz-solution-box .slick-arrow.slick-prev {
	left: -3rem;
	transform: translateX(-100%) translateY(-50%)
}
.about-box .xz-solution-box .slick-arrow.slick-next {
	left: auto;
	right: -3rem;
	transform: translateX(100%) translateY(-50%)
}
.about-box .loop-solution {
	margin: 0 1rem
}
.about-box.about-box-pro-search .h4_tit {
	margin: 0 0 5rem
}
.about-box.about-box-pro-search .xz-pro-box {
	display: block
}
.about-box.about-box-pro-search .xz-pro-box .loop-pro {
	display: flex
}
.about-box.about-box-pro-search .xz-pro-box .slick-arrow.slick-prev {
	left: -4rem;
	transform: translateX(-100%) translateY(-50%)
}
.about-box.about-box-pro-search .xz-pro-box .slick-arrow.slick-next {
	left: auto;
	right: -4rem;
	transform: translateX(100%) translateY(-50%)
}
@media screen and (max-width:1440px) {
	.about-box {
		margin-bottom: 8rem
	}
	.about-box .h4_tit {
		margin: 8rem 0 4rem;
		padding: 2rem 2.4rem
	}
	.about-box .xz-news-box {
		gap: 3rem
	}
	.about-box .xz-case-box {
		margin: 0 0 0 -1.5rem;
		width: calc(100% + 3rem)
	}
	.about-box .xz-case-box .slick-arrow.slick-prev {
		left: 1.5rem;
		transform: translateX(-50%) translateY(-50%)
	}
	.about-box .xz-case-box .slick-arrow.slick-next {
		left: auto;
		right: 1.5rem;
		transform: translateX(50%) translateY(-50%)
	}
	.about-box .loop-case {
		margin: 0 1.5rem
	}
	.about-box .xz-solution-box .slick-arrow.slick-prev {
		left: 1rem;
		transform: translateX(-50%) translateY(-50%)
	}
	.about-box .xz-solution-box .slick-arrow.slick-next {
		left: auto;
		right: 1rem;
		transform: translateX(50%) translateY(-50%)
	}
	.about-box.about-box-pro-search .h4_tit {
		margin: 0 0 4rem
	}
	.about-box.about-box-pro-search .xz-pro-box .slick-arrow.slick-prev {
		left: 0;
		transform: translateX(-50%) translateY(-50%)
	}
	.about-box.about-box-pro-search .xz-pro-box .slick-arrow.slick-next {
		left: auto;
		right: 0;
		transform: translateX(50%) translateY(-50%)
	}
}
@media screen and (max-width:1024px) {
	.about-box {
		margin-bottom: 6rem
	}
	.about-box .h4_tit {
		margin: 6rem 0 3rem;
		padding: 2rem 2.4rem
	}
	.about-box.about-box-pro-search .h4_tit {
		margin: 0 0 3rem
	}
}
@media screen and (max-width:800px) {
	.about-box {
		margin-bottom: 5rem
	}
	.about-box .h4_tit {
		margin: 5rem 0 3rem
	}
	.about-box .xz-case-box {
		margin: 0 0 0 -1rem;
		width: calc(100% + 2rem)
	}
	.about-box .xz-case-box .slick-arrow.slick-prev {
		left: 1rem
	}
	.about-box .xz-case-box .slick-arrow.slick-next {
		left: auto;
		right: 1rem
	}
	.about-box .loop-case {
		margin: 0 1rem
	}
	.about-box .xz-solution-box .slick-arrow.slick-prev {
		left: 1rem
	}
	.about-box .xz-solution-box .slick-arrow.slick-next {
		left: auto;
		right: 1rem
	}
}
@media screen and (max-width:600px) {
	.about-box {
		margin-bottom: 4rem
	}
	.about-box .h4_tit {
		margin: 4rem 0 2rem;
		padding: 1.6rem 2rem
	}
	.about-box.about-box-pro-search .h4_tit {
		margin: 0 0 2rem
	}
}
.xz-banner {
	position: relative
}
.xz-banner .slick-dots {
	bottom: 5rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}
.xz-banner-item {
	height: 100vh;
	position: relative;
	width: 100%
}
.xz-banner-item img {
	display: block
}
.xz-banner-item img, .xz-banner-item video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}
.xz-banner-a {
	display: block;
	height: 100%
}
@media screen and (max-width:1200px) {
	.xz-banner-item {
		height: auto
	}
}
@media screen and (max-width:800px) {
	.xz-banner .slick-dots {
		bottom: 4rem
	}
}
@media screen and (max-width:600px) {
	.xz-banner .slick-dots {
		bottom: 3rem
	}
}
#breadcrumbs {
	color: hsla(0, 0%, 100%, .6);
	font-size: 1.6rem;
	line-height: 1em;
	margin: 0;
	padding: 3rem 0 0
}
#breadcrumbs a {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: inherit;
	display: -webkit-box;
	max-width: 30rem;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s ease
}
#breadcrumbs a:hover {
	color: #da241a
}
#breadcrumbs span {
	align-items: center;
	display: inline-flex;
	gap: .6rem
}
#breadcrumbs .breadcrumb_last {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #fff;
	display: inline-block;
	display: -webkit-box;
	max-width: 30rem;
	overflow: hidden;
	text-overflow: ellipsis
}
.pro_detail .breadcrumbs-x {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}
.pro_detail .breadcrumbs-x #breadcrumbs {
    padding: 0;
}
.pro_detail .breadcrumbs-x #breadcrumbs,
.detail_breadcrumb #breadcrumbs {
	color: #999
}
.detail_breadcrumb #breadcrumbs .breadcrumb_last {
	color: #222
}
@media screen and (max-width:1024px) {
	.breadcrumbs-x {
		display: none
	}
}
.f-contact-info, .f-contact-info .list {
	align-items: flex-start;
	display: flex
}
.f-contact-info .list {
	margin-left: 6rem
}
.f-contact-info .list i {
	align-items: center;
	background-color: transparent;
	border: 1px solid #da241a;
	border-radius: 100%;
	color: #da241a;
	display: flex;
	flex: none;
	font-size: 1.8rem;
	height: 3.6rem;
	justify-content: center;
	margin-right: 1.2rem;
	margin-top: 1rem;
	width: 3.6rem
}
.f-contact-info .list .tit {
	color: hsla(0, 0%, 100%, .4);
	display: block
}
.f-contact-info .list .info {
	color: #eee
}
.f-contact-info .list .tel {
	white-space: nowrap
}
.f-contact-info .list a {
	display: inline-block
}
.f-contact-info .list a:hover {
	color: #da241a;
	transform: translateX(.25rem)
}
@media screen and (max-width:1440px) {
	.f-contact-info .list:first-of-type {
		margin-left: 0
	}
}
@media screen and (max-width:1024px) {
	.f-contact-info .list {
		margin-left: 3rem
	}
}
@media screen and (max-width:800px) {
	.f-contact-info {
		flex-wrap: wrap;
		justify-content: space-between
	}
	.f-contact-info .list {
		margin-bottom: 2rem;
		margin-left: 0;
		width: 49%
	}
}
@media screen and (max-width:600px) {
	.f-contact-info .list {
		margin-bottom: 1.5rem;
		width: 100%
	}
}
.f-contact .list {
	align-items: center;
	display: flex;
	margin-bottom: 3rem
}
.f-contact .list:last-of-type {
	margin-bottom: 0
}
.f-contact .list i {
	align-items: center;
	background-color: rgba(53, 88, 186, .1);
	border: 1px dashed #002C42;
	border-radius: 100%;
	color: #002C42;
	display: flex;
	flex: none;
	font-size: 2rem;
	height: 5rem;
	justify-content: center;
	margin-right: 3rem;
	width: 5rem
}
.f-contact .list .info-box {
	flex: 1
}
.f-contact .list .tit {
	color: #999;
	display: block
}
.f-contact .list .info {
	color: #222
}
.f-contact .list a {
	display: inline-block
}
.f-contact .list a:hover {
	color: #002C42;
	transform: translateX(.25rem)
}
.f-contact .list .email {
	text-decoration: underline
}
#map {
	width: 100%;
	height: 500px;
}
#map .BMapLabel {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px;
	background: rgba(255, 255, 255, 0.6) !important;
	border: 1px solid #f15345;
	padding: 2px 5px !important;
}
#map .BMap_bubble_title {
	font-size: 1.72rem !important;
	font-weight: 600 !important;
	padding: 3px 1px !important;
	margin-bottom: 5px;
}
#map .BMap_bubble_content {
    font-size: 1.5rem;
	line-height: 1.6 !important;
}
#map .BMap_cpyCtrl, #map .anchorBL {
	display: none;
}
@media screen and (max-width:800px) {
	.f-contact .list {
		margin-bottom: 2rem
	}
}
.xz-footer {
	background: #404952;
	color: hsla(0, 0%, 100%, .8);
	position: relative
}
.footer-main {
	background-color: #222;
	padding: 8rem 0 7rem
}
.footer-main .f_logo {
	display: block;
    opacity: 0.9;
	max-height: 5rem;
	-o-object-fit: contain;
	object-fit: contain
}
.footer-main .foot-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5rem
}
.footer-main .f-contact-info {
	flex: 1;
	/*justify-content: flex-end;*/
	margin-left: 5rem
}
.footer-main .foot-bottom {
	display: flex;
	gap: 3rem;
	justify-content: space-between
}
.footer-main .foot-bottom a {
	color: hsla(0, 0%, 100%, .8);
	display: inline-block;
	position: relative;
	margin-bottom: 1.8rem;
	padding-left: 1.5rem;
	white-space: nowrap
}
.footer-main .foot-bottom a:before {
	background-color: #da241a;
	border-radius: 100%;
	content: "";
	width: .5rem;
	height: .5rem;
	position: absolute;
	top: 1rem;
	left: 0;
}
.footer-main .foot-bottom a:hover {
	color: #da241a;
	text-decoration: underline;
	transform: translateX(.25rem)
}
.f-sec-tit {
	color: #eee;
	position: relative;
	text-transform: uppercase;
	white-space: nowrap;
	margin-bottom: 3rem;
}
.f-menu {
	flex: auto
}
.f-sec1 {
	margin-right: 8rem
}
.f-sec1 ul {
	grid-gap: 0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr
}
.f-sec3 {
	flex: none;
	margin-left: 9rem;
	max-width: 45.625%;
	width: 73rem
}
.footer-btm {
	background-color: #000;
	color: hsla(0, 0%, 100%, .6);
	padding: 2.6rem 0
}
.footer-btm .xz-index-main {
	align-items: flex-end;
	display: flex;
	justify-content: space-between
}
.footer-btm .xz-copyright {
	margin-right: 2rem
}
.footer-btm .info {
	color: hsla(0, 0%, 100%, .6);
	white-space: nowrap
}
.footer-btm .info:hover {
	color: #da241a
}
@media screen and (max-width:1440px) {
	.footer-main {
		padding: 8rem 0 5rem
	}
	.footer-main .f_logo {
		max-height: 4rem
	}
	.footer-main .foot-info {
		align-items: flex-start;
		flex-flow: column;
		justify-content: flex-start;
		margin-bottom: 4rem
	}
	.footer-main .f-contact-info {
		justify-content: flex-start;
		margin-left: 0;
		margin-top: 3rem
	}
	.footer-main .foot-bottom {
		gap: 3rem
	}
	.footer-main .foot-bottom a {
		margin-bottom: 1.6rem;
		white-space: normal
	}
	.f-sec1 {
		margin-right: 4rem
	}
	.f-sec3 {
		margin-left: 5rem
	}
}
@media screen and (max-width:1200px) {
	.f-sec1 {
		margin-right: 3rem
	}
	.f-sec3 {
		margin-left: 4rem
	}
}
@media screen and (max-width:1024px) {
	.footer-main {
		padding: 6rem 0 5rem
	}
	.footer-main .foot-info {
		margin-bottom: 3rem
	}
	.footer-main .foot-bottom {
		flex-wrap: wrap;
		gap: 1.4rem 3rem
	}
	.footer-main .foot-bottom a {
		margin-bottom: 1.6rem;
		white-space: normal
	}
	.footer-main .f-menu {
		flex: none
	}
	.footer-main .f-sec1 {
		margin-right: 0;
		width: 65%
	}
	.footer-main .f-sec2 {
		width: calc(35% - 3rem)
	}
	.footer-main .f-sec3 {
		margin-left: 0;
		max-width: 100%;
		width: 100%
	}
}
@media screen and (max-width:800px) {
	.footer-main {
		padding: 5rem 0
	}
	.footer-main .foot-info {
		margin-bottom: 1rem
	}
	.footer-main .foot-bottom {
		gap: 1.4rem 2rem
	}
}
@media screen and (max-width:600px) {
	.footer-main {
		padding: 4rem 0
	}
	.footer-main .f_logo {
		max-height: 4rem
	}
	.footer-main .f-contact-info {
		margin-top: 2rem
	}
	.footer-main .foot-info {
		margin-bottom: 1rem
	}
	.f-sec-tit {
		margin-bottom: 2rem
	}
	.footer-btm {
		padding: 2rem 0
	}
}
@media screen and (max-width:500px) {
	.footer-main .f-sec1 {
		width: 100%
	}
	.footer-main .f-sec2 {
		display: none
	}
}
.en-5-L-4gl {
	--c-border: #eaeaea;
	--c-bg: #fff;
	--c-font: #222;
	--c-star: #da241a;
	--c-theme: #da241a;
	--c-green: #00b160;
	--gap: 2rem;
	--h: 2.4rem;
	--lh: 2.4rem;
	--padding: 1.2rem 1.5rem;
	--size: 1.6rem;
	--lines: 4;
	--btn-w: 20rem;
	--btn-h: 4.5rem;
	position: relative
}
.en-5-L-4gl .text {
	font-size: 1.5rem;
	padding: 1.5rem 0;
}
.en-5-L-4gl .infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr
}
.en-5-L-4gl .xz-form-infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr
}
.en-5-L-4gl .xz-form-info, .en-5-L-4gl .xz-form-msg {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	color: var(--c-font);
	display: flex;
	font-size: var(--size);
	padding: var(--padding)
}
.en-5-L-4gl .xz-form-label {
	color: #222;
	display: block;
    width: 10rem;
	line-height: var(--h);
	margin-right: .8rem
}
.en-5-L-4gl .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}
.en-5-L-4gl .xz-form-input, .en-5-L-4gl .xz-form-textarea {
	border: none;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0;
	width: 100%
}
.en-5-L-4gl .xz-form-textarea {
	height: calc(var(--lh)*var(--lines))
}
.en-5-L-4gl .xz-form-button {
	align-items: center;
	background: var(--c-theme);
	border: none;
	border-radius: 3rem;
	color: #fff;
	cursor: pointer;
	display: block;
	display: flex;
	font-size: 1.7rem;
	letter-spacing: 2px;
	font-weight: 500;
	justify-content: center;
	text-align: center;
	transition: all .3s;
	width: var(--btn-w);
	line-height: var(--btn-h);
	padding: 0;
	margin-top: 1rem;
}
.en-5-L-4gl .xz-form-button:hover {
	filter: brightness(1.1)
}
.en-5-L-4gl .xz-form-button:active {
	transform: scale(.98)
}
@media screen and (max-width:1440px) {
	.form-contact h5 {
		padding-left: 3.4rem
	}
	.form-contact h5:before {
		font-size: 2.4rem
	}
}
@media screen and (max-width:800px) {
	.en-5-L-4gl {
		--gap: 1.5rem;
		--btn-w: 16rem;
		--btn-h: 5.6rem
	}
	.xz-form-message.success {
		font-size: 1.6rem;
		line-height: 2.4rem;
		max-width: 90%;
		padding: 3rem
	}
	.en-5-L-4gl .xz-form-button {
		margin-top: 1rem
	}
}
@media screen and (max-width:600px) {
	.xz-form-message.success {
		max-width: 95%
	}
	.en-5-L-4gl {
		--h: 2rem;
		--lh: 2rem;
		--padding: 1.5rem;
		--size: 1.6rem;
		--btn-h: 4.8rem
	}
}
@media screen and (max-width:500px) {
	.en-5-L-4gl .xz-form-infos {
		grid-gap: 1.5rem;
		grid-template-columns: 1fr
	}
}
.en-5-L-ukq {
	--c-border: #ddd;
	--c-bg: hsla(0, 0%, 97%, .1);
	--c-font: #fff;
	--c-star: #da241a;
	--c-theme: #da241a;
	--c-green: #00b160;
	--gap: 1rem;
	--h: 2.4rem;
	--lh: 1.5;
	--padding: 1.5rem 2rem;
	--size: 1.6rem;
	--lines: 5;
	--btn-w: 100%;
	--btn-h: 6.4rem;
	position: relative
}
.en-5-L-ukq .infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr
}
.en-5-L-ukq .xz-form-infos {
	grid-gap: var(--gap);
	display: flex;
	flex-flow: column
}
.en-5-L-ukq .xz-form-msg {
	flex: 1
}
.en-5-L-ukq .xz-form-info, .en-5-L-ukq .xz-form-msg {
	background: var(--c-bg);
	border: none;
	border-radius: .4rem;
	color: var(--c-font);
	display: flex;
	font-size: var(--size);
	padding: var(--padding)
}
.en-5-L-ukq .xz-form-label {
	display: block;
    width: 10rem;
	line-height: var(--h);
	color: hsla(0, 0%, 100%, .4);
	margin-right: .8rem
}
.en-5-L-ukq .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}
.en-5-L-ukq .xz-form-input, .en-5-L-ukq .xz-form-textarea {
	background: transparent;
	border: none;
	color: #fff;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0;
	width: 100%
}
.en-5-L-ukq .xz-form-button {
	align-items: center;
	background: var(--c-theme);
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	display: flex;
	font-size: var(--size);
	font-weight: 500;
	grid-row-end: 4;
	grid-row-start: 3;
	justify-content: center;
	line-height: var(--btn-h);
	padding: 0;
	text-align: center;
	transition: all .3s;
	vertical-align: top;
	width: 100%
}
.en-5-L-ukq .xz-form-button:hover {
	filter: brightness(1.1)
}
.en-5-L-ukq .xz-form-button:active {
	transform: scale(.98)
}
@media screen and (max-width:800px) {
	.xz-form-message.success {
		font-size: 1.6rem;
		line-height: 2.4rem;
		max-width: 90%;
		padding: 3rem
	}
	.en-5-L-ukq {
		--h: 2.4rem;
		--lh: 2.4rem;
		--padding: 2rem;
		--btn-w: 100%;
		--btn-h: 6.4rem;
		position: relative
	}
}
@media screen and (max-width:600px) {
	.xz-form-message.success {
		max-width: 95%
	}
}
@media screen and (max-width:500px) {
	.en-5-L-ukq .infos {
		grid-template-columns: 1fr
	}
	.en-5-L-ukq {
		--h: 2.4rem;
		--lh: 2.4rem;
		--padding: 1.5rem;
		--size: 1.6rem;
		--btn-h: 5.4rem
	}
	.en-5-L-ukq .xz-form-textarea {
		height: calc(var(--lh)*var(--lines))
	}
}
.xzform-right {
	border: 1px solid #eaeaea;
	border-left: none;
	border-top: none;
	padding: 3rem 2.4rem 2rem
}
.xzform-right h6 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1.6rem;
}
.en-3-P-eca {
	--c-border: #eaeaea;
	--c-bg: #f8f8f8;
	--c-font: #222;
	--c-star: #002C42;
	--c-theme: #002C42;
	--c-green: #00b160;
	--gap: 2rem;
	--h: 2.4rem;
	--lh: 2.4rem;
	--padding: 1.8rem;
	--size: 1.6rem;
	--lines: 3;
	--btn-w: 100%;
	--btn-h: 5rem;
	position: relative
}
.en-3-P-eca .xz-form-info, .en-3-P-eca .xz-form-msg {
	background: #f8f8f8;
	border: none;
	color: var(--c-font);
	display: flex;
	font-size: var(--size);
	margin-bottom: 1rem;
	padding: var(--padding)
}
.en-3-P-eca .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}
.en-3-P-eca .xz-form-input, .en-3-P-eca .xz-form-textarea {
	background: #f8f8f8;
	border: none;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0;
	width: 100%
}
.en-3-P-eca .xz-form-textarea {
	height: calc(var(--lh)*var(--lines))
}
.en-3-P-eca .xz-form-btns {
	margin-top: 2rem
}
.en-3-P-eca .xz-form-button {
	align-items: center;
	background-color: #fff;
	border: 1px solid var(--c-theme);
	color: var(--c-theme);
	cursor: pointer;
	display: flex;
	font-size: var(--size);
	font-weight: 500;
	justify-content: center;
	line-height: var(--btn-h);
	padding: 0;
	text-align: center;
	transition: all .3s;
	width: 100%
}
.en-3-P-eca .xz-form-button:hover {
	background-color: var(--c-theme);
	color: #fff
}
.en-3-P-eca .xz-form-button:active {
	transform: scale(.98)
}
@media screen and (max-width:1024px) {
	.xzform-right {
		border: 1px solid #eaeaea;
		padding: 3rem 2.4rem 2rem
	}
}
@media screen and (max-width:800px) {
	.en-3-P-eca {
		--gap: 1.5rem;
		--btn-w: 20rem;
		--btn-h: 5.6rem
	}
	.xz-form-message.success {
		font-size: 1.6rem;
		line-height: 2.4rem;
		max-width: 90%;
		padding: 3rem
	}
}
@media screen and (max-width:600px) {
	.xz-form-message.success {
		max-width: 95%
	}
	.xzform-right {
		padding: 3rem 2rem
	}
	.xzform-right h4 {
		margin-bottom: 2rem
	}
}
.xz-form {
	margin: 7rem 0 8rem
}
.xz-form h3 {
	margin-bottom: 4rem
}
.xz-form h4, .xz-form h5 {
	margin-bottom: 3rem
}
.xz-form .flex-box .flex-l {
	width: 63.077%
}
.xz-form .flex-box .flex-r {
	margin-left: 5.6rem;
	width: 32.615%
}
.en-5-L-lmb {
	--c-border: hsla(0, 0%, 100%, .2);
	--c-bg: hsla(0, 0%, 100%, .05);
	--c-font: hsla(0, 0%, 100%, .6);
	--c-star: #fabf13;
	--c-theme: #fabf13;
	--c-green: #00b160;
	--gap: 2rem;
	--h: 2.4rem;
	--lh: 2.4rem;
	--padding: 1.7rem 1.5rem;
	--size: 1.6rem;
	--lines: 4;
	--btn-w: 20rem;
	--btn-h: 6rem;
	position: relative
}
.en-5-L-lmb .infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr
}
.en-5-L-lmb .xz-form-infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr
}
.en-5-L-lmb .xz-form-info, .en-5-L-lmb .xz-form-msg {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	color: var(--c-font);
	display: flex;
	font-size: var(--size);
	padding: var(--padding)
}
.en-5-L-lmb .xz-form-label {
	color: #999;
	display: block;
	line-height: var(--h);
	margin-right: .8rem
}
.en-5-L-lmb .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}
.en-5-L-lmb .xz-form-input, .en-5-L-lmb .xz-form-textarea {
	background-color: transparent;
	border: none;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0;
	width: 100%
}
.en-5-L-lmb .xz-form-textarea {
	height: calc(var(--lh)*var(--lines))
}
.en-5-L-lmb .xz-form-button {
	align-items: center;
	background: transparent;
	border: 1px solid var(--c-theme);
	color: var(--c-theme);
	cursor: pointer;
	display: block;
	display: flex;
	font-size: var(--size);
	font-weight: 500;
	justify-content: center;
	line-height: var(--btn-h);
	margin-top: 2rem;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s;
	width: var(--btn-w)
}
.en-5-L-lmb .xz-form-button:hover {
	background-color: var(--c-theme);
	color: #fff;
	filter: brightness(1.1)
}
.en-5-L-lmb .xz-form-button:active {
	transform: scale(.98)
}
.xz-form-message.success {
	align-items: center;
	background: hsla(0, 0%, 100%, .8);
	box-shadow: 0 .5rem 3rem -.5rem rgba(0, 0, 0, .3);
	color: #00b160;
	display: flex;
	font-size: 1.8rem;
	font-weight: 500;
	left: 50%;
	line-height: 2.8rem;
	max-width: 75%;
	padding: 4rem;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999
}
@media screen and (max-width:1440px) {
	.xz-form {
		margin: 7rem 0 8rem
	}
	.xz-form h3 {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:1024px) {
	.xz-form {
		margin: 5rem 0 6rem
	}
	.xz-form h3 {
		margin-bottom: 2.5rem
	}
}
@media screen and (max-width:800px) {
	.xz-form {
		margin: 4rem 0 5rem
	}
	.xz-form .flex-box .flex-l {
		width: 100%
	}
	.xz-form .flex-box .flex-r {
		margin-left: 0;
		margin-top: 3rem;
		width: 100%
	}
	.xz-form h3 {
		margin-bottom: 2rem
	}
	.en-5-L-lmb {
		--gap: 1.5rem;
		--btn-w: 16rem;
		--btn-h: 5.6rem
	}
	.xz-form-message.success {
		font-size: 1.6rem;
		line-height: 2.4rem;
		max-width: 90%;
		padding: 3rem
	}
	.en-5-L-lmb .xz-form-button {
		margin-top: 1rem
	}
}
@media screen and (max-width:600px) {
	.xz-form {
		margin: 3rem 0 1rem
	}
	.xz-form-message.success {
		max-width: 95%
	}
	.en-5-L-lmb {
		--h: 2rem;
		--lh: 2rem;
		--padding: 1.5rem;
		--size: 1.6rem;
		--btn-h: 4.8rem
	}
}
@media screen and (max-width:500px) {
	.en-5-L-lmb .xz-form-infos {
		grid-gap: 1.5rem;
		grid-template-columns: 1fr
	}
}
#header-search-btn {
	align-items: center;
	color: #fff;
	display: flex
}
#header-search-btn i {
	font-size: 1.8rem
}
#header-search-btn:hover {
	color: #da241a;
	filter: brightness(1.1)
}
.pro_detail_header #header-search-btn, 
.detail_page_header #header-search-btn, 
.min #header-search-btn {
	color: #222
}
.pro_detail_header #header-search-btn:hover, 
.detail_page_header #header-search-btn:hover, 
.min #header-search-btn:hover {
	color: #da241a;
	filter: brightness(1.1)
}
body {
	--menu_h: 10rem
}
.xz-header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid rgb(255,255,255,0.5);
	transition: all .5s ease;
	z-index: 999;
}
.xz-home .xz-header {
	background: transparent
}
.pro_detail_header, 
.xz-header.detail_page_header, .xz-header.min {
	background-color: #fff;
	border-bottom-color: #eaeaea;
	box-shadow: 0 .3rem .6rem .1rem rgba(0, 0, 0, .06);
	position: sticky
}
.xz-header .xz-index-main {
	align-items: center;
	display: flex;
	height: var(--menu_h)
}
.xz-header .xz-btn {
	text-transform: uppercase
}
.mh-sticky.mh-unpinned {
	transform: translate3d(0, -120%, 0)
}
.menu-main-container {
	margin-left: auto
}
#menu-main {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	transition: all .3s ease
}
#menu-main > li {
	height: var(--menu_h);
	margin-right: 6rem;
	position: relative
}
#menu-main > li > a {
    font-family: 'Oswald';
    font-weight: 500;
	font-size: 2.1rem;
	letter-spacing: 0.5px;
	align-items: center;
	color: #fff;
	display: flex;
	line-height: var(--menu_h);
	position: relative;
	text-transform: uppercase;
	transition: color .3s ease;
	white-space: nowrap
}
#menu-main > li > a:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #da241a;
	transform: scale(0);
	transition: all .3s ease;
}
.pro_detail_header #menu-main > li > a, 
.detail_page_header #menu-main > li > a, 
.min #menu-main > li > a {
	color: #222
}
#menu-main > li.current-menu-ancestor > a:before, 
#menu-main > li.current-menu-item > a:before, 
#menu-main > li.current-menu-parent > a:before, 
#menu-main > li:hover > a:before {
	transform: scale(1)
}
#menu-main > li > .sub-menu {
	background: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 .3rem .6rem .1rem rgba(0, 0, 0, .06);
	display: none;
	left: -2rem;
	position: absolute;
	top: calc(var(--menu_h) + 1px);
	transition: box-shadow .3s ease;
	z-index: 2
}
#menu-main > li > .sub-menu > li > a {
	border-radius: 2px;
	color: #222;
	display: block;
	font-size: 1.72rem;
	line-height: 2rem;
	padding: 1rem 2rem .9rem;
    margin: 1rem;
	transition: all .3s ease;
	white-space: nowrap
}
#menu-main > li > .sub-menu > li:first-child > a {
	margin-top: 1rem;
}
#menu-main > li > .sub-menu > li:last-child > a {
	margin-bottom: 1rem;
}
#menu-main > li > .sub-menu > li > a:hover {
	background: rgba(0, 44, 66, .2)
}
@media screen and (max-width:1440px) {
	body {
		--menu_h: 10rem
	}
	#menu-main > li {
		margin-right: 3.5rem
	}
	#menu-main > li > a {
		font-size: 2.2rem
	}
	#menu-main > li > .sub-menu > li > a {
		font-size: 2rem
	}
}
@media screen and (max-width:1200px) {
	#menu-main > li {
		margin-right: 3rem
	}
}
@media screen and (max-width:1024px) {
	body {
		--menu_h: 8rem
	}
	.xz-header .xz-btn {
		display: none
	}
	.menu-main-container {
		margin-left: 0
	}
	#menu-main {
		background: #fff;
		box-shadow: 0 .3rem .6rem .1rem rgba(0, 0, 0, .06);
		box-sizing: border-box;
		display: block;
		height: calc(100vh + 8rem);
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 5rem 2rem;
		position: fixed;
		top: 0;
		transform: translateX(-140%);
		transition: all .4s;
		width: 30%;
		z-index: 999
	}
	#menu-main.show {
		transform: translateX(0)
	}
	.mh-unpinned #menu-main {
		padding-top: 10rem
	}
	#menu-main > li {
		height: auto;
		margin-bottom: 1.6rem;
		margin-left: 0;
		position: relative;
		width: 100%
	}
	#menu-main > li > a {
		color: #333;
		display: inline-block;
		line-height: 3rem;
		padding-bottom: 0;
		position: static;
		white-space: normal
	}
	#menu-main > li.current-menu-ancestor > a, #menu-main > li.current-menu-item > a, 
	#menu-main > li.current-menu-parent > a, #menu-main > li:hover > a {
		color: #da241a !important
	}
	#menu-main > li.current-menu-ancestor > a:before, 
	#menu-main > li.current-menu-item > a:before, 
	#menu-main > li.current-menu-parent > a:before, 
	#menu-main > li:hover > a:before {
		display: none
	}
	#menu-main > li > .sub-menu {
		background: transparent;
		box-shadow: none;
		display: none;
		padding: 0 !important;
		position: static
	}
	#menu-main > li > .sub-menu a {
		white-space: normal !important
	}
	#menu-main .current-menu-ancestor .sub-menu, 
	#menu-main .current-menu-item .sub-menu, 
	#menu-main .current-menu-parent .sub-menu {
		display: block
	}
}
@media screen and (max-width:800px) {
	#menu-main {
		width: 50%
	}
}
@media screen and (max-width:600px) {
	#menu-main {
		width: 66.66%
	}
}
.home-case {
	padding: 9rem 0
}
.home-case .top-tit {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4rem
}
.home-case .link-list {
	align-items: center;
	display: flex;
	gap: 4rem;
	justify-content: flex-end;
	margin-left: 4rem
}
.home-case .link-list .list {
	text-transform: uppercase
}
.home-case .link-list .list:hover {
	color: #002C42;
	text-decoration: underline
}
.xz-home-case {
	grid-gap: 3.5rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
.loop-home-case {
	background-color: rgba(53, 88, 186, .03);
	display: block;
	transition: all .3s ease
}
.loop-home-case .img-box {
	display: block;
    width: 100%;
    overflow: hidden;
    padding: 5% 10% 0;
}
.loop-home-case .img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}
.loop-home-case .info-box {
	padding: 3rem 4rem 4rem
}
.loop-home-case .tit {
	font-weight: 700;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s ease
}
.loop-home-case .info {
	font-size: 1.6rem;
	line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 1rem 0 2.5rem;
	transition: all .3s ease
}
.loop-home-case .info p {
	line-height: 1.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #ddd;
    padding-bottom: .5em;
    margin-bottom: .9rem;
}

.loop-home-case .xz-btn {
	background-color: transparent;
	border: 2px solid #002C42;
	color: #002C42
}
.loop-home-case:hover {
	background-color: #002C42
}
.loop-home-case:hover img {
	transform: scale(1.05)
}
.loop-home-case:hover .info, 
.loop-home-case:hover .tit {
	color: #fff
}
.loop-home-case:hover .xz-btn {
	border-color: #fff;
	color: #fff
}
@media screen and (max-width:1440px) {
	.home-case {
		padding: 7rem 0 8rem
	}
	.home-case .top-tit {
		margin-bottom: 3rem
	}
	.home-case .link-list {
		gap: 3rem
	}
	.xz-home-case {
		grid-gap: 3.5rem
	}
	.loop-home-case .info-box {
		padding: 3rem
	}
}
@media screen and (max-width:1024px) {
	.home-case {
		padding: 5rem 0 6rem
	}
	.home-case .top-tit {
		margin-bottom: 2rem
	}
	.home-case .link-list {
		gap: 2rem
	}
	.xz-home-case {
		grid-gap: 3rem
	}
}
@media screen and (max-width:800px) {
	.home-case {
		padding: 5rem 0
	}
	.home-case .top-tit {
		align-items: flex-start;
		flex-flow: column
	}
	.home-case .link-list {
		flex-wrap: wrap;
		gap: .6rem 2rem;
		justify-content: flex-start;
		margin-left: 0;
		margin-top: 1rem
	}
	.xz-home-case {
		grid-template-columns: repeat(2, 1fr)
	}
	.loop-home-case .info-box {
		padding: 3rem
	}
}
@media screen and (max-width:600px) {
	.home-case {
		padding: 4rem 0
	}
	.xz-home-case {
		grid-gap: 2rem
	}
	.loop-home-case .info-box {
		padding: 2rem 2rem 3rem
	}
	.loop-home-case .info {
		margin: .5rem 0 1.5rem
	}
	.loop-home-case .info p {
        line-height: 1.7;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        padding: 0;
        margin: 0;
	}
}
@media screen and (max-width:500px) {
	.xz-home-case {
		grid-template-columns: 1fr 1fr
	}
}
.loop-home-news {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 3rem 0
}
.loop-home-news:first-of-type {
	padding-top: 0
}
.loop-home-news:last-of-type {
	border-bottom: none
}
.loop-home-news .date {
	align-items: center;
	display: flex;
	gap: .5rem;
	line-height: 1em
}
.loop-home-news .tit {
	font-size: 2rem;
	font-weight: 600;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: block;
	display: -webkit-box;
	margin: .5rem 0 2rem;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-home-news .more {
	text-decoration: underline;
	transition: all .3s ease
}
.loop-home-news:hover .more {
	color: #da241a
}
.loop-hot-news, .loop-hot-news .img-box {
	display: block;
	width: 100%
}
.loop-hot-news .img-box {
	overflow: hidden
}
.loop-hot-news .img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}
.loop-hot-news .info-box {
	background-color: #fff;
	padding: 3rem 3rem 4rem
}
.loop-hot-news .tit {
	font-size: 2rem;
	font-weight: 600;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-hot-news .date {
	align-items: center;
	display: flex;
	gap: .5rem;
	line-height: 1em;
	margin: 2.5rem 0 3rem
}
.loop-hot-news .xz-btn {
	background-color: #fff;
	border: 2px solid #da241a;
	color: #da241a
}
.loop-hot-news:hover img {
	transform: scale(1.05)
}
.loop-hot-news:hover .xz-btn {
	background-color: #da241a;
	color: #fff
}
@media screen and (max-width:1440px) {
	.loop-home-news {
		padding: 2.5rem 0
	}
	.loop-home-news .tit {
		margin: .5rem 0 1.6rem
	}
	.loop-hot-news .info-box {
		padding: 2.5rem 3rem 3rem
	}
}
@media screen and (max-width:800px) {
	.loop-hot-news {
		margin: 0;
		max-width: 480px
	}
}
.home-pro-cat {
	background-color: rgba(53, 88, 186, .03);
	overflow: hidden
}
.home-pro-cat .list-box {
	position: relative
}
.home-pro-cat .slick-arrow {
	background-color: transparent !important;
	border-radius: 0;
	box-shadow: none;
	height: 100%;
	width: calc((100vw - var(--index_main_w))/2)
}
.home-pro-cat .slick-arrow i {
	font-size: 4rem
}
.home-pro-cat .slick-arrow.slick-prev {
	border-right: 1px solid #fff;
	transform: translateX(-100%) translateY(-50%)
}
.home-pro-cat .slick-arrow.slick-next {
	border-left: 1px solid #fff;
	transform: translateX(100%) translateY(-50%)
}
.home-pro-cat .slick-arrow:hover {
	color: #002C42
}
.home-pro-cat .list {
	align-items: center;
	border: 1px solid #fff;
	border-bottom: none;
	border-top: none;
	display: flex;
	padding: 3rem;
	position: relative
}
.home-pro-cat .list:before {
	background-color: #002C42;
	bottom: 0;
	content: "";
	height: .4rem;
	left: 0;
	position: absolute;
	transform: scale(0);
	transition: all .3s ease;
	width: 100%
}
.home-pro-cat .list .img-box {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 100%;
	border: 1px solid rgba(0,44,66,0.7);
	flex: none;
	width: 10rem;
	height: 10rem;
	justify-content: center;
	margin-right: 2rem;
	overflow: hidden;
}
.home-pro-cat .list .img-box img {
	max-height: 50%;
	max-width: 50%;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain
}
.home-pro-cat .list .tit {
    font-size: 2rem;
	color: #222;
	flex: 1;
	transition: all .3s ease
}
.home-pro-cat .list.slick-current:before, .home-pro-cat .list:hover:before {
	transform: scale(1)
}
.home-pro-cat .list.slick-current .tit, .home-pro-cat .list:hover .tit {
	color: #002C42
}
@media screen and (max-width:1440px) {
	.home-pro-cat .list {
		padding: 2rem
	}
	.home-pro-cat .list .img-box {
		height: 8rem;
		margin-right: 1.5rem;
		width: 8rem
	}
}
@media screen and (max-width:1024px) {
	.home-pro-cat .list .img-box {
		height: 6rem;
		width: 6rem
	}
}
@media screen and (max-width:800px) {
	.home-pro-cat .list .img-box {
		height: 5rem;
		width: 5rem
	}
}
@media screen and (max-width:600px) {
	.home-pro-cat .list {
		line-height: 1.25em;
		padding: 1.6rem
	}
	.home-pro-cat .list .img-box {
		height: 4rem;
		margin-right: 1rem;
		width: 4rem
	}
}
.xz-home-pro {
	padding: 5rem 0 9rem;
	position: relative
}
.xz-home-pro .slick-arrow {
	height: 10rem;
	width: 10rem
}
.xz-home-pro .slick-arrow.slick-prev {
	left: 4rem
}
.xz-home-pro .slick-arrow.slick-next {
	left: auto;
	right: 4rem
}
.xz-home-pro .slick-dots {
	counter-reset: dots;
	margin-top: 2rem
}
.xz-home-pro .slick-dots li {
	cursor: pointer;
	margin: 0 1.5rem !important
}
.xz-home-pro .slick-dots li button {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;
	background: transparent;
	height: 1.8rem;
	width: auto
}
.xz-home-pro .slick-dots li button:before {
	background: transparent;
	border: none;
	color: #555;
	content: "0" counter(dots);
	counter-increment: dots;
	font-size: 2rem;
	opacity: 1;
	position: relative;
	z-index: 1
}
.xz-home-pro .slick-dots li button:after {
	background-color: #ddd;
	content: "";
	height: 2px;
	position: absolute;
	right: -.5rem;
	top: 80%;
	transform: translateX(100%);
	width: 2rem
}
.xz-home-pro .slick-dots li:last-of-type button:after {
	display: none
}
.xz-home-pro .slick-dots li.slick-active button:before {
	color: #da241a;
}
.xz-home-pro .box {
	padding-left: 17rem;
	position: relative
}
.xz-home-pro .pro_tag {
	color: rgba(53, 88, 186, .03);
	font-size: 6rem;
	font-weight: 700;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	transform: rotate(90deg) translateX(70%);
	white-space: nowrap;
	width: 8.6rem
}
.loop-home-pro {
	align-items: center;
	display: flex !important;
	overflow: hidden;
	transition: all .3s ease
}
.loop-home-pro .img-box {
	display: block;
	overflow: hidden;
	width: 34.95%
}
.loop-home-pro .img-box img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.loop-home-pro .img-box:hover img {
	transform: scale(1.05)
}
.loop-home-pro .info-box {
	flex: 1;
	padding: 0 6rem 2rem 8rem
}
.loop-home-pro .hot {
	border: .4rem solid rgba(0, 44, 66, .15);
	border-radius: 2.6rem;
	box-sizing: border-box;
	color: #002C42;
	display: flex;
	font-size: 1.6rem;
	text-transform: uppercase;
	align-content: center;
	justify-content: center;
	white-space: nowrap;
	width: 20rem;
	height: 5.2rem;
	line-height: 4.8rem;
	padding: 0 2rem;
	margin-bottom: 4rem;
}
.loop-home-pro .hot i {
	font-size: 2.4rem;
	margin-right: .6rem
}
.loop-home-pro .tit {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	font-family: 'Oswald', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	text-overflow: ellipsis;
	overflow: hidden;
}
.loop-home-pro .tit:hover {
	color: #002C42
}
.loop-home-pro .intro {
	margin: 2rem 0 3rem
}
.loop-home-pro .intro p {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}
.loop-home-pro .tag {
    font-family: 'Oswald';
	color: #222;
	display: inline-block;
	font-size: 2rem;
	line-height: 1em;
	position: relative;
	text-transform: uppercase
}
.loop-home-pro .tag:before {
	background: linear-gradient(90deg, #002C42, rgba(53, 88, 186, .1));
	bottom: -2px;
	content: "";
	height: .6rem;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1
}
.loop-home-pro .info {
	margin: 2rem 0 3rem
}
.loop-home-pro .info p {
	line-height: 1.8;
	margin: 0;
}
.loop-home-pro .btn-box {
	align-items: center;
	display: flex;
	gap: 1rem
}
.loop-home-pro .btn-box .xz-btn:last-of-type {
	background-color: #fff;
	border: 2px solid #002C42;
	box-sizing: border-box;
	color: #002C42
}
.loop-home-pro .btn-box .xz-btn:last-of-type:hover {
	background-color: #002C42;
	color: #fff
}
@media screen and (max-width:1440px) {
	.xz-home-pro .slick-arrow {
		height: 8rem;
		width: 8rem
	}
	.xz-home-pro .box {
		padding-left: 14rem
	}
	.xz-home-pro .pro_tag {
		font-size: 6rem;
		left: 4rem;
		width: 6rem
	}
}
@media screen and (max-width:1024px) {
	.xz-home-pro {
		padding: 5rem 0 7rem
	}
	.xz-home-pro .slick-arrow {
		height: 6rem;
		width: 6rem
	}
	.xz-home-pro .box {
		padding-left: 0
	}
	.xz-home-pro .pro_tag {
		display: none
	}
	.loop-home-pro .info-box {
		padding: 2rem 5rem
	}
	.loop-home-pro .hot {
		margin-bottom: 5rem
	}
}
@media screen and (max-width:800px) {
	.xz-home-pro {
		padding: 5rem 0 6rem
	}
	.xz-home-pro .slick-arrow {
		height: 5rem;
		width: 5rem
	}
	.xz-home-pro .slick-arrow.slick-prev {
		left: 2rem
	}
	.xz-home-pro .slick-arrow.slick-next {
		left: auto;
		right: 2rem
	}
	.xz-home-pro .slick-dots {
		margin-top: 3rem
	}
	.loop-home-pro {
		flex-flow: column
	}
	.loop-home-pro .img-box {
		margin: 0 auto;
		max-width: 700px;
		width: 100%
	}
	.loop-home-pro .info-box {
		padding: 2rem 0
	}
	.loop-home-pro .hot {
		margin-bottom: 3rem
	}
	.loop-home-pro .info, .loop-home-pro .intro {
		margin: 2rem 0
	}
}
@media screen and (max-width:600px) {
	.xz-home-pro {
		padding: 4rem 0 5rem
	}
	.xz-home-pro .slick-arrow {
		height: 4rem;
		top: 40%;
		width: 4rem
	}
	.xz-home-pro .slick-arrow.slick-prev {
		left: 1rem
	}
	.xz-home-pro .slick-arrow.slick-next {
		left: auto;
		right: 1rem
	}
	.xz-home-pro .slick-dots {
		margin-top: 2.5rem
	}
}
.xz-home-solution .xz-tab-tit-x {
	background-color: rgba(0, 0, 0, .3);
	display: flex
}
.xz-home-solution .xz-tab-tit-x a {
	align-items: center;
	color: #fff;
	display: flex;
	flex: 1;
	justify-content: center;
	padding: 3rem 2rem;
	position: relative;
	font-size: 2rem;
	text-align: center;
	white-space: nowrap
}
.xz-home-solution .xz-tab-tit-x a:before {
	background-color: #fff;
	content: "";
	height: 1.4rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
	width: 1px
}
.xz-home-solution .xz-tab-tit-x a:after {
	border-bottom: 1rem solid #fff;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	bottom: 0;
	content: "";
	left: 50%;
	opacity: 0;
	position: absolute;
	transform: translateX(-50%);
	transition: all .3s ease
}
.xz-home-solution .xz-tab-tit-x a:first-of-type {
	white-space: nowrap
}
.xz-home-solution .xz-tab-tit-x a:first-of-type:before {
	opacity: 0
}
.xz-home-solution .xz-tab-tit-x a:last-of-type:after {
	opacity: 0 !important
}
.xz-home-solution .xz-tab-tit-x a.current, 
.xz-home-solution .xz-tab-tit-x a:hover {
	background-color: #002C42
}
.xz-home-solution .xz-tab-tit-x a.current:before, 
.xz-home-solution .xz-tab-tit-x a:hover:before {
	opacity: 0
}
.xz-home-solution .xz-tab-tit-x a.current:after, 
.xz-home-solution .xz-tab-tit-x a:hover:after {
	opacity: 1
}
.xz-home-solution .xz-tab-tit-x a.current + a:before, 
.xz-home-solution .xz-tab-tit-x a:hover + a:before {
	opacity: 0
}
.xz-home-solution .xz-tab-content-x {
	background-color: hsla(0, 0%, 100%, .95);
	box-sizing: content-box;
	padding: 8rem
}
.xz-home-solution .xz-tab-content {
	align-items: flex-start;
	color: #555;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding: 6rem
}
.xz-home-solution .xz-tab-content .info-box {
	width: 55%
}
.xz-home-solution .xz-tab-content .img-box {
	display: block;
	overflow: hidden;
	width: 40%
}
.xz-home-solution .xz-tab-content .img-box img {
	display: block;
	width: 100%;
	height: 100%;
    border-radius: 1.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
}
.xz-home-solution .xz-tab-content .img-box:hover img {
	transform: scale(1.05)
}
.xz-home-solution .xz-tab-content .h5 {
	color: #333;
	font-weight: 500;
	display: block;
	margin-bottom: 2rem;
	text-transform: uppercase
}
.xz-home-solution .xz-tab-content .h4:hover {
	color: #002C42
}
.xz-home-solution .xz-tab-content .intro {
	line-height: 1.8;
	border-bottom: 1px dashed #999;
	margin-bottom: 5rem;
	padding-bottom: 4rem
}
.xz-home-solution .xz-tab-content .btn-box {
	align-items: center;
	display: flex;
	gap: 1rem
}
.xz-home-solution .xz-tab-content .btn-box .xz-btn:last-of-type {
	background-color: #fff;
	border: 2px solid #002C42;
	box-sizing: border-box;
	color: #002C42
}
.xz-home-solution .xz-tab-content .btn-box .xz-btn:last-of-type:hover {
	background-color: #002C42;
	color: #fff
}
@media screen and (max-width:1440px) {
	.xz-home-solution .xz-tab-tit-x a {
		line-height: 1.25em;
		padding: 2rem 1rem;
		white-space: normal
	}
	.xz-home-solution .xz-tab-content .h3 {
		margin-bottom: 1.5rem
	}
	.xz-home-solution .xz-tab-content .intro {
		margin-bottom: 4rem;
		padding-bottom: 3rem
	}
}
@media screen and (max-width:1024px) {
	.xz-home-solution .xz-tab-tit-x {
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: flex-start;
		margin-bottom: 1px
	}
	.xz-home-solution .xz-tab-tit-x a {
        height: 6rem;
		padding: 0;
		white-space: nowrap
	}
	.xz-home-solution .xz-tab-tit-x a:after, .xz-home-solution .xz-tab-tit-x a:before {
		display: none
	}
	.xz-home-solution .xz-tab-content, .xz-home-solution .xz-tab-content-x {
		padding: 6rem
	}
	.xz-home-solution .xz-tab-content .h3 {
		margin-bottom: 1.25rem
	}
	.xz-home-solution .xz-tab-content .intro {
		margin-bottom: 3rem;
		padding-bottom: 2rem
	}
}
@media screen and (max-width:800px) {
	.xz-home-solution .xz-tab-content-x {
		padding: 5rem
	}
	.xz-home-solution .xz-tab-content {
		flex-flow: column-reverse;
		padding: 5rem
	}
	.xz-home-solution .xz-tab-content .img-box {
		margin: 0 auto 3rem;
		max-width: 660px;
		width: 100%
	}
	.xz-home-solution .xz-tab-content .info-box {
		width: 100%
	}
}
@media screen and (max-width:600px) {
	.xz-home-solution .xz-tab-content, .xz-home-solution .xz-tab-content-x {
		padding: 4rem
	}
}
@media screen and (max-width:500px) {
	.xz-home-solution .xz-tab-content-x {
		padding: 4rem
	}
	.xz-home-solution .xz-tab-content {
		padding: 4rem 3rem
	}
}
.lang-x {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex: none;
	flex-flow: column;
	height: var(--menu_h);
	justify-content: center;
	margin: 0 0 0 4.8rem;
	position: relative;
	transition: all .3s ease;
	z-index: 99
}
.lang-x:before {
	background-color: #ddd;
	content: "";
	height: 1.4rem;
	left: -2.4rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}
.lang-x:hover .xz-lang {
	color: #da241a
}
.xz-lang {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 2rem
}
.xz-lang i {
	font-size: 2rem;
	font-weight: 400
}
.pro_detail_header .xz-lang, .min .xz-lang, 
.detail_page_header .xz-lang, .min .xz-lang {
	color: #222
}
.menu-language-container {
	background: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 .3rem .6rem .1rem rgba(0, 0, 0, .06);
	display: none;
	left: -3rem;
	min-width: calc(100% + 6rem);
	padding: 1.5rem;
	position: absolute;
	top: var(--menu_h);
	transition: box-shadow .3s ease;
	z-index: 2
}
.menu-language-container li a {
	border-radius: 2px;
	color: #222;
	display: block;
	font-size: 1.6rem;
	line-height: 2rem;
	padding: .8rem 1.5rem;
	text-align: center;
	transition: all .3s ease;
	white-space: nowrap
}
.menu-language-container li a:hover {
	background: rgba(0, 44, 66, .2)
}
@media screen and (max-width:1440px) {
	.lang-x {
		margin: 0 3.5rem
	}
	.lang-x:before {
		left: -1.75rem
	}
}
@media screen and (max-width:1024px) {
	.lang-x {
		margin: 0 0 0 3.5rem
	}
}
.xz-logo-a {
	display: block;
	margin-right: 3rem;
	position: relative;
	transition: all .3s ease
}
.xz-logo-a:hover {
	filter: brightness(1.1);
	transform: scale(.95)
}
.xz-logo-a:active {
	transform: scale(.9)
}
.xz-logo {
	display: block;
	height: 4.5rem;
	-o-object-fit: contain;
	object-fit: contain;
	pointer-events: none;
	transition: all .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	width: auto
}
.detail_page_header .xz-logo-1, .min .xz-logo-1, .xz-logo-2 {
	display: none
}
.detail_page_header .xz-logo-2, .min .xz-logo-2, .detail_page_header .xz-logo-2 {
	display: block
}
.pro_detail_header .xz-logo.xz-logo-1 {
    display: none
}
.pro_detail_header .xz-logo.xz-logo-2 {
    display: block
}
@media screen and (max-width:1440px) {
	.xz-logo {
		height: 4rem
	}
}
@media screen and (max-width:1024px) {
	.xz-logo-a {
		margin-right: auto
	}
	.xz-logo {
		height: 5rem
	}
}
.map-box {
	background-color: #eee;
	width: 100%
}
.map-box p {
	height: 100%;
	width: 100%
}
@media screen and (max-width:1024px) {
	.map-box {
		height: 55rem
	}
}
@media screen and (max-width:800px) {
	.map-box {
		height: 50rem
	}
}
@media screen and (max-width:600px) {
    #header-search-btn i, .xz-lang i {
        font-size: 2.4rem;
    }
	.map-box {
		height: 42rem
	}
}
.mburger {
	--mb-button-size: 5rem;
	--mb-bar-spacing: 6px;
	--mb-bar-height: 2px;
	color: #fff;
	display: none
}
.detail_page_header .mburger, .min .mburger {
	color: #555
}
@media screen and (max-width:1024px) {
	.mburger {
	    color: #002C42;
		display: block;
		margin-left: -.75rem;
		margin-right: 2rem
	}
}
.public_page {
	padding: 10rem 0
}
.public_page .box {
	margin: 0 auto;
	max-width: 760px
}
.public_page .box h1 {
	margin: 0 auto;
	max-width: 600px;
	text-align: center
}
.public_page .box .intro {
	font-size: 2rem;
	margin: 1.5rem auto;
	max-width: 600px;
	text-align: center;
	width: 90%
}
.public_page h5 {
	margin: 5rem 0 2rem
}
@media screen and (max-width:1440px) {
	.public_page {
		padding: 8rem 0
	}
	.public_page h5 {
		margin: 4rem 0 2rem
	}
}
@media screen and (max-width:1024px) {
	.public_page {
		padding: 6rem 0
	}
}
@media screen and (max-width:800px) {
	.public_page {
		padding: 6rem 0 5rem
	}
	.public_page h5 {
		margin: 3rem 0 1.5rem
	}
}
@media screen and (max-width:600px) {
	.public_page {
		padding: 5rem 0 4rem
	}
	.public_page h5 {
		margin: 2.5rem 0 1.5rem
	}
}
nav {
	text-align: center
}
.nav-links {
	background-color: #f8f8f8;
	border-radius: 2.5rem;
	clear: both;
	display: inline-flex;
	font-size: 0;
	margin-top: 6rem;
	padding: 0 2rem
}
.nav-links, .page-numbers {
	align-items: center;
	height: 5rem;
	justify-content: center;
	text-align: center
}
.page-numbers {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #222;
	display: flex;
	font-size: 1.6rem;
	margin: 0 1rem;
	transition: all .3s;
	width: 2.4rem
}
.page-numbers.current, .page-numbers:hover, .post-page-numbers.current .page-numbers {
	color: #da241a
}
@media screen and (max-width:1024px) {
	.nav-links {
		margin-top: 4rem
	}
}
.xz-prenext {
    font-size: 1.6rem;
	border: 1px solid #eaeaea;
	padding: 4.3rem 6rem
}
.xz-pn-next, .xz-pn-pre {
	align-items: center;
	display: flex
}
.xz-pn-next .tit, .xz-pn-pre .tit {
	color: #999;
	flex: none
}
.xz-pn-next .no, .xz-pn-pre .no {
	color: #222
}
.xz-pn-next {
	margin-top: 1.8rem
}
.xz-pn-link {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.xz-pn-link a {
	color: #222;
	display: inline-block;
	transition: all .3s ease
}
.xz-pn-link a:hover {
	color: #002C42
}
@media screen and (max-width:1024px) {
	.xz-prenext {
		padding: 2.5rem 4rem
	}
	.xz-pn-next {
		margin-top: 1rem
	}
}
@media screen and (max-width:800px) {
	.xz-prenext {
		padding: 2.5rem 3rem
	}
}
@media screen and (max-width:600px) {
	.xz-prenext {
		padding: 2rem
	}
	.footer-btm .xz-index-main {
	    display: block;
	}
	.footer-btm .info {
        display: block;
        padding-bottom: 2rem;
	}
}
.quote-box {
	align-items: center;
	background-color: #f8f8f8;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 2rem 2rem 3rem;
	text-align: center
}
.quote-box h6 {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif
}
.quote-box .xz-btn {
	background-color: #da241a;
	border-radius: 0;
	height: 4.8rem;
	line-height: 4.8rem;
	margin: 1rem auto 0
}
.quote-info {
	background-color: #f8f8f8;
	color: #222;
	padding: 2.4rem
}
.quote-info .tit {
	color: #222;
	font-family: 'Oswald', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	margin-bottom: 1.8rem
}
.quote-info .list {
	display: flex;
	margin-bottom: .8rem
}
.quote-info .list:last-of-type {
	margin-bottom: 0
}
.quote-info a:hover {
	color: #da241a
}
.xz-search {
	border-top: 1px solid rgba(40, 61, 121, .1);
	padding-bottom: 10rem
}
.xz-search.no-search {
	padding-bottom: 0
}
.search-sec-box {
	background-color: #f8f8f8
}
.search-sec {
	margin: 0 auto;
	max-width: 860px;
	padding: 8rem 0
}
.search-nav {
	background-color: #f8f8f8
}
#search-nav {
	display: flex
}
.search-results {
	padding-top: 4rem
}
.search-nav-li a {
	color: #555;
	display: block;
	line-height: 6rem;
	position: relative;
	text-align: center;
	width: 14rem
}
.search-nav-li.current a, .search-nav-li:hover a {
	background-color: #002C42;
	color: #fff
}
.search-count {
	color: #999;
	margin: 2rem 0
}
.search-count span {
	color: #222;
	margin-right: 2px
}
.found-result {
	margin: 0 auto;
	max-width: 500px;
	padding: 8rem 0 15rem;
	width: 70%
}
.found-result .index_btn {
	min-width: auto;
	width: 20rem
}
.result-tit {
	font-family: Metropolis-SemiBold, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 1.9rem
}
.results-tips {
	font-size: 1.6rem;
	line-height: 2.8rem;
	margin-bottom: 4rem
}
.xz-searchform-2 {
	background: #fff;
	border: 1px solid rgba(40, 61, 121, .2);
	display: flex;
	height: 6.4rem;
	overflow: hidden;
	position: relative;
	width: 100%
}
.xz-searchform-2 .xz-searchform-input {
	background: transparent;
	border: none;
	color: #222;
	flex: 1;
	font-size: 1.4rem;
	padding: 0 6.4rem 0 2rem
}
.xz-searchform-2 .xz-searchform-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	background: url("../img/down.png")  calc(100% - 1rem) 50% no-repeat #fff;
	background-size: auto 1.6rem;
	border: none;
	border-right: 1px solid rgba(40, 61, 121, .2);
	color: #222;
	display: block;
	font-size: 1.6rem;
	padding: 2rem;
	position: relative;
	width: 12rem
}
.xz-searchform-2 .xz-searchform-submit {
	background: #fff;
	border: none;
	color: #222;
	cursor: pointer;
	font-size: 1.8rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease;
	width: 6.4rem
}
.xz-searchform-2 .xz-searchform-submit:hover {
	color: #002C42
}
@media screen and (max-width:1280px) {
	.xz-search {
		padding-bottom: 8rem
	}
	.search-results {
		padding-top: 3rem
	}
	.search-sec {
		max-width: 600px;
		padding: 6rem 0
	}
	.found-result {
		padding: 6rem 0 12rem
	}
	.search-nav-li a {
		line-height: 5rem;
		width: 12rem
	}
	.xz-searchform-2 {
		height: 5.4rem
	}
	.xz-searchform-2 .xz-searchform-select {
		padding: .5rem 2rem
	}
	.xz-searchform-2 .xz-searchform-input {
		padding: 0 5.4rem 0 2rem
	}
	.xz-searchform-2 .xz-searchform-submit {
		width: 5.4rem
	}
}
@media screen and (max-width:1024px) {
	.search-results {
		padding-top: 2rem
	}
	.search-sec {
		padding: 5rem 0
	}
	.found-result {
		padding: 2rem 0 9rem
	}
}
@media screen and (max-width:800px) {
	.search-sec {
		max-width: 80%
	}
	.results-tips {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:600px) {
	.xz-search {
		padding-bottom: 5rem
	}
	.search-results {
		padding-top: 1rem
	}
	.search-sec {
		max-width: 90%;
		padding: 5rem 0
	}
	.found-result {
		padding: 1rem 0 6rem
	}
	.search-nav-li a {
		font-size: 1.4rem;
		line-height: 4rem;
		width: 9rem
	}
}
#searchform {
	border-radius: 4px;
	height: 5.6rem;
	left: 50%;
	line-height: 5.6rem;
	max-width: 100%;
	overflow: hidden;
	position: fixed;
	top: 200px;
	transform: translate(-50%);
	width: 800px
}
#searchform .xz-searchform-input {
	background-color: #fff;
	border: 1px solid #002C42;
	font-size: 1.8rem;
	height: 100%;
	padding: 0 7.2rem 0 1.6rem;
	width: 100%
}
#searchform .xz-searchform-submit {
	background-color: #002C42;
	border: 1px solid #002C42;
	color: #fff;
	cursor: pointer;
	font-size: 2.4rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 1px;
	transition: all .5s ease;
	width: 5.6rem
}
#searchform .xz-searchform-submit:hover {
	filter: brightness(1.1)
}
#searchform .mfp-close {
	display: none
}
@media screen and (max-width:1024px) {
	#searchform {
		width: calc(100% - 12rem)
	}
}
@media screen and (max-width:800px) {
	#searchform {
		width: calc(100% - 8rem)
	}
}
.side-bar {
	background: transparent;
	background: hsla(0, 0%, 100%, .9);
    border: 1px solid #eee;
	border-radius: .6rem;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .06);
	flex-direction: column;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000
}
.side-bar, .side-bar a {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 7rem
}
.side-bar a {
	background: transparent;
	border-radius: .2rem;
	height: 6rem;
	position: relative;
	transition: all .3s
}
.side-bar a:before {
	background-color: #ddd;
	bottom: 0;
	content: "";
	height: 1px;
	left: 1rem;
	position: absolute;
	transition: all .3s ease;
	width: 5rem
}
.side-bar a:first-of-type {
	border-radius: .6rem .6rem 0 0
}
.side-bar a:last-of-type {
	border-radius: 0 0 .6rem .6rem
}
.side-bar a:last-of-type:before {
	display: none
}
.side-bar a.toTop p i {
	color: #555
}
.side-bar a.toTop:hover {
	background: #002C42
}
.side-bar a p {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	width: 100%
}
.side-bar a p em {
	color: #222;
	font-size: 1.1rem;
	font-style: normal;
	line-height: 1rem;
	margin-top: .8rem;
	transition: all .3s ease
}
.side-bar a .iconfont {
	color: #002C42;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 2rem;
	transition: all .3s ease
}
.side-bar a:nth-child(1) .iconfont {
	font-size: 3rem;
}
.side-bar a:nth-child(3) .iconfont {
	font-size: 2.2rem;
}
.side-bar a:hover {
	filter: brightness(1.05)
}
.side-bar a:hover, .side-bar a:hover:before {
	background-color: #002C42
}
.side-bar a:hover .iconfont, .side-bar a:hover p em {
	color: #fff
}
.side-bar a:hover span {
	opacity: 1;
	transform: translate(-100%, -50%);
	visibility: initial
}
.side-bar a span {
	background-color: #fff;
	border-radius: .2rem;
	box-shadow: 0 .3rem .6rem .1rem rgba(0, 0, 0, .06);
	color: #222;
	display: inline-block;
	font-size: 1.4rem;
	height: 100%;
	left: -2px;
	line-height: 6rem;
	opacity: 0;
	padding: 0 1.6rem;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-110%, -50%);
	transition: all .8s;
	visibility: hidden;
	white-space: nowrap
}
@media screen and (max-width:1024px) {
	.side-bar {
		background-color: #fff;
		bottom: -2px;
		box-shadow: 0 -2px .5rem -2px rgba(0, 0, 0, .3);
		flex-direction: row;
		height: 8rem;
		left: 0;
		top: auto;
		transform: none;
		width: 100vw
	}
	.side-bar a {
		border: none;
		border-radius: 0;
		box-shadow: none;
		flex: 1;
		height: 6rem;
		margin: 0
	}
	.side-bar a:before {
        height: 0;
    }
	.side-bar a .iconfont {
		font-size: 2.6rem;
		line-height: 2rem
	}
	.side-bar a.toTop, .side-bar a > span {
		display: none !important
	}
}
.slick-dots {
	align-items: center;
	display: inline-block;
	display: flex;
	font-size: 0;
	justify-content: center
}
.slick-dots li {
	height: 2rem;
	margin: 0 .7rem !important;
	width: auto
}
.slick-dots li button {
	background: none;
	background: #eaeaea;
	border: none;
	border-radius: 100%;
	display: block;
	font-size: 0;
	height: 1.2rem;
	padding: 0;
	position: relative;
	transition: all .3s ease;
	vertical-align: bottom;
	width: 1.2rem
}
.slick-dots li button:before {
	border: 1px solid #002C42;
	border-radius: 2rem;
	content: "";
	display: block;
	height: 2rem;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .3s ease;
	width: 4rem;
	z-index: -1
}
.slick-dots .slick-active button {
	background-color: #002C42;
	border-radius: 10rem;
	height: 1.2rem;
	width: 3.2rem
}
.slick-dots .slick-active button:before {
	opacity: 1
}
.slick-arrow {
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 100%;
	box-shadow: 0 0 36px 1px rgba(0, 0, 0, .06);
	color: #999;
	cursor: pointer;
	display: flex;
	font-weight: 400;
	justify-content: center;
	left: 0;
	line-height: 6rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
	width: 6rem;
	z-index: 2
}
.slick-arrow i {
	font-size: 4rem
}
.slick-arrow:hover {
	background-color: #002C42;
	color: #fff
}
.slick-arrow.slick-next {
	left: auto;
	right: 0
}
@media screen and (max-width:1280px) {
	.slick-dots li {
		height: .8rem;
		margin: 0 .5rem
	}
	.slick-dots li button {
		height: .8rem;
		width: .8rem
	}
}
@media screen and (max-width:600px) {
	.slick-dots li {
		transform: scale(.8)
	}
	.slick-arrow {
		height: 5rem;
		width: 5rem
	}
}
@media screen and (max-width:500px) {
	.slick-arrow {
		height: 4rem;
		width: 4rem
	}
}
.sns-box {
	border: 1px solid #eaeaea;
	border-top: none;
	padding: 3rem
}
.sns-box h6 {
    text-align: center;
    margin-bottom: 2.5rem;
}
.xz-sns-ul {
	display: grid;
	gap: 2rem
}
.xz-sns-li i {
	border: 1px solid #002C42;
	color: #002C42;
	flex: none;
	height: 2.8rem;
	justify-content: center;
	margin-right: 1.8rem;
	transition: all .3s ease;
	width: 2.8rem
}
.xz-sns-a, .xz-sns-li i {
	align-items: center;
	display: flex;
	font-size: 1.6rem
}
.xz-sns-a {
	color: #222;
	line-height: 1.5em
}
.xz-sns-a:hover {
	color: #002C42
}
.xz-sns-a:hover i {
	background-color: #002C42;
	color: #fff
}
@media screen and (max-width:1440px) {
	.sns-box {
		padding: 2.4rem
	}
	.sns-box h6 {
		margin-bottom: 1.25rem
	}
}
.toppic {
	background-color: #f8f8f8;
	position: relative
}
.toppic img {
	display: block;
	height: 20.833vw;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	width: 100%
}
.toppic .xz-main {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative
}
.toppic .xz-main .breadcrumbs-x {
	left: 0;
	position: absolute;
	top: var(--menu_h)
}
.toppic_content {
	background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.toppic_tit {
	color: #fff;
	margin-top: var(--menu_h);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 2px 0 5px rgb(0, 0, 0, 0.2);
}
@media screen and (max-width:1440px) {
	.toppic img {
		min-height: 30rem
	}
}
@media screen and (max-width:600px) {
	.toppic img {
		min-height: 28rem
	}
}
.zh-pro {
	color: #fff;
	padding: 8rem 0 9rem
}
.zh-pro h5 {
	color: #fff;
	margin-bottom: 2rem
}
.zh-pro .xz-btn {
	margin-top: 4rem
}
@media screen and (max-width:1440px) {
	.zh-pro {
		padding: 7rem 0 8rem
	}
}
@media screen and (max-width:1024px) {
	.zh-pro {
		padding: 5rem 0 6rem
	}
}
@media screen and (max-width:800px) {
	.zh-pro {
		padding: 4rem 0 5rem
	}
}
@media screen and (max-width:600px) {
	.zh-pro {
		padding: 3rem 0 4rem
	}
}
.a2a_kit {
	line-height: 5rem !important
}
.a2a_kit, .a2a_kit a {
	align-items: center;
	display: flex
}
.a2a_kit a {
	border: 1px solid #eaeaea;
	border-radius: 100%;
	flex: none;
	height: 5rem;
	justify-content: center;
	line-height: 5rem;
	margin-left: 1.5rem;
	text-align: center;
	transition: all .5s ease;
	vertical-align: middle;
	width: 5rem
}
.a2a_kit a .a2a_svg {
	background-color: transparent !important;
	height: 2rem;
	width: 2rem
}
.a2a_kit a .a2a_svg svg path {
	fill: #999 !important;
	transition: all .3s ease
}
.a2a_kit a:hover {
	border-color: #002C42
}
.a2a_kit a:hover svg path {
	fill: #002C42 !important
}
.gc-block-table {
	margin: 4rem 0 2rem
}
.table-x {
	background-color: #fff;
	color: #222;
	margin: 1.8rem 0;
}
.table-x, .table-x table {
	overflow: auto;
	width: 100%
}
.table-x table {
	border: none;
	border-collapse: collapse
}
.table-x table tr.firstRow th {
	background-color: rgb(0, 44, 66, 0.7);
	border-color: hsla(0, 0%, 100%, .2);
	padding: 1.4rem 1.3rem 1.3rem;
	color: #fff;
}
.table-x table tr td {
	background-color: #fff;
	border: 1px solid #eaeaea;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 1.4rem 1.3rem 1.3rem;
	text-align: center;
	width: auto !important
}
.table-x table p {
	margin: 0
}
.public-flex-box {
	display: flex;
	justify-content: space-between
}
.public-flex-box .flex-left {
	width: calc(100% - 26rem)
}
.public-flex-box .flex-right {
	width: 26rem
}
.public-flex-box .flex-right.news {
	width: 23rem
}
.public-flex-box .flex-right .box {
	position: sticky;
	top: 0
}
.flex-box {
	display: flex;
	justify-content: space-between
}
.color-c {
	color: #002C42
}
.xz-tab-content-x {
	position: relative;
	transition: all .3s ease
}
.xz-tab-content {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: center top;
	transition: opacity .5s ease, transform 0s ease .5s;
	width: 100%
}
.xz-tab-content.current {
	opacity: 1;
	transform: scale(1);
	transition: opacity .5s ease, transform 0s ease
}
.content li {
	margin-bottom: 2rem
}
.content > .gc-block-image {
	margin: 4rem 0;
	overflow: hidden
}
.content .gc-block-gallery {
	grid-gap: 2rem !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	margin: 4rem 0
}
.content .gc-block-gallery .gc-block-image {
	display: block;
	width: 100% !important
}
.content .gc-block-gallery .gc-block-image a {
	display: block;
	overflow: hidden
}
.content .gc-block-gallery .gc-block-image a img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.content .gc-block-gallery .gc-block-image a:hover img {
	transform: scale(1.05)
}
.content h4, .content h5 {
	margin-bottom: 2rem
}
.content p {
	line-height: 1.6;
	margin-bottom: 1rem
}
.content ul li {
	display: flex;
	justify-content: flex-start;
	margin: 0
}
.content ul li p {
	margin: 0
}
.content ul li em {
	align-items: center;
	background-color: rgba(53, 88, 186, .1);
	border-radius: 100%;
	color: #002C42;
	display: flex;
	flex: none;
	height: 3rem;
	justify-content: center;
	margin-right: 1.5rem;
	width: 3rem
}
.content .popup-video {
	margin: 4rem 0
}
.content .popup-video a {
	display: block;
	position: relative
}
.content .popup-video a:before {
	background-color: hsla(0, 0%, 100%, .3);
	content: "";
	height: 15rem;
	width: 15rem
}
.content .popup-video a:after, .content .popup-video a:before {
	border-radius: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all .3s ease
}
.content .popup-video a:after {
    background-color: rgba(218, 36, 26, .6);
    border: .4rem solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "\e66e";
    display: flex;
    font-family: iconfont;
    font-size: 3rem;
    width: 10rem;
    height: 10rem;
	align-items: center;
    justify-content: center;
}
.content .popup-video a:hover:after {
	background-color: #da241a
}
.content .note-box {
	background-color: #fff;
	color: #999;
	font-style: italic;
	margin: 4rem 0;
	padding: 2rem 4rem
}
.content .note-box em {
	color: #002C42
}
.xz-contact {
	padding: 8rem 0 0
}
.xz-contact h3, .xz-contact h4 {
	margin-bottom: 3rem
}
.xz-contact strong {
	color: #222;
}
.xz-spage {
    padding: 6rem 0 8rem;
}
.xz-spage .xz-main .content {
    border: 1px solid #ddd;
    -webkit-box-shadow: 6px 6px 0 rgb(0 0 0 / 2.5%);
    box-shadow: 6px 6px 0 rgb(0 0 0 / 2.5%);
    padding: 3rem 3.25rem;
}
.xz-spage .xz-main .content h3 {
    padding-bottom: 2rem;
}
.xz-spage .xz-main .content .bline {
    font-family: 'Oswald', 'Roboto Condensed';
    font-size: 22px !important;
    font-weight: 600;
    color: #333;
    position: relative;
    padding: 20px 0 15px;
    margin-bottom: 20px;
}
.xz-spage .xz-main .content .bline:before {
    content: "";
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #002C42;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.about-menu {
	margin-bottom: 8rem
}
.about-menu ul {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
	overflow-y: hidden
}
.about-menu ul li {
	flex: 1
}
.about-menu ul a {
	background-color: #f8f8f8;
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 2rem;
}
.about-menu ul .current-menu-item a, .about-menu ul a:hover {
	background-color: #002C42;
	color: #fff
}
.xz-factory .content {
	padding: 2rem 0 10rem
}
.xz-factory h2 {
	margin-bottom: 2rem;
	text-transform: uppercase
}
.xz-factory h3 {
	margin: 6rem 0 3rem;
	text-transform: uppercase
}
.xz-factory .gc-block-gallery {
	display: block !important;
	margin: 0 0 0 -1rem !important;
	width: calc(100% + 2rem)
}
.xz-factory .gc-block-gallery .gc-block-image {
	display: block;
	margin: 0 1rem !important;
	overflow: hidden
}
.xz-factory .gc-block-gallery .gc-block-image img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.xz-factory .gc-block-gallery .gc-block-image:hover img {
	transform: scale(1.05)
}
.xz-factory .gc-block-gallery .slick-arrow {
	background-color: hsla(0, 0%, 100%, .9);
	height: 8rem;
	width: 8rem
}
.xz-factory .gc-block-gallery .slick-arrow.slick-prev {
	left: 1rem;
	transform: translateX(-50%) translateY(-50%)
}
.xz-factory .gc-block-gallery .slick-arrow.slick-next {
	left: auto;
	right: 1rem;
	transform: translateX(50%) translateY(-50%)
}
.xz-factory .gc-block-gallery .slick-arrow:hover {
	background-color: #002C42
}
.xz-about .content .popup-video {
	margin: 3rem 0 6rem
}
.xz-about .content .gc-block-media-text {
	grid-gap: 8rem;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 4rem
}
.xz-about .content .gc-block-media-text__content {
	padding: 0
}
.xz-about .content .gc-block-media-text__content h4 {
	margin-bottom: 6rem;
	position: relative;
	text-transform: uppercase
}
.xz-about .content .gc-block-media-text__content h4:before {
	background-color: #da241a;
	content: "";
	width: 4rem;
	height: .7rem;
	position: absolute;
	bottom: -3rem;
	left: 0;
}
.xz-about .content h4 {
	margin: 8rem 0 2rem;
}
.xz-about .content .zs-banner, .xz-about .content .zs-h-banner {
	display: block !important;
	margin: 4rem 0 0 -1rem !important;
	width: calc(100% + 2rem)
}
.xz-about .content .zs-banner .gc-block-image, .xz-about .content .zs-h-banner .gc-block-image {
	border: 1px solid #ddd;
	margin: 0 1rem !important;
	padding: 2.8rem
}
.xz-about .content .zs-banner .gc-block-image a, .xz-about .content .zs-h-banner .gc-block-image a {
	display: block;
	overflow: hidden
}
.xz-about .content .zs-banner .gc-block-image a img, .xz-about .content .zs-h-banner .gc-block-image a img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.xz-about .content .zs-banner .gc-block-image a:hover img, .xz-about .content .zs-h-banner .gc-block-image a:hover img {
	transform: scale(1.05)
}
.xz-about .content .zs-banner .slick-dots, .xz-about .content .zs-h-banner .slick-dots {
	margin: 4.4rem 0 6rem
}
.xz-about .hzhb-box {
	color: #fff;
	margin-bottom: 0;
	margin-left: calc(var(--main_w)/2 - 50vw);
	margin-right: calc(var(--main_w)/2 - 50vw);
	min-height: auto !important;
	padding-bottom: 10rem;
	padding-left: calc(50vw - var(--main_w)/2);
	padding-right: calc(50vw - var(--main_w)/2);
	padding-top: 1px
}
.xz-about .hzhb-box .gc-block-cover__background {
	display: none
}
.xz-about .hzhb-box .gc-block-columns {
	justify-content: space-between
}
.xz-about .hzhb-box .gc-block-columns .gc-block-column:first-of-type {
	width: 73.85%
}
.xz-about .hzhb-box .gc-block-columns .gc-block-column:last-of-type {
	flex: none !important;
	width: auto
}
.xz-about .hzhb-box .gc-block-columns .gc-block-column:last-of-type .xz-btn {
	border-radius: 0;
	font-size: 1.6rem;
	margin-bottom: 2rem;
	text-transform: uppercase;
	width: auto
}
.xz-about .hzhb-box .gc-block-gallery {
	display: block !important;
	margin: 3rem 0 0 -.6rem !important;
	width: calc(100% + 1.2rem)
}
.xz-about .hzhb-box .gc-block-gallery .group {
	grid-gap: 1.2rem;
	display: grid;
	margin: 0 .6rem !important
}
.xz-about .hzhb-box .gc-block-gallery .gc-block-image {
	margin: 0 !important
}
.xz-about .hzhb-box .gc-block-gallery .gc-block-image a {
	display: block;
	overflow: hidden
}
.xz-about .hzhb-box .gc-block-gallery .gc-block-image a img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.xz-about .hzhb-box .gc-block-gallery .gc-block-image a:hover img {
	transform: scale(1.05)
}
.xz-about .hzhb-box .gc-block-gallery .slick-arrow {
	background-color: transparent;
	box-shadow: none;
	color: hsla(0, 0%, 100%, .6)
}
.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-prev {
	transform: translateX(-100%) translateY(-50%)
}
.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-next {
	transform: translateX(100%) translateY(-50%)
}
.xz-about .hzhb-box .gc-block-gallery .slick-arrow:hover {
	color: #fff
}
.xz-service .content h3 {
	margin: 8rem 0 4rem;
	text-transform: uppercase
}
.xz-service .service-list-box {
	color: #fff;
	margin-bottom: 10rem;
	margin-left: calc(var(--main_w)/2 - 50vw);
	margin-right: calc(var(--main_w)/2 - 50vw);
	min-height: auto !important;
	padding-bottom: 7rem;
	padding-left: calc(50vw - var(--main_w)/2);
	padding-right: calc(50vw - var(--main_w)/2);
	padding-top: 2rem
}
.xz-service .service-list-box .gc-block-cover__background {
	display: none
}
.xz-service .service-list-box .gc-block-columns {
	gap: 8.8rem;
	margin-top: 5rem
}
.xz-service .service-list-box ul li {
	margin-bottom: 3rem;
	padding-left: 2.6rem;
	position: relative
}
.xz-service .service-list-box ul li:before {
	background-color: #fff;
	border-radius: 100%;
	content: "";
	height: .6rem;
	left: 0;
	position: absolute;
	top: .8rem;
	width: .6rem
}
.xz-service .service-zh-box {
	color: #fff;
	margin: 4rem 0 10rem;
	min-height: auto !important;
	padding: 5rem 6rem 6.8rem
}
.xz-service .service-zh-box .gc-block-cover__background {
	display: none
}
.xz-service .service-zh-box h5 {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	margin-bottom: 2rem;
	text-transform: uppercase
}
.xz-service .service-zh-box .xz-btn {
	margin-top: 2rem
}
.xz-parts .content {
	padding-top: 2rem
}
.xz-parts h2 {
	margin-bottom: 2rem;
	text-transform: uppercase
}
.xz-parts .gc-block-gallery {
	display: block !important;
	margin: 4rem 0 0 -1rem !important;
	width: calc(100% + 2rem)
}
.xz-parts .gc-block-gallery .group {
	grid-gap: 2rem;
	display: grid;
	margin: 0 1rem !important
}
.xz-parts .gc-block-gallery .gc-block-image {
	border: 1px solid #eaeaea;
	display: block;
	overflow: hidden
}
.xz-parts .gc-block-gallery .gc-block-image img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}
.xz-parts .gc-block-gallery .gc-block-image:hover img {
	transform: scale(1.05)
}
.xz-parts .gc-block-gallery .slick-dots {
	margin: 6.4rem 0 8.4rem
}
.xz-parts .zh-service {
	margin-left: calc(var(--main_w)/2 - 50vw);
	margin-right: calc(var(--main_w)/2 - 50vw);
	min-height: auto;
	padding-bottom: 8rem;
	padding-left: calc(50vw - var(--main_w)/2);
	padding-right: calc(50vw - var(--main_w)/2);
	padding-top: 8rem
}
.xz-parts .zh-service .gc-block-cover__background {
	display: none
}
.xz-parts .zh-service h3 {
	margin-bottom: 2rem
}
.xz-parts .zh-service .xz-btn {
	margin-top: 1rem
}
.xz-download {
	padding-bottom: 8rem
}
.xz-news {
	padding: 6rem 0 8rem
}
.cat-list {
	border-top: 1px solid #eaeaea
}
.cat-list .list {
    text-align: center;
	border: 1px solid #eaeaea;
	border-top: none;
	color: #222;
	display: block;
	padding: 2.5rem 3rem;
	text-transform: uppercase
}
.cat-list .list.active, .cat-list .list:hover {
	background-color: #002C42;
	border-color: #002C42;
	color: #fff
}
.cat-list .cat-tit {
    text-align: center;
	background-color: #f8f8f8 !important;
	border-color: #eaeaea !important;
	color: #002C42 !important;
	padding: 2.2rem 3rem 2rem
}
.detail_breadcrumb .breadcrumbs-x {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 2.5rem;
}
.news-detail {
	padding-top: 5rem
}
.news-detail .top-box {
	border-bottom: 1px solid #eaeaea
}
.news-detail .date {
	font-size: 1.5rem;
	align-items: center;
	line-height: 1em;
	display: flex;
	gap: .5rem;
}
.news-detail .top-info {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 1.3rem 0 3rem
}
.news-detail .content {
	border: 1px solid #eaeaea;
	border-bottom: none;
	border-top: none;
	padding: 5rem
}
.pro_detail .content p, .news-detail .content p {
    margin: 0;
}
.pro_detail .content img, .news-detail .content img {
	max-width: 100%;
    margin: 1.5rem 0;
}
.pro_detail .content h3, .news-detail .content h3 {
    font-size: 2.2rem;
    font-weight: 500;
    margin: 1rem 0;
}
.pro_detail .content h4, .news-detail .content h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 1rem 0;
}
.pro_detail .content li, .news-detail .content li {
    margin-bottom: 0;
}
.xz-case {
	padding-bottom: 10rem
}
.case-detail .detail_breadcrumb, .case-detail .top-info {
	background-color: #f8f8f8
}
.case-detail .top-info {
	padding: 6rem 0 6.8rem
}
.case-detail .top-info .xz-main {
	display: flex;
	justify-content: space-between
}
.case-detail .top-info .img-box {
	width: 46.154%
}
.case-detail .top-info .info-box {
	width: 50%
}
.case-detail .top-info h1 {
	margin: 2rem 0
}
.case-detail .top-info .info {
	border-bottom: 1px solid #ddd;
	line-height: 2em;
	margin-bottom: 5rem;
	padding-bottom: 4rem
}
.case-detail .btn-box {
	align-items: center;
	display: flex;
	gap: 3rem
}
.case-detail .btn-box .tit {
	color: #999;
	line-height: 1em
}
.case-detail .btn-box .email a {
	color: #da241a;
	display: inline-block;
	text-decoration: underline
}
.case-detail .btn-box .email a:hover {
	transform: translateX(.5rem)
}
.case-detail .content {
	border: 1px solid #eaeaea;
	border-bottom: none;
	padding: 6rem 6rem 4rem
}
.case-detail .xzform-right {
	border-top: 1px solid #eaeaea
}
.xz-solution {
	padding: 6rem 0 10rem
}
.xz-solution h1 {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	margin-bottom: 2rem;
	text-transform: uppercase
}
.xz-solution .flex-left {
	padding-left: 4rem
}
.solution-detail h1 {
	font-family: Metropolis-SemiBold, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
	margin-bottom: 3rem
}
.solution-detail .solution-top-info {
	background-color: #f8f8f8;
	padding: 6rem 0
}
.solution-detail .solution-top-info .box {
	background-color: #fff;
	display: flex
}
.solution-detail .solution-top-info .box .img-box {
	width: 46.154%
}
.solution-detail .solution-top-info .box .img-box img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}
.solution-detail .solution-top-info .box .info-box {
	flex: 1;
	padding: 4.7rem 7rem 4.5rem 5rem
}
.solution-detail .solution-top-info .box .info {
	margin-bottom: 4rem
}
.solution-detail .solution-top-info .box p {
	margin-bottom: 2rem
}
.pro_nav {
	border-top: 1px solid #eaeaea
}
.pro_nav .list {
	color: #222;
	cursor: pointer;
	overflow: hidden;
	text-transform: uppercase;
	transition: all .3s ease
}
.pro_nav .list.current .parent-item, 
.pro_nav .list:hover .parent-item {
	background-color: #002C42;
	border-color: #002C42;
	color: #fff
}
.pro_nav .list.current .parent-item a, 
.pro_nav .list:hover .parent-item a {
	color: #fff
}
.pro_nav .list .parent-item {
	align-items: center;
	border: 1px solid #eaeaea;
	border-top: none;
	display: flex;
	justify-content: space-between;
	position: relative;
	transition: all .3s ease
}
.pro_nav .list .parent-item > i {
	align-items: center;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 100%;
	color: #999;
	display: flex;
	font-size: 2rem;
	height: 2.4rem;
	justify-content: center;
	margin: 0 3rem 0 0;
	transition: all .3s ease;
	width: 2.4rem
}
.pro_nav .list .parent-item a {
	align-items: center;
	display: flex;
	flex: 1;
	padding: 2rem 0 1.8rem 4rem
}
.pro_nav .list:first-child .parent-item a {
	font-weight: 500;
}
.pro_nav .list ul {
	display: none
}
.pro_nav .list ul li {
	border: 1px solid #eaeaea;
	border-top: none;
	position: relative
}
.pro_nav .list ul li:before {
	background-color: #002C42;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transition: all .3s ease;
	width: 2px
}
.pro_nav .list ul li.current-menu-item, .pro_nav .list ul li:hover {
	background-color: #f8f8f8;
	border-left-color: #002C42
}
.pro_nav .list ul li.current-menu-item:before, .pro_nav .list ul li:hover:before {
	transform: scale(1)
}
.pro_nav .list ul li.current-menu-item a, .pro_nav .list ul li:hover a {
	color: #002C42
}
.pro_nav .list ul a {
	color: #999;
	display: block;
	font-size: 1.6rem;
	line-height: 1.5em;
	overflow: hidden;
	padding: 1.6rem 3rem;
	position: relative
}
.xz-pro {
	padding: 6rem 0 8rem
}
.xz-pro h1 {
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.xz-pro .flex-left {
	padding-left: 4rem
}
.pro_detail .top-box {
	padding: 2.5rem 0 6rem;
}
.pro_detail .top-box.pro-min {
	padding-top: 0
}
.pro_detail .pro-top-box {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin: 6rem 0 1rem;
	position: relative
}
#gallery {
	margin: auto;
}
#gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
#gallery img {
	border: 2px solid #cfcfcf;
}
#gallery .gallery-caption {
	margin-left: 0;
}
.pro_detail .col1 {
	width: 52%
}
.pro_detail .col2 {
	width: 40%
}
.pro_detail .pro_banner {
	position: relative
}
.pro_detail .pro_banner .slick-track {
	display: block
}
.pro_detail .pro_banner .mydot {
	bottom: -3rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}
.pro_detail .pro_banner .slick-dots li {
	width: 2rem
}
.pro_detail .pro_banner .showpic {
	-webkit-animation: showhide .5s ease;
	animation: showhide .5s ease;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    width: 90%;
    aspect-ratio: 3 / 2;
	margin-right: auto;
}
.pro_detail .pro_banner .smallpic {
	position: absolute;
	right: -6%;
    top: 0;
    width: 15%;
	height: 100%;
	padding: 0;
}
.pro_detail .pro_banner .smallpic .gallery {
	height: 100%
}
.pro_detail .pro_banner .smallpic::-webkit-scrollbar {
	display: none
}
.pro_detail .pro_banner .smallpic .slick-list, 
.pro_detail .pro_banner .smallpic .slick-track {
	height: 100% !important
}
.pro_detail .pro_banner .smallpic .slick-track {
	top: 2px
}
.pro_detail .pro_banner .smallpic .gallery-item {
	border: 1px solid hsla(0, 0%, 100%, .2);
	box-sizing: border-box;
	cursor: pointer;
	height: calc(20% - .6rem);
	margin: 0 0 .7rem !important;
	overflow: hidden;
	width: 100% !important
}
.pro_detail .pro_banner .smallpic .gallery-item:first-of-type {
	margin-top: 0 !important
}
.pro_detail .pro_banner .smallpic .gallery-item .gallery-icon, 
.pro_detail .pro_banner .smallpic .gallery-item a {
	display: block;
	height: 100%
}
.pro_detail .pro_banner .smallpic .gallery-item.slick-current {
	border-color: #fff
}
.pro_detail .pro_banner .smallpic img {
	border: none !important;
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden
}
.pro_detail .pro_banner .smallpic .slick-arrow {
	align-items: center;
	background: transparent;
	color: #fff;
	display: flex;
	height: 1.8rem;
	justify-content: center;
	width: 100%
}
.pro_detail .pro_banner .smallpic .slick-arrow i {
	line-height: 1em
}
.pro_detail .pro_banner .smallpic .slick-arrow.slick-prev {
	top: 0;
	transform: translateY(0)
}
.pro_detail .pro_banner .smallpic .slick-arrow.slick-next {
	bottom: 0;
	top: auto;
	transform: translateY(0)
}
.pro_detail .pro_banner .smallpic .slick-arrow:hover {
	color: #da241a
}
.pro_detail .tit {
	color: #999;
	line-height: 1em
}
.pro_detail .intro {
	margin: 5rem 0 3rem
}
.pro_detail .tag {
	display: inline-block;
	font-size: 1.7rem;
	line-height: 1em;
	position: relative;
	text-transform: uppercase
}
.pro_detail .tag:before {
	background: linear-gradient(90deg, #da241a, rgba(218, 36, 26, 0));
	bottom: -2px;
	content: "";
	height: .6rem;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1
}
.pro_detail .info {
	margin: 2rem 0 8rem
}
.pro_detail .info p {
	font-size: 1.6rem;
	line-height: 2em
}
.pro_detail .btn-box {
	align-items: center;
	display: flex;
	gap: 3rem
}
.pro_detail .btn-box .email a {
	color: #da241a;
	display: inline-block;
	text-decoration: underline
}
.pro_detail .btn-box .email a:hover {
	transform: translateX(.5rem)
}
.pro_detail .a2a_kit {
	margin-top: 5.7rem
}
.pro_detail .a2a_kit a {
	border: 1px solid #fff
}
.pro_detail .a2a_kit a .a2a_svg svg path {
	fill: #fff !important;
	transition: all .3s ease
}
.pro_detail .a2a_kit a:hover {
	border-color: #da241a
}
.pro_detail .a2a_kit a:hover svg path {
	fill: #da241a !important
}
.pro_content_box .nav_fixed {
	animation: showhide .3s ease;
	box-shadow: 0 .2rem 2.4rem 0 rgba(0, 0, 0, .1);
	left: 0;
	position: sticky;
	top: -1px;
	width: 100%;
	z-index: 999
}
.pro_content_box .nav_fixed .pro_tab a {
	padding: 3rem 0
}
.pro_content_box .pro_tab {
    font-size: 2.4rem;
	background: rgb(0, 44, 66, 0.8);
    color: #fff;
    padding: 2rem 0;
}
.pro_content_box .pro_tab .xz-main {
	position: relative
}
.pro_content_box .pro_tab a {
	color: #222;
	cursor: pointer;
	display: block;
	padding: 3.5rem 0;
	position: relative;
	text-transform: uppercase;
	transition: all .3s ease;
	white-space: nowrap
}
.pro_content_box .pro_tab a:before {
	background-color: #da241a;
	bottom: 0;
	content: "";
	height: .4rem;
	left: 0;
	position: absolute;
	transform: scale(0);
	transition: all .3s ease;
	width: 100%
}
.pro_content_box .pro_tab a.active, 
.pro_content_box .pro_tab a:hover {
	color: #da241a
}
.pro_content_box .pro_tab a.active:before, 
.pro_content_box .pro_tab a:hover:before {
	transform: scale(1)
}
.pro_content_box .pro_tab .box {
	color: #fff;
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: 6rem;
	justify-content: left;
	overflow: auto;
	overflow-y: none;
}
.pro_content_box .content-box {
	background: url("../img/pro_detail_bg_2.png")  no-repeat 0 0;
	background-size: contain
}
.pro_content_box .content-box .xz-main {
	background: linear-gradient(180deg, #fff, #f4f7ff);
	box-shadow: 0 0 16px 1px rgba(53, 88, 186, .08);
	padding: 5rem 6rem 4rem
}
.pro_content_box .content .pro-list {
	background: linear-gradient(90deg, #002C42, rgba(53, 88, 186, 0));
	color: #fff;
	line-height: 1em;
	margin: 6rem 0 4rem;
	padding: .6rem 0 .2rem 4.2rem;
	position: relative;
	text-transform: uppercase
}
.pro_content_box .content .pro-list:before {
	background-color: #fff;
	border-radius: 100%;
	content: "";
	height: 1.5rem;
	left: 1.3rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem
}
.pro_content_box .content .popup-video {
	margin: 6rem 0
}
.pro_content_box .content .popup-video a:before {
	background-color: rgba(53, 88, 186, .3);
	height: 16rem;
	width: 16rem
}
.pro_content_box .content .popup-video a:after {
	background-color: hsla(0, 0%, 100%, .6);
	border: none;
	color: #002C42;
	height: 12rem;
	width: 12rem
}
.pro_content_box .content .popup-video a:hover:after {
	background-color: #fff
}
@media screen and (max-width:1440px) {
	.content .popup-video, .content .gc-block-gallery, .content > .gc-block-image {
		margin: 3rem 0
	}
	.content .note-box {
		margin: 3rem 0;
		padding: 2rem 3rem
	}
	.gc-block-table {
		margin: 3rem 0 2rem
	}
	.table-x table tr td {
		padding: 2rem 1.8rem
	}
	.about-menu {
		margin-bottom: 6rem
	}
	.xz-news {
		padding: 6rem 0 8rem
	}
	.cat-list .list {
		padding: 2rem 2.4rem
	}
	.cat-list .cat-tit {
		padding: 1.8rem 2.4rem 2rem
	}
	.xz-case, .xz-download {
		padding-bottom: 8rem
	}
	.xz-solution {
		padding: 6rem 0 8rem
	}
	.pro_nav .list .parent-item a {
		padding: 2rem 2.4rem
	}
	.pro_nav .list .parent-item > i {
		margin: 0 2.4rem 0 0
	}
	.pro_nav .list ul a {
		padding: 1.6rem 2.4rem
	}
	.xz-pro {
		padding: 6rem 0 8rem
	}
	.pro_detail .intro {
		margin: 1.5rem 0 2rem
	}
	.pro_detail .info {
		margin: 1rem 0 3rem
	}
	.pro_detail .a2a_kit {
		margin-top: 4rem
	}
	.pro_content_box .nav_fixed .pro_tab a {
		padding: 2.5rem 0
	}
	.pro_content_box .pro_tab a {
		padding: 3rem 0
	}
	.xz-factory .content {
		padding: 2rem 0 8rem
	}
	.xz-factory .gc-block-gallery .slick-arrow {
		height: 6rem;
		width: 6rem
	}
	.xz-parts .gc-block-gallery .slick-dots {
		margin: 6rem 0 8rem
	}
	.xz-about .content .gc-block-media-text {
		grid-gap: 6rem
	}
	.xz-about .content h3 {
		margin: 8rem 0 2rem
	}
	.xz-about .content .zs-banner .gc-block-image, .xz-about .content .zs-h-banner .gc-block-image {
		padding: 2rem
	}
	.xz-about .hzhb-box {
		padding-bottom: 8rem
	}
	.xz-service .content h3 {
		margin: 6rem 0 2rem
	}
	.xz-service .service-list-box {
		margin-bottom: 8rem;
		padding-bottom: 5rem
	}
	.xz-service .service-list-box .gc-block-columns {
		gap: 6rem;
		margin-top: 4rem
	}
	.xz-service .service-zh-box {
		margin: 4rem 0 8rem;
		padding: 5rem 6rem 6rem
	}
}
@media screen and (max-width:1024px) {
	body {
		padding-bottom: 5rem
	}
	.content > .gc-block-image {
		margin: 2.5rem 0
	}
	.content .gc-block-gallery {
		gap: 1.5rem !important;
		margin: 2.5rem 0
	}
	.content .popup-video {
		margin: 2.5rem 0
	}
	.content .popup-video a:before {
		height: 14rem;
		width: 14rem
	}
	.content .popup-video a:after {
		font-size: 3rem;
		height: 10rem;
		width: 10rem
	}
	.gc-block-table {
		margin: 2.5rem 0 1.8rem
	}
	.public-flex-box {
		flex-flow: column-reverse
	}
	.public-flex-box .flex-left {
		max-width: 100%;
		width: 100%
	}
	.public-flex-box .flex-right {
		margin-top: 6rem;
		min-width: auto;
		width: 100%
	}
	.xz-contact {
		padding: 6rem 0 0
	}
	.xz-contact h3, .xz-contact h4 {
		margin-bottom: 2rem
	}
	.xz-news {
		padding: 6rem 0
	}
	.xz-case, .xz-download {
		padding-bottom: 6rem
	}
	.xz-solution {
		padding: 6rem 0
	}
	.xz-solution .flex-left {
		padding-left: 0
	}
	.xz-pro {
		padding: 6rem 0
	}
	.xz-pro .flex-left {
		padding-left: 0
	}
	.news-detail .public-flex-box {
		flex-flow: column
	}
	.news-detail .top-info {
		margin: 1.3rem 0 3rem
	}
	.news-detail .content {
		padding: 4rem 4rem 2rem
	}
	.case-detail .top-info {
		padding: 6rem 0
	}
	.case-detail .top-info .info {
		margin-bottom: 4rem;
		padding-bottom: 3rem
	}
	.case-detail .content {
		padding: 4rem 4rem 2rem
	}
	.case-detail .public-flex-box {
		flex-flow: column
	}
	.solution-detail .solution-top-info .box .info-box {
		padding: 4rem
	}
	.solution-detail .solution-top-info .box .info {
		margin-bottom: 3rem
	}
	.pro_detail .intro {
		margin: 1rem 0 1.5rem
	}
	.pro_detail .info {
		margin: 1rem 0 2rem
	}
	.pro_detail .a2a_kit {
		margin-top: 3rem
	}
	.pro_content_box .content-box .xz-main {
		padding: .5px 4rem 2rem
	}
	.pro_content_box .content .pro-list {
		margin: 5rem 0 3rem
	}
	.pro_content_box .content .popup-video {
		margin: 4rem 0
	}
	.pro_content_box .content .popup-video a:before {
		height: 12rem;
		width: 12rem
	}
	.pro_content_box .content .popup-video a:after {
		font-size: 2.8rem;
		height: 8rem;
		width: 8rem
	}
	.xz-factory .content {
		padding: 0 0 6rem
	}
	.xz-factory .gc-block-gallery .slick-arrow {
		height: 6rem;
		width: 6rem
	}
	.xz-parts .content {
		padding-top: 0
	}
	.xz-parts .gc-block-gallery {
		margin-top: 3rem !important
	}
	.xz-parts .gc-block-gallery .slick-dots {
		margin: 6rem 0
	}
	.xz-parts .zh-service {
		padding-bottom: 6rem;
		padding-top: 6rem
	}
	.xz-about .content .gc-block-media-text {
		grid-gap: 5rem
	}
	.xz-about .content .gc-block-media-text__content {
		padding: 0
	}
	.xz-about .content .gc-block-media-text__content h4 {
		margin-bottom: 5rem
	}
	.xz-about .content .gc-block-media-text__content h4:before {
		bottom: -2rem
	}
	.xz-about .content h3 {
		margin: 6rem 0 2rem
	}
	.xz-about .hzhb-box {
		padding-bottom: 6rem
	}
	.xz-about .hzhb-box .gc-block-gallery {
		margin: 2rem 0 0 -.6rem !important
	}
	.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-prev {
		transform: translateX(-75%) translateY(-50%)
	}
	.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-next {
		transform: translateX(75%) translateY(-50%)
	}
	.xz-service .content h3 {
		margin: 5rem 0 2rem
	}
	.xz-service .service-list-box {
		margin-bottom: 6rem;
		padding-bottom: 3rem
	}
	.xz-service .service-list-box .gc-block-columns {
		gap: 5rem;
		margin-top: 3rem
	}
	.xz-service .service-zh-box {
		margin: 3rem 0 6rem
	}
}
@media screen and (max-width:800px) {
	.a2a_kit {
		line-height: 4rem !important
	}
	.a2a_kit a {
		height: 4rem;
		line-height: 4rem;
		margin-left: 1rem;
		width: 4rem
	}
	.a2a_kit a .a2a_svg {
		height: 1.8rem;
		width: 1.8rem
	}
	.flex-box {
		flex-flow: column
	}
	.flex-box .flex-l, .flex-box .flex-r {
		width: 100%;
        margin-bottom: 1rem;
	}
	.flex-box .flex-r {
        margin-bottom: 3rem;
	}
	.public-flex-box .flex-right {
		margin-top: 5rem;
	}
	.about-menu {
		margin-bottom: 5rem
	}
	.xz-contact {
		padding: 5rem 0 0
	}
	.xz-news {
		padding: 5rem 0
	}
	.xz-case, .xz-download {
		padding-bottom: 5rem
	}
	.xz-pro, .xz-solution {
		padding: 5rem 0
	}
	.news-detail {
		padding-top: 5rem
	}
	.news-detail .top-info {
		margin: 1.3rem 0 2rem
	}
	.news-detail .content {
		padding: 4rem 3rem 2rem
	}
	.case-detail .top-info {
		padding: 5rem 0
	}
	.case-detail .top-info .xz-main {
		flex-flow: column
	}
	.case-detail .top-info .img-box {
		margin: 0 auto 3rem;
		max-width: 600px;
		width: 100%
	}
	.case-detail .top-info .info-box {
		margin: 0 auto;
		max-width: 600px;
		width: 100%
	}
	.case-detail .top-info h1 {
		margin: 0 0 1.25rem
	}
	.case-detail .top-info .info {
		margin-bottom: 3rem;
		padding-bottom: 2rem
	}
	.case-detail .btn-box {
		gap: 2rem
	}
	.case-detail .content {
		padding: 4rem 3rem 2rem
	}
	.solution-detail h1 {
		margin: 0 auto 2rem;
		max-width: 600px
	}
	.solution-detail .solution-top-info {
		padding: 5rem 0
	}
	.solution-detail .solution-top-info .box {
		background-color: #f8f8f8;
		flex-flow: column;
		margin: 0 auto;
		max-width: 600px
	}
	.solution-detail .solution-top-info .box .img-box {
		margin: 0 auto;
		width: 100%
	}
	.solution-detail .solution-top-info .box .info-box {
		background-color: #fff;
		padding: 4rem 3rem
	}
	.solution-detail .solution-top-info .box .info {
		margin-bottom: 3rem
	}
	.pro_detail .top-box {
		padding: var(--menu_h) 0 5rem
	}
	.pro_detail .pro-top-box {
		flex-flow: column;
		margin-top: 5rem
	}
	.pro_detail .col1 {
		margin: 0 auto 3rem;
		max-width: 670px;
		width: 100%
	}
	.pro_detail .col2 {
		margin: 0 auto;
		max-width: 670px;
		width: 100%
	}
	.pro_detail .btn-box {
		gap: 2rem
	}
	.pro_content_box .nav_fixed .pro_tab a {
		padding: 2rem 0
	}
	.pro_content_box .pro_tab .box {
		gap: 5rem
	}
	.pro_content_box .pro_tab a {
		padding: 2.5rem 0
	}
	.pro_content_box .content-box .xz-main {
		padding: .5px 3rem 2rem
	}
	.pro_content_box .content .pro-list {
		margin: 4rem 0 3rem
	}
	.xz-factory .content {
		padding: 0 0 5rem
	}
	.xz-factory h3 {
		margin: 5rem 0 2.5rem
	}
	.xz-factory .gc-block-gallery .slick-arrow.slick-prev {
		left: 1rem
	}
	.xz-factory .gc-block-gallery .slick-arrow.slick-next {
		left: auto;
		right: 1rem
	}
	.xz-parts .gc-block-gallery .slick-dots {
		margin: 5rem 0
	}
	.xz-parts .zh-service {
		padding-bottom: 5rem;
		padding-top: 5rem
	}
	.xz-parts .zh-service h3 {
		margin-bottom: 1.5rem
	}
	.xz-about .content .popup-video {
		margin: 2rem 0 5rem
	}
	.xz-about .content .gc-block-media-text {
		grid-gap: 3rem;
		grid-template-columns: 1fr;
		margin-bottom: 2rem
	}
	.xz-about .content .gc-block-media-text__media {
		grid-column: 1 !important;
		grid-row: 1 !important
	}
	.xz-about .content .gc-block-media-text__content {
		grid-column: 1 !important;
		grid-row: 2 !important
	}
	.xz-about .content .gc-block-media-text__content h4 {
		margin-bottom: 4rem
	}
	.xz-about .content .gc-block-media-text__content h4:before {
		height: .6rem
	}
	.xz-about .content h3 {
		margin: 3rem 0 2rem
	}
	.xz-about .content .zs-banner, .xz-about .content .zs-h-banner {
		margin: 3rem 0 0 -1rem !important
	}
	.xz-about .content .zs-banner .slick-dots, .xz-about .content .zs-h-banner .slick-dots {
		margin: 3.4rem 0 5rem
	}
	.xz-about .hzhb-box {
		padding-bottom: 5rem;
		padding-top: 2rem
	}
	.xz-about .hzhb-box .gc-block-columns {
		flex-flow: column;
		gap: 0
	}
	.xz-about .hzhb-box .gc-block-columns .gc-block-column:first-of-type {
		width: 100%
	}
	.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-prev {
		transform: translateX(-60%) translateY(-50%)
	}
	.xz-about .hzhb-box .gc-block-gallery .slick-arrow.slick-next {
		transform: translateX(60%) translateY(-50%)
	}
	.xz-service .content h3 {
		margin: 4rem 0 1.5rem
	}
	.xz-service .service-list-box {
		margin-bottom: 5rem
	}
	.xz-service .service-list-box .gc-block-columns {
		flex-flow: column;
		gap: 0
	}
	.xz-service .service-list-box ul li {
		margin-bottom: 2rem
	}
	.xz-service .service-zh-box {
		margin: 2.5rem 0 5rem;
		padding: 4rem 5rem 5rem
	}
}
@media screen and (max-width:600px) {
	.content h4, .content h5, .content li, .content p {
		margin-bottom: 1.6rem
	}
	.content .gc-block-gallery {
		grid-template-columns: repeat(2, 1fr) !important
	}
	.content .note-box {
		margin: 2rem 0;
		padding: 2rem
	}
	.content .popup-video {
		margin: 2rem 0
	}
	.content .popup-video a:before {
		height: 11rem;
		width: 11rem
	}
	.content .popup-video a:after {
		font-size: 2.4rem;
		height: 8rem;
		width: 8rem
	}
	.gc-block-table {
		margin: 2.5rem 0 1.6rem
	}
	.table-x table tr td {
		padding: 1.6rem
	}
	.a2a_kit a {
		height: 3.5rem;
		line-height: 3.5rem;
		width: 3.5rem
	}
	.public-flex-box .flex-right {
		margin-top: 4rem
	}
	.public-flex-box .flex-right.news {
	    width: 100%;
	}
	.about-menu {
		margin-bottom: 4rem
	}
	.about-menu ul a {
		padding: 1.6rem
	}
	.xz-contact {
		padding: 4rem 0 0
	}
	.xz-contact h3, .xz-contact h4 {
		margin-bottom: 1.6rem
	}
	.xz-news {
		padding: 4rem 0
	}
	.xz-case, .xz-download {
		padding-bottom: 4rem
	}
	.xz-pro, .xz-solution {
		padding: 4rem 0
	}
	.news-detail {
		padding-top: 4rem
	}
	.news-detail .content {
		padding: 3rem 2rem 2rem
	}
	.case-detail .top-info {
		padding: 4rem 0
	}
	.case-detail .content {
		padding: 3rem 2rem 2rem
	}
	.solution-detail .solution-top-info {
		padding: 4rem 0
	}
	.solution-detail .solution-top-info .box .info-box {
		padding: 3rem 2rem
	}
	.solution-detail .solution-top-info .box .info {
		margin-bottom: 2rem
	}
	.solution-detail .solution-top-info .box p {
		margin-bottom: 1.6rem
	}
	.pro_detail .pro_banner .showpic {
        width: 83%;
	}
	.pro_detail .pro_banner .smallpic {
        right: 0;
	}
	.pro_detail .pro_banner .smallpic .gallery-item {
	    height: calc(20% - .3rem);
	    margin: 0 0 .3rem !important;
	}
	.pro_detail .top-box {
		padding: 0 0 4rem
	}
	.pro_detail .pro-top-box {
		margin-top: 4rem
	}
	.pro_content_box .content-box .xz-main {
		padding: 3rem 2rem 2rem
	}
	.pro_content_box .content .pro-list {
		padding-left: 3rem
	}
	.pro_content_box .content .pro-list:before {
		height: 1rem;
		left: 1rem;
		width: 1rem
	}
	.pro_content_box .content .popup-video {
		margin: 3rem 0
	}
	.pro_content_box .content .popup-video a:before {
		height: 9rem;
		width: 9rem
	}
	.pro_content_box .content .popup-video a:after {
		font-size: 2.2rem;
		height: 6rem;
		width: 6rem
	}
	.pro_content_box .pro_tab .box {
		gap: 4rem
	}
	.xz-factory .content {
		padding: 0 0 4rem
	}
	.xz-factory h3 {
		margin: 4rem 0 2rem
	}
	.xz-factory .gc-block-gallery .slick-arrow {
		height: 4rem;
		width: 4rem
	}
	.xz-parts h2 {
		margin-bottom: 1.5rem
	}
	.xz-parts .gc-block-gallery {
		margin-top: 2.5rem !important
	}
	.xz-parts .gc-block-gallery .slick-dots {
		margin: 4rem 0
	}
	.xz-parts .zh-service {
		padding-bottom: 4rem;
		padding-top: 4rem
	}
	.xz-parts .zh-service h3 {
		margin-bottom: 1rem
	}
	.xz-about .content .popup-video {
		margin: 2rem 0 4rem
	}
	.xz-about .content h3 {
		margin: 2rem 0
	}
	.xz-about .content .gc-block-media-text {
		grid-gap: 2.5rem;
		margin-bottom: 1rem
	}
	.xz-about .content .gc-block-media-text__content h4 {
		margin-bottom: 3.5rem
	}
	.xz-about .content .gc-block-media-text__content h4:before {
		bottom: -1.5rem
	}
	.xz-about .content .zs-banner, .xz-about .content .zs-h-banner {
		margin: 2.5rem 0 0 -1rem !important
	}
	.xz-about .content .zs-banner .gc-block-image, .xz-about .content .zs-h-banner .gc-block-image {
		padding: 1.5rem
	}
	.xz-about .content .zs-banner .slick-dots, .xz-about .content .zs-h-banner .slick-dots {
		margin: 3rem 0 4rem
	}
	.xz-about .hzhb-box {
		padding-bottom: 4rem
	}
	.xz-service .content h3 {
		margin: 3rem 0 1rem
	}
	.xz-service .service-list-box {
		margin-bottom: 4rem;
		padding-bottom: 2rem;
		padding-top: 1rem
	}
	.xz-service .service-list-box ul li {
		margin-bottom: 1.6rem
	}
	.xz-service .service-list-box .gc-block-columns {
		margin-top: 2rem
	}
	.xz-service .service-zh-box {
		margin: 2rem 0 4rem;
		padding: 4rem 3rem
	}
	.xz-service .service-zh-box h5 {
		margin-bottom: 1.25rem
	}
}
@media screen and (max-width:500px) {
	.about-menu ul {
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: flex-start;
		margin-top: 3rem
	}
	.about-menu ul li {
		flex: none;
		width: calc(50% - .5rem)
	}
}
.sns-f ul {
	display: flex;
	margin: 3rem 0 0;
	justify-content: flex-end;
}
.sns-f ul .xz-sns-li i {
	border-color: #fff;
	color: #fff;
	margin-right: 0;
}
.sns-f ul .xz-sns-a:hover i {
	background-color: #fff;
	color: #da241a;
}
@keyframes kenburns {
	0% {
		transform-origin: bottom left;
		transform: scale(1)
	}
	50% {
		transform: scale(1.05)
	}
	100% {
		transform: scale(1)
	}
}
.xz-banner .slick-slide.slick-active img {
	-webkit-animation: kenburns 10s linear alternate infinite;
	animation: kenburns 10s linear alternate infinite
}