@charset "UTF-8";

.clearfix:after {
	clear: both;
	content: "";
	display: block
}

.oneline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.h1,
h1 {
	font-size: 6.4rem;
	line-height: 6.4rem
}

.h1,
.h2,
h1,
h2 {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 700;
	margin: 2rem 0
}

.h2,
h2 {
	font-size: 4.8rem;
	line-height: 4.8rem
}

.h3,
h3 {
	font-size: 3.2rem
}

.h3,
.h4,
h3,
h4 {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 700;
	line-height: 3.6rem;
	margin: 2rem 0
}

.h4,
h4 {
	font-size: 2.4rem
}

.h5,
h5 {
	font-size: 1.8rem
}

.h5,
.h6,
h5,
h6 {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 2rem 0
}

.h6,
.p,
h6,
p {
	font-size: 1.8rem
}

.p,
p {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 400;
	line-height: 3.2rem
}

.fs-l {
	font-size: 2.4rem;
	line-height: 1.25em
}

.fs-m {
	font-size: 2rem;
	line-height: 1.5em
}

.fs-s {
	font-size: 1.8rem;
	line-height: 1.66em
}

.fs-ti {
	font-size: 5.2rem;
	font-style: italic;
	font-weight: 100;
	line-height: 1.2
}

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

	.h1,
	h1 {
		font-size: 4rem
	}

	.h2,
	h2 {
		font-size: 2.8rem
	}

	.h2,
	.h3,
	h2,
	h3 {
		line-height: 4rem
	}

	.h3,
	h3 {
		font-size: 2.2rem
	}
}

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

	.h1,
	h1 {
		font-size: 3.2rem;
		line-height: 4.5rem
	}

	.h2,
	h2 {
		font-size: 2.4rem
	}

	.h2,
	.h3,
	h2,
	h3 {
		line-height: 4rem
	}

	.h3,
	.h4,
	h3,
	h4 {
		font-size: 2rem
	}

	.h4,
	h4 {
		line-height: 3rem
	}
}

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

	.h1,
	h1 {
		font-size: 3.6rem
	}

	.h1,
	.h2,
	h1,
{
		line-height: 4rem;
		text-align: center;
	}

	.h2,
	h2 {
		font-size: 2.2rem
	}

	.h3,
	h3 {
		font-size: 2rem;
		line-height: 3rem
	}
}

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

.wp-block-image {
	margin: 0
}

.wp-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;
	margin: 20px auto;
	max-width: 800px;
	padding: 3rem;
	position: relative;
	width: auto
}

.white-popup-block .contact-sce-tit {
	margin-top: 0
}

.slick-loading .slick-list {
	background: #fff url(ajax-loader.gif) 50% no-repeat
}

@font-face {
	font-family: slick;
	font-style: normal;
	font-weight: 400;
	src: url(/wp-content/themes/frontier/css/fonts/slick.eot);
	src: url(/wp-content/themes/frontier/css//wp-content/themes/frontier/css/fonts/slick.eot) format("embedded-opentype"), url(/wp-content/themes/frontier/css/fonts/slick.woff) format("woff"), url(/wp-content/themes/frontier/css/fonts/slick.ttf) format("truetype"), url(/wp-content/themes/frontier/css/fonts/slick.svg) 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
}

.slick-slider {
	--arrow-padding: 0;
	--arrow-left-icon: "?";
	--arrow-right-icon: "?";
	--arrow-border-radius: 0 .5rem .5rem 0;
	--arrow-border-radius-right: .5rem 0 0 .5rem;
	--arrow-size: 4rem;
	--arrow-font-size: 2rem;
	--arrow-color: #999;
	--arrow-color-bg: hsla(0, 0%, 100%, .5);
	--arrow-color-bg-hover: hsla(0, 0%, 100%, .75);
	--arrow-color-bg-disable: hsla(0, 0%, 78%, .75);
	--arrow-color-hover: #0279f9;
	--arrow-color-disable: #666
}

.slick-arrow {
	align-items: center;
	background: transparent;
	border: .1rem solid #ddd;
	border-radius: 50%;
	color: #fdcf00;
	cursor: pointer;
	display: flex;
	font-size: 1.2rem;
	height: 8rem;
	justify-content: center;
	left: -10rem;
	line-height: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
	width: 8rem;
	z-index: 9
}

.slick-arrow:hover {
	border: .1rem solid #fdcf00
}

.slick-arrow:hover .iconfont {
	color: #fdcf00;
	font-weight: 300
}

.slick-arrow .iconfont {
	color: #3d3d3d;
	font-size: 2.8rem;
	font-weight: 300;
	transition: all .3s
}

.slick-arrow.slick-disabled {
	cursor: not-allowed
}

.slick-arrow.slick-next {
	left: auto;
	right: -10rem
}

.slick-dots {
	align-items: center;
	bottom: 5.5rem;
	display: flex;
	gap: 3.8rem;
	justify-content: center;
	position: absolute;
	width: 100%;
	z-index: 5
}

.slick-dots li {
	line-height: 0
}

.slick-dots li button {
	background: #fff;
	border: none;
	border-radius: 1rem;
	cursor: pointer;
	font-size: 0;
	height: 1.6rem;
	line-height: 0;
	margin: 0;
	padding: 0;
	transition: all .3s ease;
	width: 1.6rem
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
	background: #fdcf00
}

.loop-archive-pro {
	background: #fff;
	margin-top: 1rem;
	transition: all .3s
}

.loop-archive-pro:hover {
	transform: translateY(-3px)
}

.loop-archive-pro:hover .slider__mirror {
	transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, 120%, 0)
}

