h1 {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin: 2rem 0
}

.h2,
.h3,
h2,
h3 {
    font-size: 3.2rem;
    line-height: 4rem
}

.h2,
.h3,
.h4,
h2,
h3,
h4 {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-weight: 700;
    margin: 2rem 0
}

.h4,
h4 {
    font-size: 3rem;
    line-height: 3.8rem
}

.h5,
h5 {
    font-size: 2.4rem;
    line-height: 3.6rem
}

.h5,
.h6,
h5,
h6 {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-weight: 700;
    margin: 2rem 0
}

.h6,
h6 {
    font-size: 1.8rem;
    line-height: 2.8rem
}

.p,
p {
    color: #151c2a;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.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,
    .h3,
    h2,
    h3 {
        font-size: 2.4rem;
        line-height: 4rem
    }

    .h4,
    h4 {
        font-size: 1.6rem;
        line-height: 3rem
    }
}

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

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

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

    .h2,
    .h3,
    h2,
    h3 {
        font-size: 2.5rem
    }

    .h3,
    h3 {
        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
}


.grid--1 {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1>* {
	grid-column: 1 !important;
}

.grid--2 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--4 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--5 {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--6 {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--7 {
	display: grid !important;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--8 {
	display: grid !important;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--9 {
	display: grid !important;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--10 {
	display: grid !important;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--11 {
	display: grid !important;
	grid-template-columns: repeat(11, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--12 {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid--1-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--2-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--2-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--3-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--3-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid-rows--1 {
	grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows--2 {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows--3 {
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows--4 {
	grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows--5 {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows--6 {
	grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows--7 {
	grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows--8 {
	grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows--9 {
	grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows--10 {
	grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-rows--11 {
	grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-rows--12 {
	grid-template-rows: repeat(12, minmax(0, 1fr));
}



/* xl */
@media (max-width: 1280px) {
	.width-xl-100 {
		width: 100% !important;
	}
	.flex-xl-row {
		flex-direction: row !important;
	}
	.flex-xl-column {
		flex-direction: column !important;
	}
	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-xl{
		display: block !important;
	}
	.hide-xl{
		display: none !important;
	}



	.grid--xl-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--xl-1>* {
		grid-column: 1 !important;
	}

	.grid--xl-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--xl-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--xl-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--xl-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--xl-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--xl-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--xl-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--xl-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--xl-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--xl-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--xl-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--xl-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--xl-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--xl-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--xl-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--xl-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--xl-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--xl-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--xl-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--xl-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--xl-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--xl-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--xl-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.width-l-100 {
		width: 100% !important;
	}
	.flex-l-row {
		flex-direction: row !important;
	}
	.flex-l-column {
		flex-direction: column !important;
	}
	.flex-l-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-l-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-l{
		display: block !important;
	}
	.hide-l{
		display: none !important;
	}

	

	.grid--l-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--l-1>* {
		grid-column: 1 !important;
	}

	.grid--l-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--l-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--l-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--l-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--l-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--l-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--l-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--l-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--l-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--l-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--l-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--l-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--l-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--l-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--l-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--l-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--l-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--l-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--l-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--l-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--l-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--l-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--l-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

/* m */
@media (max-width: 768px) {
	.width-m-100 {
		width: 100% !important;
	}

	.flex-m-row {
		flex-direction: row !important;
	}
	.flex-m-column {
		flex-direction: column !important;
	}
	.flex-m-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-m-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-m{
		display: block !important;
	}
	.hide-m{
		display: none !important;
	}



	.grid--m-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--m-1>* {
		grid-column: 1 !important;
	}

	.grid--m-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--m-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--m-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--m-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--m-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--m-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--m-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--m-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--m-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--m-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--m-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--m-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--m-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--m-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--m-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--m-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--m-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--m-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--m-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--m-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--m-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--m-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--m-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.width-s-100 {
		width: 100% !important;
	}

	.flex-s-row {
		flex-direction: row !important;
	}
	.flex-s-column {
		flex-direction: column !important;
	}
	.flex-s-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-s-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-s{
		display: block !important;
	}
	.hide-s{
		display: none !important;
	}


	.grid--s-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--s-1>* {
		grid-column: 1 !important;
	}

	.grid--s-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--s-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--s-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--s-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--s-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--s-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--s-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--s-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--s-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--s-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--s-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--s-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--s-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--s-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--s-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--s-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--s-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--s-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--s-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--s-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--s-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--s-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--s-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}






.fz85{
	font-size: clamp(1.875rem, 1.016rem + 4.3vw, 5.313rem);
}

.fz72 {
	font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);
}

.fz70 {
	font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);
}

.fz68 {
	font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
}

.fz66 {
	font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);
}

.fz64 {
	font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);
}

.fz62 {
	font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);
}

.fz60 {
	font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);
}

.fz58 {
	font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);
}

.fz56 {
	font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);
}

.fz54 {
	font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);
}

.fz52 {
	font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);
}

.fz50 {
	font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);
}

.fz48 {
	font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);
}

.fz46 {
	font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz44 {
	font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz42 {
	font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);
}

.fz40 {
	font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);
}

.fz38 {
	font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);
}

.fz36 {
	font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
}

.fz34 {
	font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);
}

.fz32 {
	font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);
}

.fz30 {
	font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
}

.fz28 {
	font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
}

.fz26 {
	font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);
}

.fz24 {
	font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
}

.fz22 {
	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
}

.fz20 {
	font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
}

.fz18 {
	font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
}

.fz16 {
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
}

.fz14 {
	font-size: 14px;
}



/* 水平排列，右对齐，垂直居中 */
.flex-row-end-center {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

/* 水平排列，右对齐，垂直顶部对齐 */
.flex-row-end-start {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

/* 水平排列，右对齐，垂直底部对齐 */
.flex-row-end-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

/* 水平排列，左对齐，垂直居中 */
.flex-row-start-center {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

/* 水平排列，左对齐，垂直顶部对齐 */
.flex-row-start-start {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

/* 水平排列，左对齐，垂直底部对齐 */
.flex-row-start-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

/* 水平排列，居中对齐，垂直居中 */
.flex-row-center-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* 水平排列，居中对齐，垂直顶部对齐 */
.flex-row-center-start {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

/* 水平排列，居中对齐，垂直底部对齐 */
.flex-row-center-end {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

/* 水平排列，均匀分布，垂直居中 */
.flex-row-around-center {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

/* 水平排列，均匀分布，垂直顶部对齐 */
.flex-row-around-start {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

/* 水平排列，均匀分布，垂直底部对齐 */
.flex-row-around-end {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

/* 水平排列，间隔均匀，垂直居中 */
.flex-row-evenly-center {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

/* 水平排列，间隔均匀，垂直顶部对齐 */
.flex-row-evenly-start {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}

/* 水平排列，间隔均匀，垂直底部对齐 */
.flex-row-evenly-end {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
}

/* 水平排列，两端对齐，垂直居中 */
.flex-row-between-center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* 水平排列，两端对齐，垂直顶部对齐 */
.flex-row-between-start {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

/* 水平排列，两端对齐，垂直底部对齐 */
.flex-row-between-end {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}



/* 水平排列，右对齐，垂直拉伸 */
.flex-row-end-stretch {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
}

/* 水平排列，左对齐，垂直拉伸 */
.flex-row-start-stretch {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

/* 水平排列，居中对齐，垂直拉伸 */
.flex-row-center-stretch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}

/* 水平排列，均匀分布，垂直拉伸 */
.flex-row-around-stretch {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

/* 水平排列，间隔均匀，垂直拉伸 */
.flex-row-evenly-stretch {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
}

/* 水平排列，两端对齐，垂直拉伸 */
.flex-row-between-stretch {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}


/* 垂直排列，顶部对齐，水平居中 */
.flex-column-start-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

/* 垂直排列，顶部对齐，水平左对齐 */
.flex-column-start-start {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

/* 垂直排列，顶部对齐，水平右对齐 */
.flex-column-start-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

/* 垂直排列，居中对齐，水平居中 */
.flex-column-center-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 垂直排列，居中对齐，水平左对齐 */
.flex-column-center-start {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/* 垂直排列，居中对齐，水平右对齐 */
.flex-column-center-end {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

/* 垂直排列，底部对齐，水平居中 */
.flex-column-end-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

/* 垂直排列，底部对齐，水平左对齐 */
.flex-column-end-start {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

/* 垂直排列，底部对齐，水平右对齐 */
.flex-column-end-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

/* 垂直排列，均匀分布，水平居中 */
.flex-column-around-center {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

/* 垂直排列，均匀分布，水平左对齐 */
.flex-column-around-start {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

/* 垂直排列，均匀分布，水平右对齐 */
.flex-column-around-end {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
}

/* 垂直排列，间隔均匀，水平居中 */
.flex-column-evenly-center {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

/* 垂直排列，间隔均匀，水平左对齐 */
.flex-column-evenly-start {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}

/* 垂直排列，间隔均匀，水平右对齐 */
.flex-column-evenly-end {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-end;
}

/* 垂直排列，两端对齐，水平居中 */
.flex-column-between-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* 垂直排列，两端对齐，水平左对齐 */
.flex-column-between-start {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

/* 垂直排列，两端对齐，水平右对齐 */
.flex-column-between-end {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
	
}


/* 垂直排列，顶部对齐，水平拉伸 */
.flex-column-start-stretch {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

/* 垂直排列，底部对齐，水平拉伸 */
.flex-column-end-stretch {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
}

/* 垂直排列，居中对齐，水平拉伸 */
.flex-column-center-stretch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

/* 垂直排列，均匀分布，水平拉伸 */
.flex-column-around-stretch {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
}

/* 垂直排列，间隔均匀，水平拉伸 */
.flex-column-evenly-stretch {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: stretch;
}

/* 垂直排列，两端对齐，水平拉伸 */
.flex-column-between-stretch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}


.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}



.gap30{
	row-gap: clamp(2rem, 1.5rem + 2.5vw, 4rem);
}



.pro-table,.pro_table{overflow-x:auto}


@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(../image/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/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: #e71e2e;
    --arrow-color-disable: #666
}

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

.slick-arrow .iconfont {
    color: #e71e2e;
    font-size: 3rem;
    font-weight: 400;
    transition: all .3s
}

.slick-arrow.slick-disabled {
    cursor: not-allowed;
    opacity: .5
}

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

.slick-dots {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    position: relative;
    z-index: 99
}

.slick-dots li {
    line-height: 0;
    padding: 0 .4rem
}

.slick-dots li button {
    background: #fff;
    background-clip: content-box;
    border: .1rem solid transparent;
    border-radius: 5rem;
    font-size: 0;
    height: 1.5rem;
    line-height: 0;
    margin: 0;
    padding: .4rem;
    transition: all .3s ease;
    width: 1.5rem
}

.slick-dots li button:hover {
    border-color: #e71e2e
}

.slick-dots li.slick-active button {
    background-color: #e71e2e;
    border-color: #e71e2e
}

.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: #151c2a;
    display: block;
    font-family: Inter, 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: #e71e2e
}

@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 {
    background: #f8f8f8;
    border-left: .6rem solid rgba(247, 176, 14, .2);
    border-radius: .4rem;
    margin-bottom: 2rem;
    padding: 1.5rem 2.8rem
}

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

.loop-bar-news-tit {
    color: #151c2a;
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
    height: 5.4rem;
    line-height: 2.7rem;
    overflow: hidden;
    transition: all .3s
}

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

.loop-bar-news-date {
    color: #999;
    font-weight: 400;
    margin-top: 1rem
}

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

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

.loop-case-thumb {
    aspect-ratio: 460/345;
    display: block;
    overflow: hidden;
    width: 46%
}

.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 {
    background: #f5f7fa;
    display: flex;
    flex-flow: column;
    padding: 5rem;
    width: 52%
}

.loop-case-tit {
    margin: 0
}

.loop-case-tit:after {
    background: #ddd;
    content: "";
    display: block;
    height: .1rem;
    margin: 2rem 0;
    width: 100%
}

.loop-case-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    transition: all .3s ease
}

.loop-case-txt {
    height: 6rem;
    line-height: 3rem;
    margin: 0;
    overflow: hidden
}

.loop-case-txt p {
    color: #666;
    line-height: inherit;
    margin: 0;
    transition: all .3s
}

.loop-case-txt p strong {
    display: inline-block;
    width: unset
}

.loop-case-more {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e71e2e;
    border-radius: .2rem;
    color: #e71e2e;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    gap: 1rem;
    height: 4rem;
    justify-content: center;
    margin-top: 2.4rem;
    text-transform: uppercase;
    transition: all .3s;
    width: 15rem
}

.loop-case-more:hover {
    background-color: #e71e2e;
    border: 2px solid #e71e2e;
    color: #fff;
    transform: translateX(3px)
}

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

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

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

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

.loop-customer-case {
    background: transparent;
    height: 25px;
    opacity: 0;
    overflow: hidden;
    transition: all .8s;
    width: 20px
}

.loop-customer-case:hover {
    border-radius: .2rem;
    height: 39.58rem;
    opacity: 1;
    width: 31.4rem
}

.loop-customer-case-a {
    border-radius: .2rem;
    box-shadow: 0 0 5rem 0 rgba(0, 0, 0, .08);
    display: block
}

.loop-customer-case-thumb {
    aspect-ratio: 4/3;
    background: #fff;
    display: block;
    padding: 1.8rem 1.6rem 0
}

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

.loop-customer-case-info {
    background: #fff;
    padding: 1rem 1.6rem 1.8rem
}

.loop-customer-case-tit {
    color: #151c2a;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    height: 4.8rem;
    line-height: 2.4rem;
    overflow: hidden
}

.loop-customer-case-txt {
    height: 4.2rem;
    margin-top: .7rem;
    overflow: hidden
}

.loop-customer-case-txt p {
    display: flex;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 0
}

.loop-customer-case-txt p strong {
    display: block;
    font-weight: 600;
    width: 10rem
}

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

.down-mask {
    background: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.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: #fa9d00
}

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

.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: #151c2a;
    display: block;
    font-family: Inter, 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-segment-thumb {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.loop-hot-segment-thumb img {
    aspect-ratio: 1/1;
    width: 10rem
}

.loop-hot-segment-thumb span {
    color: #151c2a;
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-top: 2rem
}

@media screen and (max-width:600px) {
    .loop-hot-segment-thumb span {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}

.loop-hot-case {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}

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

.loop-hot-case-thumb {
    aspect-ratio: 720/476;
    display: block;
    overflow: hidden
}

.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(0, 0, 0, .3);
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    padding: 3.2rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

.loop-hot-case-tit {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-bottom: 1.5rem
}

.loop-hot-case-tit a {
    color: #fff;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    transition: all .3s ease
}

.loop-hot-case-txt {
    height: 6rem;
    line-height: 3rem;
    margin: 1rem 0 0;
    overflow: hidden
}

.loop-hot-case-txt p {
    color: #fff;
    line-height: inherit;
    margin: 0;
    transition: all .3s
}

.loop-hot-case-txt p strong {
    display: inline-block;
    width: 12rem
}

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

    .loop-hot-case-tit a {
        font-size: 2.8rem;
        height: unset;
        line-height: 3.2rem;
        max-height: 6.4rem
    }
    
    .loop-hot-case-more {
        margin-top: 2rem
    }
}
@media screen and (max-width:1024px) {
     .loop-hot-case-txt{
        display: none !important;
        margin: 0 !important;
    }
    .loop-hot-case-x{
        padding: 1.5rem;
    }
}
@media screen and (max-width:810px) {
    .loop-hot-case {
        padding: 0
    }
   

}

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

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

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

    .loop-hot-case-tit a {
        font-size: 2.2rem
    }
}

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

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

.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: Inter, sans-serif;
    font-weight: 500;
    transition: all .3s
}

.loop-hot-news2 .loop-hot-news2-tit {
    color: #151c2a;
    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: Inter, sans-serif;
    font-weight: 500;
    margin: 1rem 0 0;
    transition: all .3s
}

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

.loop-hot-pro {
    margin: 0 1rem;
    position: relative
}

.loop-hot-pro:hover .loop-hot-pro-info {
    opacity: 1
}

.loop-hot-pro-thumb {
    align-items: center;
    aspect-ratio: 302/226;
    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: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.loop-hot-pro-info .loop-hot-pro-cat a {
    color: #fff;
    display: none;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: all .3s;
    white-space: nowrap
}

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

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

.loop-hot-pro-info .loop-hot-pro-tit {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin: 1.5rem 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: all .3s ease;
    white-space: nowrap;
    width: 100%
}

.loop-hot-pro-info .loop-hot-pro-tit:hover {
    color: #e71e2e
}

.loop-hot-pro-info .loop-hot-pro-more {
    align-items: center;
    color: #e71e2e;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    line-height: 2.4rem;
    margin-top: 2.5rem;
    text-decoration: underline;
    text-transform: uppercase;
    transition: all .3s
}

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

@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 {
        margin: 0
    }

    .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-hot-pro2 {
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}

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

.loop-hot-pro2-thumb {
    aspect-ratio: 4/3;
    display: block;
    overflow: hidden
}

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

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

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

.loop-hot-pro2-x {
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    padding: 3.2rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

.loop-hot-pro2-tit {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-bottom: 1.5rem
}

.loop-hot-pro2-tit a {
    color: #fff;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    transition: all .3s ease
}

.loop-hot-pro2-txt {
    /* height: 6rem; */
    line-height: 3rem;
    margin: 1rem 0 0;
    overflow: hidden
}

.loop-hot-pro2-txt p {
    color: #fff;
    line-height: inherit;
    margin: 0;
    font-size:12px !important;
    transition: all .3s
}

.loop-hot-pro2-txt p strong {
    display: inline-block;
    width: 12rem
}

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

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

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

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

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

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

    .loop-hot-pro2-x {
        padding: 3.5rem;
        width: 100%
    }

    .loop-hot-pro2-tit a {
        font-size: 2.2rem
    }
}

.loop-news {
    background: #fff;
    box-shadow: 0 .2rem 4rem 0 rgba(0, 0, 0, .1);
    transition: all .3s ease;
    /* width: 32% */
}

.loop-news:hover .loop-news-tit a {
    color: #e71e2e
}

.loop-news-thumb {
    aspect-ratio: 456/342;
    display: block;
    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-thumb .loop-news-date {
    align-items: center;
    background: #e71e2e;
    bottom: 2.4rem;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    height: 2.8rem;
    justify-content: center;
    left: 1.5rem;
    position: absolute;
    width: 12rem;
    z-index: 8
}

.loop-news-x {
    display: flex;
    flex-flow: column
}

.loop-news-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    padding: 2.3rem 2.5rem;
    transition: all .3s ease
}

.loop-news-txt {
    height: 4.8rem;
    line-height: 2.4rem;
    margin: 2rem 0 0;
    overflow: hidden
}

.loop-news-txt p {
    color: #999;
    line-height: inherit;
    margin: 0
}

.loop-news-more,
.loop-news-txt p {
    font-size: 1.6rem;
    transition: all .3s
}

.loop-news-more {
    color: #e71e2e;
    display: inline-block;
    font-weight: 600;
    margin-top: 2rem;
    text-decoration: underline
}

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

@media screen and (max-width:1440px) {
    .loop-news-tit a {
        font-size: 2.8rem;
        line-height: 3.2rem;
        /* max-height: 6.4rem; */
        overflow: hidden
    }

    .loop-news-more {
        margin-top: 2rem
    }
}

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

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

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

    .loop-news-tit a {
        font-size: 2.2rem
    }
}

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

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

.loop-pop-pro:hover .loop-pop-pro-tit a {
    color: #e71e2e
}

.loop-pop-pro-thumb {
    align-items: center;
    aspect-ratio: 4/3;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

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

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

.loop-pop-pro-thumb img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.01);
    width: 100%
}

.loop-pop-pro-tit {
    align-items: center;
    background: #fff;
    display: flex;
    height: 8rem;
    justify-content: center
}

.loop-pop-pro-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    max-height: 4rem;
    overflow: hidden;
    padding: 0 2.2rem;
    text-align: center;
    transition: all .3s
}

.loop-pop-pro-tit a:hover {
    color: #e71e2e
}

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

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

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

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

@media screen and (max-width:500px) {
    .loop-pop-pro {
        margin-bottom: 2rem;
        width: 100%
    }
}

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

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

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

.loop-pro-thumb {
    align-items: center;
    aspect-ratio: 716/477;
    background: #f5f7fa;
    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;
    transform: scale(1.01);
    width: 100%
}

.loop-pro-info {
    background: #fff
}

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

.loop-pro-info .loop-pro-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    height: 4rem;
    line-height: 2rem;
    overflow: hidden;
    transition: all .3s
}

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

.loop-pro-info .loop-pro-param {
    display: flex;
    gap: .5rem;
    line-height: 2.4rem
}

.loop-pro-info .loop-pro-param span {
    color: #666;
    font-size: 1.4rem;
    font-weight: 400;
    width: auto
}

.loop-pro-info .loop-pro-param strong {
    color: #151c2a;
    font-size: 1.6rem;
    font-weight: 500
}

.loop-pro-info .loop-pro-info-top {
    padding: 2.3rem 1.7rem 0
}

.loop-pro-info .loop-pro-info-bottom {
    border-top: 1px solid #eee;
    display: flex;
    margin-top: 1.6rem
}

.loop-pro-info .loop-pro-info-bottom a {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 1.4rem;
    gap: .6rem;
    height: 5rem;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    transition: all .3s;
    width: 50%
}

.loop-pro-info .loop-pro-info-bottom a.popup-modal:after {
    background: #eee;
    content: "";
    display: block;
    height: 2.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.loop-pro-info .loop-pro-info-bottom a:hover {
    color: #e71e2e
}

.loop-pro-info .loop-pro-info-bottom a i {
    font-size: 1.2rem
}

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

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

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

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

@media screen and (max-width:500px) {
    .loop-pro {
        margin-bottom: 2rem;
        width: 100%
    }
}

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

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

.loop-rela-case-thumb {
    aspect-ratio: 466/350;
    display: block;
    overflow: hidden;
    position: relative
}

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

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

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

.loop-rela-case-x {
    display: flex;
    flex-flow: column
}

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

.loop-rela-case-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    padding: 2rem 1.2rem 1rem;
    text-align: center;
    transition: all .3s ease
}

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

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

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

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

    .loop-rela-case-tit a {
        font-size: 2.2rem
    }
}

.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: #151c2a;
    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: #e71e2e
}

.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 #e71e2e;
    color: #e71e2e;
    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: #151c2a;
    font-size: 1.8rem;
    text-decoration: underline;
    transition: all .3s
}

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

.loop-rela-news {
    background: #f8f8f8;
    box-shadow: 0 .2rem 1.3rem 0 rgba(0, 0, 0, .07);
    margin-bottom: 3.2rem;
    padding: 2.2rem;
    transition: all .3s
}

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

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

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

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

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

.loop-rela-news-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-rela-news-info .loop-rela-news-date {
    color: #999;
    font-size: 1.4rem;
    line-height: 3.6rem;
    margin-top: 1.8rem
}

.loop-rela-news-info .loop-rela-news-tit {
    margin: 0
}

.loop-rela-news-info .loop-rela-news-tit a {
    color: #151c2a;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.1rem;
    overflow: hidden;
    padding-bottom: 1.8rem;
    text-overflow: ellipsis;
    transition: all .3s;
    white-space: nowrap
}

.loop-rela-news-info .loop-rela-news-tit a:hover {
    color: #e71e2e
}

.loop-rela-news-info .loop-rela-news-excerpt {
    color: #999;
    height: 4.8rem;
    line-height: 2.4rem;
    margin-top: 1.6rem;
    overflow: hidden
}

.loop-rela-news-info .loop-rela-news-excerpt p {
    color: #999;
    line-height: inherit;
    margin: 0
}

.loop-rela-news-info .loop-rela-news-more {
    color: #e71e2e;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    transition: all .3s
}

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

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

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

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

.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: #151c2a;
    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: #e71e2e
}

@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-segment {
    transition: all .3s ease;
    width: 32%
}

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

.loop-segment:hover .loop-segment-tit a {
    color: #e71e2e
}

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

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

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

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

.loop-segment-x {
    display: flex;
    flex-flow: column
}

.loop-segment-tit {
    margin: 2.3rem 0 0
}

.loop-segment-tit a {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease;
    white-space: nowrap
}

.loop-segment-txt {
    height: 7.2rem;
    line-height: 2.4rem;
    margin: 2rem 0 0;
    overflow: hidden
}

.loop-segment-txt p {
    color: #999;
    font-size: 1.6rem;
    line-height: inherit;
    margin: 0;
    transition: all .3s
}

.loop-segment-more {
    color: #e71e2e;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 2rem;
    text-decoration: underline;
    transition: all .3s
}

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

.slider__mirror1 {
    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: 120%;
    z-index: 10
}

@media screen and (max-width:1440px) {
    .loop-segment-tit a {
        font-size: 2.8rem;
        line-height: 3.2rem;
        max-height: 6.4rem
    }

    .loop-segment-more {
        margin-top: 2rem
    }
}

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

@media screen and (max-width:600px) {
    .loop-segment {
        padding: 0;
        width: 100%
    }

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

    .loop-segment-tit a {
        font-size: 2.2rem
    }
}

.loop-solu {
    background: #f5f7fa;
    transition: all .3s;
    /* width: 32% */
}

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

.loop-solu-thumb {
    align-items: center;
    aspect-ratio: 456/220;
    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 .loop-solu-tit {
    margin: 0;
    padding: 1.7rem 2rem
}

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

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

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

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

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

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

.loop-thumb-show {
    display: none
}

.loop-thumb,
.loop-thumb-show.act {
    display: block
}

.loop-thumb {
    aspect-ratio: 72/54;
    overflow: hidden;
    position: relative
}

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

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

/*.loop-thumb:after {*/
/*    background: url(../image/shuiyin.png) no-repeat 50%;*/
/*    background-size: contain;*/
/*    content: "";*/
/*    display: block;*/
/*    height: 6.4rem;*/
/*    left: 50%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 34.5rem;*/
/*    z-index: 5*/
/*}*/

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

.loop-tit-nav.act .loop-tit {
    border-color: #e71e2e
}

.loop-tit-nav.act .loop-tit i {
    color: #e71e2e
}

.loop-tit {
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    line-height: 3rem;
    padding-bottom: 1.1rem;
    padding-top: 2rem;
    transition: all .3s
}

.loop-tit:hover {
    border-color: #e71e2e
}

.loop-tit:hover i {
    color: #e71e2e
}

.loop-tit span {
    color: #333;
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    width: calc(100% - 3rem)
}

.loop-tit i {
    color: #333;
    transition: all .3s
}

.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: #e71e2e;
    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 {
    margin-bottom: 3.4rem;
    transition: all .3s;
    width: 32%
}

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

.work-video-item:hover .work-video-tit {
    color: #e71e2e
}

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

.work-video-item .work-video-thumb .work-video-thumb-x {
    aspect-ratio: 4/3;
    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 img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.work-video-item .iconfont {
    bottom: 3rem;
    color: #e71e2e;
    font-size: 2.8rem;
    left: 3rem;
    position: absolute
}

.work-video-item .work-video-info {
    background-color: #fff;
    padding: 3rem
}

.work-video-item .work-video-tit {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    max-height: 5.6rem;
    overflow: hidden;
    transition: all .3s
}

.work-video-item .work-video-date {
    color: #555;
    margin-top: 2rem
}

@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-layout {
    color: #fff;
    position: relative
}

.xz-404-layout * {
    color: #fff
}

.xz-404-layout img {
    display: block;
    min-height: 50vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.xz-404-info {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding-top: 10%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.xz-404-info .bg-404 {
    background: url(../image/404.png) no-repeat 50%;
    background-size: contain;
    height: 29rem;
    margin-bottom: 6rem;
    width: 54rem
}

.xz-404-info h1 {
    margin: 0;
    text-transform: uppercase
}

.xz-404-info a {
    align-items: center;
    background: #e71e2e;
    border-radius: .4rem;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    font-weight: 500;
    gap: 1rem;
    height: 5.6rem;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s;
    width: 22rem
}

.xz-404-info a:hover {
    background: #e71e2e;
    color: #fff;
    transform: translateX(3px)
}

.xz-form-agent {
    --c-theme: #e71e2e;
    --c-border: #ededed;
    --c-bg: #fff;
    --c-label: #333;
    --c-font: #666;
    --c-green: #00b160;
    --size: 1.6rem;
    --gap: 1.25em;
    --h: 3.5em;
    --lh: 1.8em;
    --pd: .4em .625em;
    --br: 4px;
    --btn-w: 18.75em;
    --btn-jc: center;
    --lines: 4
}

input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

[list]::-webkit-calendar-picker-indicator {
    display: none !important
}

.xz-form-agent {
    font-size: var(--size)
}

.xz-form-agent input::-moz-placeholder {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.xz-form-agent input::placeholder {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.xz-form-agent textarea::-moz-placeholder {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.xz-form-agent textarea::placeholder {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.xz-agent-form-infos strong {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin: 4rem 0 2rem
}

.xz-agent-form-infos strong.s5 {
    margin-top: 5.5rem
}

.xz-form-agent .xz-agent-form-info,
.xz-form-agent .xz-agent-form-msg {
    align-items: center;
    background: #f5f7fa;
    border: 1px solid var(--c-border);
    box-sizing: border-box;
    display: flex;
    gap: 5px;
    margin-top: 2.6rem;
    position: relative
}

.xz-form-agent .xz-agent-form-info.act,
.xz-form-agent .xz-agent-form-msg.act {
    border: 1px solid red
}

.xz-form-agent .xz-agent-form-info.act span,
.xz-form-agent .xz-agent-form-msg.act span {
    opacity: 1
}

.xz-form-agent .xz-agent-form-info span,
.xz-form-agent .xz-agent-form-msg span {
    bottom: -2rem;
    color: red;
    display: flex;
    font-size: 1.4rem;
    gap: .3rem;
    left: 0;
    line-height: 1.6rem;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.xz-form-agent .xz-agent-form-info {
    height: var(--h)
}

.xz-form-agent .xz-agent-form-info-imtype {
    position: relative;
    width: 100%
}

.xz-form-agent .xz-agent-form-info-imtype:after {
    color: #e71e2e;
    content: "\e622";
    font-family: iconfont;
    font-size: .7rem;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none
}

.xz-form-agent .xz-agent-form-info-imtype select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background: #f5f7fa;
    border: none;
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    height: 100%;
    outline: none;
    padding: var(--pd);
    width: 100%
}

.xz-form-agent .xz-agent-form-info-imtype select option {
    border: none;
    outline: none
}

.xz-form-agent .xz-agent-form-msg {
    align-items: flex-start
}

.xz-form-agent .xz-form-input,
.xz-form-agent .xz-form-textarea {
    background: transparent;
    border: none;
    border-radius: var(--br);
    color: #151c2a;
    color: var(--c-font);
    font-family: Inter, sans-serif;
    font-size: var(--size);
    height: 100%;
    line-height: var(--lh);
    outline: 0;
    padding: var(--pd);
    width: 100%
}

.xz-form-agent .xz-form-textarea {
    font-family: inherit;
    height: calc(var(--lh)*var(--lines));
    min-height: var(--h);
    resize: none
}

.xz-form-agent .xz-form-btns {
    display: flex;
    justify-content: var(--btn-jc)
}

.xz-form-agent .xz-form-button {
    align-items: center;
    background: #e71e2e;
    border: none;
    border-radius: var(--br);
    color: #333;
    display: inline-flex;
    display: flex;
    font-size: var(--size);
    font-weight: 600;
    gap: .5em;
    height: var(--h);
    justify-content: center;
    transition: all .3s;
    width: 28rem;
    cursor: pointer;
}

.xz-form-agent .xz-form-button svg {
    height: 2rem;
    width: 2rem
}

.xz-form-agent .xz-form-button svg path {
    fill: #333
}

.xz-form-agent .xz-form-button:hover {
    filter: brightness(1.1)
}

.xz-form-agent .xz-form-button:active {
    transform: scale(.98)
}

.verification {
    align-items: center;
    display: flex;
    gap: 0 .8rem
}

.verification .fill-in-code {
    border: .1rem solid #ddd;
    border-radius: .2rem;
    height: 5.8rem;
    padding: 1.2rem 1.7rem;
    width: 40rem
}

.verification span {
    background: #f5f7fa;
    color: #e71e2e;
    cursor: pointer;
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    height: 5.6rem;
    line-height: 5.6rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 15rem
}

.c2,
.c3 {
    align-items: center;
    display: flex;
    gap: 1rem
}

.c2 .xz-agent-form-info,
.c3 .xz-agent-form-info {
    flex: 1
}

.c2.jc-between {
    justify-content: space-between;
    margin-top: 2rem
}

.xz-form-agent .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: var(--c-green);
    display: flex;
    font-size: 1.125em;
    font-weight: 500;
    left: 50%;
    line-height: 1.8em;
    max-width: 75%;
    padding: 4em;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.xz-banner {
    --banner_h: clamp(400px, 100vh, 1200px);
    position: relative
}
.slick-dots {
    bottom: 7rem;
    display: flex;
    font-size: 0;
    gap: 6.51vw;
    justify-content: center;
    left: 50%;
    padding-top: 0;
    position: absolute;
    transform: translateX(-50%);
    width: auto
}
.xz-banner .slick-dots{
    bottom: clamp(1.5rem, 0.125rem + 6.88vw, 7rem) !important;
}
.xz-banner .slick-dots:before {
    background-color: hsla(0,0%,100%,.22);
    bottom: -13px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.xz-banner .slick-dots li {
    margin: 0 .8rem!important;
    width: auto
}

.xz-banner .slick-dots li button {
    background: transparent;
    border: none;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 0;
    position: relative;
    transition: all .3s ease;
    width: auto
}

.xz-banner .slick-dots li button:before {
    color: #fff;
    content: "0";
    font-size: 1.4rem;
    line-height: 1.6rem
}

.xz-banner .slick-dots li button:after {
    background-color: #fff;
    bottom: -2rem;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0);
    width: 100%
}

.xz-banner .slick-dots li.slick-active,.xz-banner .slick-dots li.slick-active button {
    width: auto
}

.xz-banner .slick-dots li.slick-active button:after {
    transform: scale(1)
}


.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--video .xz-banner-item-wrap {
    background: rgba(0, 0, 0, .3)
}

.xz-banner-item-wrap {
    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 h1 {
    text-transform: uppercase
}

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

.xz-banner-content p {
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.55
}

.xz-banner-content p a {
    align-items: center;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    gap: 1rem;
    height: 4rem;
    justify-content: center;
    margin-top: 3rem;
    transition: all .3s;
    width: 15rem
}

.xz-banner-content p a:after {
    content: "\e65f";
    display: inline-block;
    font-family: iconfont;
    font-size: 1.4rem;
    position: relative;
    transition: all .3s
}

.xz-banner-content p a:hover {
    background: #e71e2e;
    border: 2px solid #e71e2e
}

.xz-banner-content p a:hover:after {
    transform: rotate(45deg)
}

.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 {
    aspect-ratio: 1920/850;
    -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: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: 3.2rem
    }

    .xz-banner-x .xz-banner-content p {
        font-size: 2rem
    }
}

@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: #ddd;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    padding: 1.6rem 0 0
}

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

#breadcrumbs a:hover {
    color: #e71e2e
}

#breadcrumbs span {
    align-items: center;
    display: inline-flex;
    gap: .6rem
}

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

.detail_breadcrumb {
    position: relative
}

.detail_breadcrumb #breadcrumbs,
.detail_breadcrumb #breadcrumbs .breadcrumb_last {
    color: #999
}

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

@media screen and (max-width:1024px) {
    .breadcrumbs-x {
        display: none
    }
}

.xz-case-gallery {
    aspect-ratio: 466/350
}

.xz-case-gallery .xz-case-item {
    height: 100%
}

.xz-case-gallery img {
    aspect-ratio: 466/350;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.xz-case-gallery .slick-dots {
    bottom: 3rem;
    left: 50%;
    margin-top: 0;
    gap: 10px;
    position: absolute;
    transform: translateX(-50%)
}

.parts-case-pro {
    display: flex;
    gap: 2%;
    margin-top: 3rem
}

.parts-case-pro .loop-pro {
    width: 32%
}

.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 #e71e2e;
    border-radius: 50%;
    color: #e71e2e;
    display: flex;
    font-size: 2.5rem;
    height: 5rem;
    justify-content: center;
    margin-right: 1rem;
    width: 5rem
}

.contact-item li p {
    color: #151c2a;
    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: #151c2a;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    transition: all .3s
}

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

.nav-container {
    position: sticky;
    top: 0;
    z-index: 990
}

.nav-container .xz-main {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.content-sec-nav {
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    font-size: 1.6rem;
    font-weight: 500;
    gap: 1rem;
    height: auto;
    max-width: 100%;
    overflow-x: auto
}

.content-sec-nav li {
    flex: none;
    height: auto;
    text-align: center
}

.content-sec-nav li a {
    align-items: center;
    background: #f8f8f8;
    color: #151c2a;
    display: flex;
    font-weight: 500;
    height: 4.6rem;
    justify-content: center;
    transition: all .3s ease;
    white-space: nowrap;
    width: 20rem
}

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

@media screen and (max-width:1024px) {
    .nav-container {
        display: none
    }
}

.pz-faq-item:not(:last-child) {
    margin-bottom: 1rem
}

.pz-faq-item.act .pz-faq-tit {
    background: #e71e2e
}

.pz-faq-item.act .pz-faq-tit .see-faq,
.pz-faq-item.act .pz-faq-tit span {
    color: #fff
}

.pz-faq-item .pz-faq-tit {
    align-items: center;
    background: #f8f8f8;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding-left: 3rem;
    transition: all .3s
}

.pz-faq-item .pz-faq-tit span {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    transition: all .3s;
    width: calc(100% - 9rem)
}

.pz-faq-item .pz-faq-tit .see-faq {
    align-items: center;
    color: #e71e2e;
    display: flex;
    font-size: 2rem;
    height: 8rem;
    justify-content: center;
    transition: all .3s;
    width: 8rem
}

.pz-faq-item .pz-faq-info {
    background: #fff;
    color: #151c2a;
    display: none;
    font-weight: 500;
    line-height: 2.4rem;
    padding: 3.5rem
}

.footer-searchform input::-moz-placeholder {
    font-family: Inter, sans-serif
}

.footer-searchform input::placeholder {
    font-family: Inter, 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
}

.footer {
    background: #333333;
    padding-top: 8.5rem
}

.footer-top {
    padding-bottom: 5.3rem
}

.xz-footer-logo-a {
    display: block;
    margin-bottom: 3rem;
    width: 17rem
}

.xz-footer-logo-a img {
    display: block;
    transition: all .3s
}

.xz-footer-logo-a img:hover {
    transform: scale(.98)
}

.xz-footet-menu-info {
    display: flex;
    justify-content: space-between
}

.xz-footet-menu-info * {
    color: #fff
}

.xz-footet-menu-info .f-sec-tit {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.7rem;
    margin-bottom: 1.8rem;
    position: relative
}

.xz-footet-menu-info .f-sec-tit:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .3rem;
    margin-top: 1.2rem;
    width: 3rem
}

.xz-footet-menu-info .menu li {
    margin-bottom: .3rem
}

.xz-footet-menu-info .menu li a {
    color: #999;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3.2rem;
    position: relative;
    transition: all .3s
}

.xz-footet-menu-info .menu li a:hover {
    text-decoration: underline;
    transform: translateX(3px)
}

.xz-footer-contact li {
    display: flex;
    gap: .5rem;
    margin-bottom: 2rem
}

.xz-footer-contact li i {
    color: #e71e2e;
    font-size: 2rem
}

.xz-footer-contact li div {
    align-items: center;
    display: flex;
    gap: .5rem
}

.xz-footer-contact li div span {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    opacity: .9
}

.xz-footer-contact li div a {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2rem;
    transition: all .3s
}

.xz-footer-contact li div a:hover {
    text-decoration: underline;
    transform: translateX(3px)
}

.footer-bottom-in {
    color: #999;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    gap: 1rem;
    justify-content: space-between;
    padding: 2.5rem 0
}

.footer-bottom-in * {
    color: #999
}

.footer-bottom-in .footer-bottom-r {
    align-content: center;
    display: flex;
    gap: .8rem
}

.privacy-link {
    display: flex;
    gap: 1rem;
    justify-content: center
}

.privacy-link a {
    font-size: 1.4rem;
    text-decoration: underline;
    transition: all .3s
}

.privacy-link a:hover {
    color: #e71e2e;
    text-decoration: underline
}

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

    .f-menu2,
    .f-menu3 {
        display: none
    }
}

@media screen and (max-width:600px) {
    .footer {
        padding-top: 6.5rem
    }

    .f-menu.f-menu1 {
        display: none
    }

    .footer-logo {
        width: 10rem
    }

    .xz-footet-menu-info {
        gap: 3rem
    }

    .footer-bottom-in,
    .privacy-link,
    .xz-footet-menu-info {
        justify-content: flex-start
    }

    .privacy-link {
        margin-top: 1rem;
        width: 100%
    }
}

.xz-form-pnx {
    --c-theme: #e71e2e;
    --c-border: #f0f0f0;
    --c-bg: #fff;
    --c-label: #333;
    --c-font: #666;
    --c-green: #00b160;
    --size: 1.6rem;
    --gap: 1.5em;
    --h: 3em;
    --lh: 1.8em;
    --pd: .4em .625em;
    --br: 4px;
    --btn-w: 18.75em;
    --btn-jc: center;
    --lines: 4;
    font-size: var(--size);
    position: relative
}

.xz-form-pnx input::-moz-placeholder {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.xz-form-pnx input::placeholder {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.xz-form-pnx textarea::-moz-placeholder {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.xz-form-pnx textarea::placeholder {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 400
}

.xz-form-pnx .xz-form-infos {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap) 2%;
    margin-bottom: var(--gap)
}

.xz-form-pnx .xz-form-info {
    width: 49%
}

.xz-form-pnx .xz-form-info-f {
    display: flex;
    gap: 2%;
    width: 100%
}

.xz-form-pnx .xz-form-info-f .xz-form-info {
    width: 32%
}

.xz-form-pnx .xz-form-info,
.xz-form-pnx .xz-form-msg {
    /*align-items: center;*/
    /*background: transparent;*/
    
    /*box-sizing: border-box;*/
    /*display: flex;*/
    position: relative;
}

.xz-form-pnx .xz-form-info.act,
.xz-form-pnx .xz-form-msg.act {
    border: 1px solid red
}

.xz-form-pnx .xz-form-info.act span,
.xz-form-pnx .xz-form-msg.act span {
    opacity: 1
}

.xz-form-pnx .xz-form-info span,
.xz-form-pnx .xz-form-msg span {
    width: 100%;
}

.xz-form-pnx .xz-form-info {
    /*height: var(--h)*/
}

.xz-form-pnx .xz-form-info-product p{
    width: 100%;
}

.xz-form-pnx .xz-form-info-product select {
    background: #f5f7fa;
    border: none;
    border-radius: var(--br);
    color: var(--c-font);
    font-size: var(--size);
    height: 48px;
    line-height: var(--lh);
    outline: 0;
    padding: var(--pd);
    width: 100%;
    border: 1px solid var(--c-border);
}

.xz-form-pnx .xz-form-info-product select option {
    border: none;
    outline: none
}

.xz-form-pnx .xz-form-msg {
    align-items: flex-start
}

.xz-form-pnx .xz-form-input,
.xz-form-pnx .xz-form-textarea {
    background: #f5f7fa;
    border: none;
    border-radius: var(--br);
    color: var(--c-font);
    font-size: var(--size);
    height: 48px;
    line-height: var(--lh);
    outline: 0;
    padding: var(--pd);
    width: 100%;
    border: 1px solid var(--c-border);
}

.xz-form-pnx .xz-form-textarea {
    font-family: inherit;
    height: calc(var(--lh)*5);
    min-height: var(--h);
    resize: none
}

.xz-form-pnx .xz-form-label {
    color: var(--c-label);
    display: block;
    line-height: var(--lh);
    white-space: nowrap
}

.xz-form-pnx .xz-form-label.required:after {
    color: var(--c-theme);
    content: "*";
    margin-left: .625em
}

.xz-form-pnx .xz-form-btns {
    display: flex;
    justify-content: var(--btn-jc);
    margin-top: var(--gap)
}

.xz-form-pnx .xz-form-button {
    align-items: center;
    background: #e71e2e;
    border: none;
    border-radius: var(--br);
    color: #333;
    display: inline-flex;
    display: flex;
    font-size: var(--size);
    font-weight: 600;
    gap: .5em;
    height: var(--h);
    justify-content: center;
    transition: all .3s;
    width: var(--btn-w);
    cursor: pointer;
}

.xz-form-pnx .xz-form-button path {
    fill: #333
}

.xz-form-pnx .xz-form-button svg {
    height: 2rem;
    width: 2rem
}

.xz-form-pnx .xz-form-button:hover {
    filter: brightness(1.1)
}

.xz-form-pnx .xz-form-button:active {
    transform: scale(.98)
}

.xzform_o {
    position: relative
}

.xz-form-pnx .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: var(--c-green);
    display: flex;
    font-size: 1.125em;
    font-weight: 500;
    left: 50%;
    line-height: 1.8em;
    max-width: 75%;
    padding: 4em;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.form-sec {
    margin-top: var(--sec_gap)
}

.form-tit {
    color: #151c2a;
    margin: 0 0 1.2rem
}

.form-des {
    color: #999;
    margin: 0 0 1.8rem
}

.popup-form .form-sec {
    margin-top: 0;
    padding-bottom: 3.6rem
}

#xzform-main .xz-form-pnx {
    --c-theme: #e71e2e;
    --btn-w: 100%;
    --h: 3.5em;
    --lines: 3;
    --c-label: $c01
}

#xzform-main .xz-form-info-imtype,
#xzform-main .xz-form-info-product {
    position: relative
}

#xzform-main .xz-form-info-imtype:before,
#xzform-main .xz-form-info-product:before {
    background-color: #f5f7fa;
    color: #e71e2e;
    content: "\e622";
    display: block;
    font-family: iconfont;
    font-size: .7rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
        height: 48px;
    line-height: var(--lh);
    z-index: 2;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    width: 2.8rem;
        display: flex;
    justify-content: center;
    align-items: center;
}

#xzform-main .xz-form-msg:before {
    content: "" !important;
    top: 2rem
}

#xzform-main .xz-form-input,
#xzform-main .xz-form-textarea {
    background: #f5f7fa;
    padding-right: 2.5rem
}

@media screen and (max-width:500px) {
    .xz-form-pnx {
        --gap: .8em
    }

    .xz-form-pnx .xz-form-infos {
        grid-template-columns: 1fr
    }

    .xz-form-pnx .xz-form-button {
        width: 100%
    }
}

.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: Inter, 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: #e71e2e;
    text-decoration: underline
}

.header-quote {
    align-items: center;
    background: #e71e2e;
    border-radius: .2rem;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    height: 4.8rem;
    justify-content: center;
    margin-left: 2rem;
    text-transform: uppercase;
    transition: all .3s;
    width: 15rem
}

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

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

.header-searchform input::-moz-placeholder {
    font-family: Inter, sans-serif
}

.header-searchform input::placeholder {
    font-family: Inter, 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: 9rem;
    overflow-x: hidden;
}

.xz-header {
    background: #fff;
    box-shadow: 0 0 4rem -.5rem rgba(0, 0, 0, .1);
    left: 0;
    position: sticky;
    top: 0;
    transition: all .5s ease;
    width: 100%;
    z-index: 999
}

.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: #151c2a
}

#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: #e71e2e
}

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

#menu-main>li>a {
    color: #151c2a;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    font-weight: 500;
    height: var(--menu_h);
    justify-content: center;
    transition: all .3s;
    white-space: nowrap;
    z-index: 2
}

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

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

#menu-main>li.current-category-ancestor>a:before,
#menu-main>li.current-menu-ancestor>a:before,
#menu-main>li.current-menu-item>a:before,
#menu-main>li.current-menu-parent>a:before {
    opacity: 1
}

#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: #e71e2e !important
}

#menu-main>li>.sub-menu>li>a {
    color: #151c2a;
    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: 1.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: #e71e2e !important
}

#menu-main>li>.sub-menu>li>.sub-menu>li a {
    color: #999;
    font-family: Inter, sans-serif;
    font-size: 1.3rem;
    text-align: left;
    transition: all .3s;
    white-space: nowrap
}

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

#menu-main li.pc-none {
    display: none !important
}

.mobile-header-x {
    display: none
}

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

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

@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 {
    padding-top: .3rem;
    transition: all .3s
}

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

#search-btn i {
    color: #e71e2e;
    display: inline-block;
    font-size: 2.4rem;
    position: relative
}

.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: #151c2a;
    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 {
    cursor: pointer;
    flex: none;
    position: relative;
    z-index: 999
}

.lang-x,
.xz-lang {
    transition: all .3s ease
}

.xz-lang {
    align-items: center;
    color: #e71e2e;
    display: flex;
    font-size: 1.4rem;
    gap: .6rem;
    height: var(--menu_h)
}

.xz-lang:hover {
    transform: translateY(3px)
}

.xz-lang i {
    color: #e71e2e;
    font-size: 2rem
}

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

.menu-language-container .glink {
    align-items: center;
    color: #fff;
    display: flex;
    gap: .5rem;
    padding: 0 1.8rem 0 1rem;
    white-space: nowrap
}

.menu-language-container .glink span {
    font-size: 12px
}

#menu-language {
    display: none !important
}

#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: #fa9d00
}

#menu-language-1 {
    display: none
}

#menu-language-1 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-1 a:hover {
    background: #fa9d00
}

@media screen and (max-width:1024px) {
    .xz-lang {
        height: 6rem
    }
}

.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: 20rem;
    pointer-events: none;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    width: 19.6rem
}