.loop-archive-pro-thumb {
	align-items: center;
	aspect-ratio: 340/226;
	box-shadow: 0 .6rem 1.2rem .1rem rgba(0, 0, 0, .04);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.loop-archive-pro-thumb img {
	transition: all .3s ease
}

.loop-archive-pro-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-archive-pro-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-archive-pro-info .loop-archive-pro-tit {
	margin: 0
}

.loop-archive-pro-info .loop-archive-pro-tit a {
	color: #3d3d3d;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 1rem 0 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	transition: all .3s;
	white-space: nowrap
}

.loop-archive-pro-info .loop-archive-pro-tit a:hover {
	color: #fdcf00
}

@media screen and (max-width:1024px) {
	.loop-archive-pro-tit a {
		font-size: 1.8rem
	}
}

@media screen and (max-width:600px) {
	.loop-archive-pro {
		margin-bottom: 1.5rem
	}

	.loop-archive-pro-thumb,
	.loop-archive-pro-x {
		width: 100%
	}
}

.loop-bar-news {
	border-bottom: .1rem solid #ddd;
	margin-bottom: 2rem;
	padding-bottom: 2rem
}

.loop-bar-news:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.loop-bar-news-tit {
	color: #3d3d3d;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.8rem;
	transition: all .3s
}

.loop-bar-news-tit:hover {
	color: #fdcf00
}

.loop-bar-news-date {
	color: #999;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 500;
	margin-top: 1.5rem
}

.loop-case {
	align-items: center;
	background: #f8f8f8;
	display: flex !important;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	overflow: hidden;
	padding: 1.4rem;
	transition: all .3s ease
}

.loop-case-thumb {
	aspect-ratio: 607/455;
	display: block;
	overflow: hidden;
	width: 40%
}

.loop-case-thumb img {
	transition: all .3s ease
}

.loop-case-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-case-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-case-x {
	display: flex;
	flex-flow: column;
	padding: 2.6rem 4.5rem;
	width: 60%
}

.loop-case-tit {
	margin: .7rem 0 0
}

.loop-case-tit a {
	color: #3d3d3d;
	display: block;
	font-size: 3.2rem;
	font-weight: 700;
	height: 4.8rem;
	line-height: 4.8rem;
	overflow: hidden;
	transition: all .3s ease
}

.loop-case-tit a:hover {
	color: #fdcf00
}

.loop-case-date {
	line-height: 2.7rem;
	margin: 4rem 0 0;
	max-height: 13.5rem;
	overflow: hidden
}

.loop-case-date p {
	color: rgba(61, 61, 61, .7);
	line-height: 2.7rem;
	margin: 0;
	transition: all .3s
}

.loop-case-more {
	align-items: center;
	border: .1rem solid #fdcf00;
	border-radius: 2.8rem;
	color: #fdcf00;
	display: flex;
	font-size: 1.8rem;
	font-weight: 700;
	gap: 1rem;
	height: 5.6rem;
	justify-content: center;
	margin-top: 4rem;
	transition: all .3s;
	width: 18.4rem
}

.loop-case-more i {
	font-weight: 400
}

.loop-case-more:hover {
	background: #fdcf00;
	color: #3d3d3d
}

@media screen and (max-width:1440px) {
	.loop-case-x {
		padding: 2.6rem 2rem
	}

	.loop-case-tit a {
		font-size: 2.8rem;
		height: 6.4rem;
		line-height: 3.2rem;
		max-height: 6.4rem
	}

	.loop-case-date {
		margin: 1.2rem 0 0
	}

	.loop-case-more {
		margin-top: 4rem
	}
}

@media screen and (max-width:810px) {
	.loop-case {
		padding: 0
	}
}

@media screen and (max-width:600px) {
	.loop-case {
		padding: 0
	}

	.loop-case-thumb {
		width: 100%
	}

	.loop-case-x {
		padding: 2.5rem;
		width: 100%
	}

	.loop-case-tit a {
		font-size: 2.2rem;
		height: 6.4rem
	}
}

.loop-down {
	margin-bottom: 2rem;
	width: 24%
}

.loop-down-a {
	align-items: center;
	background: #f8f8f8;
	display: flex;
	padding: 4rem 3rem;
	transition: all .3s
}

.loop-down-a:hover {
	background: #fff;
	box-shadow: 0 .4rem .8rem .1rem rgba(0, 0, 0, .06)
}

.loop-down-a:hover .loop-down-info p {
	color: #e33737
}

.loop-down-a:hover .loop-down-info p span {
	border-bottom: 1px solid #e33737
}

.icon {
	align-items: center;
	display: flex;
	height: 3.4rem;
	justify-content: center;
	width: 3.4rem
}

.loop-down-info {
	padding-left: 2rem;
	width: calc(100% - 3.4rem)
}

.loop-down-info h6 {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.loop-down-info p {
	align-items: center;
	color: #555;
	display: flex;
	gap: 1rem;
	margin: 1rem 0 0;
	transition: all .3s
}

.loop-down-info p span {
	border-bottom: 1px solid #555;
	color: inherit;
	display: inline-block;
	line-height: 2rem;
	transition: all .3s
}

.loop-down-info p .iconfont {
	color: inherit
}

@media screen and (max-width:800px) {
	.loop-down {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.loop-down {
		width: 100%
	}
}

.loop-gallery-item {
	background: url(/wp-content/themes/frontier/img/gallery-bg.png) no-repeat;
	background-position: 50% 33%;
	transition: all .3s;
	width: 32%
}

.loop-gallery-item:hover {
	transform: translateY(-3px)
}

.loop-gallery-item .loop-gallery-thumb {
	position: relative;
	width: 100%
}

.loop-gallery-item .loop-gallery-thumb .loop-gallery-thumb-x {
	aspect-ratio: 450/264;
	overflow: hidden
}

.loop-gallery-item .loop-gallery-thumb .loop-gallery-thumb-x img {
	display: block;
	transition: all .3s ease
}

.loop-gallery-item .loop-gallery-thumb .loop-gallery-thumb-x:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-gallery-item .loop-gallery-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-gallery-item .loop-gallery-info {
	padding: 3rem 0
}

.loop-gallery-item .loop-gallery-info span {
	color: #3d3d3d;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.8rem;
	max-height: 5.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.loop-gallery-item .loop-gallery-info .loop-gallery-date {
	color: #555;
	margin-top: 1rem
}

@media screen and (max-width:810px) {
	.loop-gallery-item {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.loop-gallery-item {
		margin-bottom: 4rem;
		width: 100%
	}
}

.loop-hot-case {
	background: #fff;
	margin: 0 2rem;
	opacity: .3;
	overflow: hidden;
	transition: all .3s ease
}

.loop-hot-case.slick-current,
.loop-hot-case.slick-current .loop-hot-case-x {
	opacity: 1
}

.loop-hot-case-thumb {
	aspect-ratio: 3/2;
	display: block;
	overflow: hidden;
	position: relative
}

.loop-hot-case-thumb img {
	transition: all .3s ease
}

.loop-hot-case-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-hot-case-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-hot-case-x {
	background: rgba(253, 207, 0, .9);
	bottom: 0;
	display: flex;
	flex-flow: column;
	height: 65%;
	opacity: 0;
	padding: 3rem;
	position: absolute;
	right: 6rem;
	transition: all .3s;
	width: 45rem
}

.loop-hot-case-x * {
	color: #fff
}

.loop-hot-case-tit {
	margin: .7rem 0 0
}

.loop-hot-case-tit span {
	color: #fff;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 3.6rem;
	max-height: 7.2rem;
	overflow: hidden;
	transition: all .3s ease
}

.loop-hot-case-tit span:hover {
	color: #fff
}

.loop-hot-case-param {
	border-bottom: 1px dotted #ddd;
	margin-top: 2rem;
	padding-bottom: 2rem
}

.loop-hot-case-param .loop-hot-case-param-item {
	align-items: center;
	display: flex;
	gap: .8rem;
	line-height: 2.8rem
}

.loop-hot-case-param .loop-hot-case-param-item i {
	color: #fff
}

.loop-hot-case-param .loop-hot-case-param-item p {
	margin: 0;
	transition: all .3s
}

.loop-hot-case-date {
	height: 5.6rem;
	line-height: 2.8rem;
	margin: 2.2rem 0 0;
	overflow: hidden
}

.loop-hot-case-date p {
	line-height: 2.8rem;
	margin: 0;
	transition: all .3s
}

.loop-hot-case-more {
	align-items: center;
	border: .2rem solid #fff;
	color: #fff;
	display: flex;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	gap: 1rem;
	height: 6rem;
	justify-content: center;
	margin-top: 3rem;
	transition: all .3s;
	width: 21rem
}

.loop-hot-case-more:hover {
	transform: translateY(-3px)
}

@media screen and (max-width:1600px) {
	.loop-hot-case-x {
		height: 92%
	}
}

@media screen and (max-width:1200px) {
	.loop-hot-case-x {
		display: none
	}
}

@media screen and (max-width:810px) {
	.loop-hot-case {
		padding: 0
	}
}

@media screen and (max-width:1440px) {
	.loop-hot-case-x {
		padding: 2.6rem 2rem
	}

	.loop-hot-case-tit a {
		font-size: 2.8rem;
		line-height: 3.2rem;
		max-height: 6.4rem
	}

	.loop-hot-case-date {
		margin: 1.2rem 0 0
	}

	.loop-hot-case-more {
		margin-top: 4rem
	}
}

@media screen and (max-width:600px) {
	.loop-hot-case {
		padding: 0
	}

	.loop-hot-case-thumb {
		width: 100%
	}

	.loop-hot-case-x {
		padding: 2.5rem;
		width: 100%
	}
}

.loop-hot-news-thumb {
	aspect-ratio: 780/515;
	display: block;
	overflow: hidden
}

.loop-hot-news-thumb img {
	transition: all .3s ease
}

.loop-hot-news-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-hot-news-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-hot-news2 {
	background: url(/wp-content/themes/frontier/img/dot.png) no-repeat 100% 100% #fff;
	padding: 3rem 4rem;
	position: relative;
	transition: all .3s
}

.loop-hot-news2:before {
	border-color: transparent #fdcf00 transparent transparent;
	border-style: solid;
	border-width: 5px 8.66px 5px 0;
	content: "";
	display: inline-block;
	left: -8px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transform: all .3s
}

.loop-hot-news2:hover {
	background: url(/wp-content/themes/frontier/img/dot.png) no-repeat 100% 100% #fdcf00
}

.loop-hot-news2:hover:before {
	opacity: 1
}

.loop-hot-news2:hover .loop-hot-news2-date,
.loop-hot-news2:hover .loop-hot-news2-more,
.loop-hot-news2:hover .loop-hot-news2-tit {
	color: #fff
}

.loop-hot-news2.act {
	background: url(/wp-content/themes/frontier/img/dot.png) no-repeat 100% 100% #fdcf00
}

.loop-hot-news2.act:before {
	opacity: 1
}

.loop-hot-news2.act .loop-hot-news2-date,
.loop-hot-news2.act .loop-hot-news2-more,
.loop-hot-news2.act .loop-hot-news2-tit {
	color: #fff
}

.loop-hot-news2 .loop-hot-news2-date {
	color: #999;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 500;
	transition: all .3s
}

.loop-hot-news2 .loop-hot-news2-tit {
	color: #3d3d3d;
	display: block;
	line-height: 3.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.loop-hot-news2 .loop-hot-news2-more,
.loop-hot-news2 .loop-hot-news2-tit {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-weight: 500;
	margin: 1rem 0 0;
	transition: all .3s
}

.loop-hot-news2 .loop-hot-news2-more {
	color: #fdcf00;
	display: inline-block
}

.loop-hot-pro {
	border-radius: 0 0 3rem 0;
	box-shadow: 0 .2rem 3.2rem 0 rgba(0, 0, 0, .1);
	margin-bottom: 2rem;
	transition: all .3s;
	width: 24%
}

.loop-hot-pro:hover {
	transform: translateY(-5px)
}

.loop-hot-pro:hover .loop-hot-pro-info .loop-hot-pro-more {
	padding-left: .5rem;
	width: 17.7rem
}

.loop-hot-pro:hover .loop-hot-pro-info .loop-hot-pro-more span {
	opacity: 1;
	width: 12rem
}

.loop-hot-pro-thumb {
	align-items: center;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	overflow: hidden
}

.loop-hot-pro-thumb img {
	transition: all .3s ease
}

.loop-hot-pro-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-hot-pro-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-hot-pro-info {
	background: #fabf13;
	border-radius: 0 0 4rem 0;
	padding: 2.8rem 2.8rem 3rem;
	transition: all .3s
}

.loop-hot-pro-info .loop-hot-pro-cat {
	margin-bottom: 1.2rem
}

.loop-hot-pro-info .loop-hot-pro-cat a {
	color: #fdcf00;
	display: none;
	font-size: 1.4rem;
	font-weight: 700;
	transition: all .3s
}

.loop-hot-pro-info .loop-hot-pro-cat a:hover {
	color: #fdcf00
}

.loop-hot-pro-info .loop-hot-pro-cat a:first-child {
	display: block
}

.loop-hot-pro-info .loop-hot-pro-tit {
	color: #fdcf00;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	height: 6rem;
	line-height: 3rem;
	overflow: hidden;
	transition: all .3s ease
}

.loop-hot-pro-info .loop-hot-pro-more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2rem;
	color: #fabf13;
	display: flex;
	font-size: 1.4rem;
	height: 4rem;
	justify-content: center;
	margin-top: 3rem;
	transition: all .3s;
	width: 4rem
}

.loop-hot-pro-info .loop-hot-pro-more span {
	background: #fdcf00;
	display: inline-block;
	font-weight: 700;
	opacity: 0;
	text-align: right;
	transition: all .5s;
	white-space: nowrap;
	width: 0
}

.loop-hot-pro-info .loop-hot-pro-more .iconfont {
	background: #fdcf00;
	border-radius: 50%;
	color: #fabf13;
	display: inline-block;
	font-size: 1.4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	transition: all .3s;
	width: 4rem
}

@media screen and (max-width:810px) {
	.loop-hot-pro {
		width: 32%
	}
}

@media screen and (max-width:768px) {
	.loop-hot-pro {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.loop-hot-pro-info {
		padding: 3rem 2rem
	}

	.loop-hot-pro-info .loop-hot-pro-tit {
		font-size: 1.8rem
	}

	.loop-hot-pro-info .loop-hot-pro-except {
		margin-top: 1.5rem
	}

	.loop-hot-pro-info .loop-hot-pro-more {
		margin-top: 2rem
	}
}

.loop-news-list {
	background: #f8f8f8;
	display: flex;
	margin-bottom: 4rem;
	overflow: hidden;
	transition: all .3s
}

.loop-news-list:hover .loop-news-list-info .loop-news-list-date {
	opacity: 1
}

.loop-news-list:hover .loop-news-list-info .loop-news-list-more {
	background: #fdcf00;
	transform: translateX(3px)
}

.loop-news-list-thumb {
	align-items: center;
	aspect-ratio: 262/196;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 26.2rem
}

.loop-news-list-thumb img {
	transition: all .3s ease
}

.loop-news-list-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-news-list-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-news-list-info {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 0 4rem 0 7rem;
	width: calc(100% - 26.2rem)
}

.loop-news-list-info .loop-news-list-date {
	opacity: .3;
	text-align: center;
	transition: all .3s;
	width: 11rem
}

.loop-news-list-info .loop-news-list-date strong {
	color: #3d3d3d;
	display: inline-block;
	font-size: 9rem;
	line-height: 10rem;
	text-align: center
}

.loop-news-list-info .loop-news-list-date p {
	font-size: 2.4rem;
	margin: 0;
	text-align: center
}

.loop-news-list-info .loop-news-list-info-l {
	width: calc(100% - 15rem)
}

.loop-news-list-info .loop-news-list-tit {
	color: #3d3d3d;
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.6rem;
	margin: 0;
	max-height: 10.8rem;
	overflow: hidden;
	transition: all .3s ease;
	transition: all .3s
}

.loop-news-list-info .loop-news-list-tit:hover {
	color: #fdcf00
}

.loop-news-list-info .loop-news-list-excerpt p {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.loop-news-list-info .loop-news-list-more {
	align-items: center;
	background: #fff;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	margin-top: 2rem;
	transition: all .3s;
	width: 14.7rem
}

.loop-news-list-info .loop-news-list-more .iconfont {
	font-size: 1.8rem
}

@media screen and (max-width:600px) {
	.loop-news-list {
		flex-wrap: wrap;
		width: 100%
	}

	.loop-news-list-thumb {
		width: 100%
	}

	.loop-news-list-info {
		padding: 3rem;
		width: 100%
	}

	.loop-news-list-info .loop-news-list-info-l {
		width: 100%
	}

	.loop-news-list-info .loop-news-list-tit {
		font-size: 1.8rem
	}

	.loop-news-list-info .loop-news-list-date {
		display: none
	}
}

.loop-news {
	margin-bottom: 4rem;
	overflow: hidden;
	transition: all .3s;
	width: 32%
}

.loop-news-thumb {
	align-items: center;
	aspect-ratio: 467/350;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.loop-news-thumb img {
	transition: all .3s ease
}

.loop-news-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-news-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-news-info .loop-news-date {
	color: #3d3d3d;
	font-size: 1.4rem;
	font-weight: 300;
	margin-top: 2rem
}

.loop-news-info .loop-news-tit {
	color: #3d3d3d;
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.6rem;
	margin: 0;
	max-height: 10.8rem;
	overflow: hidden;
	transition: all .3s ease;
	transition: all .3s
}

.loop-news-info .loop-news-tit:hover {
	color: #fdcf00
}

.loop-news-info .loop-news-excerpt p {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.loop-news-info .loop-news-more {
	align-items: center;
	background: #fff;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	margin-top: 2rem;
	transition: all .3s;
	width: 14.7rem
}

.loop-news-info .loop-news-more .iconfont {
	font-size: 1.8rem
}

.loop-news-info .loop-news-more:hover {
	background: #fdcf00;
	transform: translateX(3px)
}

@media screen and (max-width:800px) {
	.loop-news {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.loop-news {
		width: 100%
	}

	.loop-news-info .loop-news-tit {
		font-size: 1.8rem
	}
}

.loop-pro {
	margin-bottom: 6rem;
	transition: all .3s;
	width: 32%
}

.loop-pro:hover {
	transform: translateY(-3px)
}

.loop-pro:hover .slider__mirror {
	transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, 120%, 0)
}

.loop-pro-thumb-x {
	position: relative
}

.loop-pro-thumb-x .is-hot {
	background: url(/wp-content/themes/frontier/img/remai.png) no-repeat 50%;
	height: 7.3rem;
	right: 4rem;
	position: absolute;
	top: 23px;
	width: 5.7rem
}

.loop-pro-thumb-x .is-new {
	background: url(/wp-content/themes/frontier/img/new.png) no-repeat 50%;
	height: 7.3rem;
	right: 4rem;
	position: absolute;
	top: 23px;
	width: 5.7rem
}

.loop-pro-thumb-x .is-new {
	background: url(/wp-content/themes/frontier/img/new.png) no-repeat 50%;
	height: 7.3rem;
	right: 4rem;
	position: absolute;
	top: 23px;
	width: 5.7rem
}

.loop-pro-thumb {
	align-items: center;
	aspect-ratio: 1/1;
	border: 1px solid rgba(61, 61, 61, .1);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.loop-pro-thumb img {
	transition: all .3s ease
}

.loop-pro-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-pro-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.slider__mirror {
	background: hsla(0, 0%, 100%, .5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -20%;
	transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, -100%, 0);
	transition: transform .8s;
	width: 100%;
	z-index: 10
}

.loop-pro-info .loop-pro-tit {
	margin: 0
}

.loop-pro-info .loop-pro-tit a {
	color: #3d3d3d;
	display: block;
	font-size: 2.4rem;
	line-height: 3.6rem;
	text-align: center;
	margin-top: 2rem;
	transition: all .3s
}

.loop-pro-info .loop-pro-tit a:hover {
	color: #fdcf00
}

.loop-pro-info .loop-pro-excerpt p {
	font-weight: 400;
	margin: .2rem 0 0
}
.loop-pro-excerpt.oneline {
    text-align: center;
    font-size: 1.8rem;
    line-height: 4rem;
    color: rgb(0 0 0 / 61%);
}

.related-post-pro .loop-pro-excerpt.oneline {
    text-align: center;
    font-size: 1.8rem;
    line-height: 4rem;
    color: rgb(255 255 255 / 61%);
}

body.xz-home .loop-pro-excerpt.oneline {
    text-align: center;
    font-size: 1.8rem;
    line-height: 4rem;
    color: #ccc;
}

@media screen and (max-width:1024px) {
	.loop-pro-tit a {
		font-size: 1.8rem;
		text-align: center;
	}
}

@media screen and (max-width:810px) {
	.loop-pro {
		width: 32%
	}
}

@media screen and (max-width:600px) {
	.loop-pro {
		margin-bottom: 1.5rem
	}

	.loop-pro,
	.loop-pro-thumb,
	.loop-pro-x {
		width: 100%
	}
}

.loop-app {
	margin-top: 1rem;
	position: relative
}

.loop-app:last-child:after {
	display: none
}

.loop-app:after {
	background-color: #ddd;
	content: "";
	display: inline-block;
	height: 1.7rem;
	position: absolute;
	right: -2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

.loop-app a {
	color: #3d3d3d;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.1rem;
	transition: all .3s
}

.loop-app a:hover {
	color: #fdcf00
}

.loop-rela-job {
	background: #f8f8f8;
	padding: 5rem 2.9rem 4rem
}

.loop-rela-job-top {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.loop-rela-job-top .loop-rela-job-tit {
	color: #3d3d3d;
	display: block;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 2.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
	white-space: nowrap;
	width: 100%
}

.loop-rela-job-top .loop-rela-job-tit:hover {
	color: #fdcf00
}

.loop-rela-job-top .loop-rela-job-job-id {
	color: #666;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2.1rem;
	margin-top: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.loop-rela-job-top .loop-rela-job-job-id p {
	margin: 0
}

.loop-rela-job-bottom ul {
	display: flex;
	flex-wrap: wrap
}

.loop-rela-job-bottom ul li {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2.6rem;
	width: 100%
}

.loop-rela-job-bottom ul li .rela-job-tit {
	align-items: center;
	border: 1px solid #fdcf00;
	color: #fdcf00;
	display: flex;
	font-weight: 500;
	height: 3.6rem;
	justify-content: center;
	width: 12.5rem
}

.loop-rela-job-bottom ul li p {
	color: #666;
	line-height: 2.1rem;
	margin: 1.2rem 0 0;
	width: 100%
}

.loop-rela-job-bottom .loop-rela-jobs-more {
	display: flex;
	justify-content: flex-end;
	margin-top: 5rem
}

.loop-rela-job-bottom .loop-rela-jobs-more a {
	color: #3d3d3d;
	font-size: 1.8rem;
	text-decoration: underline;
	transition: all .3s
}

.loop-rela-job-bottom .loop-rela-jobs-more a:hover {
	color: #fdcf00
}

.xz-loop-rel-news {
	background: #fff;
	display: flex;
	margin-top: 2.1rem
}

.xz-loop-rel-news:hover .xz-loop-rel-news-info {
	background: #fdcf00
}

.xz-rel-news-thumb {
	aspect-ratio: 132/98;
	display: block;
	overflow: hidden;
	width: 13.2rem
}

.xz-rel-news-thumb img {
	transition: all .3s ease
}

.xz-rel-news-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.xz-rel-news-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%
}

.xz-loop-rel-news-info {
	padding: .7rem 2.5rem;
	transition: all .3s;
	width: calc(100% - 13.2rem)
}

.xz-loop-rel-news-info .xz-rel-news-tit {
	color: #3d3d3d;
	display: block;
	font-size: 1.8rem;
	line-height: 2.7rem;
	margin-top: .6rem;
	max-height: 5.4rem;
	overflow: hidden;
	transition: all .3s
}

.loop-rela-pro {
	background: #fff;
	margin-bottom: 3rem;
	width: 32%
}

.loop-rela-pro:hover .news-slider__mirror {
	transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, 120%, 0)
}

.loop-rela-pro-thumb {
	align-items: center;
	aspect-ratio: 304/230;
	border: 1px solid #f8f8f8;
	box-shadow: 0 .6rem 1.2rem .1rem rgba(0, 0, 0, .04);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.loop-rela-pro-thumb img {
	transition: all .3s ease
}

.loop-rela-pro-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-rela-pro-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.news-slider__mirror {
	background: hsla(0, 0%, 100%, .5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -20%;
	transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, -100%, 0);
	transition: transform .8s;
	width: 100%;
	z-index: 10
}

.loop-rela-pro-tit {
	margin: 0
}

.loop-rela-pro-tit a {
	color: #3d3d3d;
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.4rem;
	margin-top: .8rem;
	overflow: hidden;
	padding: 0 1rem;
	text-align: center;
	text-overflow: ellipsis;
	transition: all .3s;
	white-space: nowrap
}

.loop-rela-pro-tit a:hover {
	color: #fdcf00
}

@media screen and (max-width:1024px) {
	.loop-rela-pro-tit a {
		font-size: 1.8rem
	}
}

@media screen and (max-width:810px) {
	.loop-rela-pro {
		width: 32%
	}
}

@media screen and (max-width:600px) {
	.loop-rela-pro {
		margin-bottom: 1.5rem;
		width: 49%
	}

	.loop-rela-pro-tit {
		padding: 1.2rem
	}

	.loop-rela-pro-thumb,
	.loop-rela-pro-x {
		width: 100%
	}
}

.loop-solu {
	background: #fff;
	box-shadow: 0 .2rem 1.3rem 0 rgba(0, 0, 0, .07);
	margin-bottom: 6rem;
	position: relative;
	transition: all .3s;
	width: 32%
}

.loop-solu:hover {
	transform: translateY(-3px)
}

.loop-solu-thumb {
	align-items: center;
	aspect-ratio: 468/288;
	box-shadow: 0 .6rem 1.2rem .1rem rgba(0, 0, 0, .04);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.loop-solu-thumb img {
	transition: all .3s ease
}

.loop-solu-thumb:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-solu-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-solu-info {
	background: linear-gradient(180deg, rgba(0, 0, 0, .76), transparent 59%, rgba(0, 0, 0, .48));
	display: flex;
	flex-direction: column;
	gap: 5rem;
	height: 100%;
	justify-content: center;
	left: 0;
	padding: 0 5rem;
	position: absolute;
	top: 0;
	width: 100%
}

.loop-solu-info .loop-solu-tit {
	margin: 0
}

.loop-solu-info .loop-solu-tit a {
	color: #fff;
	display: block;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
	white-space: nowrap
}

.loop-solu-info .loop-solu-tit a:hover {
	color: #fdcf00
}

.loop-solu-info .loop-solu-more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	transition: all .3s;
	width: 14.7rem
}

.loop-solu-info .loop-solu-more .iconfont {
	font-size: 1.8rem
}

.loop-solu-info .loop-solu-more:hover {
	transform: translateX(3px)
}

@media screen and (max-width:1024px) {
	.loop-solu-tit a {
		font-size: 1.8rem
	}
}

@media screen and (max-width:810px) {
	.loop-solu {
		width: 32%
	}

	.loop-solu-info .loop-solu-tit a {
		font-size: 2rem
	}
}

@media screen and (max-width:600px) {
	.loop-solu {
		margin-bottom: 1.5rem;
		width: 100%
	}

	.loop-solu-thumb,
	.loop-solu-x {
		width: 100%
	}
}

.loop-video-top .popup-video {
	display: inline-block;
	position: relative;
	right: 2rem;
	top: -2rem
}

.loop-video-top .popup-video .loop-video-top-thumb-x {
	aspect-ratio: 842/478;
	overflow: hidden
}

.loop-video-top .popup-video .loop-video-top-thumb-x img {
	transition: all .3s ease
}

.loop-video-top .popup-video .loop-video-top-thumb-x:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.loop-video-top .popup-video .loop-video-top-thumb-x img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.loop-video-top .popup-video .iconfont {
	align-items: center;
	background: hsla(0, 0%, 100%, .6);
	border-radius: 50%;
	box-shadow: 0 .2rem 3rem 0 rgba(5, 42, 77, .18);
	color: #fdcf00;
	display: flex;
	font-size: 3.6rem;
	height: 6.4rem;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s;
	width: 6.4rem;
	z-index: 9
}

.work-video-item {
	background: #fff;
	margin-bottom: 6rem;
	padding: 1.6rem 1.6rem 3rem;
	transition: all .3s;
	width: 32%
}

.work-video-item:hover {
	transform: translateY(-3px)
}

.work-video-item .work-video-thumb {
	position: relative;
	width: 100%
}

.work-video-item .work-video-thumb .work-video-thumb-x {
	aspect-ratio: 433/287;
	overflow: hidden
}

.work-video-item .work-video-thumb .work-video-thumb-x img {
	display: block;
	transition: all .3s ease
}

.work-video-item .work-video-thumb .work-video-thumb-x:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.work-video-item .work-video-thumb:after {
	background: linear-gradient(180deg, hsla(0, 0%, 85%, 0), rgba(0, 0, 0, .66));
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.work-video-item .work-video-thumb img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.work-video-item .iconfont {
	bottom: 3rem;
	color: #fff;
	font-size: 5rem;
	left: 2rem;
	position: absolute;
	z-index: 5
}

.work-video-item .work-video-info span {
	color: #3d3d3d;
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.7rem;
	margin-top: 1.5rem;
	max-height: 5.4rem;
	overflow: hidden;
	transition: all .3s
}

.work-video-item .work-video-info span:hover {
	color: #fdcf00
}

.work-video-item .work-video-info p {
	font-size: 1.6rem;
	font-weight: 300;
	margin: .5rem 0 0
}

@media screen and (max-width:810px) {
	.work-video-item {
		width: 49%
	}
}

@media screen and (max-width:600px) {
	.work-video-item {
		margin-bottom: 4rem;
		width: 100%
	}
}

.xz-404 {
	margin: 5rem 0 10rem
}

.xz-404-layout .error-img {
	align-items: center;
	display: flex;
	position: relative
}

.xz-404-layout .xz-404-info {
	width: 45%
}

.xz-404-layout .xz-404-info .xz-404-tit {
	color: #3d3d3d;
	font-size: 12rem;
	font-weight: 700;
	line-height: 12.8rem
}

.xz-404-layout .xz-404-info p {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 4rem 0 0;
	text-transform: uppercase
}

.xz-404-layout .xz-404-info span {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.8rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	gap: .5rem;
	height: 5.6rem;
	justify-content: center;
	margin-top: 4rem;
	transition: all .3s;
	width: 16rem
}

.xz-404-layout .xz-404-info span:hover {
	transform: translateX(3px)
}

.xz-404-layout img {
	display: block;
	width: 55%
}

.xz-banner {
	--banner_h: 100vh;
	position: relative
}

.xz-banner .slick-dots {
	bottom: 5rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.xz-banner-item--layout {
	position: relative
}

.xz-banner-item--layout>img {
	display: block;
	height: var(--banner_h);
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.xz-banner-item-wrap {
	background: linear-gradient(180deg, rgba(0, 0, 0, .4), hsla(0, 0%, 85%, 0) 51%, rgba(0, 0, 0, .38));
	color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.xz-banner-x {
	height: 100%
}

.xz-banner-x.layout-center {
	align-items: center;
	display: flex;
	justify-content: center
}

.xz-banner-x.layout-center .xz-banner-content {
	max-width: 96.8rem
}

.xz-banner-x.layout-left,
.xz-banner-x.layout-video {
	align-items: center;
	display: flex
}

.xz-banner-x .xz-banner-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 60%
}

.xz-banner-content {
	color: #fff;
	overflow: hidden
}

.xz-banner-content>:first-child {
	color: #fff;
	margin: 0
}

.xz-banner-content h1 {
	font-size: 7.2rem;
	line-height: 10.4rem
}

.xz-banner-content p {
	color: #fff;
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 5.2rem
}

.xz-banner-content p a {
	align-items: center;
	background-color: #fdcf00;
	color: #fff;
	display: flex;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.6rem;
	height: 6rem;
	justify-content: center;
	transition: all .3s;
	width: 20rem
}

.xz-banner-content p a:hover {
	background: #e33737
}

.xz-banner-content img {
	display: block;
	margin-top: 5rem;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none
}

.xz-banner-pic {
	flex: none;
	transform: translateX(5%);
	width: 57%
}

.xz-banner-pic a {
	display: block
}

.xz-banner-pic:hover img {
	filter: brightness(1.1)
}

.xz-banner-pic img {
	display: block;
	pointer-events: none;
	transition: all .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none
}

.xz-banner-item--image a,
.xz-banner-item--image img {
	display: block
}

.xz-banner-item--image img {
	height: var(--banner_h);
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	width: 100%
}

.xz-banner-item--video {
	position: relative
}

.xz-banner-item--video video {
	background: #fff;
	display: block;
	height: var(--banner_h);
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

@media screen and (max-width:1366px) {
	.xz-banner-content h1 {
		font-size: 6.7rem;
		line-height: 9rem
	}
}

@media screen and (max-width:1024px) {
	.xz-banner-item--layout>img {
		height: auto
	}
}

@media screen and (max-width:810px) {
	.xz-banner .slick-dots {
		display: none !important
	}

	.xz-banner-x .xz-banner-content {
		width: 80%
	}

	.xz-banner-x .xz-banner-content h1 {
		font-size: 2.8rem;
		line-height: 4.6rem
	}

	.xz-banner-x .xz-banner-content p {
		font-size: 2rem;
		margin: 1rem 0 0
	}
}

@media screen and (max-width:600px) {
	.xz-banner-item {
		aspect-ratio: 390/295
	}

	.xz-banner-item--image img,
	.xz-banner-item--layout>img,
	.xz-banner-item--video video {
		aspect-ratio: 390/295;
		height: auto
	}
}

#breadcrumbs {
	color: #3d3d3d;
	font-size: 1.6rem;
	line-height: 2rem;
	margin: 0;
	padding: 3.2rem 0 0
}

#breadcrumbs>i {
	font-size: 2rem;
	position: relative;
	top: .1rem
}

#breadcrumbs a {
	color: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s ease;
	white-space: nowrap
}

#breadcrumbs a:hover {
	color: #fdcf00
}

#breadcrumbs span {
	align-items: center;
	display: inline-flex;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	gap: .6rem
}

#breadcrumbs .breadcrumb_last {
	display: inline-block;
	max-width: 24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detail-breadcrumbs {
	position: relative;
	margin-left: 2rem;
}

.detail-breadcrumbs #breadcrumbs {
	color: #fff;
	opacity: .8
}

.detail-breadcrumbs #breadcrumbs .breadcrumb_last {
	color: #fff
}

.other-breadcrumbs {
	position: relative
}

.other-breadcrumbs #breadcrumbs {
	color: #3d3d3d;
	opacity: .8
}

.other-breadcrumbs #breadcrumbs .breadcrumb_last {
	color: #3d3d3d
}

@media screen and (max-width:1440px) {
	#breadcrumbs {
		padding: 2rem 0 0
	}
}

@media screen and (max-width:1024px) {
	.breadcrumbs-x {
		display: block;
		margin-top: 4rem;
	}
}

.contact-item li {
	align-items: center;
	display: flex;
	margin-bottom: 3.2rem
}

.contact-item li:last-child {
	margin-bottom: 0
}

.contact-item li i {
	align-items: center;
	border: 1px solid #fdcf00;
	border-radius: 50%;
	color: #fdcf00;
	display: flex;
	font-size: 2.5rem;
	height: 5rem;
	justify-content: center;
	margin-right: 1rem;
	width: 5rem
}

.contact-item li p {
	color: #3d3d3d;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width: calc(100% - 6rem)
}

.contact-item li p span {
	color: #666;
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	margin-bottom: .2rem;
	width: 100%
}

.contact-item li p a {
	color: #3d3d3d;
	display: block;
	font-size: 2rem;
	font-weight: 700;
	transition: all .3s
}

.contact-item li p a:hover {
	color: #fdcf00
}

.content-sec-nav {
	display: flex;
	margin-top: 6.7rem;
	overflow-x: auto;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 99
}

.content-sec-nav li {
	color: #fff;
	font-weight: 500;
	min-width: 16rem;
	padding: 0 4rem;
	position: relative;
	text-align: center;
	transition: all .3s ease
}

.content-sec-nav li:last-child:after {
	display: none
}

.content-sec-nav li:after {
	background: hsla(0, 0%, 100%, .2);
	content: "";
	display: inline-block;
	height: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

.content-sec-nav li.current,
.content-sec-nav li:hover {
	background: #fdcf00;
	color: #fff
}

.content-sec-nav li a {
	color: inherit;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	height: 8rem;
	line-height: 8rem;
	transition: all .3s;
	white-space: nowrap
}

@media screen and (max-width:1024px) {
	.content-sec-nav {
		display: none !important
	}
}

@media screen and (max-width:810px) {
	.content-sec-nav {
		display: none !important
	}
}

.footer-searchform input::-moz-placeholder {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif
}

.footer-searchform input::placeholder {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif
}

.footer-searchform>form {
	background: #f6f6f6;
	display: flex;
	height: 6rem;
	overflow: hidden;
	position: relative;
	width: 40rem
}

.footer-searchform>form #s {
	background: transparent;
	border: none;
	color: #333;
	font-size: 1.6rem;
	height: 100%;
	outline: none;
	padding: 0 4rem 0 1.8rem;
	width: calc(100% - 6rem)
}

.footer-searchform>form #submit {
	background: #fff;
	border: none;
	color: #333;
	display: inline-block;
	font-size: 2rem;
	height: 6rem;
	left: 0;
	left: auto;
	outline: none;
	position: absolute;
	position: relative;
	top: 50%;
	top: auto;
	transform: translateY(-50%);
	transform: translateY(0);
	width: 6rem
}

.xz-footer-bottom {
	/*background: url(/wp-content/themes/frontier/img/footer-bg.png) no-repeat 50%;*/
	background-size: cover;
	padding: 8rem 0 6rem;
	position: relative
}

.xz-footer-bottom:after {
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.xz-footer-bottom .xz-footer-bottom-in {
	display: flex;
	gap: 12rem;
	justify-content: space-between;
	position: relative;
	z-index: 5
}

.xz-footer-bottom .xz-footer-bottom-in .f-sec-tit {
	color: #fff
}

.xz-footer-bottom .xz-footer-bottom-in .f-sec-tit.f-sec-tit-yanfa {
	margin-top: 8rem
}

.xz-footer-bottom .xz-footer-bottom-in .f-sec-tit>a {
	color: #fff;
	display: flex;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 3.6rem;
	transition: all .3s;
	white-space: nowrap
}

.xz-footer-bottom .xz-footer-bottom-in .f-sec-tit>a:hover {
	color: #fdcf00
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info {
	max-width: 52rem;
	width: 52rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact {
	margin-top: 6.4rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact li {
	align-items: center;
	color: #fff;
	display: flex;
	gap: 1.8rem;
	margin-top: 1.8rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact li .iconfont {
	color: #fdcf00;
	font-size: 1.8rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact li .footer-contact-x strong {
	color: #fff;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.6rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact li .footer-contact-x p {
	color: #a2a2a2;
	font-weight: 300;
	margin: .5rem 0 0
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .xz-footer-contact li .footer-contact-x p a {
	color: #fff
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu {
	display: flex;
	gap: 5rem;
	justify-content: space-between;
	width: calc(100% - 52rem)
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu {
	margin-top: 4rem
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li {
	display: flex;
	gap: 4rem;
	margin-bottom: 2rem;
	transition: all .3s
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li:hover:after {
	color: #fdcf00
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li:after {
	color: #fff;
	content: "\e624";
	display: inline-block;
	font-family: iconfont;
	font-size: 1.8rem;
	transition: all .3s
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li:last-child {
	margin-bottom: 0
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li a {
	border-bottom: 1px solid transparent;
	color: #a2a2a2;
	display: inline-block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.8rem;
	transition: all .3s;
	white-space: nowrap
}

.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .menu li a:hover {
	border-bottom: 1px solid #fdcf00;
	color: #fdcf00
}

.footer-bottom {
	background: #1d1c18;
	color: #fff;
	height: 6rem
}

.footer-bottom .footer-bottom-in {
	align-items: center;
	display: flex;
	font-weight: 400;
	height: 100%;
	justify-content: space-between
}

.footer-bottom .footer-bottom-in span {
	color: #fff;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	opacity: .4
}

.footer-bottom .footer-bottom-in span a.beian-hao {
	color: #fff;
	margin-left: 2rem
}

@media screen and (max-width:1366px) {
	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .footer-form {
		min-width: 100%
	}
}

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

	.footer-search-r,
	.xz-footer-whatsapp {
		display: none
	}
}

@media screen and (max-width:1024px) {
	.xz-footer-bottom {
		padding: 6rem 0 3rem
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .f-menu:last-child {
		display: none
	}
}

@media screen and (max-width:998px) {
	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .f-menu:nth-child(3) {
		display: none
	}
}

@media screen and (max-width:810px) {
	.xz-footer-bottom {
		padding: 6rem 0 3rem
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info {
		width: 58%
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu {
		width: 40%
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .f-menu:last-child,
	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu .f-menu:nth-child(2) {
		display: none
	}
}

@media screen and (max-width:600px) {
	.footer-search {
		display: none
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info {
		margin-left: 0;
		width: 100%
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-info .f-sec-tit img {
		width: 16rem
	}

	.xz-footer-bottom .xz-footer-bottom-in .xz-footer-bottom-menu {
		display: none
	}
}

.en-5-L-b8v {
	--c-border: #ddd;
	--c-bg: #fff;
	--c-font: #666;
	--c-star: #e33737;
	--c-theme: #fdcf00;
	--c-green: #00b160;
	--gap: 1rem;
	--h: 2.4rem;
	--lh: 2.4rem;
	--padding: 1.6rem;
	--size: 1.6rem;
	--lines: 3;
	--btn-h: 6rem;
	position: relative
}

.en-5-L-b8v .xz-form-infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr
}

.en-5-L-b8v .xz-form-infos .xz-form-btns,
.en-5-L-b8v .xz-form-infos .xz-form-msg {
	grid-column-end: 3;
	grid-column-start: 1
}

.en-5-L-b8v .xz-form-info,
.en-5-L-b8v .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-b8v .xz-form-label {
	color: #3d3d3d;
	display: block;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: var(--h);
	margin-right: .8rem;
	opacity: .6;
	white-space: nowrap
}

.en-5-L-b8v .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}

.en-5-L-b8v .xz-form-input,
.en-5-L-b8v .xz-form-textarea {
	background: var(--c-bg);
	border: none;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0;
	width: 100%
}

.en-5-L-b8v .xz-form-textarea {
	height: calc(var(--lh)*var(--lines))
}

.en-5-L-b8v .xz-form-infos .xz-form-btns {
	display: flex;
	justify-content: flex-start;
	margin: 2rem 0 2rem;
}

.en-5-L-b8v .xz-form-button {
	align-items: center;
	background: var(--c-theme);
	border: none;
	border-radius: 2.8rem;
	color: #3d3d3d;
	cursor: pointer;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	gap: .5rem;
	justify-content: center;
	line-height: var(--btn-h);
	padding: 0;
	text-align: center;
	transition: all .3s;
	width: 16.5rem
}

.en-5-L-b8v .icon {
	height: 2.4rem;
	width: 2rem
}

.en-5-L-b8v .xz-form-button path {
	fill: #3d3d3d
}

.en-5-L-b8v .xz-form-button:hover {
	filter: brightness(1.1)
}

.en-5-L-b8v .xz-form-button:active {
	transform: scale(.98)
}

@media screen and (max-width:800px) {
	.en-5-L-b8v {
		--gap: 1.5rem;
		--btn-w: 20rem;
		--btn-h: 5.6rem
	}

	.en-5-L-b8v .xz-form-infos {
		grid-gap: 1.5rem;
		grid-template-columns: 1fr
	}

	.en-5-L-b8v .xz-form-infos .xz-form-btns,
	.en-5-L-b8v .xz-form-infos .xz-form-msg {
		grid-column-end: 2;
		grid-column-start: 1
	}

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

	.en-5-L-b8v {
		--gap: 1.5rem;
		--h: 2rem;
		--lh: 2rem;
		--padding: 1.4rem;
		--size: 1.6rem;
		--btn-h: 4.8rem
	}

	.en-5-L-b8v .xz-form-button {
		font-size: 1.8rem
	}
}

@media screen and (max-width:500px) {
	.en-5-L-b8v .xz-form-infos {
		grid-gap: 1.5rem;
		grid-template-columns: 1fr
	}

	.en-5-L-b8v .xz-form-infos .xz-form-btns,
	.en-5-L-b8v .xz-form-infos .xz-form-msg {
		grid-column-end: 2;
		grid-column-start: 1
	}
}

.header-right-info {
	align-items: center;
	display: flex;
	gap: 4rem;
	justify-content: flex-end;
	opacity: .8
}

.header-right-info li {
	align-items: center;
	display: flex;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	gap: .5rem;
	height: 100%
}

.header-right-info li i.iconfont {
	color: #fff
}

.header-right-info li a {
	color: #fff;
	transition: all .3s
}

.header-right-info li a:hover {
	color: #fdcf00;
	text-decoration: underline
}

.header-quote {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.4rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.4rem;
	font-weight: 700;
	gap: 2.5rem;
	height: 4.8rem;
	justify-content: center;
	transition: all .3s;
	width: 4.8rem
}

.header-quote i {
	font-size: 2rem;
	font-weight: 400
}

.header-quote:hover {
	transform: translateY(-3px)
}

@media screen and (max-width:1366px) {
	.header-quote {
		display: none
	}
}

.header-searchform {
	margin-left: 3rem
}

.header-searchform input::-moz-placeholder {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif
}

.header-searchform input::placeholder {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif
}

.header-searchform>form {
	background: #f8f8f8;
	border: .1rem solid #eaeaea;
	border-radius: 10rem;
	height: 6rem;
	overflow: hidden;
	position: relative;
	width: 30rem
}

.header-searchform>form #s {
	background: transparent;
	border: none;
	color: #333;
	font-size: 1.6rem;
	height: 100%;
	outline: none;
	padding: 0 4rem 0 1.8rem;
	width: 100%
}

.header-searchform>form #submit {
	background: transparent;
	border: none;
	color: #333;
	display: inline-block;
	font-size: 2rem;
	left: 0;
	left: auto;
	outline: none;
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem
}

@media screen and (max-width:1366px) {
	.header-searchform>form {
		width: 20rem
	}
}

@media screen and (max-width:1280px) {
	.header-searchform {
		display: none
	}
}

body {
	--menu_h: 11.8rem
}

.xz-header {
	background: #3d3d3d;
	left: 0;
	position: sticky;
	top: 0;
	transition: all .5s ease;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}

.xz-header.page_home {
	background: transparent;
	position: fixed;
	z-index: 99
}

.xz-header.page_home #menu-main>li>a {
	color: #fff
}

.xz-header.bg_black {
	background: #3d3d3d
}

.xz-header-main {
	padding: 0 5%;
	width: 100%
}

.xz-header-x {
	justify-content: space-between
}

.xz-header-btns,
.xz-header-left,
.xz-header-middle,
.xz-header-x {
	align-items: center;
	display: flex
}

.xz-header-btns {
	gap: 2rem
}

#menu-main {
	display: flex;
	flex-flow: row nowrap;
	gap: 6rem;
	transition: all .3s
}

#menu-main a {
	color: #3d3d3d
}

#menu-main>li {
	height: 100%;
	top: 50%;
	z-index: 888
}

#menu-main>li,
#menu-main>li.menu-item-has-children,
#menu-main>li.menu-item-has-children>a {
	position: relative
}

#menu-main>li:hover>a {
	color: #fdcf00
}

#menu-main>li:hover>a:before {
	opacity: 1
}

#menu-main>li>a {
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	height: var(--menu_h);
	justify-content: center;
	transition: all .3s;
	white-space: nowrap;
	z-index: 2
}

#menu-main>li>a:hover {
	color: #fdcf00
}

#menu-main>li>a:before {
	background: #fdcf00;
	content: "";
	display: inline-block;
	height: .2rem;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 70%;
	transform: translateX(-50%);
	transition: all .3s;
	width: 1.8rem
}

#menu-main>li.current-category-ancestor>a,
#menu-main>li.current-menu-ancestor>a,
#menu-main>li.current-menu-item>a,
#menu-main>li.current-menu-parent>a {
	color: #fdcf00 !important
}

#menu-main>li>.sub-menu {
	background-color: #fff;
	border-radius: 0 0 .3rem .3rem;
	box-shadow: 0 .25rem 1.169rem .144rem rgba(33, 24, 21, .16);
	display: none;
	left: -1.5rem;
	padding: 1rem 2rem 1rem 1.5rem;
	position: absolute;
	z-index: 99999
}

#menu-main>li>.sub-menu>li {
	padding-bottom: .8rem;
	padding-right: 2rem;
	position: relative;
	text-align: left;
	transition: all .3s
}

#menu-main>li>.sub-menu>li.current-menu-item>a,
#menu-main>li>.sub-menu>li.current-menu-parent>a,
#menu-main>li>.sub-menu>li.current-post-ancestor>a,
#menu-main>li>.sub-menu>li.current-post-parent>a,
#menu-main>li>.sub-menu>li>a:hover {
	color: #fdcf00 !important
}

#menu-main>li>.sub-menu>li>a {
	color: #3d3d3d;
	display: inline-block;
	font-size: 1.4rem;
	position: relative;
	text-align: left;
	transition: all .3s;
	white-space: nowrap
}

#menu-main>li>.sub-menu>li>.sub-menu {
	background: #fff;
	box-shadow: 0 .25rem 1.169rem .144rem rgba(33, 24, 21, .16);
	display: none;
	left: 100%;
	padding: .6rem;
	position: absolute;
	top: 0
}

#menu-main>li>.sub-menu>li>.sub-menu>li {
	margin-bottom: .3rem
}

#menu-main>li>.sub-menu>li>.sub-menu>li.current-menu-item>a {
	color: #fdcf00 !important
}

#menu-main>li>.sub-menu>li>.sub-menu>li a {
	color: #999;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: .95rem;
	font-size: .9rem;
	text-align: left;
	transition: all .3s;
	white-space: nowrap
}

#menu-main>li>.sub-menu>li>.sub-menu>li a:hover {
	color: #fdcf00 !important
}

.mobile-header-x {
	display: none
}

@media screen and (max-width:1600px) {
	#menu-main {
		gap: 4.3rem
	}
}

@media screen and (max-width:1366px) {
	.xz-header-x {
		justify-content: space-between;
		width: 100%
	}
}

@media screen and (max-width:1024px) {
	.xz-header-pc {
		display: none !important
	}

	.mobile-header-x {
		display: block;
	
	}
}

.mh-sticky.mh-unpinned {
	transform: translate3d(0, -120%, 0)
}

#search-btn {
	align-items: center;
	background: #fdcf00;
	border-radius: 50%;
	display: flex;
	height: 4.8rem;
	justify-content: center;
	transition: all .3s;
	width: 4.8rem
}

#search-btn:hover {
	transform: translateY(-3px)
}

#search-btn i {
	color: #3d3d3d;
	font-size: 2.4rem
}

@media screen and (max-width:1366px) {
	#search-btn {
		margin-left: 5rem
	}
}

.xzform-inquery {
	margin-top: 4.4rem
}

.en-5-L-af8 {
	--c-border: #ddd;
	--c-bg: #fff;
	--c-font: #666;
	--c-star: #b80d00;
	--c-theme: #215db8;
	--c-green: #00b160;
	--gap: 2rem;
	--h: 4rem;
	--lh: 2.4rem;
	--padding: 1.6rem;
	--size: 1.6rem;
	--lines: 3;
	--btn-h: 4rem;
	position: relative
}