.mobile-header {
    background: #fff;
    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: 10rem
}

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

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

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

.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 1s;
    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: #e71e2e;
    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: #e71e2e;
    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: #e71e2e;
    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: none
}

#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: #e71e2e;
    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: #e71e2e
}

#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: 20%
    }
}

.header-online {
    align-items: center;
    background: #fa9d00;
    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)
}

.parts-package-service {
    align-items: center;
    background: url(wp-content/themes/frontier/img/package-service.jpg) no-repeat 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    min-height: 45.9rem;
    padding: 6rem
}

.package-service-in {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between
}

.package-service-in .package-service-l {
    padding-right: 20rem;
    width: calc(100% - 24rem)
}

.package-service-in .package-service-l .package-service-tit {
    color: #fff;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.6rem
}

.package-service-in .package-service-l p {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.2rem;
    margin: 0
}

.package-service-in .package-service-r {
    width: 24rem
}

.package-service-in .package-service-r a {
    align-items: center;
    background: #e71e2e;
    border-radius: 2.8rem;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
    height: 5.6rem;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s
}

.package-service-in .package-service-r a:hover {
    transform: translateY(-3px)
}

.package-service-in .package-service-r a.package-service-online {
    background: transparent;
    border: 1px solid #fff;
    margin-top: 2rem
}