.en-5-L-af8 .xz-form-infos {
	grid-gap: var(--gap);
	display: grid;
	grid-template-columns: 1fr 1fr
}

.en-5-L-af8 .xz-form-infos .xz-form-agree,
.en-5-L-af8 .xz-form-infos .xz-form-btns,
.en-5-L-af8 .xz-form-infos .xz-form-msg {
	grid-column-end: 3;
	grid-column-start: 1
}

.en-5-L-af8 .xz-form-infos .xz-form-agree p {
	color: #666;
	margin: 0
}

.en-5-L-af8 .xz-form-info,
.en-5-L-af8 .xz-form-msg {
	color: var(--c-font);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--size)
}

.en-5-L-af8 .xz-form-label {
	color: #666;
	color: #3d3d3d;
	display: block;
	font-weight: 500;
	line-height: var(--h);
	margin-right: .8rem;
	white-space: nowrap;
	width: 100%
}

.en-5-L-af8 .xz-form-label.required:after {
	color: var(--c-star);
	content: "*";
	margin-left: .8rem
}

.en-5-L-af8 .xz-form-input,
.en-5-L-af8 .xz-form-textarea {
	border: 1px solid #e9e9e9 !important;
	font-size: var(--size);
	font-weight: 400;
	line-height: var(--h);
	outline: 0;
	padding: 0 1rem;
	width: 100%
}

.en-5-L-af8 .xz-form-textarea {
	height: calc(var(--lh)*var(--lines))
}

.en-5-L-af8 .xz-form-button {
	align-items: center;
	background: var(--c-theme);
	border: none;
	border-radius: .2rem;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: var(--size);
	font-weight: 600;
	justify-content: center;
	line-height: var(--btn-h);
	padding: 0;
	text-align: center;
	transition: all .3s;
	width: 20rem
}

.en-5-L-af8 .xz-form-button path {
	fill: #fff
}

.en-5-L-af8 .xz-form-button:hover {
	filter: brightness(1.1)
}

.en-5-L-af8 .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:800px) {
	.en-5-L-af8 {
		--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%
	}

	.en-5-L-af8 {
		--gap: 1.5rem;
		--h: 3rem;
		--lh: 2rem;
		--padding: 1.4rem;
		--size: 1.6rem;
		--btn-h: 4.8rem
	}

	.en-5-L-af8 .xz-form-button {
		font-size: 1.8rem
	}
}

@media screen and (max-width:500px) {
	.en-5-L-af8 .xz-form-infos {
		grid-gap: 1.5rem;
		grid-template-columns: 1fr
	}

	.en-5-L-af8 .xz-form-infos .xz-form-btns,
	.en-5-L-af8 .xz-form-infos .xz-form-msg {
		grid-column-end: 2;
		grid-column-start: 1
	}

	.en-5-L-af8 .xz-form-infos .xz-form-msg {
		grid-column-end: 3;
		grid-column-start: 1
	}
}

.lang-x {
	border-radius: 2.4rem;
	font-weight: 700;
	gap: 2.5rem;
	height: 4.8rem;
	justify-content: center;
	position: relative;
	transition: all .3s;
	width: 4.8rem
}

.lang-x,
.xz-lang {
	align-items: center;
	display: none;
	font-size: 1.4rem
}

.xz-lang {
	color: #fff;
	gap: .6rem;
	height: 100%;
	transition: all .3s ease
}

.xz-lang:after {
	border: .6rem solid transparent;
	border-top-color: #fff;
	content: "";
	display: inline-block;
	position: relative;
	top: .3rem
}

.xz-lang i {
	font-size: 2.2rem;
	font-weight: 100
}

.menu-language-container {
	background: #fdcf00;
	border-radius: .5rem;
	display: none;
	min-width: 100%;
	overflow: hidden;
	padding-bottom: .5rem;
	position: absolute;
	top: 100%;
	z-index: 999
}

#menu-language a {
	color: #fff;
	display: block;
	font-size: 1.2rem;
	line-height: 2.6em;
	padding: 0 1.6rem;
	text-align: right;
	transition: all .3s ease;
	white-space: nowrap
}

#menu-language a:hover {
	background: #e33737
}

.xz-logo-a {
	display: inline-block;
	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: auto;
	max-width: 32rem;
	pointer-events: none;
	transition: all .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none
}

@media screen and (max-width:1680px) {
	.xz-logo {
		max-width: 22rem
	}
}

@media screen and (max-width:1440px) {
	.xz-logo {
		max-width: 20rem
	}
}

@media screen and (max-width:1280px) {
	.xz-logo {
		max-width: 15rem
	}
}

@media screen and (max-width:1200px) {
	.xz-logo {
		max-width: 12rem
	}
}

.mobile-header {
	background: #3d3d3d;
	box-shadow: 0 .2rem 1rem -.25rem rgba(0, 0, 0, .2);
	height: 6rem;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}

.mobile-header>.xz-main {
	height: 100%;
	justify-content: space-between
}

.mobile-header>.xz-main,
.mobile-header>.xz-main .mobile-logo-box {
	align-items: center;
	display: flex
}

.mobile-header>.xz-main .mobile-logo {
	width: 14rem
}

.mobile-header>.xz-main .m-s-m {
	align-items: center;
	display: flex
}

.mobile-header>.xz-main #search-btn {
	height: 4rem;
	margin: 0 2rem 0 0;
	width: 4rem
}

.mobile-header>.xz-main #search-btn i {
	color: #333;
	display: inline-block;
	font-size: 2.5rem
}

.mobile-header>.xz-main #head-menu-btn {
	background: url(/wp-content/themes/frontier/img/caidan.png) no-repeat 50%;
	background-size: contain;
	display: inline-block;
	height: 3rem;
	width: 3rem
}

.mobile-header .m-s-m {
	height: 100%
}

.mobile_menu_wrap {
	background: #fff;
	bottom: 0;
	color: #fff;
	display: block !important;
	left: 60%;
	overflow: auto;
	padding: 2rem;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: all 0.5s;
	z-index: 9999
}

.mobile_menu_wrap.active {
	transform: translateX(0)
}

.mobile_menu_wrap .close {
	display: flex;
	justify-content: flex-end
}

.mobile_menu_wrap .close span {
	color: #fdcf00;
	cursor: pointer;
	display: inline-block;
	font-size: 3.6rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	transition: all 1s;
	width: 4rem
}

.mobile_menu_wrap .close span:hover {
	color: #fdcf00;
	transform: rotate(180deg)
}

.mobile_menu_wrap a {
	color: #fff
}

#menu-main-1 {
	margin-top: 3rem
}

#menu-main-1 li a {
	color: #1f3435;
	display: block;
	font-size: 2rem;
	height: 4rem;
	line-height: 4rem;
	transition: all .3s
}

#menu-main-1>li {
	margin-bottom: 2rem
}

#menu-main-1>li.menu-item-has-children {
	position: relative
}

#menu-main-1>li.menu-item-has-children span {
	align-items: center;
	color: #fdcf00;
	display: flex;
	font-size: 1.8rem;
	height: 4rem;
	justify-content: center;
	position: absolute;
	right: .5rem;
	text-align: center;
	top: .1rem;
	transform: rotate(90deg) scaleY(1.8);
	width: 4rem
}

#menu-main-1>li.menu-item-has-children>.sub-menu {
	display: flex;
    flex-wrap: wrap;
}

#menu-main-1>li.menu-item-has-children>.sub-menu>li.menu-item-has-children {
	position: relative
}

#menu-main-1>li.menu-item-has-children>.sub-menu>li.menu-item-has-children .sub-menu {
	display: none;
	margin-top: 1.6rem
}

#menu-main-1>li.menu-item-has-children>.sub-menu>li.menu-item-has-children span {
	align-items: center;
	color: #fdcf00;
	display: flex;
	font-size: 1.2rem;
	height: 4rem;
	justify-content: center;
	position: absolute;
	right: 2rem;
	text-align: center;
	top: .1rem;
	transform: rotate(90deg) scaleY(1.5);
	width: 4rem
}

#menu-main-1>li.current-menu-ancestor>a,
#menu-main-1>li.current-menu-item>a,
#menu-main-1>li.current-menu-parent>a {
	color: #fdcf00
}

#menu-main-1>li>.sub-menu {
	margin-top: 1rem
}

#menu-main-1>li>.sub-menu li {
	line-height: 2rem;
	margin-bottom: .8rem;
	padding-left: 1.5rem
}

#menu-main-1>li>.sub-menu li:last-child {
	margin-bottom: 0
}

#menu-main-1>li>.sub-menu li a {
	font-size: 1.8rem
}

@media screen and (max-width:600px) {
	.mobile_menu_wrap {
		left: 0%
	}
}

.header-online {
	align-items: center;
	background: #e33737;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 2.4rem;
	height: 6rem;
	justify-content: center;
	margin-left: 3rem;
	transition: all .3s;
	width: 6rem
}

.header-online:hover {
	transform: translateY(-3px)
}

.pagination {
	margin: 3rem 0 6rem
}

.nav-links,
.pagination {
	display: flex;
	justify-content: center
}

.nav-links {
	gap: .8rem
}

.page-numbers {
	border: 1px solid #ddd;
	border-radius: .2rem;
	color: #666;
	font-weight: 600;
	height: 5rem;
	line-height: 5rem;
	position: relative;
	text-align: center;
	transition: all .3s ease;
	width: 5rem
}

.page-numbers:hover {
	background: #fdcf00;
	color: #fff;
	transform: translateY(-3px)
}

.page-numbers.next i,
.page-numbers.prev i {
	font-size: 1.4rem
}

.page-numbers.current,
.post-page-numbers.current .page-numbers {
	background: #fdcf00;
	border: 1px solid #fdcf00;
	color: #fff
}

.page-numbers:hover:after {
	opacity: 1
}

.page-numbers:active {
	transform: scale(.9)
}

.screen-reader-text {
	display: none
}

@media screen and (max-width:600px) {
	.pagination {
		margin: 3rem 0
	}
}

.pro-parameters {
	margin-top: 3.7rem;
	position: relative
}

.pro-parameters .pro-param-nav {
	display: flex;
	gap: 1px;
	position: absolute;
	right: 0;
	top: -6.4rem
}

.pro-parameters .pro-param-nav li {
	align-items: center;
	background: #d8d8d8;
	color: #666;
	cursor: pointer;
	display: flex;
	font-size: 1.4rem;
	font-weight: 700;
	height: 2.8rem;
	justify-content: center;
	padding: 0 1.8rem
}

.pro-parameters .pro-param-nav li.act {
	background: #fdcf00;
	color: #fff
}

.pro-parameters .pro-param-show li {
	display: none
}

.pro-parameters .pro-param-show li.act {
	display: block
}

.xz-prenext {
	display: flex;
	flex-flow: column;
	gap: 1.6rem;
	margin: 6rem 0 5rem
}

.xz-pn-next,
.xz-pn-pre {
	margin: 0
}

.xz-pn-link {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.xz-pn-link:before {
	color: #3d3d3d;
	content: "ÏÂһƪ:";
	display: inline-block;
	font-weight: 700;
	margin-right: 1.8rem
}

.xz-pn-link a,
.xz-pn-link:before {
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	line-height: 1.5em
}

.xz-pn-link a {
	color: #666;
	font-weight: 500;
	position: relative;
	transition: all .3s ease
}

.xz-pn-link a:hover {
	color: #fdcf00;
	text-decoration: underline
}

.xz-pn-next .xz-pn-link:before {
	content: "ÉÏһƪ:"
}

@media screen and (max-width:600px) {
	.xz-prenext {
		margin: 4rem 0
	}
}

.pro-gallery {
	flex: none;
	padding-left: 10%;
	position: relative;
	width: 50%
}

.pro-gallery .slick-dots {
	bottom: 0;
	display: flex;
	flex-flow: column;
	gap: 1.5rem;
	justify-content: flex-start;
	left: 0;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: absolute;
	top: 0;
	width: 16%
}

.pro-gallery .slick-dots li {
	aspect-ratio: 1/1;
	border: 2px solid #f8f8f8;
	border-radius: .4rem;
	display: block;
	flex: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	transition: all .5s ease;
	width: 100%
}

.pro-gallery .slick-dots li.slick-active {
	border: 2px solid #fdcf00
}

.pro-gallery .slick-dots li:hover button {
	filter: brightness(1.1)
}

.pro-gallery .slick-dots li button {
	background-size: cover;
	border: none;
	border-radius: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	transition: all .3s ease;
	width: 100%
}

.gallery-l {
	aspect-ratio: 1/1;
	border-radius: .4rem;
	overflow: hidden;
	width: 88%
}

.gallery-item-a {
	border: 1px solid #ddd;
	border-radius: 0;
	display: block;
	overflow: hidden
}

.gallery-item-a img {
	transition: all .3s ease
}

.gallery-item-a:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.gallery-item-a img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}