.package-service-in .package-service-r a.package-service-online:hover {
    background: #e71e2e;
    border: 1px solid #e71e2e
}

@media screen and (max-width:600px) {
    .parts-package-service {
        padding: 6rem 2rem
    }

    .package-service-in .package-service-l {
        padding: 0;
        width: 100%
    }

    .package-service-in .package-service-l .package-service-tit {
        font-size: 3.2rem;
        line-height: 4.2rem
    }

    .package-service-in .package-service-r {
        margin-top: 3rem;
        width: 100%
    }
}

.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: .3rem;
    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: #e71e2e;
    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: #e71e2e;
    border: 1px solid #e71e2e;
    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: #e71e2e;
    color: #fff
}

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

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

.xz-prenext {
    display: flex;
    gap: 2%;
    margin: 2rem 0 0
}

.xz-pn-next,
.xz-pn-pre {
    margin: 0;
    /* width: 49% */
}

.xz-pn-link {
    background: #f5f7fa;
    display: block;
    padding: 1.8rem
}

.xz-pn-link:before {
    color: #151c2a;
    content: "Previous:";
    display: block;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 1rem
}

.xz-pn-link a {
    color: #151c2a;
    display: block;
    font-weight: 400;
    line-height: 2.4rem;
    transition: all .3s ease
}