@media screen and (max-width:1280px) {
	.pro-gallery {
		padding-left: 10%;
		width: 50%
	}
}

@media screen and (max-width:810px) {
	.pro-gallery {
		margin: 0 0 4rem;
		padding-left: 20.8%;
		width: 100%
	}
}

.pro-param {
	background: #f8f8f8;
	margin-top: 4rem;
	padding: 3rem 3.7rem
}

.pro-param h6 {
	font-weight: 700;
	margin: 0
}

.pro-param .pro-rela-app {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4rem
}

.pro-show {
	flex: none;
	width: 46%
}

.show-l {
	aspect-ratio: 1/1;
	margin-bottom: 2rem;
	overflow: hidden
}

.show-nav {
	opacity: 0;
	overflow: hidden;
	padding-right: 2px;
	transition: all .5s ease
}

.show-nav.slick-slider {
	opacity: 1
}

.show-nav .slick-track {
	gap: 1.4rem
}

.show-item-a {
	overflow: hidden
}

.show-item-a img {
	transition: all .3s ease
}

.show-item-a:hover img {
	filter: brightness(1.05);
	transform: scale(1.05)
}

.show-item-a img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s ease;
	width: 100%
}

.show-nav-item {
	aspect-ratio: 1/1;
	border: 2px solid transparent;
	border-radius: 4px;
	overflow: hidden;
	transition: all .3s ease
}

.show-nav-item:hover {
	border: 2px solid rgba(61, 61, 61, .2)
}

.show-nav-item.slick-current {
	border: 2px solid rgba(253, 207, 0, .75)
}

.show-nav-item img {
	display: block
}

.pro-rela-ul.xz-solu-ul {
	border: .1rem solid #e9e9e9;
	margin-top: 3.8rem;
	padding: 3.7rem 3.7rem 1.3rem
}

.pro-rela-ul.xz-solu-ul .loop-solu {
	box-shadow: none;
	margin-bottom: 2.4rem
}

.pro-rela-ul.xz-solu-ul .loop-solu-info {
	padding: 1rem 0 0
}

.pro-rela-ul.xz-solu-ul .loop-solu-info .loop-solu-tit a {
	border: none
}

.pro-rela-ul.xz-solu-ul .loop-solu-info .loop-solu-excerpt,
.pro-rela-ul.xz-solu-ul .loop-solu-info .loop-solu-more {
	display: none
}

.public-form {
	background: #f8f8f8;
	padding: 9.8rem 0
}

.public-form-in {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.public-form-in .public-form-info {
	background: url(/wp-content/themes/frontier/img/form-bg.jpg) no-repeat 50%;
	width: 46.7rem
}

.public-form-in .public-form-info .public-form-info-in {
	background: rgba(0, 0, 0, .4);
	background-size: cover;
	padding: 6rem 7.2rem 5rem
}

.public-form-in .public-form-info .public-form-info-in>.iconfont {
	background: url(/wp-content/themes/frontier/img/fanqie.png) no-repeat 50%;
	display: block;
	height: 9.6rem;
	width: 9.6rem
}

.public-form-in .public-form-info .public-form-info-in h2 {
	color: #fff;
	line-height: 6.8rem;
	margin-top: 3rem;
	font-size: 4rem;
}

.public-form-in .public-form-info .public-form-info-in span {
	color: #f8f8f8;
	display: block;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin-top: 6rem
}

.public-form-in .public-form-info .public-form-info-in strong {
	color: #fff;
	display: block;
	font-size: 3.5rem;
	line-height: 4.8rem;
	margin-top: 1rem
}

.public-form-in .public-form-info .public-form-info-in a {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	margin-top: 3rem;
	transition: all .3s;
	width: 14.7rem
}

.public-form-in .public-form-info .public-form-info-in a .iconfont {
	font-size: 1.8rem
}

.public-form-in .public-form-info .public-form-info-in a:hover {
	transform: translateX(3px)
}

.public-form-in .public-form-r {
	width: calc(100% - 51rem)
}

.public-form-in .public-form-r>p {
	font-size: 1.8rem;
	margin: 2rem 0 4rem
}

@media screen and (max-width:810px) {
	.public-form-in>p {
		margin: 2rem 0 4rem
	}
}

@media screen and (max-width:600px) {
	.public-form {
		padding: 0 0 4rem
	}

	.public-form-in>p {
		font-size: 2rem
	}

	.public-form-in .public-form-info .public-form-info-in {
		padding: 6rem 3.2rem 5rem
	}

	.public-form-in .public-form-info .public-form-info-in span {
		margin-top: 2rem
	}
}

.xz-searchform {
	display: flex;
	flex-direction: column;
	width: 100%
}

.xz-searchform .xz-searchform-input {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-size: 1.4rem;
	line-height: 2.6rem;
	padding: 1rem;
	width: 100%
}

.input-search {
	position: relative
}

.input-search #clear-input {
	background: #fabf13;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	height: 2.1rem;
	line-height: 2rem;
	position: absolute;
	right: 1.6rem;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 2.1rem
}

.xz-searchform .xz-searchform-submit {
	align-self: center;
	margin-bottom: 9.7rem;
	margin-top: 5.6rem
}

.search-sec h3 {
	color: #3d3d3d;
	font-size: 2.4rem;
	font-weight: 400;
	margin: 0 0 4rem
}

.search-sec-x h5 {
	margin-bottom: 2.1rem;
	margin-top: 4.9rem
}

.hot-search {
	border-bottom: 1px dashed #d8d8d8;
	display: flex;
	margin-top: 5.6rem;
	padding-bottom: 5.6rem
}

.hot-search .txt-fst {
	color: #080e18;
	font-size: 1.8rem;
	font-weight: 700;
	margin-right: 5.5rem;
	opacity: .8;
	white-space: nowrap
}

.hot-search .hot-words {
	display: flex;
	flex-flow: row wrap
}

.hot-search .hot-words .word {
	border: 1px solid #ddd;
	border-radius: .4rem;
	color: #3d3d3d;
	font-size: 1.2rem;
	height: 3.4rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	margin-right: 1rem;
	padding: 1rem 2rem;
	transition: all .3s ease
}

.hot-search .hot-words .word a {
	color: #3d3d3d;
	font-weight: 300
}

.hot-search .hot-words .word.current-menu-item,
.hot-search .hot-words .word:hover {
	border: 1px solid #3d3d3d
}

.hot-search .hot-words .word:hover a {
	color: #fdcf00
}

.search-g {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 5.9rem;
	padding-top: 7.4rem
}

.search-g ul {
	display: flex;
	flex-direction: row;
	gap: 4rem
}

.search-g ul .search-nav-li {
	margin-bottom: 0;
	padding-bottom: 2.2rem
}

.search-g ul .search-nav-li a {
	color: #3d3d3d;
	font-size: 1.8rem;
	font-weight: 700;
	opacity: .5
}

.search-g ul .current a {
	color: #fdcf00;
	opacity: 1
}

.search-results .loop-news,
.search-results .loop-pro {
	background: #fff
}

.bg-gray.alignfull {
	background-color: #f8f8f8;
	padding-bottom: 2rem
}

#searchform-x {
	align-items: center;
	display: flex;
	justify-content: center
}

.xz-searchform-s {
	display: flex;
	margin-right: 1rem;
	position: relative;
	width: 50%
}

.xz-searchform-s .xz-searchform-input {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 2.4rem;
	flex: 1;
	font-size: 1.6rem;
	height: 4.8rem;
	line-height: 1em;
	padding-left: 2rem;
	padding-right: .6rem;
	width: 100%
}

.xz-searchform-s .xz-searchform-submit {
	align-items: center;
	background: #fdcf00;
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 2.4rem;
	height: 4.8rem;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease;
	width: 4.8rem
}

.xz-searchform-s .xz-searchform-submit:hover {
	background: #000
}

.xz-searchform-s .xz-searchform-submit:active {
	transform: scale(.95)
}

@media screen and (max-width:600px) {
	.xz-searchform-s {
		width: 70%
	}
}

.form-sec2-info {
	align-items: center;
	background: #fff;
	border: none;
	border-bottom: 1px dotted #ddd;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 10px;
	overflow: hidden
}

.form-sec2-must {
	color: #fdcf00;
	display: block;
	flex: none;
	font-size: 16px;
	font-style: normal;
	line-height: 20px
}

.form-sec2-info input {
	background: #fff;
	border: none;
	color: #222;
	display: block;
	flex: 1;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-left: 4px;
	outline: none;
	padding: 1.4rem 0
}

.form-sec2-info input::-webkit-input-placeholder,
.form-sec2-textarea textarea::-webkit-input-placeholder {
	color: #999;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.6rem;
	line-height: 2rem
}

.form-sec2-info input:-moz-placeholder,
.form-sec2-info input::-moz-placeholder,
.form-sec2-textarea textarea:-moz-placeholder,
.form-sec2-textarea textarea::-moz-placeholder {
	color: #999;
	font-size: 1.6rem;
	line-height: 2rem
}

.form-sec2-info input:-ms-input-placeholder,
.form-sec2-textarea textarea:-ms-input-placeholder {
	color: #999;
	font-size: 1.6rem;
	line-height: 2rem
}

.form-sec2-textarea textarea {
	background: #fff;
	border: none;
	border-bottom: 1px dotted #ddd;
	color: #222;
	font-size: 1.4rem;
	height: 120px;
	line-height: 2rem;
	padding: 1.4rem 0;
	resize: none;
	width: 100%
}

.form-sec2-btn {
	background: #e33737;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	height: 5.6rem;
	line-height: 5.6rem;
	margin-top: 2rem;
	outline: none;
	text-align: center;
	transition: all .3s;
	width: 100%
}

.form-sec2-btn:hover {
	transform: translateY(-4px)
}

.form-sec2-btn::active {
	transform: scale(.95)
}

.form-sec2-textarea {
	position: relative
}

.form-sec2-textarea .form-sec2-must {
	left: 8px;
	position: absolute;
	top: 14px
}

.sider-contact {
	bottom: 20%;
	position: fixed;
	right: 0;
	transform: scale(.9);
	transform-origin: right top;
	z-index: 999
}

.sider-contact:hover .right-close {
	opacity: 1
}

#top-btn {
	align-items: center;
	background: #fdcf00;
	border-radius: .8rem;
	box-shadow: 0 0 4rem -.5rem rgba(0, 0, 0, .1);
	color: #fff;
	display: flex;
	font-size: 1.6rem;
	font-weight: 700;
	height: 7.6rem;
	justify-content: center;
	opacity: 0;
	transform: scale(0);
	transition: all .3s ease;
	width: 7rem
}

#top-btn.show {
	opacity: 1;
	transform: scale(1)
}

#top-btn.show:hover {
	background: #000
}

#top-btn.show:active {
	transform: scale(.9)
}

#top-btn i {
	font-size: 2rem
}

.right-nav {
	background: #fff;
	border-radius: .8rem;
	bottom: 8.2rem;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
	left: 0;
	opacity: 1;
	padding-bottom: 2.8rem;
	padding-top: 2rem;
	position: absolute;
	transform: translateX(0);
	transform-origin: 50% bottom;
	transition: all .3s ease;
	visibility: visible;
	width: 7.6rem;
	width: 100%
}

.right-nav:hover {
	box-shadow: 0 0 2rem -.2rem rgba(0, 0, 0, .1)
}

.right-nav.hide {
	opacity: 0;
	transform: translateX(200%);
	visibility: hidden
}

.right-nav-list,
.right-nav-list li {
	align-items: center;
	display: flex;
	flex-flow: column
}

.right-nav-list li {
	margin-bottom: 2rem;
	position: relative;
	width: 100%
}

.right-nav-list li:not(:first-child):before {
	background: #d1d3d2;
	content: "";
	display: block;
	height: 1.5px;
	margin: 0 0 2rem;
	width: 1.5rem
}

.right-nav-list li a {
	align-items: center;
	display: flex;
	flex-flow: column
}

.right-nav-list li:hover .iconfont {
	filter: brightness(1.1);
	transform: scale(1.1)
}

.right-nav-list li:hover .right_hide {
	opacity: 1;
	transform: translate(-100%, -50%);
	visibility: visible
}

.right-nav-list .iconfont {
	display: block;
	font-size: 2.8rem;
	margin-bottom: .8rem;
	transition: all .3s ease
}

.right-nav-list .btn-tit {
	color: #333;
	font-size: 1.3rem;
	line-height: 1.6rem
}

.right_hide {
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 0 1rem -2px rgba(61, 61, 61, .15);
	color: #3d3d3d;
	font-size: 14px;
	left: -10px;
	line-height: 16px;
	opacity: 0;
	padding: 12px 16px;
	position: absolute;
	top: 50%;
	transform: translate(-110%, -50%);
	transition: all .5s ease;
	visibility: hidden;
	white-space: nowrap
}

.right_hide:before {
	border-bottom: 6px solid transparent;
	border-left: 8px solid #fff;
	border-top: 6px solid transparent;
	content: "";
	position: absolute;
	right: -8px;
	top: calc(50% - 4px)
}

.right-close {
	align-items: center;
	background: transparent;
	border: 1px solid #ddd;
	border-radius: 2rem;
	bottom: 1rem;
	color: #ddd;
	cursor: pointer;
	display: block;
	display: flex;
	font-size: 1rem;
	height: 3rem;
	justify-content: center;
	left: 50%;
	opacity: 0;
	position: absolute;
	text-align: center;
	transform: translate(-50%);
	transition: all .3s ease;
	width: 3rem
}

.right-close:hover {
	background: #3d3d3d;
	border-color: #3d3d3d;
	transform: translate(-50%) rotate(180deg)
}

.right-open {
	align-items: center;
	bottom: 9rem;
	color: #ddd;
	cursor: pointer;
	display: flex;
	height: 3rem;
	justify-content: center;
	left: 50%;
	opacity: 0;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	transition: all .3s ease;
	visibility: hidden;
	width: 3rem;
	z-index: 1000
}

.right-open .iconfont {
	display: block;
	font-size: 3rem;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none
}

.right-open:hover {
	color: #3d3d3d
}

.right-open.show {
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:810px) {
	body {
		padding-bottom: 6.5rem
	}

	.sider-contact {
		background-color: hsla(0, 0%, 100%, .6);
		border-radius: .8rem .8rem 0 0;
		bottom: 0;
		left: 0;
		padding-bottom: 0;
		padding-top: 0;
		top: auto;
		transform: translate(0);
		width: 100%
	}

	#top-btn,
	.right-close,
	.right-open {
		display: none
	}

	.right-nav {
		border-radius: 0;
		bottom: 0;
		display: flex;
		flex-flow: row;
		padding: 0
	}

	.right-nav li {
		flex: 1;
		height: 6.5rem
	}

	.right-nav .iconfont {
		margin-bottom: .5rem;
		margin-top: 1rem
	}

	.right-nav-list {
		flex-direction: row;
		width: 100%
	}

	.right-nav-list li {
		margin: 0
	}

	.right-nav-list li:before,
	.right-nav-list li:not(:first-child):before {
		display: none
	}

	.right-nav li:last-child {
		border-radius: 0 .8rem 0 0
	}

	#sider-contact-switcher,
	.right_hide {
		display: none
	}
}

.xz-sns-ul {
	align-items: center;
	display: flex;
	gap: 3.6rem
}

.xz-sns-li {
	position: relative
}

.xz-sns-li:hover .xz-sns-img-x {
	transform: scale(1) translateX(-50%)
}

.xz-sns-li i {
	color: #fff;
	cursor: pointer;
	font-size: 1.8rem;
	opacity: .8
}

.xz-sns-img-x {
	background: #fff;
	bottom: 100%;
	height: 7rem;
	left: 50%;
	padding: .5rem;
	position: absolute;
	transform: scale(0) translateX(-50%);
	transform-origin: left bottom;
	transition: all .3s;
	width: 7rem
}

.toppic {
	background-color: #f8f8f8;
	position: relative
}

.toppic.none {
	display: none
}

.toppic img {
	display: block;
	height: 40rem;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	width: 100%
}

.toppic_content {
	background: rgba(0, 0, 0, .3);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.toppic_content.none {
	display: none
}

.toppic_content>.xz-main {
	align-items: center;
	display: flex;
	flex-flow: column;
	height: calc(100% - 12rem);
	justify-content: center
}

.toppic_tit {
	color: #fff;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase
}

@media screen and (max-width:1440px) {
	.toppic img {
		height: 27rem
	}
}

@media screen and (max-width:600px) {
	.toppic img {
		height: 20rem
	}

	.toppic_content>.xz-main {
		height: 100%
	}
}

@media screen and (max-width:500px) {
	.toppic img {
		height: 20rem
	}
}

::-webkit-scrollbar {
	background-color: transparent;
	height: 12px;
	width: 12px
}

::-webkit-scrollbar-thumb {
	background-clip: content-box;
	background-color: #ddd;
	border: 2px solid transparent;
	border-radius: 8px
}

.table-x {

	overflow: auto;

}

.table-x table {
	border-collapse: collapse;
	width: 100%
}

.table-x table tr:first-child td {
	color: #3d3d3d;
	font-weight: 500
}

.table-x table tr:nth-child(2n-1) {
	background: #eee
}

.table-x table td {
	border: 1px solid #ccc;
	color: #666;
	padding: 1.5rem .8rem;
}

.home-about {
	margin-top: 5.2rem
}

.home-about-in {
	align-items: end;
	display: flex;
	justify-content: space-between
}

.home-about-in .home-about-l {
	width: 40%
}

.home-about-in .home-about-l h1 {
	margin: 0 0 1rem
}

.home-about-in .home-about-l h1+.wp-block-image {
	margin-left: -2rem
}

.home-about-in .home-about-l p {
	margin-top: 4rem
}

.home-about-in .home-about-l p strong {
	font-size: 1.7rem;
	font-weight: 700
}

.home-about-in .home-about-l .about-more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .5rem;
	height: 4.2rem;
	justify-content: center;
	margin-top: 4rem;
	transition: all .3s;
	width: 14.7rem
}