.xz-pn-link a:hover {
    color: #e71e2e
}

.xz-pn-next .xz-pn-link:before {
    content: "Next:"
}

.privacy-policy-content {
    margin: 8rem auto;
    max-width: 76rem
}

.privacy-policy-content>h2 {
    text-align: center
}

.privacy-policy-content .has-text-align-center strong {
    display: block;
    margin: 3rem 0 5rem;
    opacity: .8;
    padding: 0 5rem
}

.privacy-policy-content h5 {
    margin-top: 3.6rem
}

.privacy-policy-content p {
    font-size: 1.6rem
}

.privacy-policy-content ul {
    margin-top: 3rem
}

.privacy-policy-content ul li {
    color: #151c2a;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    margin-bottom: 1.8rem;
    padding-left: 1.8rem;
    position: relative
}

.privacy-policy-content ul li:before {
    background: #e71e2e;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .8rem;
    left: 0;
    position: absolute;
    top: .8rem;
    width: .8rem
}

.privacy-policy-content ol {
    counter-reset: section;
    margin-top: 3rem;
    padding: 0
}

.privacy-policy-content ol li {
    color: #151c2a;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    margin-top: 2.8rem;
    padding-left: 4rem;
    position: relative
}

.privacy-policy-content ol li:first-child {
    margin-top: 0
}

.privacy-policy-content ol li:before {
    align-items: center;
    background: #e71e2e;
    border-radius: 50%;
    color: #fff;
    content: "" counter(section);
    counter-increment: section;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    height: 2.8rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: .1rem;
    width: 2.8rem
}

@media screen and (max-width:600px) {
    .privacy-policy-content {
        margin: 5rem auto;
        max-width: 100%;
        padding: 0 3rem;
        width: 100%
    }

    .privacy-policy-content .has-text-align-center strong {
        display: block;
        margin: 3rem 0;
        padding: 0
    }

    .privacy-policy-content h5 {
        font-size: 2rem
    }
}

.pro-gallery {
    position: relative;
    width: 50%
}

.pro-gallery .slick-dots {
    bottom: 3rem;
    left: 50%;
    margin-top: 0;
    gap: 10px;
    position: absolute;
    transform: translateX(-50%)
}

.gallery-l {
    aspect-ratio: 716/477
}

.gallery-item-a {
    border: 1px solid rgba(21, 28, 42, .2);
    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 {
    aspect-ratio: 716/477;
    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 {
        margin: 4rem 0 0;
        width: 50%
    }
}

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

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

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

.pro-param h6 {
    color: #e71e2e;
    font-family: Inter, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.pro-param p {
    word-wrap: break-word
}

.pro-param ol {
    padding: 0
}

.pro-param ol li {
    color: #555;
    font-weight: 500;
    margin-top: 1rem;
    padding-left: 2rem;
    position: relative
}

.pro-param ol li:before {
    background: #e71e2e;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .8rem;
    left: 0;
    position: absolute;
    top: .6rem;
    width: .8rem
}

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

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

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

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

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

.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: 4/3;
    border-radius: 4px;
    overflow: hidden
}

.show-nav-item:hover img {
    border: 2px solid rgba(21, 28, 42, .2)
}

.show-nav-item.slick-current img {
    border: 2px solid rgba(247, 176, 14, .75)
}

.show-nav-item img {
    border: 2px solid transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease;
    width: 100%
}

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

.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 {
    padding: 10rem 0
}

.public-form-in {
    display: flex;
    flex-wrap: wrap;
}

.public-form-in .public-form-l {
    width: 47%;
}

.public-form-in .public-form-l h1 {
    margin: 0;
    position: relative
}

.public-form-in .public-form-l h1:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2rem 0;
    width: 8rem
}

.public-form-in .public-form-l p {
    color: #999;
    margin: 0
}

.public-form-in .public-form-l .form-contact {
    border-bottom: 1px solid #e6e6e7;
    border-top: 1px solid #e6e6e7;
    display: flex;
    gap: 5rem;
    margin: 3rem 0;
    padding: 3rem 0
}

.public-form-in .public-form-l .form-contact strong {
    color: #151c2a;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.public-form-in .public-form-l .form-contact a {
    color: #e71e2e;
    display: block;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    margin-top: .5rem
}

.public-form-in .public-form-r {
    width: 47%;
}

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

    .public-form-in .public-form-l {
        margin-bottom: 3rem;
        padding: 3rem 0;
        width: 100%
    }

    .public-form-in .public-form-r {
        padding: 4rem 0;
        width: 100%
    }
}

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

    .public-form-tip,
    .public-form-txt {
        font-size: 3.5rem
    }
}

.quick-link {
    display: flex;
    flex-wrap: wrap;
    gap: 2%
}

.quick-link .quick-link-item {
    align-items: center;
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10rem;
    padding: 5rem 0;
    position: relative;
    text-align: center;
    transition: all .3s;
    width: 32%
}

.quick-link .quick-link-item:hover {
    transform: translateY(-3px)
}

.quick-link .quick-link-item .iconfont {
    align-items: center;
    background: #fff;
    border: .5rem solid #e71e2e;
    border-radius: 50%;
    color: #e71e2e;
    display: flex;
    font-size: 2.2rem;
    height: 8rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: -4rem;
    transform: translateX(-50%);
    width: 8rem
}

.quick-link .quick-link-item a {
    align-items: center;
    background: #e71e2e;
    border: 2px solid #e71e2e;
    border-radius: .5rem;
    color: #fff;
    display: flex;
    height: 5rem;
    justify-content: center;
    padding: 0 2rem;
    transition: all .3s
}

.quick-link .quick-link-item a:hover {
    transform: translateY(-3px)
}

@media screen and (max-width:600px) {
    .quick-link .quick-link-item {
        margin-top: 6rem;
        width: 100%
    }
}

.search-sec {
    background: url(../image/search-bg.jpg) no-repeat 50%;
    background-size: cover;
    display: flex;
    flex-flow: column;
    height: 36.7rem;
    margin-bottom: 3rem;
    position: relative
}

.search-sec .search-sec-x {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0;
    width: 100%
}

.search-sec .breadcrumbs-x {
    margin-top: 1.8rem
}

.search-sec #breadcrumbs span {
    color: #151c2a
}

.hot-search {
    align-items: center;
    display: flex;
    gap: 1.4rem;
    margin-top: 2rem;
    width: 50.6%
}

.hot-search .txt-fst {
    color: #999;
    font-size: 1.4rem
}

.hot-search ul {
    align-items: center;
    display: flex;
    gap: 1.4rem
}

.hot-search ul a {
    color: #fff;
    font-size: 1.4rem
}

.search-count {
    color: #151c2a;
    font-size: 2rem;
    line-height: 2.7rem;
    margin: 0 0 3rem
}

.search-count-txt {
    color: #e71e2e;
    font-size: 2rem
}

.consult-now {
    align-items: center;
    background: #fa9d00;
    color: #fff;
    display: flex;
    font-family: Inter, sans-serif;
    gap: 1rem;
    height: 6rem;
    justify-content: center;
    margin-top: 2rem;
    min-width: 17rem;
    transition: all .3s;
    width: 20rem
}

.consult-now:hover {
    transform: translateY(-3px)
}

#search-nav {
    border-bottom: 1px solid #eee;
    display: flex;
    margin: 3rem 0;
    overflow: auto
}

.search-nav-li a {
    align-items: center;
    color: #666;
    display: flex;
    font-weight: 400;
    height: 6rem;
    justify-content: center;
    padding: 1rem 6rem 1rem 0;
    transition: all .3s ease
}

.search-nav-li a:hover {
    color: #151c2a
}

.search-nav-li.current a {
    color: #151c2a;
    font-weight: 700
}

.search-pro-ls {
    display: grid;
    gap: 7.5rem 5.4%;
    grid-template-columns: 1fr 1fr 1fr
}

.search-page-ls {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr 1fr
}

.search-results {
    margin-bottom: 6rem
}

.found-result {
    align-items: center;
    display: flex;
    flex-flow: column;
    margin: 6rem auto 2rem;
    width: 50%
}

.found-result img {
    max-width: 50%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.search-contact {
    margin-top: 10rem
}

.mfp-content .searchform-x {
    margin-bottom: 25vh
}

@media screen and (max-width:1024px) {
    .search-sec {
        height: 22rem;
        padding-top: 5rem
    }

    .search-nav-li a {
        background: #f2f2f2;
        font-size: 1.4rem;
        height: 4.8rem;
        padding: 1rem 2rem
    }

    #search-nav {
        gap: .5rem
    }
}

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

    .search-sec,
    .search-sec .search-sec-x {
        padding-top: 0
    }
}

.searchform-f-x {
    display: flex;
    justify-content: center
}

.xz-searchform-f {
    border: 1px solid #ddd;
    border-radius: .2rem;
    display: flex;
    overflow: hidden;
    width: 66.66%
}

.xz-searchform-f-input {
    background: #fff;
    border: none;
    flex: 1;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    width: 10rem
}

.xz-searchform-f-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/down.png) calc(100% - 1rem) 50% no-repeat #fff;
    background-size: auto 1.6rem;
    border: none;
    border-right: 1px solid #d8d8d8;
    color: #666;
    display: block;
    font-size: 1.6rem;
    min-width: 13rem;
    padding: 1rem 2rem;
    position: relative;
    width: 23%
}

.xz-searchform-f-submit {
    align-items: center;
    background: #e71e2e;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    transition: all .3s ease;
    width: 6rem
}

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

.sec-contact {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1.2rem .1rem rgba(29, 78, 137, .12);
    margin-top: 2rem;
    padding: 3rem 0 1rem
}

.sec-contact h5 {
    margin: 0;
    padding: 0 2rem
}

.sec-contact .sec-contact-x .sec-contact-item {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    gap: 1rem;
    padding: 3rem 2rem
}

.sec-contact .sec-contact-x .sec-contact-item:last-child {
    border: none
}

.sec-contact .sec-contact-x .sec-contact-item .iconfont {
    align-items: center;
    border: 1px solid #e71e2e;
    border-radius: 50%;
    color: #e71e2e;
    display: flex;
    font-size: 2.2rem;
    height: 5rem;
    justify-content: center;
    width: 5rem
}

.sec-contact .sec-contact-x .sec-contact-item .sec-contact-info {
    width: calc(100% - 6rem)
}

.sec-contact .sec-contact-x .sec-contact-item .sec-contact-info span {
    color: #666;
    display: block;
    font-size: 1.4rem;
    font-weight: 500
}

.sec-contact .sec-contact-x .sec-contact-item .sec-contact-info a {
    color: #151c2a;
    font-size: 1.8rem;
    font-weight: 700;
    transition: all .3s
}

.sec-contact .sec-contact-x .sec-contact-item .sec-contact-info a:hover {
    color: #e71e2e;
    text-decoration: underline
}

.sec-form {
    background: #f5f7fa;
    padding: 3.9rem 3rem
}

.sec-form .sec-form-x {
    margin-top: 2rem
}

.sec-bar-tit {
    margin-top: 0
}

.form-sec2-info {
    align-items: center;
    /*background: #fff;*/
    border: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    overflow: hidden;
    /*padding: 0 1rem;*/
    position: relative;
}

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

.form-sec2-info input {
    background: transparent;
    border: none;
    color: #222;
    display: block;
    flex: 1;
    width: 100%;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    /*margin-left: 4px;*/
    outline: none;
    padding: 1.4rem 1.6em;
}

.form-sec2-info input::-webkit-input-placeholder,
.form-sec2-textarea textarea::-webkit-input-placeholder {
    color: #999;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 500
}

.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;
    font-weight: 500;
    line-height: 2rem
}

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

.form-sec2-textarea textarea {
    background: #fff;
    border: none;
    color: #222;
    font-size: 1.4rem;
    height: 120px;
    line-height: 2rem;
    padding: 1.4rem 2.2rem;
    resize: none;
    width: 100%
}
.form-sec2-info .form-sec2-must,
.form-sec2-textarea .form-sec2-must {
    left: 10px;
    position: absolute;
    top: 14px
}

.form-sec2-btn {
    background: #e71e2e;
    border: none;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    gap: .5rem;
    height: 5.6rem;
    justify-content: center;
    line-height: 5.6rem;
    margin-top: 2rem;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s;
    width: 100%
}

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

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

.form-sec2-textarea {
    /*background: #fff;*/
    /*padding: 0 1rem;*/
    position: relative
}

.pro-sidebar-procat {
    padding: 8rem 2rem 5rem
}

.pro-sidebar-procat .parent-item {
    margin-bottom: 1.5rem;
    overflow: hidden
}

.pro-sidebar-procat .parent-item p {
    align-items: center;
    color: #151c2a;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    transition: all .5s
}

.pro-sidebar-procat .parent-item p a::-moz-selection {
    background: transparent
}

.pro-sidebar-procat .parent-item p a::selection {
    background: transparent
}

.pro-sidebar-procat .parent-item p:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: -1
}

.pro-sidebar-procat .parent-item p:after {
    align-items: center;
    color: inherit;
    content: "\e693";
    cursor: pointer;
    display: flex;
    font-family: iconfont;
    font-size: 1.4rem;
    height: 3.6rem;
    justify-content: center;
    transition: all .5s ease;
    width: 3.6rem
}

.pro-sidebar-procat .parent-item p a {
    color: inherit;
    font-family: Inter, sans-serif;
    font-weight: 600
}

.pro-sidebar-procat .pro_cat-lv2 {
    display: none;
    max-height: 50rem;
    overflow: auto;
    padding-left: 1rem;
    scrollbar-width: thin
}

.pro-sidebar-procat .pro_cat-lv2 li {
    overflow: hidden;
    transition: all .3s
}

.pro-sidebar-procat .pro_cat-lv2 li:last-child a {
    border-bottom: none
}

.pro-sidebar-procat .pro_cat-lv2 li a {
    align-items: center;
    border-bottom: 1px solid #ccc;
    color: #151c2a;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    justify-content: flex-start;
    padding: 1rem 0;
    transition: all .3s
}

.pro-sidebar-procat .pro_cat-lv2 li a:hover {
    color: #e71e2e
}

.pro-sidebar-procat .open.parent-item p:before {
    opacity: 1
}

.pro-sidebar-procat .open.parent-item p:after {
    transform: rotate(90deg)
}

.pro-sidebar-procat .open .pro_cat-lv2 li.current-menu-item a {
    color: #e71e2e
}

.sider-contact {
    bottom: 17%;
    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: #e71e2e;
    border-radius: .4rem;
    box-shadow: 0 0 4rem -.5rem rgba(0, 0, 0, .1);
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 7rem;
    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: .4rem;
    bottom: 8.2rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    left: 0;
    opacity: 1;
    padding-bottom: 3rem;
    padding-top: 2.5rem;
    position: absolute;
    transform: translateX(0);
    transform-origin: 50% bottom;
    transition: all .3s ease;
    visibility: visible;
    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: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6rem
}

.right_hide {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1rem -2px rgba(21, 28, 42, .15);
    color: #151c2a;
    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: #151c2a;
    border-color: #151c2a;
    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: #151c2a
}

.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: 2rem
}

.xz-sns-li i {
    color: #ccc;
    font-size: 2rem
}

.xz-sns-a {
    background-color: transparent;
    border-radius: 50%;
    display: block;
    transition: all .3s ease
}

.xz-sns-a:hover {
    transform: scale(1.1)
}

.xz-sns-a:hover i {
    color: #e71e2e
}

.xz-solu-gallery {
    aspect-ratio: 690/387
}

.xz-solu-gallery img {
    display: block
}

.table-contents {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    margin-bottom: 2rem;
    padding: 1.8rem
}

.table-contents-tit {
    color: #333;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    margin: 0 0 .9rem
}

.table-contents-nav {
    counter-reset: section
}

.table-contents-nav a {
    color: #666;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.table-contents-nav li {
    padding-left: 1.2rem;
    position: relative
}

.table-contents-nav li:before {
    color: #666;
    content: "" counter(section);
    counter-increment: section;
    font-family: Inter, sans-serif;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width:600px) {
    .table-contents {
        display: none !important
    }
}

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

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

.toppic .xz-main {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    position: relative
}

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

.toppic_content.none {
    display: none
}

.toppic_content.agent .toppic_tit {
    max-width: 86rem;
    text-align: center
}

.toppic_content .xz-main {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.toppic_tit {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 6.4rem;
    margin: 0
}

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

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

@media screen and (max-width:1024px) {
    .toppic img {
        height: 20rem;
        min-height: 18rem
    }
}

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

    .toppic_tit {
        font-size: 3rem
    }
}

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

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

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

.table-x {
    overflow: auto
}

.home-pro-series-in {
    margin-top: 12rem
}

.xz_term_con .slick-list {
    overflow: unset
}

.xz_term_con .slick-list .slick-slide {
    margin: 0 1rem;
    opacity: 0;
    transition: all .3s
}

.xz_term_con .slick-list .slick-slide>div {
    margin: 2rem 0
}

.xz_term_con .slick-list .slick-slide.slick-active {
    opacity: 1
}

.xz_term_con .term_lv1 {
    border-radius: 0 0 .4rem .4rem;
    position: relative;
    transition: all .3s;
    width: 23%
}

.xz_term_con .term_lv1:hover {
    transform: translateY(-3px)
}

.xz_term_con .term_lv1 .term_lv1_info {
    align-items: center;
    background: #fff;
    border-top: 2px solid #e71e2e;
    box-shadow: 0 .3rem .8rem 0 rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 26.6rem;
    padding: 5.7rem 2.6rem 2.6rem;
    position: relative;
    top: 0;
    transition: all .3s;
    width: 100%
}

.xz_term_con .term_lv1 .term_lv1_info:after {
    background: rgba(247, 176, 14, .1);
    content: "";
    display: block;
    height: 12rem;
    left: 50%;
    position: absolute;
    top: 5rem;
    transform: translateX(-50%);
    transition: all .3s;
    width: 12rem
}

.xz_term_con .term_lv1 .term_lv1_info:hover:after {
    height: 100%;
    top: 0;
    width: 100%
}

.xz_term_con .term_lv1 .term_lv1_info .term_lv1_img {
    display: flex;
    justify-content: center;
    position: relative
}

.xz_term_con .term_lv1 .term_lv1_info .term_lv1_img img {
    height: 10.4rem;
    position: relative;
    z-index: 5
}

.xz_term_con .term_lv1 .term_lv1_info .term_lv1_name {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin-top: 3rem;
    text-align: center;
    transition: all .3s
}

.xz_term_con2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 1.33%
}

.xz_term_con2 .term_lv1 {
    border-radius: 0 0 .4rem .4rem;
    position: relative;
    transition: all .3s;
    width: 23%
}

.xz_term_con2 .term_lv1:hover {
    transform: translateY(-3px)
}

.xz_term_con2 .term_lv1 .term_lv1_info {
    align-items: center;
    background: #fff;
    border-top: 2px solid #e71e2e;
    box-shadow: 0 .3rem .8rem 0 rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 26.6rem;
    padding: 5.7rem 2.6rem 2.6rem;
    position: relative;
    top: 0;
    transition: all .3s;
    width: 100%
}

.xz_term_con2 .term_lv1 .term_lv1_info:after {
    background: rgba(247, 176, 14, .1);
    content: "";
    display: block;
    height: 12rem;
    left: 50%;
    position: absolute;
    top: 5rem;
    transform: translateX(-50%);
    transition: all .3s;
    width: 12rem
}

.xz_term_con2 .term_lv1 .term_lv1_info:hover:after {
    height: 100%;
    top: 0;
    width: 100%
}

.xz_term_con2 .term_lv1 .term_lv1_info .term_lv1_img {
    display: flex;
    justify-content: center;
    position: relative
}

.xz_term_con2 .term_lv1 .term_lv1_info .term_lv1_img img {
    height: 10.4rem;
    position: relative;
    z-index: 5
}

.xz_term_con2 .term_lv1 .term_lv1_info .term_lv1_name {
    color: #151c2a;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin-top: 3rem;
    text-align: center;
    transition: all .3s
}

.home-service-ul {
    background: #e71e2e;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    padding: 5rem 6rem
}

.home-service-ul .home-service-item {
    display: flex;
    transition: all .3s;
    width: 32%
}

.home-service-ul .home-service-item:hover {
    transform: translateY(-3px)
}

.home-service-ul .home-service-item .iconfont {
    align-items: center;
    display: flex;
    font-size: 4rem;
    font-style: normal;
    height: 6rem;
    justify-content: center;
    width: 6rem
}

.home-service-ul .home-service-item .home-service-info {
    padding-left: 1rem;
    width: calc(100% - 6rem)
}

.home-service-ul .home-service-item .home-service-info strong {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem
}

.home-service-ul .home-service-item .home-service-info p {
    margin: 1rem 0 0
}

.home-service-ul * {
    color: #fff
}

.related-post {
    margin: 10rem 0
}

.related-post.mt-0 {
    margin-top: 0
}

.related-post.bt-0 {
    margin-bottom: 0
}

.related-post-tit {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0
}

.related-post-tit span {
    color: #151c2a;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin: 0;
    position: relative
}

.related-post-tit a {
    border-bottom: 2px solid #e71e2e;
    color: #151c2a;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .3s
}

.related-post-tit a:hover {
    color: #e71e2e
}

.xz-pro-rela-ul {
    margin-top: 5rem
}

.xz-pro-rela-ul .slick-list {
    overflow: visible
}

.xz-pro-rela-ul .slick-track {
    gap: 2rem
}

.xz-pro-rela-ul .loop-pro {
    opacity: 0;
    width: unset
}

.xz-pro-rela-ul .loop-pro.slick-active {
    opacity: 1
}

.xz-news-rela-ul {
    margin-top: 5rem
}

.xz-news-rela-ul .slick-list {
    overflow: visible
}

.xz-news-rela-ul .slick-track {
    gap: 3.6rem
}

.xz-news-rela-ul .loop-news {
    opacity: 0
}

.xz-news-rela-ul .loop-news.slick-active {
    opacity: 1
}

.xz-case-rela-ul {
    margin-top: 5rem
}

.xz-case-rela-ul .slick-list {
    overflow: visible
}

.xz-case-rela-ul .slick-track {
    gap: 2rem
}

.xz-case-rela-ul .loop-rela-case {
    opacity: 0
}

.xz-case-rela-ul .loop-rela-case.slick-active {
    opacity: 1
}

.xz-case-rela-ul .loop-solu {
    opacity: 0
}

.xz-case-rela-ul .loop-solu.slick-active {
    opacity: 1
}

.home-rela-news {
    display: flex;
    flex-wrap: wrap;
    gap: 2%
}

.home-rela-news .loop-news {
    width: 32%
}

.xz-container {
    margin: 5rem 0 0
}

.xz-pro-list {
    display: flex;
    gap: 7rem
}

.xz-pro-list .pro-list-cat {
    background: #fff;
    box-shadow: 0 0 4rem 0 rgba(0, 0, 0, .1);
    width: 24rem
}

.xz-pro-list .pro-list-cat .pro-cat-ul {
    position: sticky;
    top: 0
}

.xz-pro-list .pro-list-in {
    width: 137rem
}

.xz-pro-list .pro-list-in>h1 {
    margin-top: 0;
    padding-top: 8rem
}

.xz-pro-list .pro-list-in .cat-desc * {
    color: #666
}

.xz-pro-list .pro-list-in .public-form,
.xz-pro-list .pro-list-in .public-form .public-form-in {
    width: 100%
}

.xz-pro-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33%;
    margin-top: 5rem
}

.box-wrap {
    display: flex;
    justify-content: space-between
}

.box-wrap .box-l {
    width: calc(100% - 40rem)
}

.box-wrap .box-r {
    width: 36rem
}

.box-wrap .box-r-x {
    position: sticky;
    top: 2rem
}

.cat-x {
    border-bottom: 1px solid #ddd;
    margin-bottom: 7.5rem
}

.menu-nav {
    display: flex
}

.menu-nav li {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.menu-nav li.current-menu-item a {
    border-bottom: .2rem solid #e71e2e;
    color: #151c2a;
    font-weight: 700
}

.menu-nav li a {
    color: #666;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    height: 7.5rem;
    transition: all .3s
}

.menu-nav li a:hover {
    color: #e71e2e
}

.news-ls,
.xz-solu-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3.6rem 2%
}

.company-advantage-ul {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    margin-top: 10rem
}

.company-advantage-item {
    align-items: center;
    display: flex;
}

.company-advantage-item .company-advantage-l {
    position: relative;
    width: 50%
}

.company-advantage-item .company-advantage-l span {
    -webkit-text-stroke: 1px rgba(247, 176, 14, .3);
    color: transparent;
    display: inline-block;
    font-size: 12rem;
    font-weight: 800;
    line-height: 14.5rem;
    position: absolute;
    right: 6rem;
    top: 0
}