.home-about-in .home-about-l .about-more .iconfont {
	font-size: 1.8rem
}

.home-about-in .home-about-l .about-more:hover {
	transform: translateX(3px)
}

.home-about-in .home-about-l ul {
	align-items: center;
	background: #f8f8f8;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	margin-top: 2.8rem;
	padding: 2.5rem
}

.home-about-in .home-about-l ul li {
	align-items: center;
	display: flex;
	font-size: 1.8rem;
	font-weight: 300;
	gap: 2rem;
	width: 26rem
}

.home-about-in .home-about-l ul li img {
	mix-blend-mode: darken;
	width: 8.5rem
}

.home-about-in .home-about-r {
	align-items: end;
	display: flex;
	justify-content: space-between;
	width: 55%
}

.home-about-in .home-about-r img {
	display: block
}

.home-about-in .home-about-r .gc1 {
	position: relative;
	width: 55%
}

.home-about-in .home-about-r .gc1:after {
	background: url(/wp-content/themes/frontier/img/gc-bg.png) no-repeat 50%;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 0rem;
	position: absolute;
	right: 2.5rem;
	top: 2.5rem;
	width: 13.4rem
}

.home-about-in .home-about-r .gc2 {
	width: 40%
}

.home-hot-pro {
	background: url(/wp-content/themes/frontier/img/remai-bg3.jpg) no-repeat 50%;
	background-size: cover;
	margin-top: 13rem;
	padding-bottom: 8rem;
	position: relative
}

.home-hot-pro:after {
	background: rgba(0, 0, 0, .75);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.home-hot-pro-in {
	position: relative;
	z-index: 9
}

.home-hot-pro-tit {
	padding: 5.2rem 0 0
}

.home-hot-pro-tit h1 {
	color: #fff;
	margin: 0
}

.home-hot-pro-tit p {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 300;
	margin: 2rem 0 0
}

.hot-pro-nav-x {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 6rem
}

.hot-pro-nav-x #menu-hot-pro-nav {
	align-items: center;
	display: flex;
	gap: 4.4rem
}

.hot-pro-nav-x #menu-hot-pro-nav li {
	position: relative
}

.hot-pro-nav-x #menu-hot-pro-nav li.act a {
	color: #fdcf00;
	font-weight: 700
}

.hot-pro-nav-x #menu-hot-pro-nav li:not(:last-child):after {
	background: #fff;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 1rem;
	position: absolute;
	right: -2.6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1rem
}

.hot-pro-nav-x #menu-hot-pro-nav a {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 400;
	transition: all .3s
}

.hot-pro-nav-x #menu-hot-pro-nav a:hover {
	color: #fdcf00;
	font-weight: 700
}

.hot-pro-nav-x .hot-pro-nav-more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .5rem;
	height: 4.2rem;
	justify-content: center;
	transition: all .3s;
	width: 14.7rem
}

.hot-pro-nav-x .hot-pro-nav-more .iconfont {
	font-size: 1.8rem
}

.hot-pro-nav-x .hot-pro-nav-more:hover {
	transform: translateX(3px)
}

.hot-pro-show-x .hot-pro-show-item {
	display: none
}

.hot-pro-show-x .hot-pro-show-item.act {
	display: block
}

.home-dingzhi {
	align-items: center;
	background: #fdcf00;
	border-radius: 10rem;
	display: flex;
	height: 11.6rem;
	justify-content: space-between;
	margin-top: 7rem;
	padding: 0 3.2rem 0 6.6rem;
	width: 100%
}

.home-dingzhi .home-dz-l {
	align-items: center;
	color: #3d3d3d;
	display: flex;
	font-size: 3.2rem;
	font-weight: 300;
	gap: 1.4rem;
	height: 100%
}

.home-dingzhi .home-dz-l span {
	font-weight: 300
}

.home-dingzhi .home-dz-l strong {
	font-weight: 700
}

.home-dingzhi .home-dz-link {
	align-items: center;
	background: #fff;
	border-radius: 2.8rem;
	color: #3d3d3d;
	display: flex;
	gap: .5rem;
	height: 5.6rem;
	justify-content: center;
	transition: all .3s;
	width: 16rem
}

.home-dingzhi .home-dz-link .iconfont {
	font-size: 1.8rem
}

.home-dingzhi .home-dz-link:hover {
	transform: translateX(3px)
}

.why-choose-us {
	margin: 12rem 0 6rem;
	position: relative
}

.why-choose-us img {
	display: block
}

.why-choose-us .choose-us-tit {
	margin: 0 0 -6rem;
	position: relative;
	text-align: center;
	z-index: 9
}

.why-choose-us .why-more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.8rem;
	bottom: 6rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	gap: .5rem;
	height: 5.6rem;
	justify-content: center;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .3s;
	width: 16rem
}

.why-choose-us .why-more .iconfont {
	font-size: 1.8rem
}

.why-choose-us .why-more:hover {
	margin-left: 3px
}

.home-app {
	background: url(/wp-content/themes/frontier/img/remai-bg3.jpg) no-repeat 50%;
	background-size: cover;
	height: 72rem;
	position: relative
}