.company-advantage-item .company-advantage-l i {
    align-items: center;
    background: rgba(247, 176, 14, .1);
    color: #e71e2e;
    display: flex;
    font-size: 4rem;
    height: 7rem;
    justify-content: center;
    width: 7rem
}

.company-advantage-item .company-advantage-l h2 {
    color: #151c2a;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 3rem 0 2rem;
    max-width: 46rem
}

.company-advantage-item .company-advantage-l .company-advantage-txt {
    border-top: 1px solid #e0e0e0;
    color: #666;
    padding-top: 2rem;
    position: relative
}

.company-advantage-item .company-advantage-l .company-advantage-txt:before {
    background: #e71e2e;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    width: 20rem
}

.company-advantage-item .company-advantage-r {
    position: relative;
    width: 50%
}

.company-advantage-item .company-advantage-r .slick-dots {
    bottom: 5rem;
    left: 50%;
    margin-top: 0;
    gap: 10px;
    position: absolute;
    transform: translateX(-50%)
}

.company-advantage-item:nth-child(2n-1) .company-advantage-l {
    padding-right: 6rem
}

.company-advantage-item:nth-child(2n) {
    flex-direction: row-reverse
}

.company-advantage-item:nth-child(2n) .company-advantage-l {
    padding-left: 6rem
}

.company-advantage-item img {
    border: none !important;
    display: block
}

.company-advantage-item p {
    margin: 0
}

.production-experience {
    align-items: center;
    display: flex;
    margin-top: 10rem
}

.production-experience .pe-l {
    padding-right: 5rem;
    width: 50%
}

.production-experience .pe-r {
    width: 50%
}

.production-experience .pe-r .pe-tit {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.production-experience .pe-r .pe-tit strong {
    color: #e71e2e;
    font-family: Inter, sans-serif;
    font-size: 15rem;
    font-weight: 700;
    line-height: 15rem
}

.production-experience .pe-r .pe-tit span {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.8rem
}

.production-experience .pe-r p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem
}

.our-service-content {
    margin: 10rem 0 0
}

.our-service-content .wp-block-media-text .wp-block-media-text__content {
    padding: 0 10%;
    position: relative
}

.our-service-content .wp-block-media-text .wp-block-media-text__content:after {
    background: url(wp-content/themes/frontier/img/dot.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 15rem;
    position: absolute;
    right: 3rem;
    top: -6rem;
    width: 15rem
}

.our-service-content .wp-block-media-text .wp-block-media-text__content em {
    color: #e71e2e;
    font-size: 4rem;
    font-style: normal
}

.our-service-content .wp-block-media-text .wp-block-media-text__content h3 {
    margin: 0
}

.our-service-content .wp-block-media-text .wp-block-media-text__content h3:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .6rem;
    margin: 3rem 0;
    width: 10rem
}

.our-service-content .wp-block-media-text .wp-block-media-text__content p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem
}

.about-intro {
    display: flex;
    margin-top: 10rem
}

.about-intro .about-intro-l {
    padding-right: 7rem;
    width: 50%
}

.about-intro .about-intro-l h1 {
    font-weight: 700;
    line-height: 4.8rem;
    margin: 0
}

.about-intro .about-intro-l h1:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2rem 0;
    width: 8rem
}

.about-intro .about-intro-l p {
    line-height: 2.4rem
}

.about-intro .about-intro-r {
    width: 50%
}

.about-intro .about-intro-r p {
    margin: 0
}

.about-intro .about-intro-r img {
    aspect-ratio: 72/42;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.about-service-ul {
    display: flex;
    gap: 2rem;
    margin-top: 8rem
}

.about-service-ul .company-service-item {
    align-items: center;
    background: #f5f7fa;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2.2rem;
    padding: 3rem 2.2rem;
    transition: all .3s
}

.about-service-ul .company-service-item:hover {
    transform: translateY(-3px)
}

.about-service-ul .company-service-item i {
    color: #e71e2e;
    display: inline-block;
    font-size: 5rem;
    line-height: 5rem
}

.about-service-ul .company-service-item .company-service-text {
    color: #151c2a;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    text-align: center
}

.our-factory {
    margin-top: 10rem
}

.our-factory h1 {
    margin: 0 0 2rem
}

.our-factory .gallery {
    display: flex;
    gap: 2rem;
    margin-top: 4rem !important
}

.our-factory .gallery .gallery-item {
    margin: 0 !important
}

.our-factory .gallery img {
    border: none !important;
    display: block
}

.cover-intro {
    margin-top: 10rem;
    position: relative
}

.cover-intro .cover-intro-text {
    bottom: 0;
    left: 0;
    padding: 6rem 13rem;
    position: absolute;
    right: 0;
    top: 0
}

.cover-intro .cover-intro-text p {
    color: #fff
}

.cover-intro img,
.epco-top img {
    display: block;
    height:100%;
    object-fit: cover;
}

.xz-epco-in {
    position: relative
}

.xz-epco-in .wp-block-group {
    left: 0;
    padding-right: 3rem;
    position: absolute;
    top: 0;
    width: 32%
}

.xz-epco-in .wp-block-group * {
    text-align: left
}

.xz-epco-in .wp-block-group h1 {
    margin-top: 0
}

.operational {
    background-size: cover !important;
    margin-top: 10rem;
    min-height: 54rem
}

.operational .operational-in {
    display: flex;
    gap: 12rem;
    padding: 10rem 0
}

.operational .operational-in h1 {
    margin: 0;
    width: 42rem
}

.operational .operational-in ul {
    width: calc(100% - 54rem)
}

.operational .operational-in ul li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    font-weight: 600;
    line-height: 2.1rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    padding-left: 3.8rem;
    position: relative
}

.operational .operational-in ul li:before {
    align-items: center;
    background: #e71e2e;
    border-radius: .2rem;
    color: #fff;
    content: "\e600";
    display: flex;
    font-family: iconfont;
    font-size: 1.2rem;
    height: 2.4rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.4rem
}

.operational .operational-in * {
    color: #fff
}

.strength {
    background: #f5f7fa;
    padding: 10rem 0
}

.strength h1 {
    margin: 0;
    text-align: center
}

.strength ul {
    gap: 1rem;
    margin: 3rem 0 0
}

.strength ul,
.strength ul li {
    display: flex;
    justify-content: center
}

.strength ul li {
    align-items: center;
    background: #fff;
    color: #151c2a;
    font-size: 1.8rem;
    font-weight: 600;
    height: 7rem;
    padding: 0 3rem;
    position: relative
}

.strength ul li:not(:last-child):after {
    background: #e71e2e;
    border-radius: 50%;
    color: hsla(0, 0%, 100%, .8);
    content: "\e72b";
    display: block;
    font-family: iconfont;
    font-size: 1.3rem;
    font-size: 1rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 auto;
    position: absolute;
    right: -2.1rem;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    z-index: 9
}

.strength .gallery {
    display: flex;
    gap: 2rem;
    margin: 4rem 0 0 !important
}

.strength .gallery .gallery-item {
    margin: 0 !important
}

.strength .gallery img {
    border: none !important;
    display: block
}

.contact-info {
    margin-bottom: 10rem
}

.contact-info-in {
    border: 1px solid #dfdfdf;
    padding: 6rem 10rem
}

.contact-info-in>h1 {
    margin: 0 0 5rem;
    text-align: center
}

.contact-info-in ol {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 5%;
    margin: 0;
    padding: 0
}

.contact-info-in ol>li {
    padding: 0;
    width: 30%
}

.contact-info-in ol>li.f2 {
    flex: 2
}

.contact-info-in ol>li>.iconfont {
    color: #151c2a;
    display: block;
    font-size: 3.5rem;
    line-height: 4rem
}

.contact-info-in ol>li span {
    border-top: .2rem solid #e0e0e0;
    color: #999;
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: .5rem;
    margin-top: 2rem;
    padding-top: 2rem;
    position: relative;
    width: 100%
}

.contact-info-in ol>li span:before {
    background: #e71e2e;
    content: "";
    display: block;
    height: .2rem;
    left: 0;
    position: absolute;
    top: -.2rem;
    width: 10rem
}

.contact-info-in ol>li>a {
    color: #151c2a;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    transition: all .3s
}

.contact-info-in ol>li>a:hover {
    color: #e71e2e
}

.contact-info-in ol .xz-sns-ul {
    margin-top: 1rem
}

.contact-info-in ol .xz-sns-li i {
    color: #999
}

.xz-map {
    height: 54rem
}

.xz-map>p {
    height: 100%;
    width: 100%
}

.xz-map>p iframe {
    height: 100% !important;
    width: 100% !important
}

.a2a_kit {
    align-items: center;
    color: #151c2a;
    display: flex;
    font-weight: 500;
    gap: 1.5rem
}

.a2a_kit a.iconfont {
    color: #666;
    font-size: 1.6rem;
    transition: all .3s
}

.a2a_kit a.a2a_dd,
.a2a_kit a.iconfont:hover {
    color: #e71e2e
}

.a2a_kit span {
    display: none !important
}

.post-tit {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
    margin-top: 0
}

.post-meta-box {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 3.7rem;
    width: 100%
}

.post-meta-box .post-date {
    color: #e71e2e;
    font-weight: 500
}

.post-meta-box .post-meta {
    margin-left: 0
}

.post-content.news-post-detail {
    box-shadow: 0 0 5rem 0 rgba(0, 0, 0, .08);
    margin-top: 4.8rem;
    padding: 4rem 5rem 4.8rem
}

.post-content h2 {
    font-size: 3.4rem;
    margin-top: 2.5rem
}

.post-content h4,
.post-content h5 {
    font-size: 2.4rem;
    margin: 5rem 0 0
}

.post-content .wp-block-group h5 {
    font-size: 2.4rem;
    margin: 4.5rem 0 0
}

.post-content p {
    color: #666;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin-top: 1rem
}

.post-content p strong {
    color: #151c2a;
    display: block;
    font-size: 2rem;
    font-weight: 500;
    margin-top: 3rem
}

.post-content ol {
    margin-top: 2rem;
    padding: 0
}

.post-content ol li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.5rem
}

.post-content ol li strong {
    font-weight: 700
}

.post-content ol li em,
.post-content ol li strong {
    color: #151c2a;
    display: block;
    font-size: 2rem;
    line-height: 3rem
}

.post-content ol li em {
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 13rem)
}

.post-content ul {
    margin-top: 2rem;
    width: 78%
}

.post-content ul li {
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    margin-bottom: 1.8rem;
    padding-left: 1.8rem;
    position: relative
}

.post-content ul li:before {
    background: #e71e2e;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .8rem;
    left: 0;
    position: absolute;
    top: 1.2rem;
    width: .8rem
}

.xz-case-top,
.xz-solution-top {
    background: #f5f7fa;
    padding: 0 0 6.5rem
}

.xz-case-top-in,
.xz-solution-top-in {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 6.5rem
}

.xz-solution-l,
.xz-solution-r {
    width: 48%
}

.xz-case-l {
    width: 62%
}

.xz-case-r {
    width: 32.4%
}

.postcats {
    color: #e71e2e;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.1rem
}

.xz-solution-bottom {
    margin-top: 5rem
}

.xz-solution-bottom .solu-post-detail .wp-block-group {
    background: #f5f7fa;
    margin-top: 5rem;
    padding: 1px 5rem 5rem
}

.case-detail-tit {
    margin-top: 0
}

.case-detail-ex {
    background: #fff;
    box-shadow: 0 0 5rem 0 rgba(0, 0, 0, .08);
    display: flex;
    margin-top: 2.7rem;
    padding: 3rem 0;
    row-gap: 10px;
}

.case-detail-ex p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.7rem;
    margin: 0;
    padding-left: 5rem;
    position: relative;
    /* width: 25% */
}

.case-detail-ex p:last-child:after {
    display: none
}

.case-detail-ex p:after {
    background: #d8d8d8;
    content: "";
    display: block;
    height: 6rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.case-detail-ex p strong {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: .8rem
}

.xz-case-bottom {
    margin-top: 5rem
}

.xz-case-bottom .case-post-detail h5 {
    font-size: 2.4rem
}

.xz-case-bottom .case-post-detail ul {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.xz-case-bottom .case-post-detail ul li {
    font-size: 1.8rem;
    margin: 0
}

.xz-case-bottom .case-post-detail ul li strong {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.xz-case-bottom .case-post-detail ul li:before {
    background: #10288a;
    border-radius: 0;
    top: .8rem
}

.xz-case-bottom .case-post-detail .wp-block-columns {
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0 0
}

.xz-case-bottom .case-post-detail .wp-block-columns .wp-block-column {
    background: #f5f7fa;
    padding: 2.8rem
}

.xz-case-bottom .case-post-detail .wp-block-columns .wp-block-column p {
    margin: 0 0 1rem
}

.xz-case-bottom .case-post-detail .wp-block-columns .wp-block-column p:last-child {
    margin: 0
}

.xz-case-bottom .case-post-detail .wp-block-columns .wp-block-column p strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    margin: 0
}

.bg-f8 {
    padding-bottom: 12rem
}

.detail-breadcrumbs {
    padding-top: 1.5rem
}

.detail-breadcrumbs #breadcrumbs {
    color: #999
}

.detail-breadcrumbs #breadcrumbs>i {
    color: #e71e2e
}

.pro-detail-top {
    padding-bottom: 6rem
}

.detail-top-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5rem
}

.detail-top-in .detail-top-l {
    width: 46%
}

.detail-top-in .detail-top-l .pro-detail-tit {
    margin-top: 0
}

.detail-top-in .pro-detail-param {
    align-items: center;
    background: #f5f7fa;
    display: flex;
    gap: 5rem;
    padding: 1.5rem 2.5rem
}

.detail-top-in .pro-detail-param li {
    line-height: 4rem;
    position: relative
}

.detail-top-in .pro-detail-param li:not(:last-child):after {
    background: #dfdfdf;
    content: "";
    display: block;
    height: 4rem;
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.detail-top-in .pro-detail-param li span {
    color: #666;
    font-size: 1.4rem;
    margin-right: .6rem
}

.detail-top-in .pro-detail-param li strong {
    color: #151c2a;
    font-size: 2rem;
    font-weight: 400
}

.detail-top-in .single-pro-summarize {
    margin: 2rem 0 0
}

.detail-top-in .single-pro-summarize p {
    color: #151c2a;
    font-weight: 400;
    line-height: 2.1rem;
    margin-bottom: 0
}

.detail-top-in .single-pro-summarize p strong {
    border-left: 2px solid #e71e2e;
    color: #151c2a;
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.1rem;
    padding-left: 1.2rem
}

.detail-top-in .single-pro-summarize h4,
.detail-top-in .single-pro-summarize h5 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 1rem 0 0
}

.detail-top-in .single-pro-summarize h4+p,
.detail-top-in .single-pro-summarize h5+p {
    margin-top: 1rem
}

.detail-top-in .pro-btns {
    margin-top: 2rem
}

.pro-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    margin-top: 4.5rem
}

.pro-btns a {
    align-items: center;
    border-radius: .2rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 500;
    gap: 1rem;
    height: 5.6rem;
    justify-content: center;
    min-width: 17rem;
    text-transform: uppercase;
    width: 49%
}

.pro-btns a,
.pro-btns a i {
    transition: all .3s
}

.pro-btns a:hover {
    transform: translateX(3px)
}

.pro-btns a:hover i {
    transform: rotate(45deg)
}

.pro-btns a.pro-send-email {
    background: transparent;
    border: 1px solid #e71e2e;
    color: #e71e2e
}

.pro-btns a.pro-free-quote,
.pro-btns a.pro-send-email:hover {
    background: #e71e2e;
    color: #fff
}