.home-app:after {
	background: rgba(0, 0, 0, .5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.home-app-in {
	padding: 5.2rem 0 0;
	position: relative;
	z-index: 9
}

.home-app-in h1 {
	color: #fff;
	margin: 0
}

.home-app-in p {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 2rem 0 0
}

.home-app-in a {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .5rem;
	height: 4.2rem;
	justify-content: center;
	margin-top: 4rem;
	transition: all .3s;
	width: 14.7rem
}

.home-app-in a .iconfont {
	font-size: 1.8rem
}

.home-app-in a:hover {
	transform: translateX(3px)
}

.app-cat-ul {
	display: flex;
	gap: 2rem;
	margin-top: -42.3rem;
	overflow-x: auto;
	position: relative
}

.app-cat-ul .term_lv1 {
	flex-shrink: 0;
	transition: all .3s;
	width: 23.7rem
}

.app-cat-ul .term_lv1:hover {
	transform: translateY(-3px)
}

.app-cat-ul .term_lv1 img {
	display: block
}

.app-cat-ul .term_lv1>a {
	display: block;
	position: relative
}

.app-cat-ul .term_lv1 .term_lv1_info {
	align-items: center;
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	left: 0;
	padding: 7rem 0;
	position: absolute;
	right: 0;
	top: 0
}

.app-cat-ul .term_lv1 .term_lv1_info .term_lv1_name {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem
}

.app-cat-ul .term_lv1 .term_lv1_info .term_lv1_more {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .5rem;
	height: 4.2rem;
	justify-content: center;
	transition: all .3s;
	width: 85%
}

.app-cat-ul .term_lv1 .term_lv1_info .term_lv1_more .iconfont {
	font-size: 1.8rem
}

.app-cat-ul .term_lv1 .term_lv1_info .term_lv1_more:hover {
	transform: translateX(3px)
}

.home-news-in {
	margin-bottom: 10rem
}

.home-news-in>h1 {
	margin: 10rem 0 0;
	text-align: center
}

.home-news-in>p {
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 2rem 0 0;
	text-align: center
}

.product-list-banner {
	overflow: hidden;
	position: relative
}

.product-list-banner img {
	display: block
}

.product-list-banner .pro-list-banner-info {
	background: rgba(0, 0, 0, .2);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.product-list-banner .pro-list-banner-txt {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in {
	color: #fff;
	margin-top: 17rem;
	width: 48%
}

.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in h1 {
	color: #fff;
	font-size: 7.2rem;
	line-height: 10.4rem;
	margin: 0
}

.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in p {
	color: #fff;
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 5.2rem;
	margin: 2.9rem 0 0;
	opacity: .9
}

.pro-btns {
	display: flex;
	gap: 2.9rem;
	margin-top: 2.9rem
}

.pro-btns a {
	align-items: center;
	border-radius: 2.8rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	gap: .4rem;
	height: 5.6rem;
	justify-content: center;
	padding: 0 1rem;
	transition: all .3s;
	width: 16.3rem
}

.pro-btns a:hover {
	transform: translateY(-3px)
}

.pro-btns a:first-child {
	background: #fdcf00
}

.pro-btns a:nth-child(2) {
	background: #e50020d9;
	color: #ffffff;
}

.pro-btns a i {
	font-size: 1.8rem;
	font-weight: 400
}

.our-pro {
	background: #f8f8f8;
	padding: 16rem 0 14rem
}

.our-pro-in {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.our-pro-in .our-pro-left {
	width: 42%
}

.our-pro-in .our-pro-left h1 {
	margin: 0
}

.our-pro-in .our-pro-left p {
	font-size: 3.2rem;
	font-weight: 300;
	margin: 2rem 0 0
}

.our-pro-in .our-pro-left ul {
	margin-top: 8rem
}

.our-pro-in .our-pro-left ul li {
	align-items: center;
	display: flex;
	gap: 2rem
}

.our-pro-in .our-pro-left ul li:not(:last-child) {
	margin-bottom: 4rem
}

.our-pro-in .our-pro-left ul li .chanpintedian-img {
	height: 5.6rem;
	width: 5.6rem
}

.our-pro-in .our-pro-left ul li .chanpintedian-img img {
	display: block
}

.our-pro-in .our-pro-left ul li .chanpintedian-info-x {
	width: calc(100% - 7.6rem)
}

.our-pro-in .our-pro-left ul li .chanpintedian-info-x .chanpintedian-name {
	margin: 0
}

.our-pro-in .our-pro-left ul li .chanpintedian-info-x .chanpintedian-txt {
	color: #3d3d3d;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: .5rem 0 0
}

.our-pro-in .our-pro-right {
	width: 57.8%
}

.our-pro-in .our-pro-right img {
	mix-blend-mode: darken
}

.xz-prols-x {
	margin-top: 3.5rem
}

.xz-pro-list-tit {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.xz-pro-list-tit-l {
	width: 52rem
}

.xz-pro-list-tit-l h1 {
	margin: 0
}

.xz-pro-list-tit-l p {
	font-size: 3.2rem;
	font-weight: 300;
	margin: 2rem 0 0
}

.xz-pro-list-tit-r {
	max-width: 84rem
}

.xz-app-list-tit-l {
	margin-top: 5.5rem;
	width: 100%
}

.xz-app-list-tit-r {
	margin-top: 7rem;
	max-width: 100%
}

.pro-menu-x {
	background: #f8f8f8;
	border-radius: 4rem;
	display: flex;
	overflow-x: auto;
	padding: 1rem
}

.pro-menu-x.video-menu-x {
	background: #fff
}

.pro-menu-x .menu-item.current-menu-item a {
	background: #fdcf00;
	font-weight: 700
}

.pro-menu-x .menu-item a {
	align-items: center;
	border-radius: 2.8rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	height: 5.6rem;
	justify-content: center;
	padding: 0 2.7rem;
	transition: all .3s;
	white-space: nowrap
}

.pro-menu-x .menu-item a:hover {
	background: #fdcf00
}

.procat-lv2-x {
	align-items: center;
	background: #fdcf00;
	display: flex;
	height: 6.4rem;
	justify-content: space-between;
	margin-top: 5.5rem;
	padding: 0 2rem
}

.procat-lv2-x .procat-lv2 {
	align-items: center;
	display: flex;
	gap: 3.2rem
}

.procat-lv2-x .procat-lv2 .menu-item {
	position: relative
}

.procat-lv2-x .procat-lv2 .menu-item:not(:last-child):after {
	background: #3d3d3d;
	content: "";
	display: inline-block;
	height: 2rem;
	position: absolute;
	right: -1.6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

.procat-lv2-x .procat-lv2 .menu-item.current-menu-item a {
	font-weight: 700
}

.procat-lv2-x .procat-lv2 .menu-item a {
	color: #3d3d3d;
	font-size: 1.8rem;
	transition: all .3s
}

.procat-lv2-x .procat-lv2 .menu-item a:hover {
	text-decoration: underline
}

.procat-lv2-x .zixun {
	display: flex;
	gap: 1rem;
	justify-content: space-evenly;
}

.procat-lv2-x .zixun a {
	align-items: center;
	border-radius: 2.8rem;
	color: #3d3d3d;
	display: flex;
	font-size: 1.4rem;
	font-weight: 400;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	padding: 0 1rem;
	transition: all .3s;
	width: 15rem
}

.procat-lv2-x .zixun a:hover {
	transform: translateY(-3px)
}

.procat-lv2-x .zixun a:first-child {
    background: #e50020d9;
    color: #f2f2f2;
}

.procat-lv2-x .zixun a:nth-child(2) {
	background: #fff
}

.procat-lv2-x .zixun a i {
	font-size: 1.8rem;
	font-weight: 400
}

.xz-pro-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	margin-top: 7.6rem
}

.content-body {
	margin-bottom: 4rem
}

.xz-videos {
	background: #f8f8f8
}

.xz-videos-x {
	margin-top: 16rem
}

.xz-video-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	margin-top: 7.6rem
}

.xz-application {
	background: #f8f8f8
}

.xz-application .app-menu-x {
	background: #fff
}

.xz-application-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	margin-top: 5rem
}

.xz-news {
	background: #f8f8f8
}

.xz-newsls {
	margin-top: 9rem;
	padding-bottom: 3rem
}

.news-ls {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	margin-top: 6rem
}

.news-list-in {
	padding: 10rem 0 5rem
}

.news-list-in>p {
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 2rem 0 0
}

.news-list-ul {
	margin-top: 7.6rem
}

.xz-single {
	background: #f8f8f8
}

.xz-single-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2rem
}

.xz-single-in .xz-single-l {
	width: calc(100% - 49.6rem)
}

.xz-single-in .xz-single-l h3 {
	margin-top: 0
}

.xz-single-in .xz-single-l .post-content {
	background: #fff;
	margin-top: 4.7rem;
	padding: 4rem 7rem;
}

.wp-block-image figure figcaption {
    text-align: center;
    color: #898383;
    font-size: 1.3rem;
}

.wp-block-image figure figcaption:before {
    content: "¡ø";
    color: #fabf13;
}



.xz-single-in .xz-single-r {
	margin-top: 22rem;
	width: 46.6rem
}

.news-related_ul {
	margin-top: 4rem
}

.news-related_ul .loop-pro {
	width: 100%
}

.xz-single-tit {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.xz-single-tit.xz-single-tit-pro {
	margin-top: 7.5rem
}

.xz-single-tit h3 {
	margin: 0
}

.xz-single-tit a {
	align-items: center;
	background: #fff;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	transition: all .3s;
	width: 14.7rem
}

.xz-single-tit a .iconfont {
	font-size: 1.8rem
}

.xz-single-tit a:hover {
	background: #fdcf00;
	transform: translateX(3px)
}

.about-video {
	display: block;
	margin-top: 4.7rem;
	overflow: hidden;
	position: relative
}

.about-video:hover img {
	transform: scale(1.02)
}

.about-video:after {
	background: linear-gradient(180deg, hsla(0, 0%, 85%, 0), rgba(0, 0, 0, .45));
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.about-video img {
	display: block;
	transition: all .3s
}

.about-video .iconfont {
	bottom: 5rem;
	color: #fff;
	font-size: 5.5rem;
	left: 5rem;
	position: absolute;
	z-index: 9
}

.page-about {
	background: #f8f8f8
}

.page-x {
	display: flex;
	margin-bottom: 12rem;
	margin-top: 7rem
}

.page-x .page-x-l {
	background: #f1f1f1;
	padding-bottom: 10rem;
	width: 39.5rem
}

.page-x .page-x-l .page-x-l-in {
	position: sticky;
	top: 0
}

.page-x .page-x-l .page-side-tit {
	padding: 7rem 0 0 5rem
}

.page-x .page-x-l .page-side-tit h1 {
	margin: 0
}

.page-x .page-x-l .page-side-tit p {
	font-size: 3.2rem;
	font-weight: 300;
	margin: 2rem 0 0;
	text-align: left;
}

.page-x .page-x-l .about-menu-x {
	margin-top: 4.9rem
}

.page-x .page-x-l .about-menu-x .menu li.current-menu-item a {
	background: #fdcf00
}

.page-x .page-x-l .about-menu-x .menu li.current-menu-item a:after {
	border-left-color: #fdcf00
}

.page-x .page-x-l .about-menu-x .menu a {
	align-items: center;
	background: transparent;
	color: #3d3d3d;
	display: flex;
	font-size: 2.4rem;
	font-weight: 700;
	height: 6.4rem;
	padding: 0 0 0 5rem;
	position: relative;
	transition: all .3s
}

.page-x .page-x-l .about-menu-x .menu a:after {
	border: .8rem solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	right: -1.6rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s
}

.page-x .page-x-l .about-menu-x .menu a:hover {
	background: #fdcf00
}

.page-x .page-x-r {
	background: #fff;
	padding: 7.2rem;
	width: calc(100% - 39.5rem)
}

.page-x .about-con>.wp-block-image img {
	display: block;
	margin-bottom: 5rem
}

.page-x .about-con h3 {
	margin: 5rem 0 0
}

h3.wp-block-heading.fazhan {
    margin: 0 0 3rem;
}

h3.wp-block-heading.jiaru {
    margin: 3rem 0;
}

/*@media (max-width: 781px) */
/*{*/
/*    .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow{*/
/*    flex-basis: content;}*/
/*}*/


.wp-block-button__link:hover
{
    background-color: #fdcf00;
    color: #3d3d3d;
}

.wp-block-table.is-style-stripes td a:hover
{
    color:#fdcf00 ;
}


.page-x .about-con em {
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 300
}

.page-x .about-con ul {
	align-items: center;
	background: #f8f8f8;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	margin-top: 2.8rem;
	padding: 2.5rem
}

.page-x .about-con ul li {
	align-items: center;
	display: flex;
	font-size: 1.8rem;
	font-weight: 300;
	gap: 2rem;
	width: 27rem
}

.page-x .about-con ul li img {
	width: 8.5rem
}

.page-x .about-con .wp-block-gallery .wp-block-image {
	padding: 2rem
}

.page-x .about-con ol {
	display: flex;
	flex-wrap: wrap;
	gap: 9rem;
	margin-top: 4.9rem;
	padding: 0
}

.page-x .about-con ol li {
	color: #3d3d3d;
	font-size: 1.8rem;
	font-weight: 700;
	padding-left: 1.8rem;
	position: relative
}

.page-x .about-con ol li:after {
	background: #fdcf00;
	border-radius: 50%;
	content: "";
	display: block;
	height: .8rem;
	left: 0;
	position: absolute;
	top: .9rem;
	width: .8rem
}

.page-x .culture-con>.wp-block-image img {
	display: block;
	margin: 2rem 0 5rem
}

.page-x .partner-con .guoquan {
	align-items: center;
	background-size: cover;
	border-radius: .4rem;
	display: flex;
	flex-wrap: wrap;
	height: 38rem;
	margin-bottom: 5rem;
	margin-top: 7rem;
	overflow: hidden;
	padding: 0 3rem;
	width: 100%
}

.page-x .partner-con .guoquan .guoquan-img {
	width: 20rem
}

.page-x .partner-con .guoquan .guoquan-img img {
	aspect-ratio: 1/1
}

.page-x .partner-con .guoquan .guoquan-con {
	width: calc(100% - 20rem)
}

.page-x .partner-con .guoquan .guoquan-con ul {
	padding-left: 6rem
}

.page-x .partner-con .guoquan .guoquan-con ul li {
	color: #3d3d3d;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	padding-left: 1.8rem;
	position: relative
}

.page-x .partner-con .guoquan .guoquan-con ul li:not(:last-child) {
	margin-bottom: 3rem
}

.page-x .partner-con .guoquan .guoquan-con ul li:after {
	background: #fdcf00;
	border-radius: 50%;
	content: "";
	display: block;
	height: .8rem;
	left: 0;
	position: absolute;
	top: .9rem;
	width: .8rem
}

.renyuan-top-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	justify-content: space-between;
	margin-top: 6.8rem
}

.renyuan-top-ul .renyuan-top-item {
	background: url(/wp-content/themes/frontier/img/renyuna-top-bg.jpg) no-repeat 50%;
	background-size: cover;
	border-radius: .8rem;
	overflow: hidden;
	transition: all .3s;
	width: 46.4%
}

.renyuan-top-ul .renyuan-top-item:hover {
	transform: translateY(-3px)
}

.renyuan-top-ul .renyuan-top-item img {
	display: block
}

.renyuan-top-ul .renyuan-top-info {
	background: rgba(0, 0, 0, .6);
	height: 100%;
	padding: 3.6rem 2.8rem
}

.renyuan-top-ul .renyuan-top-info * {
	color: #fff
}

.renyuan-top-ul .renyuan-top-info .name-zhiwei1 {
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 3rem
}

.renyuan-top-ul .renyuan-top-info .name-zhiwei1 span {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem;
	width: 10rem
}

.renyuan-top-ul .renyuan-top-info .name-zhiwei1 .zhiwei1 {
	padding-left: 5rem;
	width: calc(100% - 10rem)
}

.renyuan-top-ul .renyuan-top-info .name-zhiwei1 .zhiwei1 p {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 0
}

.renyuan-top-ul .renyuan-top-info .jieshao1 p {
	margin: 0
}

.renyuan-top-ul .renyuan-top-info .jieshao1 strong {
	color: #fdcf00;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 3rem 0 1rem
}

.renyuan-lunbo {
	margin-top: 10rem
}

.renyuan-lunbo .renyuan-lunbo-item {
	background: #f8f8f8;
	border-radius: .8rem;
	display: flex !important;
	overflow: hidden
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-img {
	width: 43%
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-img img {
	display: block
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info {
	padding: 5rem 5rem 0;
	width: 57%
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 {
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2rem
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 span {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem;
	width: 10rem
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 .zhiwei2 {
	padding-left: 5rem;
	width: calc(100% - 10rem)
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 .zhiwei2 p {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 0
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .jieshao2 p {
	margin: 0
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .jieshao2 strong {
	color: #3d3d3d;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 2rem 0 1rem
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .gallery {
	display: flex;
	gap: 1rem
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .gallery .gallery-item {
	width: 12rem !important
}

.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .gallery img {
	border: none !important;
	display: block
}

.renyuan-lunbo .slick-dots {
	bottom: auto;
	gap: 1rem;
	justify-content: flex-end;
	top: -3rem
}

.renyuan-lunbo .slick-dots li.slick-active button {
	background: #fdcf00
}

.renyuan-lunbo .slick-dots li button {
	background: #3d3d3d;
	border-radius: .2rem;
	height: .4rem;
	width: 2rem
}

.pz-faq {
	margin-top: 5.6rem
}

.pz-faq-item:last-child {
	border-bottom: .1rem solid #d8d8d8
}

.pz-faq-item .pz-faq-tit {
	align-items: center;
	border-top: .1rem solid #d8d8d8;
	display: flex;
	justify-content: space-between
}

.pz-faq-item .pz-faq-tit span {
	color: #3d3d3d;
	display: block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 4.8rem;
	font-weight: 300;
	width: calc(100% - 9rem)
}

.pz-faq-item .pz-faq-tit .see-faq {
	align-items: center;
	color: #444;
	cursor: pointer;
	display: flex;
	font-size: 3rem;
	height: 12.8rem;
	justify-content: center;
	width: 8.7rem
}

.pz-faq-item .pz-faq-info {
	background: #f8f8f8;
	color: #3d3d3d;
	display: none;
	margin-bottom: 4rem;
	padding: 1rem 7rem 4rem
}

.pz-faq-item .pz-faq-info h4 {
	margin: 3.7rem 0 0
}

.pz-faq-item .pz-faq-info p {
	font-size: 1.8rem;
	font-weight: 300;
	margin: .7rem 0 0
}

.honor-con {
	padding-top: 5rem;
	position: relative
}

.honor-con>h2 {
	margin-bottom: 5rem
}

.honor-con .wp-block-columns {
	gap: 0;
	padding: 0 8rem 7rem 0;
	position: relative
}

.honor-con .wp-block-columns:first-of-type {
	margin-top: 3rem
}

.honor-con .wp-block-columns:after {
	background: #ddd;
	content: "";
	display: block;
	height: 100%;
	left: 19.1rem;
	position: absolute;
	top: 0;
	width: 1px
}

.honor-con .wp-block-columns .wp-block-column:first-child {
	flex-basis: unset !important;
	width: 22.6rem
}

.honor-con .wp-block-columns .wp-block-column:first-child p {
	margin: 0
}

.honor-con .wp-block-columns .wp-block-column:first-child p strong {
	color: #3d3d3d;
	display: inline-block;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 4.8rem;
	white-space: nowrap
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) {
	flex-basis: unset !important;
	position: relative;
	width: calc(100% - 23rem)
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group {
	margin-top: 5rem;
	position: relative
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:before {
	background: #fff;
	border: .1rem solid #ddd;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 2.4rem;
	left: -4.9rem;
	position: absolute;
	top: 0;
	width: 2.4rem;
	z-index: 9
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:after {
	background: #fdcf00;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 1.2rem;
	left: -4.2rem;
	position: absolute;
	top: .7rem;
	width: 1.2rem;
	z-index: 10
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:first-child {
	margin-top: 1rem
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery {
	display: flex;
	gap: 2%
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery .wp-block-image {
	align-items: center;
	flex-direction: row;
	flex-grow: unset;
	margin-bottom: 2rem !important;
	width: 100% !important
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery .wp-block-image a {
	display: block;
	flex: unset !important;
	width: auto !important
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery .wp-block-image img {
	width: 16rem !important
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery .wp-block-image .wp-element-caption {
	background: none;
	color: #3d3d3d;
	font-size: 1.8rem;
	font-weight: 300;
	padding-left: 2rem;
	position: static;
	text-align: left
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container .wp-block-gallery .wp-block-image .wp-element-caption br {
	display: none !important
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container h4 {
	color: #3d3d3d;
	font-family: Microsoft YaHei, ΢ÈíÑźÚ, Arial, ºÚÌå, ËÎÌå, sans-serif;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem;
	margin: 0 0 3rem
}

.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container p {
	margin: 0 0 3.2rem
}

.tab-x {
	margin-top: 4rem
}

.tab-ul,
.tab-ul-x {
	display: flex;
	max-width: 100%
}

.tab-ul {
	background: #f8f8f8;
	border-radius: 4rem;
	overflow-x: auto;
	padding: 1rem
}

.tab-ul li {
	align-items: center;
	border-radius: 2.8rem;
	color: #3d3d3d;
	cursor: pointer;
	display: flex;
	font-size: 1.8rem;
	font-weight: 400;
	height: 5.6rem;
	justify-content: center;
	padding: 0 4rem;
	transition: all .3s;
	white-space: nowrap
}

.tab-ul li.act {
	background: #fdcf00;
	font-weight: 700
}

.tab-con-item {
	display: none
}

.tab-con-item.act {
	display: block
}

.tab-con-item h3,
.tab-con-item h4 {
	margin: 4rem 0 0
}

.tab-con-item h4+p {
	margin: 0
}

.tab-con-item em {
	color: #3d3d3d;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	margin: 1rem 0 0
}

.tab-con-item.tab-con-zizhu .gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	margin: 2rem 0 0 !important
}

.tab-con-item.tab-con-zizhu .gallery .gallery-item {
	margin: 0 !important;
	text-align: left;
	width: 49% !important
}

.tab-con-item.tab-con-zizhu .gallery img {
	border: none !important;
	display: block
}

.tab-con-item.tab-con-keji h3+span {
	color: #3d3d3d;
	display: block;
	font-size: 3.2rem;
	font-weight: 300;
	margin: 2rem 0 0
}

.tab-con-item.tab-con-keji .keji-funeng {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 4rem
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item {
	background: #3d3d3d;
	border-radius: .5rem;
	color: #fff;
	margin-bottom: 2.4rem;
	min-height: 29.2rem;
	overflow: hidden;
	padding: 1.7rem 3.9rem;
	position: relative;
	width: 49%
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item:nth-child(4) .icon-small-x .icon-small {
	font-size: 5rem
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item:nth-child(4) .icon-big {
	font-size: 30rem;
	right: -10rem
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .icon-small-x {
	display: flex;
	justify-content: end
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .icon-small-x .icon-small {
	align-items: center;
	background: #fdcf00;
	border-radius: 50%;
	color: #3d3d3d;
	display: flex;
	font-size: 2.5rem;
	height: 4.8rem;
	justify-content: center;
	width: 4.8rem
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .h5 {
	color: #fdcf00;
	position: relative;
	z-index: 8
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .funeng-txt {
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	position: relative;
	z-index: 8
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .funeng-txt p {
	color: #fff
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .funeng-txt strong {
	color: #fdcf00;
	font-weight: 400
}

.tab-con-item.tab-con-keji .keji-funeng .funeng-item .icon-big {
	bottom: 3rem;
	color: hsla(0, 0%, 100%, .2);
	font-size: 14rem;
	position: absolute;
	right: 0
}

.tab-con-item.tab-con-keji h5 {
	margin: 4rem 0 0
}

.tab-con-item.tab-con-keji .shengtai-gongying h5+p {
	margin: 1rem 0 0
}

.tab-con-item.tab-con-keji .shuzi-zhizao .gallery {
	display: flex;
	gap: 1.33%;
	margin: 1rem 0 0 !important
}

.tab-con-item.tab-con-keji .shuzi-zhizao .gallery .gallery-item {
	margin: 0 !important;
	width: 24% !important
}

.tab-con-item.tab-con-keji .shuzi-zhizao .gallery img {
	border: none !important;
	display: block
}

.tab-con-item.tab-con-keji .shuzi-zhizao p {
	margin: 1rem 0 0
}

.tab-con-item.tab-con-shichang .yingxiao-img {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 2rem
}

.dingzhi-tit {
	margin: 7rem 0 0;
	text-align: center
}

.dingzhi-sub-tit {
	color: #3d3d3d;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 2rem 0 0;
	text-align: center
}

.cpbz {
	border-radius: 1.2rem;
	margin-top: 7.6rem;
	overflow: hidden;
	position: relative
}

.cpbz img {
	display: block
}

.cpbz .cpbz-con {
	position: absolute;
	right: 5%;
	top: 16%;
	width: 50rem
}

.cpbz .cpbz-con h2 {
	color: #fdcf00
}

.cpbz .cpbz-con ul {
	margin-top: 6rem
}

.cpbz .cpbz-con ul li {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	padding-left: 2.5rem;
	position: relative
}

.cpbz .cpbz-con ul li:before {
	background: #fdcf00;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 1.2rem;
	left: 0;
	position: absolute;
	top: 1rem;
	width: 1.2rem
}

.cpbz .cpbz-con ul li:not(:last-child) {
	margin-bottom: 2.5rem
}

.kwdz-x {
	display: flex;
	justify-content: space-between
}

.kwdz-x .kwdz-x-item {
	margin-top: 6rem;
	overflow: hidden;
	position: relative;
	width: 49%
}

.kwdz-x .kwdz-x-item img {
	border-radius: 1.2rem;
	display: block
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con {
	height: 100%;
	left: 0;
	padding: 10% 5.6rem 0;
	position: absolute;
	top: 0;
	width: 100%
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con h3 {
	color: #fdcf00
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con ul {
	margin-top: 4rem
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con ul li {
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.7rem;
	padding-left: 2.5rem;
	position: relative
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con ul li:before {
	background: #fdcf00;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 1.2rem;
	left: 0;
	position: absolute;
	top: 1rem;
	width: 1.2rem
}

.kwdz-x .kwdz-x-item .kwdz-x-item-con ul li:not(:last-child) {
	margin-bottom: 2.5rem
}

.dingzhi-fanwei {
	align-items: center;
	background: url(/wp-content/themes/frontier/img/dingzhi-fanwei.png) no-repeat 50%;
	border-radius: 1rem;
	display: flex;
	height: 22.8rem;
	margin-top: 7.6rem;
	overflow: hidden
}

.dingzhi-fanwei h2 {
	color: #fdcf00;
	justify-content: center;
	margin: 0;
	width: 46rem
}

.dingzhi-fanwei h2,
.dingzhi-fanwei ul {
	align-items: center;
	display: flex;
	height: 100%
}

.dingzhi-fanwei ul {
	gap: 6rem;
	padding-left: 4.4rem;
	width: calc(100% - 46rem)
}

.dingzhi-fanwei ul li {
	display: flex;
	gap: 1.4rem
}

.dingzhi-fanwei ul li .iconfont {
	color: #00a23e;
	font-size: 2rem
}

.dingzhi-fanwei ul li h3 {
	margin: 0
}

.dingzhi-fanwei ul li p {
	font-size: 1.8rem;
	font-weight: 300;
	margin: 1rem 0 0
}

.dingzhi-form {
	background: url(/wp-content/themes/frontier/img/remai-bg3.jpg) no-repeat 50%;
	background-size: cover;
	margin-top: 7.6rem;
	padding: 8rem 0 10rem;
	position: relative
}

.dingzhi-form:after {
	background: rgba(0, 0, 0, .5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.dingzhi-form .dingzhi-form-in {
	align-items: center;
	display: flex;
	position: relative;
	z-index: 9
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-l {
	width: 50.7rem
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-l h2 {
	color: #fff;
	line-height: 6.8rem;
	margin: 0
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-l p {
	color: hsla(0, 0%, 100%, .9);
	font-size: 1.8rem;
	line-height: 3.2rem;
	margin: 3.8rem 0 0
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-l span {
	color: #fff;
	display: block;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 3.2rem;
	margin: 6rem 0 0;
	opacity: .9
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-l a {
	color: #fff;
	display: block;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 4.8rem;
	margin-top: 1rem
}

.dingzhi-form .dingzhi-form-in .dingzhi-form-r {
	padding-left: 5.5rem;
	width: calc(100% - 45.7rem)
}

.company-culture-con h1 {
	text-transform: uppercase
}

.company-culture-con h1+p {
	font-size: 2.4rem
}

.company-culture-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 1.33%;
	margin-top: 5.7rem
}

.company-culture-ul .company-culture_item {
	background: #fdcf00;
	border-radius: .4rem;
	color: #3d3d3d;
	min-height: 30rem;
	padding: 6rem 4.7rem;
	position: relative;
	transition: all .3s;
	width: 24%
}

.company-culture-ul .company-culture_item:hover {
	transform: translateY(-3px)
}

.company-culture-ul .company-culture_item .iconfont {
	display: block;
	font-size: 3rem;
	font-weight: 700;
	line-height: 3rem
}

.company-culture-ul .company-culture_item:before {
	height: 3.5rem;
	left: 50%;
	top: 2rem;
	transform: translateX(-50%);
	width: 3.5rem
}

.company-culture-ul .company-culture_item:after,
.company-culture-ul .company-culture_item:before {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 50%;
	content: "";
	display: inline-block;
	position: absolute
}

.company-culture-ul .company-culture_item:after {
	height: 2rem;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem
}

.company-culture-ul .company-culture_item i {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 50%;
	display: block;
	height: 9rem;
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 9rem
}

.rd-in .wp-block-media-text .wp-block-media-text__content {
	padding: 0 8% 0 0
}

.rd-in .wp-block-media-text .wp-block-media-text__content h5 {
	margin: 8rem 0 3.6rem
}

.xz-contact-form .public-form-in {
	flex-direction: row-reverse
}

.contact-add {
	background: #fff;
	padding: 9rem 0
}

.contact-add-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%
}

.contact-add-ul li {
	align-items: center;
	border-left: 1rem solid #fdcf00;
	border-radius: .4rem;
	color: #fff;
	display: flex;
	height: 32.4rem;
	justify-content: space-between;
	overflow: hidden;
	padding: 0 6rem;
	position: relative;
	transition: all .3s;
	width: 49%
}

.contact-add-ul li:hover {
	transform: translateY(-3px)
}

.contact-add-ul li:after {
	background: rgba(0, 0, 0, .4);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.contact-add-ul li .iconfont {
	align-items: center;
	background: #fdcf00;
	border-radius: 50%;
	color: #3d3d3d;
	display: flex;
	font-size: 3rem;
	height: 9.8rem;
	justify-content: center;
	position: relative;
	width: 9.8rem;
	z-index: 6
}

.contact-add-ul li .iconfont:after {
	border: 1px solid #fdcf00;
	border-radius: 50%;
	content: "";
	display: block;
	height: 11.6rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 11.6rem
}

.contact-add-ul li .contact-add-x {
	position: relative;
	width: calc(100% - 15rem);
	z-index: 6
}

.contact-add-ul li .contact-add-x strong {
	color: #fff;
	display: block;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 3.2rem
}

.contact-add-ul li .contact-add-x p {
	color: #fff;
	margin: 1rem 0 0
}

.contact-add-ul li:first-child {
	background: url(/wp-content/themes/frontier/img/add1.jpg) no-repeat 50%
}

.contact-add-ul li:nth-child(2) {
	background: url(/wp-content/themes/frontier/img/add3.png) no-repeat 50%
}

.xz-pro-detail {
	background: #f8f8f8;
	padding-bottom: 10rem
}

.pro-detail-big-lun {
	margin-top: 3.2rem
}

.pro-detail-big-lun .slick-dots {
	justify-content: center;
	padding-left: 5.5rem
}

.pro-detail-big-lun .gallery img {
	border: none !important;
	display: block
}

.pro-detail-content {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5rem
}

.pro-detail-content .pro-detail-l {
	width: 45%
}

.pro-detail-content .pro-detail-l h2 {
	margin: 2rem 0;
}

.xz-main h1.post-tit {
    font-size: 4.5rem;
}

@media screen and (max-width: 600px) {
    .xz-main h1.post-tit {
        font-size: 3rem;
        line-height: 4.6rem;
    }
}


.post-meta-share {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
}

span.post-data {
    padding: 1.5rem 0;
}

span.post-data:before {
    content: ""; 
    background-image: url('https://www.cmspcn.com/wp-content/themes/frontier/img/single-rili.png');
    width: 16px;
    height: 18px;
    display: inline-block; 
    margin-right: 6px; 
    background-size: contain; 
    background-repeat: no-repeat; 
    vertical-align: middle; 
}

.bsf-rt-reading-time:before {
    content: ""; 
    background-image: url('https://www.cmspcn.com/wp-content/themes/frontier/img/single-read.png');
    width: 16px;
    height: 18px;
    display: inline-block; 
    margin-right: 6px; 
    background-size: contain; 
    background-repeat: no-repeat; 
    vertical-align: middle; 
}

.a2a_kit.a2a_kit_size_32.a2a_default_style {
    padding: 1rem 0;
}
/*.xz-main h2 {*/
/*    margin-top: 5rem;*/
/*}*/

.xz-single-l .post-content h2 {
    font-size: 2.5rem;
    margin: 3rem 0;
}
.xz-single-l .post-content h2:before {
    content: "¨…";
    color: #fabf13;
}

.pro-detail-content .pro-detail-l h5 {
	margin: 3rem 0 0
}

.pro-detail-content .pro-detail-l h5:before {
    content: "? ";
}

.pro-detail-content .pro-detail-l p {
	margin: 1rem 0 0
}

.pro-detail-l li {
    list-style-type: disc;
    margin: 2rem;
}

.pro-detail-content .pro-detail-l .pro-btns {
	margin-top: 6rem
}

.pro-detail-content .pro-detail-r {
	width: 43%
}

.pro-detail-content .pro-detail-r .gallery img {
	border: none !important;
	display: block
}

.related-post-pro {
	background: url(/wp-content/themes/frontier/img/remai-bg3.jpg) no-repeat 50%;
	background-size: cover;
	padding: 9rem 0 4rem;
	position: relative
}

.related-post-pro:after {
	background: rgba(0, 0, 0, .4);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.related-post-in {
	position: relative;
	z-index: 5
}

.related-post-tit {
	align-items: center;
	color: #fff;
	display: flex;
	justify-content: space-between
}

.related-post-tit h2 {
	color: #fff
}

.related-post-tit a {
	align-items: center;
	background: #fdcf00;
	border-radius: 2.1rem;
	color: #3d3d3d;
	display: flex;
	gap: .4rem;
	height: 4.2rem;
	justify-content: center;
	transition: all .3s;
	width: 14.7rem
}

.related-post-tit a:hover {
	transform: translateX(3px)
}

.related-post-app {
	margin-top: 5rem
}

.related-post-app .related-post-tit h2 {
	color: #3d3d3d
}

.xz-rela-pro-ul .loop-pro-info .loop-pro-tit a {
	color: #fff
}

.xz-rela-pro-ul .loop-pro-info .loop-pro-tit a:hover {
	color: #fdcf00
}

.xz-rela-pro-ul .loop-pro-info .loop-pro-excerpt p {
	color: #fff
}

@media screen and (max-width:1650px) {
	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in {
		margin-top: 10%;
		width: 60%
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in h1 {
		font-size: 6rem;
		line-height: 7rem
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in p {
		font-size: 3rem;
		line-height: 4.5rem;
		margin: 1.2rem 0 0
	}

	.our-pro {
		padding: 10rem 0
	}
}

@media screen and (max-width:1440px) {
	body {
		--menu_h: 8.8rem
	}
}

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

	.home-app-in p,
	.home-hot-pro-tit p,
	.home-news-in>p {
		font-size: 2.6rem
	}

	.renyuan-top-ul {
		margin-top: 3.8rem
	}

	.renyuan-top-ul .renyuan-top-item {
		margin-bottom: 2rem
	}

	.renyuan-top-ul .renyuan-top-info .name-zhiwei1 span {
		width: 100%
	}

	.renyuan-top-ul .renyuan-top-info .name-zhiwei1 .zhiwei1 {
		margin-top: 2rem;
		padding-left: 0;
		width: 100%
	}

	.renyuan-lunbo .renyuan-lunbo-item {
		flex-wrap: wrap
	}

	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-img,
	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info,
	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 span {
		width: 100%
	}

	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 .zhiwei2 {
		margin-top: 2rem;
		padding-left: 0;
		width: 100%
	}
}

@media screen and (max-width:1024px) {
	html {
		overflow-x: hidden;
		padding-top: 3rem
	}

	.home-about-in .home-about-l {
		width: 100%
	}

	.home-about-in .home-about-r {
		display: none
	}

	.home-hot-pro {
		margin-top: 8rem
	}

	.home-dingzhi .home-dz-l {
		font-size: 2.6rem
	}

	.why-choose-us {
		margin: 8rem 0 4rem
	}

	.app-cat-ul .term_lv1 {
		width: 14rem
	}

	.app-cat-ul .term_lv1 .term_lv1_info .term_lv1_name {
		font-size: 2rem
	}

	.news-ls {
		margin-top: 4rem
	}

	.home-news-in {
		margin-bottom: 4rem
	}

	.home-news-in>h1 {
		margin: 6rem 0 0
	}

	.renyuan-top-ul .renyuan-top-item {
		width: 100%
	}

	.xz-videos-x {
		margin-top: 6rem
	}

	.xz-pro-list-tit-l p {
		font-size: 2rem;
		text-align: left;
	}

	.xz-pro-list-tit-r {
		margin-top: 3rem;
		max-width: 100%
	}

	.pro-menu-x.video-menu-x {
		margin-top: 3rem
	}

	.dingzhi-fanwei {
		background: #fdcf00;
		height: auto;
		padding: 3rem
	}

	.dingzhi-fanwei h2 {
		color: #3d3d3d;
		width: auto
	}

	.dingzhi-fanwei ul {
		flex-wrap: wrap;
		width: auto
	}

	.dingzhi-fanwei ul li h3,
	.dingzhi-fanwei ul li p {
		white-space: nowrap
	}
}

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

	.home-app-in p,
	.home-hot-pro-tit p,
	.home-news-in>p {
		font-size: 2rem;
		text-align: center;
	}

	.hot-pro-nav-x {
		margin-top: 3.8rem
	}

	.home-dingzhi {
		margin-top: 2rem
	}

	.why-choose-us .why-more {
		bottom: 0
	}

	.hot-pro-nav-x {
		flex-wrap: wrap
	}

	.hot-pro-nav-x .hot-pro-nav {
		width: 100%
	}

	.hot-pro-nav-x #menu-hot-pro-nav {
		overflow: auto;
		width: 100%
	}

	.hot-pro-nav-x #menu-hot-pro-nav a {
		white-space: nowrap
	}

	.hot-pro-nav-x .hot-pro-nav-more {
		margin-top: 3.5rem
	}

	.page-x {
		flex-wrap: wrap-reverse;
		margin-bottom: 7rem
	}

	.page-x .page-x-l {
		padding-bottom: 5rem;
		width: 100%
	}

	.page-x .page-x-r {
		padding: 4rem 2.8rem;
		width: 100%
	}

	.page-x .about-con ol {
		gap: 2rem
	}

	.pz-faq {
		margin-top: 3.6rem
	}

	.pz-faq-item .pz-faq-tit span {
		font-size: 3.5rem
	}

	.pz-faq-item .pz-faq-tit .see-faq {
		height: 8.8rem
	}

	.pz-faq-item .pz-faq-info {
		padding: 1rem 4rem 4rem
	}

	.page-x .partner-con .guoquan {
		height: auto;
		margin-top: 4rem;
		padding: 3rem
	}

	.page-x .partner-con .guoquan .guoquan-con {
		margin-top: 3rem;
		width: 100%
	}

	.page-x .partner-con .guoquan .guoquan-con ul {
		padding-left: 0
	}

	.cpbz .cpbz-con {
		position: static;
		width: 100%
	}

	.cpbz .cpbz-con * {
		color: #3d3d3d !important
	}

	.cpbz .cpbz-con ul {
		margin-top: 4rem
	}

	.kwdz-x .kwdz-x-item .kwdz-x-item-con {
		height: auto;
		padding: 3rem 0;
		position: static
	}

	.kwdz-x .kwdz-x-item .kwdz-x-item-con * {
		color: #3d3d3d !important
	}

	.dingzhi-form .dingzhi-form-in {
		flex-wrap: wrap
	}

	.dingzhi-form .dingzhi-form-in .dingzhi-form-l {
		width: 100%
	}

	.dingzhi-form .dingzhi-form-in .dingzhi-form-r {
		margin-top: 5rem;
		padding-left: 0;
		width: 100%
	}

	.xz-single-in .xz-single-l {
		width: 100%
	}

	.xz-single-in .xz-single-l .post-content {
		padding: 2rem 0;
		background: none;
	}

	.xz-single-in .xz-single-r {
		margin-top: 4rem;
		width: 100%
	}

	.product-list-banner {
		aspect-ratio: 16/9;
		min-height: 35rem
	}

	.product-list-banner img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%
	}

	.product-list-banner .pro-list-banner-txt {
		height: 100%;
		margin: 0 3rem
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in {
		margin-top: 0;
		width: 100%
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in h1 {
		font-size: 4rem
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in p {
		font-size: 2.2rem
	}

	.our-pro {
		padding: 5rem 0
	}

	.our-pro-in {
		flex-wrap: wrap
	}

	.our-pro-in .our-pro-left {
		width: 100%
	}

	.our-pro-in .our-pro-left ul {
		margin-top: 5rem
	}

	.our-pro-in .our-pro-left p {
		font-size: 2rem
	}

	.our-pro-in .our-pro-right {
		margin-top: 3rem;
		width: 100%
	}

	.procat-lv2-x {
		flex-wrap: wrap;
		height: auto;
		padding: 3rem
	}

	.procat-lv2-x .procat-lv2 {
		overflow-x: auto;
		width: 100%
	}

	.procat-lv2-x .procat-lv2 .menu-item a {
		white-space: nowrap
	}

	.procat-lv2-x .zixun {
		/*margin-top: 3rem;*/
		width: 100%
	}

	.pro-detail-content {
		margin-top: 4rem
	}

	.pro-detail-content .pro-detail-l {
		width: 100%
	}

	.pro-detail-content .pro-detail-r {
		margin-top: 3rem;
		width: 100%
	}

	.pro-detail-big-lun .slick-dots {
		gap: 2rem;
		padding-left: 2.5rem
	}

	.pro-detail-big-lun .slick-dots li button {
		height: 1rem;
		width: 1rem
	}
}

@media screen and (max-width:768px) {
	.public-form-in .public-form-info {
		width: 100%
	}

	.public-form-in .public-form-r {
		margin-top: 3rem;
		width: 100%
	}
}

@media screen and (max-width:600px) {
	.why-choose-us {
		margin: 4rem 0 8rem
	}

	.why-choose-us .choose-us-tit {
		margin: 0
	}

	.why-choose-us .why-more {
		bottom: -5rem
	}

	.home-dingzhi {
		display: none
	}

	.tab-con-item.tab-con-keji .keji-funeng .funeng-item {
		width: 100%
	}

	.tab-con-item.tab-con-keji h3+span {
		font-size: 2.2rem
	}

	.renyuan-top-ul {
		margin-top: 3.8rem
	}

	.renyuan-top-ul .renyuan-top-item {
		margin-bottom: 2rem;
		width: 100%
	}

	.renyuan-top-ul .renyuan-top-info .name-zhiwei1 span {
		width: 100%
	}

	.renyuan-top-ul .renyuan-top-info .name-zhiwei1 .zhiwei1 {
		margin-top: 2rem;
		padding-left: 0;
		width: 100%
	}

	.renyuan-lunbo .renyuan-lunbo-item {
		flex-wrap: wrap
	}

	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-img,
	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info,
	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 span {
		width: 100%
	}

	.renyuan-lunbo .renyuan-lunbo-item .renyuan-lunbo-info .name-zhiwei2 .zhiwei2 {
		margin-top: 2rem;
		padding-left: 0;
		width: 100%
	}

	.xz-newsls {
		margin-top: 5rem
	}

	.news-list-in {
		padding: 5rem 0
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in h1 {
		font-size: 3rem
	}

	.product-list-banner .pro-list-banner-txt .pro-list-banner-txt-in p {
		font-size: 1.8rem
	}

	.pro-detail-content {
		margin-top: 3rem
	}

	.pro-detail-content .pro-detail-l h5 {
		margin: 3rem 0 0
	}

	.pro-detail-content .pro-detail-l .pro-btns {
		margin-top: 3rem
	}

	.related-post-pro {
		padding: 3rem 0 4rem
	}

	.xz-pro-ul {
		margin-top: 4.6rem
	}

	.related-post-app .related-post-tit h2,
	.related-post-tit h2 {
		margin: 0
	}

	.contact-add {
		padding: 5rem 0
	}

	.contact-add-ul li {
		padding: 0 3rem;
		width: 100%
	}

	.contact-add-ul li .iconfont {
		font-size: 2rem;
		height: 4.8rem;
		width: 4.8rem
	}

	.contact-add-ul li .iconfont:after {
		height: 6.6rem;
		width: 6.6rem
	}

	.contact-add-ul li .contact-add-x {
		width: calc(100% - 10rem)
	}

	.contact-add-ul li .contact-add-x strong {
		font-size: 2.2rem
	}

	.page-x {
		margin-top: 0rem
	}

	.page-x .page-x-l .page-side-tit {
		padding: 5rem 0 0 3rem
	}

	.page-x .page-x-l .about-menu-x {
		margin-top: 2.8rem
	}

	.page-x .page-x-l .about-menu-x .menu a {
		font-size: 2rem;
		padding: 0 0 0 3rem
	}

	.page-x .page-x-l .about-menu-x .menu a:after {
		display: none
	}

	.honor-con>h2 {
		margin-bottom: 2rem
	}

	.honor-con .wp-block-columns {
		flex-wrap: wrap;
		padding: 0 0 3rem
	}

	.honor-con .wp-block-columns .wp-block-column:first-child {
		width: 100%
	}

	.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:after,
	.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:before,
	.honor-con .wp-block-columns:after {
		display: none
	}

	.honor-con .wp-block-columns .wp-block-column:first-child p strong {
		font-size: 3.6rem;
		margin-bottom: 2rem
	}

	.honor-con .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group__inner-container h4 {
		font-size: 2.4rem
	}
}




.pro-detail-small-lun .slick-arrow{
	width: 5rem;
	height: 5rem;
	left: 1rem;
}
.pro-detail-small-lun .slick-arrow *{
	color:#ddd;
}
.pro-detail-small-lun .slick-arrow.slick-next{
	left: auto;
	right: 1rem;
}<!--ºÄʱ1792479730.8528Ãë-->