.pro-btns a.pro-free-quote:hover {
    background: #fa9d00
}

.pro-intro-sns {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    margin-top: 2.5rem
}

.detail-content {
    background: #fff
}

.detail-content .detail-content-x {
    margin-top: 10rem
}

.detail-content .detail-content-x h3.wp-block-heading {
    margin-top: 5rem
}

.detail-content .detail-content-x h2.wp-block-heading {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 5rem;
    margin-top: 10rem
}

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

.detail-content .detail-content-x table tr:first-child {
    border-top: 2px solid #151c2a
}

.detail-content .detail-content-x table tr:first-child td {
    font-weight: 700
}

.detail-content .detail-content-x table tr:last-child {
    border-bottom: 2px solid #151c2a
}

.detail-content .detail-content-x table tr td:first-child {
    border-left: none
}

.detail-content .detail-content-x table tr td:last-child {
    border-right: none
}

.detail-content .detail-content-x table td {
    border: 1px solid #d8d8d8;
    color: #151c2a;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    padding: 2rem 1rem;
    text-align: center
}

.detail-content .detail-content-x .wp-block-group {
    background: #f5f7fa;
    margin: 2rem 0;
    padding: 6rem 5rem
}

.detail-content .detail-content-x .wp-block-group h2.wp-block-heading {
    font-size: 2.4rem;
    margin: 0
}

.detail-content .detail-content-x .wp-block-gallery .slick-track {
    gap: 2rem
}

.detail-content .detail-content-x .wp-block-image {
    margin-top: 5rem
}

.detail-content .detail-content-x ul {
    margin-top: 3rem
}

.detail-content .detail-content-x ul li {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 1.8rem;
    padding-left: 1.8rem;
    position: relative
}

.detail-content .detail-content-x ul li strong {
    font-weight: 700
}

.detail-content .detail-content-x ul li:before {
    background: #e71e2e;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .8rem;
    left: 0;
    position: absolute;
    top: .9rem;
    width: .8rem
}

.detail-content .detail-content-x ol {
    counter-reset: section;
    margin-top: 3rem;
    padding: 0
}

.detail-content .detail-content-x ol li {
    background: #f8f8f8;
    color: #151c2a;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    line-height: 2.7rem;
    line-height: 3rem;
    margin-top: 1rem;
    padding: 2.2rem;
    position: relative
}

.detail-content .detail-content-x ol li:first-child {
    margin-top: 0
}

.detail-content .detail-content-x ol li:before {
    color: #e71e2e;
    content: "\e60f";
    display: inline-block;
    font-family: iconfont;
    font-size: 2rem;
    font-weight: 500;
    margin-right: 1.2rem
}

.detail-content .detail-content-x p {
    color: #666;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.detail-content .detail-content-x iframe {
    aspect-ratio: 3.3/2.5;
    height: auto !important;
    left: 50%;
    margin-top: 2.8rem;
    position: relative;
    transform: translateX(-50%);
    width: 80% !important
}

.pro-detail-bottom nav {
    background: #f5f7fa;
    position: sticky;
    top: 0;
    z-index: 9
}

.pro-detail-bottom .nav-in {
    display: flex
}

.pro-detail-bottom .nav-in a {
    align-items: center;
    color: #151c2a;
    display: flex;
    flex: 1;
    font-size: 1.6rem;
    font-weight: 500;
    height: 5.6rem;
    justify-content: center;
    transition: all .3s
}

.pro-detail-bottom .nav-in a:hover {
    color: #e71e2e
}

.pro-detail-bottom .nav-in a.act {
    background: #e71e2e;
    color: #fff
}

.page-landing {
    padding: 6rem 0
}

.page-landing iframe {
    aspect-ratio: 3.3/2.5;
    height: auto !important;
    left: 50%;
    margin-top: 2.8rem;
    position: relative;
    transform: translateX(-50%);
    width: 80% !important
}

.agent-content {
    background: url(../image/home-about-bg.jpg) no-repeat 0 0;
    padding: 10rem 0 8.8rem
}

/* .agent-content .agent-content-in .wp-block-media-text>.wp-block-media-text__content {
    width: 48%;
    padding-left: 0
} */

.agent-content .agent-content-in .wp-block-media-text>.wp-block-media-text__content h2.wp-block-heading {
    margin: 0
}

.agent-content .agent-content-in .wp-block-media-text>.wp-block-media-text__content h2.wp-block-heading:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2rem 0;
    width: 8rem
}

.agent-content .agent-content-in .wp-block-media-text>.wp-block-media-text__content p strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.7rem
}

.agent-content .agent-content-in .wp-block-media-text img {
    display: block
}

.agent-service {
    background: url(../image/agent-service-bg.jpg) no-repeat 50%;
    background-size: cover;
    padding: 8.2rem 0
}

.agent-service-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33%
}

.agent-service-ul .agent-service-item {
    transition: all .3s;
}

.agent-service-ul .agent-service-item:hover {
    transform: translateY(-3px)
}

.agent-service-ul .agent-service-item .agent-service-img {
    aspect-ratio: 345/258;
    position: relative
}

.agent-service-ul .agent-service-item .agent-service-img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.agent-service-ul .agent-service-item .agent-service-text {
    background: #fff;
    height: 13.5rem;
    padding: 5.4rem 3rem 1rem;
    position: relative;
    text-align: center
}

.agent-service-ul .agent-service-item .agent-service-text .iconfont {
    align-items: center;
    background: #e71e2e;
    color: #fff;
    display: flex;
    font-size: 4.5rem;
    height: 6.4rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: -3.2rem;
    transform: translateX(-50%);
    width: 6.4rem
}

.agent-service-ul .agent-service-item .agent-service-text .agent-service-tit {
    color: #151c2a;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
    text-align: center
}

.factory-img img {
    display: block
}

.looking-for {
    padding-top: 10rem
}

.looking-for .h2 {
    margin: 0 auto;
    max-width: 78rem;
    text-align: center
}

.looking-for .h2:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2.8rem auto 4rem;
    width: 8rem
}

.looking-for-ul {
    display: flex
}

.looking-for-ul .looking-for-item {
    position: relative;
    /* width: 25% */
}

.looking-for-ul .looking-for-item:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .3)
}

.looking-for-ul .looking-for-item .looking-for-img {
    aspect-ratio: 48/53;
    position: relative
}

.looking-for-ul .looking-for-item .looking-for-img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.looking-for-ul .looking-for-item .looking-for-text {
    background: linear-gradient(180deg, rgba(4, 10, 33, 0), #040a21);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: 4.8rem 3.8rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

.looking-for-ul .looking-for-item .looking-for-text * {
    color: #fff
}

.looking-for-ul .looking-for-item .looking-for-text .iconfont {
    display: block;
    font-size: 5rem;
    line-height: 5rem;
    position: absolute;
    right: 3.7rem;
    top: 3.3rem
}

.looking-for-ul .looking-for-item .looking-for-text:hover .looking-for-txt {
    grid-template-rows: 1fr;
    margin-top: 2rem
}

.looking-for-ul .looking-for-item .looking-for-tit {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem
}

.looking-for-ul .looking-for-item .looking-for-txt {
    display: grid;
    font-size: 1.6rem;
    font-weight: 400;
    grid-template-rows: 0fr;
    line-height: 2.4rem;
    transition: all .3s
}

.looking-for-ul .looking-for-item .looking-for-txt>div {
    overflow: hidden
}

.pop-product {
    padding: 10rem 0
}

.pop-product .h2 {
    margin: 0 auto;
    max-width: 78rem;
    text-align: center
}

.pop-product .h2:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2.8rem auto 4rem;
    width: 8rem
}

.pop-pro-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33%
}

.pc-customer-h2.h2 {
    margin: 0 auto;
    max-width: 78rem;
    text-align: center
}

.pc-customer-h2.h2:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2.8rem auto 4rem;
    width: 8rem
}

.pc-customer-site-map {
    position: relative
}

.pc-customer-site-map img {
    display: block
}

.pc-customer-site-map .loop-customer-case {
    bottom: 0;
    left: 0;
    position: absolute
}

.pc-customer-site-map .loop-customer-case:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 17px 0 17px 24px;
    bottom: 20px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.pc-customer-site-map .loop-customer-case:first-child {
    bottom: 29.8%;
    left: 32.4%
}

.pc-customer-site-map .loop-customer-case:nth-child(2) {
    bottom: 18.3%;
    left: 34.8%
}

.pc-customer-site-map .loop-customer-case:nth-child(3) {
    bottom: 37.6%;
    left: 49.5%
}

.pc-customer-site-map .loop-customer-case:nth-child(4) {
    bottom: 28.6%;
    left: 53.5%
}

.pc-customer-site-map .loop-customer-case:nth-child(5) {
    bottom: 25.8%;
    left: 54.8%
}

.pc-customer-site-map .loop-customer-case:nth-child(6) {
    bottom: 55.8%;
    left: 53%
}

.pc-customer-site-map .loop-customer-case:nth-child(7) {
    bottom: 53.9%;
    left: 53.9%
}

.pc-customer-site-map .loop-customer-case:nth-child(8) {
    bottom: 49.7%;
    left: 56.2%
}

.pc-customer-site-map .loop-customer-case:nth-child(9) {
    bottom: 45.3%;
    left: 59.5%
}

.pc-customer-site-map .loop-customer-case:nth-child(10) {
    bottom: 43.5%;
    left: 58.1%
}

.pc-customer-site-map .loop-customer-case:nth-child(11) {
    bottom: 42.5%;
    left: 60.5%
}

.pc-customer-site-map .loop-customer-case:nth-child(12) {
    bottom: 43%;
    left: 69.2%
}

.pc-customer-site-map .loop-customer-case:nth-child(13) {
    bottom: 37.6%;
    left: 66.1%
}

.pc-customer-site-map .loop-customer-case:nth-child(14) {
    bottom: 34.7%;
    left: 72.4%
}

.pc-customer-site-map .loop-customer-case:nth-child(15) {
    bottom: 53.5%;
    left: 72.5%
}

.pc-customer-site-map .loop-customer-case:nth-child(16) {
    bottom: 49.2%;
    left: 72.4%
}

.pc-customer-site-map .loop-customer-case:nth-child(17) {
    bottom: 50.2%;
    left: 74%
}

.pc-customer-site-map .loop-customer-case:nth-child(18) {
    bottom: 47.6%;
    left: 74%
}

.agent-form {
    padding: 10rem 0
}

.agent-form-in .h2 {
    margin: 0 auto;
    max-width: 78rem;
    text-align: center
}

.agent-form-in .h2:after {
    background: #e71e2e;
    content: "";
    display: block;
    height: .4rem;
    margin: 2rem auto 1.8rem;
    width: 8rem
}

.agent-form-in>p {
    color: #151c2a;
    font-size: 1.8rem;
    line-height: 2.7rem;
    margin: 0;
    text-align: center
}

@keyframes identifier {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

.collaborating-btn .iconfont {
    animation: identifier 3s infinite;
    animation-direction: alternate;
    display: inline-block
}

.collaborating-banner {
    position: relative
}

.collaborating-banner img {
    display: block
}

.collaborating-banner .c-banner-txt {
    align-items: center;
    background: rgba(16, 40, 138, .44);
    display: flex;
    flex-direction: column;
    gap: 3rem;
    height: 100%;
    left: 0;
    padding: 11rem;
    position: absolute;
    top: 0;
    width: 100%
}

.collaborating-banner .c-banner-txt h1.tit {
    color: #fff;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 7.2rem;
    margin: 0;
    text-align: center
}

.collaborating-btn {
    align-items: center;
    background: #e71e2e;
    color: #fff;
    display: flex;
    gap: .5rem;
    height: 5.6rem;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s;
    width: 46rem
}

.collaborating-btn .iconfont {
    font-size: 2.2rem
}

.collaborating-btn:hover {
    transform: translateY(-3px)
}

.xy-data-ul {
    background: #fff;
    box-shadow: 0 0 5rem 0 rgba(0, 0, 0, .08);
    display: flex;
    justify-content: space-between;
    margin-top: -8rem;
    min-height: 16rem;
    padding: 4rem 7rem;
    position: relative;
    z-index: 5
}

.xy-data-ul li,
.xy-data-ul li i {
    align-items: center;
    display: flex
}

.xy-data-ul li i {
    background: #e71e2e;
    border-radius: 50%;
    color: #fff;
    font-size: 4rem;
    height: 8rem;
    justify-content: center;
    margin-right: 1.6rem;
    width: 8rem
}

.xy-data-ul li strong {
    color: #333;
    display: inline-block;
    font-size: 3.2rem;
    font-weight: 700;
    margin-right: .5rem
}

.xy-data-ul li .xy-data-txt {
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    position: relative;
    top: .3rem
}

.pro-cat-box {
    padding: 10rem 0
}

.pro-cat-box .collaborating-btn-x {
    margin-top: 7rem
}

.part-tit {
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    justify-content: center
}

.part-tit span {
    color: #333;
    display: inline-block;
    font-size: 3.2rem;
    font-weight: 800;
    padding-bottom: 2.6rem;
    position: relative
}

.part-tit span:after {
    background: #e71e2e;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.part-txt {
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 3.2rem auto 0;
    max-width: 106rem;
    text-align: center
}

.show-cat {
    margin-top: 5rem
}

.show-cat-item {
    margin: 0 4.5rem;
    position: relative
}

.show-cat-item:after {
    background: #dfdfdf;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -4.5rem;
    top: 0;
    width: 1px
}

.show-cat-item .show-cat-img-a {
    display: block
}

.show-cat-item .show-cat-img-a:hover span {
    color: #e71e2e
}

.show-cat-item .show-cat-img-a img {
    display: block
}

.show-cat-item .show-cat-img-a span {
    color: #333;
    display: block;
    font-size: 1.8rem;
    line-height: 2.7rem;
    margin-top: 1rem;
    padding: 0 .8rem;
    text-align: center;
    transition: all .3s
}

.collaborating-btn-x {
    gap: 1rem
}

.collaborating-btn-x,
.collaborating-btn-x .link-more {
    align-items: center;
    display: flex;
    justify-content: center
}

.collaborating-btn-x .link-more {
    background: #212529;
    color: #fff;
    gap: .5rem;
    height: 5.6rem;
    text-transform: uppercase;
    transition: all .3s;
    width: 20rem
}

.collaborating-btn-x .link-more .iconfont {
    font-size: 2.2rem
}

.collaborating-btn-x .link-more:hover {
    transform: translateY(-3px)
}

.mm-crusher-plan {
    background: #f8f8f8;
    padding: 10rem 0
}

.crusher-plan-part {
    align-items: center;
    display: flex;
    margin-top: 6.5rem
}

.crusher-plan-part:nth-child(2n) {
    flex-direction: row-reverse
}

.crusher-plan-part:nth-child(2n) .r {
    left: 4rem;
    right: auto
}

.crusher-plan-part .l {
    border: 1px solid #dedede;
    flex-shrink: 0;
    width: 50%
}

.crusher-plan-part .r {
    background: #fff;
    box-shadow: 0 .2rem 3rem 0 rgba(0, 0, 0, .1);
    flex-shrink: 0;
    padding: 2.5rem 4.5rem 4.5rem;
    position: relative;
    right: 4rem;
    width: calc(50% + 4rem);
    z-index: 5
}

.crusher-plan-part .r .collaborating-btn-x {
    margin-top: 2.5rem
}

.duozuhe {
    padding: 10rem 0
}

.duozuhe-lunbo {
    margin-top: 6rem
}

.duozuhe-lunbo .loop-hot-pro2 {
    opacity: .3;
    transform: scale(.9)
}

.duozuhe-lunbo .loop-hot-pro2.slick-current {
    opacity: 1;
    transform: scale(1)
}

.duozuhe-pro2 {
    align-items: center;
    background: #333;
    display: flex;
    justify-content: space-between;
    margin-top: 4.2rem;
    padding: 5rem 4rem
}

.duozuhe-pro2 .l {
    width: calc(100% - 56rem)
}

.duozuhe-pro2 .l .duozuhe-pro2-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4%;
    width: 100%
}

.duozuhe-pro2 .l .duozuhe-pro2-ul .loop-tit-nav {
    width: 48%
}

.duozuhe-pro2 .l .duozuhe-pro2-ul .loop-tit:hover i {
    color: #e71e2e
}

.duozuhe-pro2 .l .duozuhe-pro2-ul .loop-tit i,
.duozuhe-pro2 .l .duozuhe-pro2-ul .loop-tit span {
    color: #fff
}

.duozuhe-pro2 .r {
    padding-top: 3rem
}

.duozuhe-pro2 .collaborating-btn-x {
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 2rem;
    width: 46rem
}

.duozuhe-pro2 .collaborating-btn-x .link-more {
    border: 1px solid #fff;
    width: 100%
}

.duozuhe-pro2 .collaborating-btn-x .collaborating-btn {
    width: 100%
}

.show-case {
    background: #f8f8f8
}

.show-case-box {
    display: flex
}

.show-case-box:nth-child(2n) {
    flex-direction: row-reverse
}

.show-case-box:nth-child(2n) .r {
    padding: 7rem 9rem 6rem 24rem
}

.show-case-box .l {
    flex-shrink: 0;
    position: relative;
    width: 50%
}

.show-case-box .l:after {
    background: url(../image/shuiyin.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 6.4rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34.5rem;
    z-index: 5
}

.show-case-box .l img {
    display: block
}

.show-case-box .r {
    flex-shrink: 0;
    padding: 7rem 24rem 6rem 9rem;
    width: 50%
}

.show-case-box .r .show-case-tit {
    color: #333;
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 4rem
}

.show-case-box .r .show-case-txt {
    color: #333;
    font-size: 1.6rem;
    font-weight: 4;
    line-height: 2.4rem;
    margin: 2rem 0 0
}

.show-case-box .r .case-show-ul {
    margin-top: 1rem
}

.show-case-box .r .collaborating-btn-x {
    justify-content: flex-start;
    margin-top: 2rem
}

.show-case-box .r .collaborating-btn-x .collaborating-btn {
    width: 33rem
}

.youshi {
    padding-top: 10rem
}

.youshi .jiqi-img {
    display: flex;
    justify-content: flex-end
}

.youshi .com-name {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: -10rem;
    position: relative;
    z-index: 5
}

.youshi .com-name .l {
    background: #e71e2e;
    bottom: 3.6rem;
    color: #333;
    flex-shrink: 0;
    font-size: 4rem;
    font-weight: 700;
    height: 34.7rem;
    line-height: 4.8rem;
    padding: 7rem 5.6rem;
    position: relative;
    width: 60%;
    z-index: 5
}

.youshi .com-name .r {
    background: #333;
    flex-shrink: 0;
    height: 23.8rem;
    position: relative;
    right: 24rem;
    width: 60%
}

.youshi .about-service {
    margin-top: -12rem;
    padding: 0 0 0 5.6rem;
    position: relative;
    z-index: 10
}

.youshi .about-service .about-service-ul {
    margin-top: 0
}

@media screen and (max-width:1650px) {
    .main-pro .main-pro-l {
        padding: 4rem
    }

    .home-hot-case .home-hot-case-in .controller-dots-case {
        bottom: 3rem;
        left: 57.6%
    }
}

@media screen and (max-width:1550px) {
    .main-pro .main-pro-l {
        padding: 3rem
    }
}

@media screen and (max-width:1366px) {
    .home-about {
        padding: 9rem 0 5rem
    }

    .home-related-post {
        padding: 8rem 0
    }
}

@media screen and (max-width:1280px) {
    .home-pro-series-in .home-pro-series-l h1 {
        font-size: 4.6rem
    }

    .production-experience .pe-r .pe-tit strong {
        font-size: 10rem;
        line-height: 10rem
    }

    .detail-top-in .detail-top-l {
        width: 46%
    }
}

@media screen and (max-width:1024px) {
    body {
        padding-top: 6rem
    }

    .xz-container {
        margin: 6rem 0 0
    }

    .home-related-post-tit span {
        font-size: 4.2rem
    }

    .home-related-post {
        padding: 8rem 0
    }

    .home-pro-series-in {
        margin-top: 7rem
    }

    .xz_term_con .term_lv1,
    .xz_term_con2 .term_lv1 {
        width: 31.5%
    }

    .home-about {
        padding: 6rem 0 5rem
    }

    .home-about:after {
        width: 100%
    }

    .home-about-in {
        padding: 0
    }

    .production-experience {
        margin-top: 6rem
    }

    .home-related-post-tit {
        margin: 6rem 0 5rem
    }

    .home-hot-case .home-hot-case-in .controller-dots-case {
        position: static
    }

    .home-hot-case .home-hot-case-in .controller-dots-case .slick-dots li button {
        background: #e71e2e;
        border-color: #e71e2e
    }

    .customer-saying,
    .home-hot-case {
        margin-top: 8rem
    }

    .home-contact-in .home-contact-l p {
        padding-left: 0
    }

    .home-contact-in .home-contact-l p:before {
        display: none
    }

    .home-contact-in .home-contact-l h1 {
        line-height: 5rem;
        padding-left: 0
    }

    .pro-cat-name {
        font-size: 4rem
    }

    .pro-cat-name:after {
        margin: 2rem 0
    }

    .pro-cat-description {
        padding-right: 0
    }

    .home-related-post-tit {
        margin: 4rem 0 3rem
    }

    .why-choose-ul .why-choose-item-info {
        padding: 3rem
    }

    .why-choose-ul .why-choose-item-info .iconfont {
        font-size: 3rem;
        height: 7rem;
        width: 7rem
    }

    .why-choose-ul .why-choose-item-info .why-choose-item-tit {
        font-size: 2.6rem;
        margin-top: 2.8rem
    }

    .why-choose-ul .why-choose-item-info .why-choose-item-txt {
        margin-top: 2rem
    }

    .we-are-js {
        margin-top: 9rem
    }

    .we-are-js-info {
        flex-wrap: wrap
    }

    .we-are-js-info .we-are-js-l {
        width: 100%
    }

    .we-are-js-info .we-are-js-r {
        min-height: unset;
        padding: 2.6rem 3.8rem 4rem;
        position: static;
        width: 100%
    }

    .our-data {
        margin-top: 6rem
    }

    .main-pro .main-pro-l {
        padding: 4rem
    }

    .page-ab-tit {
        font-size: 4.5rem
    }

    .customer-saying {
        margin-top: 6rem
    }

    .our-data-ul {
        padding: 5rem 0 6rem
    }

    .our-data-ul .our-data-item {
        padding: 0 3rem
    }

    .our-data-ul .our-data-item em {
        font-size: 4rem
    }

    .our-certificate {
        margin-bottom: 7rem;
        margin-top: 5rem
    }

    .our-team-content {
        margin: 6rem 0
    }

    .our-team-content .wp-block-media-text {
        margin-bottom: 6rem
    }

    .our-team-content .wp-block-media-text .wp-block-media-text__media:after {
        bottom: 8%;
        font-size: 7rem;
        right: 8%
    }

    /* .detail-breadcrumbs {
        display: none
    } */

    .xz-segment-top .xz-segment-r {
        width: 42%
    }

    .segment-detail-tit {
        margin-top: 0
    }

    .xz-segment-bottom {
        margin-top: 5rem;
        padding: 4rem
    }

    .segment-rela-pro {
        margin-top: 7rem
    }
}

@media screen and (max-width:810px) {
    .home-related-post-tit {
        margin: 4rem 0 2rem
    }

    .home-related-post-tit span {
        font-size: 2.8rem;
        line-height: 4rem
    }

    .page-ab-tit {
        font-size: 3.2rem
    }

    .customer-saying-item .saying-r {
        font-size: 1.8rem
    }

    .related-post-tit h2,
    .related-post-tit h2 span {
        font-size: 3.2rem
    }

    .why-faq .pz-faq-item .pz-faq-tit span {
        font-size: 2rem
    }

    .our-data-ul .our-data-item {
        width: 50%
    }

    .main-pro .main-pro-l,
    .main-pro .main-pro-r {
        width: 100%
    }

    .our-team-content .wp-block-media-text .wp-block-media-text__media:after {
        bottom: 6%;
        font-size: 5rem;
        right: 6%
    }

    .bg-f8 {
        padding-bottom: 2rem
    }

    /* .detail-breadcrumbs {
        display: none
    } */

    .detail-top-in .detail-top-l {
        width: 47%
    }

    .service-x {
        gap: 1rem;
        margin-top: 2rem
    }

    .pro-btns {
        gap: 1rem;
        margin-top: 2.5rem
    }

    .pro-intro-sns {
        margin-top: 3rem
    }

    .detail-content {
        padding: 1rem 0 3rem
    }

    .detail-content .detail-content-x table td {
        padding: 1.5rem
    }

    .xz-segment-top .xz-segment-r {
        width: 46%
    }

    .case-detail-tit {
        margin-top: 0
    }

    .case-content {
        margin-top: 6rem
    }
}

@media screen and (max-width:768px) {
    .pro-archive-desc {
        flex-wrap: wrap;
        margin-bottom: 5rem
    }

    .pro-archive-desc .archive-desc-l {
        font-size: 2.8rem;
        line-height: 4rem;
        padding: 3.6rem 0 0;
        width: 100%
    }

    .pro-archive-desc .archive-desc-r {
        padding-top: 2.8rem;
        width: 100%
    }

    .home-service-ul .home-service-item .home-service-info strong {
        font-size: 2.8rem
    }

    .home-service-ul .home-service-item .home-service-info p {
        margin: .5rem 0 0
    }

    .home-about .home-about-in .wp-block-media-text .wp-block-media-text__content h1:after {
        margin: 2rem 0
    }

    .detail-top-in .detail-top-l,
    .xz-segment-top .xz-segment-l {
        width: 100%
    }

    .xz-segment-top .xz-segment-r {
        margin-top: 5rem;
        width: 100%
    }

    .xz-case-top .xz-case-l {
        width: 100%
    }

    .xz-case-top .xz-case-r {
        margin-top: 5rem;
        width: 100%
    }
}

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

    .xz-cases {
        margin-bottom: 0
    }

    .xz-pro-ul {
        margin-top: 4rem
    }

    .slick-arrow {
        display: none !important
    }

    .home-pro-series-in {
        margin-top: 5rem
    }

    .xz_term_con .term_lv1,
    .xz_term_con2 .term_lv1 {
        width: 48.6%
    }

    .home-about .home-about-in .wp-block-media-text .wp-block-media-text__media {
        padding: 0
    }

    .production-experience .pe-r .pe-tit strong {
        font-size: 6rem;
        line-height: 6rem
    }

    .home-service-ul {
        gap: 2rem 0
    }

    .home-service-ul .home-service-item {
        width: 100%
    }

    .home-rela-news {
        gap: 3rem 0
    }

    .customer-saying-item .saying-l,
    .home-rela-news .loop-news {
        width: 100%
    }

    .customer-saying-item .saying-r {
        margin-top: 2.5rem;
        padding: 0;
        width: 100%
    }

    .home-related-post {
        padding: 5rem 0
    }

    .related-post-tit {
        margin-bottom: 3rem
    }

    .home-contact {
        padding: 5rem 0
    }

    .home-contact-in {
        flex-wrap: wrap
    }

    .home-contact-in .home-contact-l {
        width: 100%
    }

    .home-contact-in .home-contact-l h1 {
        line-height: 3rem
    }

    .home-contact-in .home-contact-r {
        width: 100%
    }

    .segment-archive-desc {
        padding: 0
    }

    .segment-archive-desc .archive-desc {
        font-size: 2.8rem;
        line-height: 4rem;
        padding: 3.6rem 0 0
    }

    .xz-newsls {
        margin-bottom: 0
    }

    .related-post {
        margin: 5rem 0
    }

    .related-post-tit span {
        font-size: 3.5rem
    }

    .pro-cat-name {
        font-size: 3.6rem
    }

    .why-choose-ul .why-choose-item {
        width: 100%
    }

    .page-menu {
        display: none
    }

    .we-are-js {
        margin-top: 0
    }

    .we-are-js:before {
        width: 100%
    }

    .xz-service {
        margin-bottom: 0;
        margin-top: 0
    }

    .production-experience .pe-l {
        padding-right: 0
    }

    .our-service-content {
        margin: 5rem 0 0
    }

    .our-service-content .wp-block-media-text .wp-block-media-text__content {
        padding: 3rem
    }

    .our-team-content .wp-block-media-text .wp-block-media-text__media:after {
        bottom: 9%;
        font-size: 8rem;
        right: 11%
    }

    .pro-detail-tit,
    .segment-rela-pro {
        margin-top: 0
    }

    .xz-segment-bottom {
        padding: 2rem 3rem 3rem
    }

    .case-content {
        margin-top: 0
    }

    .post-tit {
        font-size: 2.8rem
    }

    .pro-btns a {
        width: 100%
    }

    .customer-saying-item {
        padding: 3rem
    }

    .procat_lv2 .menu-item,
    .procat_lv2 .menu-item a {
        width: 100%
    }
}

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

    .xz_term_con .term_lv1,
    .xz_term_con2 .term_lv1 {
        width: 100%
    }

    .production-experience {
        flex-wrap: wrap
    }

    .production-experience .pe-l,
    .production-experience .pe-r {
        width: 100%
    }

    .home-service-ul {
        padding: 5rem 2rem
    }
    .box-wrap {
        flex-wrap: wrap
    }

    .box-wrap .box-l {
        width: 100%
    }

    .box-wrap .box-r {
        margin-top: 5rem;
        width: 100%
    }

    .pro-cat-name {
        font-size: 3rem
    }

    .our-team {
        margin-top: 0
    }

    .our-team-content {
        margin-bottom: 0
    }

    .our-team-content .wp-block-media-text {
        margin-bottom: 3rem
    }

    .our-team-content .wp-block-media-text .wp-block-media-text__media:after {
        bottom: 6%;
        font-size: 6rem;
        right: 6%
    }
}




/* page */
/* page */
.page_box {
	padding: 3rem 0 0;
}

.page_box .wp-pagenavi {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 5px;
}

.wp-pagenavi>a,
.wp-pagenavi>span {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	color: #333;
	font-size: 14px;
	width: 30px;
	height: 30px;
	background: #fff;
}

.page_box2 .wp-pagenavi>span,
.page_box2 .wp-pagenavi>a{
	background: #F5F5F5;
}

.page_box a:hover,
.page_box a.hover,
.page_box a.current,
.page_box span.current {
	color: #fff;
	background: #e71e2e;
	border-color: #e71e2e;
}

.wp-pagenavi>a:hover {
	color: #fff;
	background: #e71e2e;
	border-color: #e71e2e;
}

.page_btn {
    
}






.location {
	width:100%;
	color: #fff;
	line-height: 30px;
	white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
}

.location a {
	color: #fff;
	margin: 0 3px;
}

.location_det{
	padding: clamp(1.063rem, 0.766rem + 1.48vw, 2.25rem) 0;
}
.location_det,
.location_det a {
	color: #666;
}

.location_det a:hover {
	color: var(--hue);
}


form p{
    margin: 0;
    padding: 0;
}