@charset "UTF-8";@-webkit-keyframes movetop {
                     50% {
                         transform: translateY(-1rem)
                     }

                     100% {
                         transform: initial
                     }
                 }

@keyframes movetop {
    50% {
        transform: translateY(-1rem)
    }

    100% {
        transform: initial
    }
}

@-webkit-keyframes showhide {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showhide {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.alignleft {
    display: inline;
    float: left
}

.alignright {
    display: inline;
    float: right
}

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

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

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

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

.wp-block-image {
    margin: 0
}

.wp-block-columns {
    margin-bottom: 0
}

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

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

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

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

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

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

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

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

.mfp-hide {
    display: none!important
}

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

.mfp-preloader a {
    color: #ccc
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

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

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

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

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

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

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

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

.mfp-figure {
    line-height: 0
}

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

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

.mfp-figure figure {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes movetop {
    50% {
        transform: translateY(-1rem)
    }

    100% {
        transform: initial
    }
}

@keyframes showhide {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.xz-search {
    padding: 3.125rem 0 3.75rem
}

.xz-search .nav-links {
    margin-top: 2.5rem
}

.loop-item-200 {
    margin-bottom: 1.25rem
}

.loop-item-200 h2 {
    background: #eee;
    border-radius: 4px 4px 0 0;
    line-height: 2.5rem;
    padding: 0 1.25rem 0 2.5rem;
    margin: 0;
    transition: all .3s ease
}

.loop-item-200 h2 a {
    font-weight: 500;
    color: #333;
    font-size: 1rem;
    width: 70%;
    display: inline-block;
    transition: all .3s ease
}

.loop-item-200 h2 a:hover {
    color: #6dad3a
}

.loop-item-200 .meta {
    float: right;
    font-weight: 400;
    font-size: .75rem;
    color: #888;
    background: #fff;
    border-radius: 4px;
    line-height: 1.6em;
    padding: 0 .5rem;
    margin-top: .875rem;
    margin-right: 1.25rem
}

.loop-item-200 .meta.cat_pro {
    background: #6dad3a;
    color: #fff
}

.loop-item-200 .meta.cat_down {
    background: #333;
    color: #fff
}

.loop-item-200 .meta.cat_page {
    background: #ff4b07;
    color: #fff
}

.loop-item-200 .txt {
    background: #f8f8f8;
    padding: 1rem 2.5rem;
    border-radius: 0 0 10px 10px
}

.loop-item-200 .txt p {
    margin: 0;
    color: #666;
    font-size: .875rem;
    line-height: 1.8em
}

.loop-item-200:hover h2 {
    background: #ddd
}

@media screen and (max-width: 600px) {
    .xz-search {
        padding:2rem 0 3rem
    }

    .xz-search .nav-links {
        margin-top: 2.5rem
    }

    .loop-item-200 .txt {
        padding: 1rem
    }

    .loop-item-200 h2 {
        padding: 0 1rem
    }

    .loop-item-200 .meta {
        margin-right: 0
    }

    .loop-item-200 h2 a {
        line-height: 1.2rem;
        padding: .8rem 0
    }
}

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

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

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

.xz-a012-info {
    padding: 1.5625rem 1rem 1.125rem
}

.xz-a012-tit {
    color: #151714;
    transition: all .3s ease;
    line-height: 1.5em;
    font-size: 1rem;
    font-family: HelveticaNeue-Light;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xz-a012-intro,.xz-a012-intro p {
    font-size: .75rem;
    height: .9375rem;
    line-height: .9375rem;
    letter-spacing: .25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xz-a012-more {
    color: #666;
    transition: all .3s ease;
    display: inline-block
}

.xz-a012-more::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #333;
    margin-top: .15rem
}

.xz-a012-more:hover {
    color: #6dad3a;
    transform: translateX(.25rem)
}

.xz-a012-more:hover::after {
    background: #6dad3a
}

@media screen and (max-width: 1280px) {
    .xz-loop-pro {
        width:48%!important
    }
}

@media screen and (max-width: 600px) {
    .xz-loop-pro {
        width:84%!important;
        margin-left: 8%
    }
}

@media screen and (max-width: 500px) {
    .xz-loop-pro {
        width:100%!important;
        margin-left: 0
    }
}

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

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

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.2)
    }
}

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

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

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.2)
    }
}

.xz-toppic-404 {
    height: 0!important
}

.xz-404 {
    text-align: center
}

.xz-404-a {
    display: inline-block;
    margin: 3rem auto;
    transition: all .3s ease
}

.xz-404-a:hover {
    transform: translateX(2%)
}

.xz-404-a:active {
    transform: translateX(2%) scale(.9)
}

.to_top {
    position: absolute;
    top: -2.3125rem;
    left: calc(50% - 2.3125rem);
    width: 4.625rem;
    height: 4.625rem;
    border-radius: 100%;
    background-color: #fff;
    color: #86d321;
    text-align: center;
    font-family: HelveticaNeue-Bold;
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 400;
    cursor: pointer;
    z-index: 99;
    transition: all .3s ease
}

.to_top i {
    font-size: 1.8125rem;
    line-height: 1.8125rem;
    display: block;
    margin: 1rem auto 0
}

.to_top:hover {
    filter: brightness(1.1)
}

footer {
    background-color: #151714;
    color: #86d321
}

footer a:hover {
    transform: translateX(.25rem)
}

footer .menu-item {
    margin: 0 0 .875rem
}

footer .menu-item a {
    color: #86d321;
    transition: all .3s ease;
    line-height: 1.125rem;
    font-size: 1rem;
    display: inline-block;
    text-decoration: underline
}

footer .menu-item a:hover {
    transform: translateX(.25rem)
}

.footer-main {
    padding: 3rem 0 2.5rem
}

.footer-main .xz-main {
    display: flex;
    justify-content: space-between
}

.f-sec1 img {
    display: block;
    height: 4.3125rem
}

.f-sec1 .txt {
    margin: 2.5rem 0 1.5rem!important
}

.f-sec-tit,.f-sec1 .txt {
    font-size: 1.5rem;
    line-height: 2.1875rem;
    margin: .5rem 0 1.25rem;
    font-family: Poppins-Black
}

.footer-btm {
    background: #000;
    line-height: 1rem;
    padding: 1.25rem 0;
    color: #86d321;
    font-weight: 300
}

#mfooter {
    display: none
}

@media screen and (max-width: 1023px) {
    .footer-main .f-sec2,.footer-main .f-sec3 {
        display:none
    }
}

@media screen and (max-width: 800px) {
    #mfooter {
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 -2px .5rem -2px rgba(0,0,0,.3);
        z-index: 998;
        transition: all .3s
    }

    #mfooter.hide {
        transform: translateY(5rem)
    }

    #mfooter a {
        width: 25%;
        font-size: .75rem;
        text-align: center;
        padding-bottom: .25rem;
        font-family: Poppins-Black;
        font-weight: 700;
        color: #151714
    }

    #mfooter a .iconfont {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 1.25rem;
        margin: .25rem auto 0;
        color: #6dad3a
    }
}

@media screen and (max-width: 600px) {
    .footer-main {
        padding:3rem 0 2rem
    }

    .footer-main .xz-main {
        flex-wrap: wrap
    }

    .footer-main .f-sec1,.footer-main .f-sec4 {
        width: 100%
    }

    .footer-main .f-sec4 {
        margin-top: 2rem
    }
}

.screen-reader-text {
    display: none
}

.nav-links {
    clear: both;
    text-align: right;
    font-size: 0
}

.page-numbers {
    display: inline-block;
    font-family: HelveticaNeue-Bold;
    width: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .125rem;
    margin: 0 .3rem;
    color: #333;
    font-size: 1.125rem;
    box-shadow: none;
    transition: all .3s ease
}

.page-numbers.current,.page-numbers:hover {
    background: #6dad3a;
    border-color: #6dad3a;
    color: #fff
}

@media screen and (max-width: 800px) {
    .page-numbers {
        width:3rem;
        line-height: 3rem;
        margin: .3rem .15rem
    }
}

.xz-prenext {
    border-top: 1px solid #ddd
}

.xz-prenext .xz-pn-next,.xz-prenext .xz-pn-pre {
    font-family: HelveticaNeue;
    padding: .625rem 7.375rem;
    line-height: 2rem;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xz-prenext .xz-pn-next .tit,.xz-prenext .xz-pn-pre .tit {
    display: inline-block;
    font-size: 1.5rem;
    width: 11.25rem;
    font-family: Poppins-Black;
    margin-right: 3.4375rem;
    text-transform: uppercase
}

.xz-prenext .xz-pn-next .xz-pn-link a,.xz-prenext .xz-pn-pre .xz-pn-link a {
    font-weight: 400;
    color: #666;
    font-size: 1rem;
    line-height: 1.5rem;
    transition: all .3s ease
}

.xz-prenext .xz-pn-next .xz-pn-link a:hover,.xz-prenext .xz-pn-pre .xz-pn-link a:hover {
    color: #6dad3a
}

.slick-dots {
    font-size: 0;
    display: inline-block;
    display: flex;
    justify-content: center
}

.slick-dots li {
    width: auto;
    height: .5rem;
    margin: 0 .25rem
}

.slick-dots li button {
    width: .5rem;
    height: .5rem;
    font-size: 0;
    display: block;
    position: relative;
    padding: 0;
    border: none;
    background: 0 0;
    transition: all .3s ease
}

.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots .slick-active button {
    width: 2rem
}

.slick-dots li button:before {
    opacity: .65;
    content: "";
    display: block;
    background: #6dad3a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    transition: all .3s ease;
    transform: scale(1.2)
}

.slick-dots .slick-active button:before {
    background: #6dad3a;
    transform: scale(1);
    opacity: 1;
    box-shadow: none
}

@media screen and (max-width: 1280px) {
    .xz-prenext .xz-pn-next,.xz-prenext .xz-pn-pre {
        padding:.625rem 4rem
    }
}

@media screen and (max-width: 800px) {
    .xz-prenext .xz-pn-next,.xz-prenext .xz-pn-pre {
        padding:.625rem 2rem
    }

    .xz-prenext .xz-pn-next .tit,.xz-prenext .xz-pn-pre .tit {
        font-size: 1rem;
        width: 6rem;
        margin-right: 1.5rem
    }

    .xz-banner-ul .slick-dots li {
        transform: scale(.75)
    }
}

.xz-sns-ul {
    display: flex
}

.xz-sns-li:not(:first-child) {
    margin-left: 1.5rem
}

.xz-sns-a {
    display: block;
    color: #86d321;
    transition: all .3s ease
}

.xz-sns-a:hover {
    color: #86d321;
    transform: translateY(-2px)
}

.xz-sns-i {
    font-size: 1.25rem;
    display: block
}

.xz-sns-l i {
    transform: translateY(-2px)
}

.xz-news-ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

.xz-news-ul::after {
    content: "";
    width: 29.72%;
    height: 0
}

.xz-2cols .top_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.col1 {
    flex: none;
    width: 55%;
    position: relative
}

.col1-x {
    position: sticky;
    top: 1.6875rem
}

.col2 {
    flex: none;
    width: 39.65%
}

.content-x {
    background: #f8f8f8;
    padding: 2.8rem 4.86%;
    line-height: 1.5rem;
    color: #666;
    margin-bottom: 1.25rem
}

.content-txt {
    margin-top: 2rem;
    margin-bottom: 3rem
}

.a2a_kit {
    line-height: 1.685rem!important;
    margin-top: .5rem
}

.a2a_kit>span {
    float: left
}

.a2a_kit a {
    transform: scale(.75);
    vertical-align: middle;
    transition: all .3s ease
}

.a2a_kit a:not(:first-child) {
    margin-left: .25rem
}

.a2a_kit a .a2a_svg {
    background-color: transparent!important;
    width: 1.5rem;
    height: 1.5rem
}

.a2a_kit a .a2a_svg svg path {
    fill: #6dad3a!important;
    transition: all .3s ease
}

.a2a_kit a:hover svg path {
    fill: #86d321!important
}

.index_tit {
    font-size: 3.75rem;
    line-height: 4.5625rem;
    font-family: Poppins-Black;
    font-weight: 700;
    margin-bottom: 1.375rem;
    text-align: center;
    text-transform: uppercase
}

.index_intro p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 100;
    text-align: center;
    color: #666
}

.index_btn {
    display: block;
    font-size: 1rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: .25rem;
    background-color: #6dad3a;
    color: #fff;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
    transition: all .3s ease
}

.index_btn:hover {
    background-color: #86d321;
    transition: all .3s ease
}

.index_btn:active {
    transform: scale(.95)
}

.index_btn .iconfont {
    margin-left: 2.5rem
}

.index_btn_2 {
    color: #86d321;
    background-color: #fff
}

.index_btn_2:hover {
    background-color: #86d321;
    color: #fff
}

.h2_title {
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-family: Poppins-Black;
    color: #333
}

.public_top_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.public_top_box .h2_title,.public_top_box .public_nav_links {
    margin-bottom: 1rem
}

.public_nav_links {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.public_nav_links a {
    display: block;
    padding: 0 1rem;
    line-height: 3.5rem;
    border: 1px solid #86d321;
    margin-left: .75rem;
    margin-bottom: .75rem;
    border-radius: 2.25rem;
    min-width: 12.375rem;
    text-align: center;
    color: #86d321
}

.public_nav_links a:first-of-type {
    margin-left: 0
}

.public_nav_links a.active,.public_nav_links a:hover {
    background-color: #6dad3a;
    color: #fff;
    -webkit-animation-name: showhide;
    animation-name: showhide;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.public_nav_links.service_nav_box {
    margin-bottom: 2.5rem
}

.public_nav_links.service_nav_box a {
    min-width: 9.75rem
}

.h3_title {
    font-size: 3rem;
    line-height: 3rem;
    font-family: Poppins-Black;
    color: #333
}

.bj {
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat
}

.about_video a:hover .video_btn {
    color: #6dad3a;
    transition: all .3s ease
}

.video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 3.4rem;
    height: 3.4rem;
    font-size: 3.4rem;
    font-weight: 600;
    margin: -.85rem 0 0 -1.7rem;
    transition: all .3s ease
}

.breadcrumbs-x {
    display: flex;
    color: #999;
    padding: .875rem 0;
    position: relative;
    z-index: 99
}

.breadcrumbs-x i {
    display: inline-block;
    margin-right: .5rem;
    font-size: .875rem
}

#breadcrumbs {
    line-height: 1.125rem;
    flex: 1;
    margin: 0
}

#breadcrumbs a {
    color: #999;
    transition: all .3s ease;
    display: inline-block;
    margin: 0 .25rem
}

#breadcrumbs a:hover {
    color: #86d321
}

#breadcrumbs .breadcrumb_last {
    margin: 0 .25rem;
    text-transform: none;
    display: inline-block;
    max-width: 50%;
    vertical-align: top
}

.xz_form_1 {
    margin-top: 2rem;
    position: relative;
    background: #6dad3a url(../images/form_bj_1.png) right bottom no-repeat;
    color: #fff;
    padding: 3.3125rem 0 1rem
}

.xz_form_1 .xz-main {
    position: relative;
    display: flex;
    justify-content: space-between
}

.xz_form_1 .xz-main .left_box {
    width: 26.8%
}

.xz_form_1 .xz-main .left_box .title {
    font-family: Poppins-Black;
    font-size: 2.25rem;
    line-height: 3.4375rem;
    margin-bottom: 1.5rem
}

.xz_form_1 .xz-main .left_box .info .list {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin-bottom: .625rem
}

.xz_form_1 .xz-main .left_box .info .list span {
    font-family: HelveticaNeue-Bold
}

.xz_form_1 .xz-main .left_box .info .list a {
    display: inline-block;
    font-family: HelveticaNeue;
    color: #fff;
    font-weight: 400;
    transition: all .3s ease;
    text-decoration: underline
}

.xz_form_1 .xz-main .left_box .info .list a:hover {
    transform: translateX(.25rem)
}

.xz_form_1 .xz-main .right_box {
    width: 66.388%;
    padding-top: 3.125rem
}

.xz_form_2 {
    padding-bottom: 7rem
}

.xz_form_3 .h3_title {
    margin-top: 1.25rem
}

.xz_form_3 .xz-related-intro {
    font-size: 1.25rem;
    line-height: 2.25rem;
    margin: .75rem 0 1.45rem
}

.pdf-form-area {
    position: relative
}

#pdf-form {
    position: relative;
    padding: 26px;
    margin: 0 auto;
    width: auto;
    max-width: 720px;
    background: #fff
}

.pdf-form-tit {
    font-size: 20px;
    line-height: 20px;
    color: #333
}

.pdf-form-show {
    margin-top: 32px
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    color: rgba(51,51,51,.13);
    z-index: 99
}

.slick-arrow .iconfont {
    font-size: 4.84vw
}

.slick-arrow.slick-prev {
    right: -6vw
}

.slick-arrow.slick-next {
    left: -6vw
}

.slick-arrow:hover {
    color: #6dad3a
}

.xz_about {
    padding: 6.5rem 0 4rem
}

.xz_about .public_top_box {
    padding-bottom: 4.875rem
}

.about_links_box {
    background-color: #f8f8f8;
    margin-bottom: 6.6875rem;
    padding: 2.625rem 4.75rem 5rem;
    position: relative
}

.about_links_box::before {
    content: "\e606";
    font-family: iconfont;
    position: absolute;
    bottom: -2.25rem;
    left: 50%;
    margin-left: -2.25rem;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 100%;
    background-color: #6dad3a;
    font-size: 1rem;
    color: #fff
}

.about_links_box .h3_title {
    margin-bottom: 3.125rem;
    padding: 0 .5625rem
}

.about_links_box .slick-arrow {
    top: -3.125rem;
    left: auto;
    right: 0;
    cursor: pointer;
    color: #333
}

.about_links_box .slick-arrow:hover {
    color: #6dad3a
}

.about_links_box .slick-arrow.slick-prev {
    left: auto;
    right: 2rem
}

.about_links_box .slick-arrow i {
    font-size: 1.25rem
}

.about_links_box .gallery-item {
    margin: 0 .5625rem!important
}

.about_links_box .gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: none!important
}

.about_links_box .gallery-item .wp-caption-text {
    font-family: Poppins-Bold;
    color: #333;
    font-size: 1.5rem;
    line-height: 2.1875rem;
    padding: .5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.about_links_box.about_banner_2 .gallery-item {
    margin: 0 1rem!important
}

.about_links_box.about_banner_2 .gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: none!important
}

.about_links_box.about_banner_2 .gallery-item .wp-caption-text {
    font-family: Poppins-Regular;
    font-size: 1.375rem;
    line-height: 2.0625rem;
    padding: .5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.about_info {
    position: relative
}

/*.about_info::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    width: 35.05%;*/
/*    height: 100%;*/
/*    background-color: #6dad3a*/
/*}*/

.about_info .xz-main {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.about_info .xz-main .wp-block-group {
    width: 40.486%;
    font-family: HelveticaNeue;
    color: #666;
    padding-bottom: 2.5rem
}

.about_info .xz-main .wp-block-group .h3_title {
    margin-bottom: 3rem
}

.about_info .xz-main .wp-block-group p {
    margin-bottom: 1.25rem
}

.about_info .xz-main figure {
    width: 56.527%;
    margin: 3.75rem 0
}

.factory_product_box {
    background-color: #f8f8f8;
    padding: 5rem 6.375rem 4.375rem 6.875rem
}

.factory_product_box .h3_title {
    margin-bottom: 3.75rem
}

.factory_product_box .h3_title span {
    font-size: 1.5rem;
    margin-left: 1.125rem;
    position: relative;
    vertical-align: top
}

.factory_product_box .h3_title span::before {
    content: "";
    position: absolute;
    left: -.5rem;
    top: .5rem;
    width: .25rem;
    height: 1rem;
    background-color: #999
}

.factory_product_box .lr_box {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: HelveticaNeue;
    color: #666
}

.factory_product_box .lr_box .left_box {
    width: 36.348%
}

.factory_product_box .lr_box .left_box img {
    vertical-align: top
}

.factory_product_box .lr_box .left_box .info {
    margin-top: 2rem
}

.factory_product_box .lr_box .left_box .info .col_list {
    display: inline-block;
    vertical-align: middle;
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 100%;
    margin: 0 .125rem;
    background-color: #6dad3a
}

.factory_product_box .lr_box .left_box .info .col_list:nth-child(3) {
    background-color: #fee215
}

.factory_product_box .lr_box .left_box .info .col_list:nth-child(4) {
    background-color: #dd3838
}

.factory_product_box .lr_box .left_box .info .col_list:nth-child(5) {
    background-color: #3878dd
}

.factory_product_box .lr_box .left_box .info .col_list:nth-child(6) {
    background-color: #8238dd
}

.factory_product_box .lr_box .right_box {
    width: 58.027%
}

.factory_product_box .lr_box .right_box h2:first-of-type {
    margin-top: 0
}

.factory_product_box .lr_box strong {
    font-family: HelveticaNeue-Bold;
    color: #333
}

.factory_product_box .lr_box h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-family: Poppins-Black;
    color: #333;
    margin-bottom: 1.25rem;
    margin-top: 2.3125rem
}

.factory_service {
    margin-bottom: 1.875rem
}

.factory_service .h3_title {
    margin: 3.875rem 0 2rem
}

.factory_service .lr_box {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 2rem;
    font-family: HelveticaNeue-Bold
}

.factory_service .lr_box .left_box {
    width: 68.125%;
    background-color: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.5rem 6.125rem
}

.factory_service .lr_box .left_box ul {
    width: 50%
}

.factory_service .lr_box .left_box ul:first-of-type li {
    padding-right: 3rem
}

.factory_service .lr_box .left_box ul li {
    position: relative;
    padding-left: 1.125rem
}

.factory_service .lr_box .left_box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .71875rem;
    width: .5625rem;
    height: .5625rem;
    border-radius: 100%;
    background-color: #6dad3a
}

.factory_service .lr_box .right_box {
    position: relative;
    width: 31.875%;
    background-color: #6dad3a;
    color: #fff;
    font-family: HelveticaNeue;
    padding: 2.5rem 4.8125rem
}

.factory_service .lr_box .right_box::after {
    content: "\e60d";
    font-family: iconfont;
    font-size: 1.8125rem;
    position: absolute;
    left: -2.5625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 100%;
    line-height: 5.125rem;
    text-align: center;
    background-color: #fff;
    color: #6dad3a
}

.factory_service .lr_box .right_box span {
    font-family: HelveticaNeue-Bold
}

.factory_service .lr_box .right_box a {
    display: inline-block;
    color: #fff;
    transition: all .3s ease
}

.factory_service .lr_box .right_box a:hover {
    transform: translateX(.25rem)
}

.xz_production {
    padding-bottom: 0
}

.production_box .process_list {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 3.75rem 0 1rem;
    margin-left: -2.8645vw;
    margin-right: -2.8645vw
}

.production_box .process_list .wp-block-image {
    position: relative;
    width: 25%;
    text-align: center;
    margin-bottom: 5.9375vw
}

.production_box .process_list .wp-block-image::before {
    content: "";
    position: absolute;
    right: -1.5625vw;
    top: 2.916vw;
    width: 3.125vw;
    height: 2.083vw;
    background: url(../images/lc_icon_1.png) center no-repeat;
    background-size: contain
}

.production_box .process_list .wp-block-image:first-of-type {
    order: 1
}

.production_box .process_list .wp-block-image:first-of-type::before {
    display: none
}

.production_box .process_list .wp-block-image:nth-of-type(2) {
    order: 2
}

.production_box .process_list .wp-block-image:nth-of-type(3) {
    order: 3
}

.production_box .process_list .wp-block-image:nth-of-type(3)::before {
    background-image: url(../images/lc_icon_2.png)
}

.production_box .process_list .wp-block-image:nth-of-type(4) {
    order: 4
}

.production_box .process_list .wp-block-image:nth-of-type(4)::before {
    background-image: url(../images/lc_icon_3.png);
    top: auto;
    bottom: -3.958vw;
    left: 50%;
    width: 2.083vw;
    height: 3.125vw;
    transform: translateX(-50%)
}

.production_box .process_list .wp-block-image:nth-of-type(5) {
    order: 8
}

.production_box .process_list .wp-block-image:nth-of-type(5)::before {
    background-image: url(../images/lc_icon_4.png);
    left: -1.5625vw
}

.production_box .process_list .wp-block-image:nth-of-type(6) {
    order: 7
}

.production_box .process_list .wp-block-image:nth-of-type(6)::before {
    background-image: url(../images/lc_icon_5.png);
    left: -1.5625vw
}

.production_box .process_list .wp-block-image:nth-of-type(7) {
    order: 6
}

.production_box .process_list .wp-block-image:nth-of-type(7)::before {
    background-image: url(../images/lc_icon_4.png);
    left: -1.5625vw
}

.production_box .process_list .wp-block-image:nth-of-type(8) {
    order: 5
}

.production_box .process_list .wp-block-image:nth-of-type(8)::before {
    background-image: url(../images/lc_icon_6.png);
    top: auto;
    bottom: -3.958vw;
    left: 50%;
    width: 2.083vw;
    height: 3.125vw;
    transform: translateX(-50%)
}

.production_box .process_list .wp-block-image:nth-of-type(9) {
    order: 9
}

.production_box .process_list .wp-block-image:nth-of-type(9)::before {
    background-image: url(../images/lc_icon_2.png)
}

.production_box .process_list .wp-block-image:nth-of-type(10) {
    order: 10
}

.production_box .process_list .wp-block-image:nth-of-type(11) {
    order: 11
}

.production_box .process_list .wp-block-image:nth-of-type(11)::before {
    background-image: url(../images/lc_icon_2.png)
}

.production_box .process_list .wp-block-image:nth-of-type(12) {
    order: 12
}

.production_box .process_list .wp-block-image:nth-of-type(12)::before {
    background-image: url(../images/lc_icon_3.png);
    top: auto;
    bottom: -3.958vw;
    left: 50%;
    width: 2.083vw;
    height: 3.125vw;
    transform: translateX(-50%)
}

.production_box .process_list .wp-block-image:nth-of-type(13) {
    order: 14
}

.production_box .process_list .wp-block-image:nth-of-type(13)::before {
    display: none
}

.production_box .process_list .wp-block-image:nth-of-type(14) {
    order: 13
}

.production_box .process_list .wp-block-image:nth-of-type(14)::before {
    background-image: url(../images/lc_icon_4.png)
}

.production_box .process_list .wp-block-image img {
    width: 13.02vw;
    vertical-align: top
}

.production_box .process_list .wp-block-image figcaption {
    width: 13.02vw;
    text-align: center;
    margin: 0 auto;
    font-size: 1.5rem;
    font-family: HelveticaNeue-Bold;
    line-height: 2.25rem;
    margin-top: .625rem;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xz-contact {
    padding: 3.875rem 0 3.9375rem
}

.xz-contact .xz-map {
    width: 100%;
    height: 30.3125rem
}

.xz-contact .xz-map p {
    width: 100%;
    height: 100%
}

.xz-contact .xz-map iframe {
    vertical-align: top
}

.xz-contact .contact-info {
    position: relative;
    background-color: #6dad3a;
    color: #fff;
    overflow: hidden;
    padding: 1.875rem 8.9375rem 4.875rem
}

.xz-contact .contact-info .title {
    font-size: 3rem;
    line-height: 4.5rem;
    font-family: Poppins-Black;
    margin-bottom: 1rem
}

.xz-contact .contact-info .content {
    display: flex;
    justify-content: space-between;
    position: relative
}

.xz-contact .contact-info .content .type_list,.xz-contact .contact-info .content p {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    line-height: 1.6875rem;
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

.xz-contact .contact-info .content .type_list span,.xz-contact .contact-info .content p span {
    display: block;
    font-size: 1.5rem;
    font-family: HelveticaNeue-Bold;
    margin-right: 1.125rem
}

.xz-contact .contact-info .content .type_list a,.xz-contact .contact-info .content p a {
    display: inline-block;
    color: #fff;
    transition: all .3s ease
}

.xz-contact .contact-info .content .type_list a:hover,.xz-contact .contact-info .content p a:hover {
    transform: translateX(.25rem)
}

.xz-contact .contact-info .content .left_box {
    width: 48%
}

.xz-contact .contact-info .content .right_box {
    width: 48%
}

.xz-contact .contact-info .fb_btn {
    position: absolute;
    right: -11.6875rem;
    bottom: -11.6875rem;
    width: 23.375rem;
    height: 23.375rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
    color: #fff;
    background-color: #86d321;
    border: 1.5rem solid #fff;
    border-radius: 100%
}

.xz-contact .contact-info .fb_btn i {
    font-size: 2.25rem;
    width: 2.25rem;
    display: block;
    margin: 3.875rem 0 .5rem 4rem
}

.xz-contact .contact-info .fb_btn span {
    display: block;
    width: 10.25rem;
    text-align: center;
    font-family: Poppins-Regular
}

.xz_service {
    padding: 6rem 0
}

.xz_service .service_box {
    background-color: #f8f8f8
}

.xz_service .sample_box {
    padding: 4.6875rem 5.625rem 5.625rem 5.3125rem;
    display: flex;
    justify-content: space-between
}

.xz_service .sample_box .left_box {
    width: 45.648%
}

.xz_service .sample_box .left_box .wp-block-image {
    margin: 5rem 0 1.625rem
}

.xz_service .sample_box .left_box .wp-block-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.xz_service .sample_box .left_box ul {
    margin-bottom: 2rem
}

.xz_service .sample_box .left_box ul li {
    position: relative;
    padding-left: 1.125rem;
    line-height: 2rem;
    font-family: HelveticaNeue-Bold;
    margin-bottom: .75rem
}

.xz_service .sample_box .left_box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .65rem;
    width: .5625rem;
    height: .5625rem;
    border-radius: 100%;
    background-color: #6dad3a
}

.xz_service .sample_box .left_box .wp-block-group {
    position: relative;
    background-color: #fff;
    padding: 1.6875rem 2.125rem 2.125rem
}

.xz_service .sample_box .left_box .wp-block-group::before {
    content: "";
    position: absolute;
    left: -.5rem;
    top: -.5rem;
    width: 1.9375rem;
    height: 1.9375rem;
    border-radius: 100%;
    background-color: #6dad3a
}

.xz_service .sample_box .left_box .wp-block-group p {
    margin-bottom: .375rem;
    font-family: HelveticaNeue;
    color: #6dad3a
}

.xz_service .sample_box .left_box .wp-block-group p strong {
    font-family: HelveticaNeue-Bold
}

.xz_service .sample_box .left_box .wp-block-group p:last-of-type {
    font-style: italic
}

.xz_service .sample_box .right_box {
    width: 48.892%
}

.xz_service .packing_box {
    padding: 2.5rem 7.77% 2.5rem 7.98%;
    color: #666;
    font-family: HelveticaNeue
}

.xz_service .packing_box .h3_title {
    margin-bottom: 2.5rem
}

.xz_service .packing_box strong {
    font-family: HelveticaNeue-Bold;
    color: #333
}

.xz_service .packing_box p {
    margin-bottom: 1rem
}

.xz_service .packing_box>.wp-block-group {
    margin-top: 2.625rem
}

.xz_service .packing_box>.wp-block-group>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between
}

.xz_service .packing_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group {
    width: 23.844%
}

.xz_service .packing_box>.wp-block-group h2 {
    font-family: Poppins-Black;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin: .9375rem 0;
    color: #333
}

.xz_service .installation_box {
    padding: 2.5rem 6.527% 4.625rem 7.638%;
    margin-bottom: 5.5rem
}

.xz_service .installation_box .top {
    padding-bottom: 1.75rem
}

.xz_service .installation_box .list_box {
    padding: 0 0 2.5rem
}

.xz_service .installation_box .list_box .tit {
    font-family: Poppins-Black;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 1.5rem
}

.xz_service .installation_box .list_box .info {
    font-family: HelveticaNeue;
    color: #333
}

.xz_service .installation_box .list_box .info .table-x {
    overflow: auto
}

.xz_service .installation_box .list_box .info table {
    background-color: #fff;
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

.xz_service .installation_box .list_box .info table tr td {
    border: 1px solid #ddd;
    padding: .9375rem
}

.xz_service .installation_box .list_box .info li {
    padding-left: 1.125rem;
    position: relative;
    font-family: HelveticaNeue-Bold;
    line-height: 2rem;
    margin-bottom: .5rem
}

.xz_service .installation_box .list_box .info li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .75rem;
    width: .5625rem;
    height: .5625rem;
    border-radius: 100%;
    background-color: #6dad3a
}

.xz_service .installation_box .list_box_2 {
    padding-bottom: 1.125rem
}

.xz_service .installation_box .list_box_2 .info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #666
}

.xz_service .installation_box .list_box_2 .info::after {
    content: "";
    width: 31.457%
}

.xz_service .installation_box .list_box_2 .info p {
    position: relative;
    width: 31.457%;
    background-color: #fff;
    padding: 1.875rem 2.375rem;
    margin-bottom: 2rem;
    min-height: 13.0625rem;
    display: flex;
    align-items: center;
    overflow: hidden
}

.xz_service .installation_box .list_box_2 .info p::before {
    content: "";
    position: absolute;
    top: -.4rem;
    left: -.4rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    background-color: #6dad3a
}

.xz_service .installation_box .list_box_3 .info {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #6dad3a;
    color: #fff;
    padding: .625rem 8.0625rem .5625rem .375rem
}

.xz_service .installation_box .list_box_3 .info p {
    flex: none;
    position: relative;
    margin-left: 2.375rem;
    padding-left: 1rem;
    margin-bottom: .5rem
}

.xz_service .installation_box .list_box_3 .info p::before {
    content: "\e62e";
    font-family: iconfont;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem
}

.xz_service .installation_box .list_box_3 .info p:first-of-type {
    margin-left: 0
}

.xz_service .installation_box .list_box_3 .info p:first-of-type::before {
    display: none
}

.xz_service .installation_box .list_box_3 .info .zs_box {
    position: absolute;
    right: -2.5rem;
    top: calc(50% - 4.625rem);
    width: 9.25rem;
    height: 9.25rem;
    border-radius: 100%;
    background-color: #86d321;
    font-family: HelveticaNeue-Bold;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    text-align: center;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.xz_service .maintenance_box {
    padding: 4.9375rem 6.527% 5.0625rem 7.638%
}

.xz_service .maintenance_box>.wp-block-group {
    margin-top: 3.75rem
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group {
    width: 58.027%;
    font-family: HelveticaNeue;
    color: #666
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group p {
    margin-bottom: 1.25rem
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type {
    position: relative;
    width: 34.637%;
    text-align: right
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6.9375rem;
    width: 51.529%;
    height: 23.906vw;
    background-color: #6dad3a
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type .wp-block-group__inner-container {
    position: relative
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type .wp-block-group__inner-container .wp-block-image {
    margin-bottom: 1.6875rem
}

.xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type .wp-block-group__inner-container img {
    vertical-align: top
}

.xz_service .purchasing_box {
    padding: 4.9375rem 7.638% 5.0625rem;
    background: #f8f8f8 url(../images/purchasing_bg.png) left bottom no-repeat
}

.xz_service .purchasing_box>.wp-block-group {
    margin-top: 3.125rem
}

.xz_service .purchasing_box>.wp-block-group>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.xz_service .purchasing_box>.wp-block-group .wp-block-group {
    width: 32.84%;
    line-height: 2.25rem;
    background-color: #fff;
    text-align: center;
    padding: 1.6875rem 3.3125rem 2.1875rem 3.375rem
}

.xz_service .purchasing_box>.wp-block-group h3 {
    font-size: 1.5rem;
    font-family: Poppins-Black;
    margin-bottom: 2rem;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.xz_service .purchasing_box>.wp-block-group ul li {
    position: relative;
    font-family: HelveticaNeue-Bold;
    font-size: .875rem;
    margin-bottom: 1.25rem
}

.xz_service .purchasing_box>.wp-block-group ul li::before {
    content: '\eb0a';
    font-family: iconfont;
    font-size: 1rem;
    line-height: 1rem;
    color: #000;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    margin-left: -.5rem
}

.xz_service .purchasing_box>.wp-block-group ul li:last-of-type::before {
    display: none
}

.faq_box {
    background-color: #f8f8f8;
    padding: 3.625rem 7.29% 6.5625rem 7.638%
}

.faq_box .h3_title {
    margin-bottom: 2.875rem
}

.faq_box>.wp-block-group {
    background-color: #fff;
    margin-bottom: .625rem
}

.faq_box>.wp-block-group.active {
    padding-top: 1.25rem
}

.faq_box>.wp-block-group.active h2::after {
    content: "\eb07"
}

.faq_box>.wp-block-group h2 {
    padding: 1.3125rem 6.75rem 1.3125rem 3.5rem;
    position: relative;
    cursor: pointer;
    font-family: Poppins-Black;
    font-size: 1.5rem;
    line-height: 2.25rem
}

.faq_box>.wp-block-group h2::after {
    content: "\eb0a";
    font-family: iconfont;
    position: absolute;
    right: 3.5625rem;
    top: 1.3125rem;
    font-size: 1.5rem;
    width: 2.25rem;
    text-align: center;
    height: 2.25rem;
    color: #6dad3a
}

.faq_box>.wp-block-group .wp-block-group {
    display: none;
    margin: 1.125rem 0 0;
    padding: 0 3.5rem 2.1875rem
}

.faq_box>.wp-block-group .wp-block-group p {
    margin-bottom: 1.25rem;
    font-family: HelveticaNeue;
    color: #666
}

.faq_box>.wp-block-group .wp-block-group p strong {
    font-family: HelveticaNeue-Bold;
    color: #333
}

.ns_products {
    padding: 8.5625rem 0 7.4375rem
}

.ns_products .xz-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.ns_products .xz-main .pro_nav {
    width: 27.986%;
    height: auto;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .875rem 2.03125vw 4rem
}

.ns_products .xz-main .right_box {
    width: 68.958%;
    padding-top: .3125rem
}

.ns_products .xz-main .right_box .h3_title {
    text-transform: capitalize
}

.ns_products .xz-main .right_box .intro {
    font-size: 1.5rem;
    font-family: Poppins-Black;
    margin: 2.5rem 0 3.125rem
}

.ns_products .xz-main .right_box .xz-news-ul {
    padding-bottom: 1.3125rem
}

.xz-loop-pro {
    display: block;
    position: relative;
    width: 31.822%;
    margin-bottom: 1rem;
    text-align: center;
    transition: all .3s ease
}

.xz-loop-pro .img_box {
    width: 100%;
    height: 13.9vw;
    overflow: hidden
}

.xz-loop-pro img {
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.xz-loop-pro .xz-a012-tit {
    padding: 1rem
}

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

.xz-loop-pro:hover .xz-a012-tit {
    color: #6dad3a
}

.xz-loop-pro.tag::before {
    content: "hot";
    position: absolute;
    top: 0;
    left: 1.75rem;
    width: 2rem;
    height: 3.375rem;
    color: #fff;
    line-height: 3.375rem;
    font-size: .875rem;
    text-align: center;
    font-family: Poppins-Black;
    font-weight: 700;
    background-color: #ff4b07
}

.xz-loop-pro.tag::after {
    content: "";
    position: absolute;
    top: 2.875rem;
    left: 1.75rem;
    border-bottom: .5rem solid #fff;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent
}

.pro_nav {
    font-size: .875rem
}

.pro_nav .list.bg .parent-item a {
    color: #6dad3a
}

.pro_nav .list .parent-item a {
    display: block;
    font-family: Poppins-Black;
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #333;
    margin: 2.75rem 0 .625rem;
    transition: all .3s ease
}

.pro_nav .list .parent-item a:hover {
    color: #6dad3a
}

.pro_nav .list>ul {
    background-color: #fff;
    padding: 3rem 1.927vw 1.75rem
}

.pro_nav .list>ul a {
    display: block;
    margin-bottom: 1.25rem;
    line-height: 1.375rem;
    font-weight: 400;
    font-family: HelveticaNeue;
    color: #333;
    transition: all .3s ease
}

.pro_nav .list>ul a:hover {
    color: #6dad3a
}

.pro_nav .list>ul .current-menu-item a {
    color: #6dad3a;
    transition: all .3s ease
}

.pro_nav .parent-item.current-menu-item a {
    color: #6dad3a
}

.pro_detail {
    padding: 4.6875rem 0 0
}

.pro_detail .detail_info {
    margin-top: 2.25rem
}

.pro_detail .detail_info p {
    margin-bottom: .625rem;
    color: #666
}

.pro_detail .detail_info p strong {
    font-family: Poppins-Black
}

.pro_detail .pro_banner {
    position: relative
}

.pro_detail .pro_banner .showpic {
    width: 79.509%;
    padding-top: 67.4%;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat
}

.pro_detail .pro_banner .gallery {
    position: absolute;
    top: 0;
    right: 0;
    width: 18.739%;
    height: 100%;
    overflow: auto
}

.pro_detail .pro_banner .gallery::-webkit-scrollbar {
    display: none
}

.pro_detail .pro_banner .gallery .gallery-item {
    margin-top: 0!important;
    height: 23.697%;
    margin-bottom: .5rem!important
}

.pro_detail .pro_banner .gallery .gallery-item:last-of-type {
    margin-bottom: 0!important
}

.pro_detail .pro_banner .gallery .gallery-item .gallery-icon {
    display: block;
    height: 100%
}

.pro_detail .pro_banner .gallery .gallery-item a {
    display: block;
    height: 100%
}

.pro_detail .pro_banner .gallery img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pro_detail .btn_box {
    display: flex;
    justify-content: flex-start;
    margin-top: 2.3125rem
}

.pro_detail .btn_box a {
    width: calc(50% - .625rem);
    max-width: 16.375rem
}

.pro_detail .btn_box a:last-of-type {
    background-color: #fff;
    color: #86d321;
    border: 1px solid #86d321;
    margin-left: 1.25rem
}

.pro_detail .btn_box a:last-of-type:hover {
    background-color: #6dad3a;
    color: #fff
}

.pro_content_box {
    margin-top: 4.3125rem;
    background-color: #f8f8f8
}

.pro_content_box .pro_tab {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto
}

.pro_content_box .pro_tab a {
    position: relative;
    width: 18rem;
    padding: 0 2rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-family: HelveticaNeue-Bold;
    font-weight: 700;
    color: #fff;
    background-color: #6dad3a
}

.pro_content_box .pro_tab a.active,.pro_content_box .pro_tab a:hover {
    background-color: #86d321;
    color: #fff
}

.pro_content_box .pro_tab a p {
    margin: 0
}

.pro_content_box .pro-container {
    padding: 0 6rem 5.625rem 7rem
}

.pro_content_box .pro-container .tit {
    font-family: Poppins-Black;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-top: 2.625rem;
    margin-bottom: 1.25rem
}

.pro_content_box .pro-container .tit p {
    margin: 0
}

.pro_content_box .pro-container .txt {
    color: #666
}

.pro_content_box .pro-container .txt strong {
    font-family: HelveticaNeue-Bold;
    color: #333
}

.pro_content_box .pro-container .txt li {
    position: relative;
    margin-left: 5.125rem;
    margin-bottom: 1rem
}

.pro_content_box .pro-container .txt li::before {
    content: "";
    position: absolute;
    top: .375rem;
    left: -1.125rem;
    width: .6875rem;
    height: .6875rem;
    border-radius: 100%;
    background-color: #86d321
}

/*.pro_content_box .lc_box {*/
/*    background-color: #6dad3a;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    padding: 1.625rem 3.75rem 0 .625rem*/
/*}*/

.pro_content_box .lc_box p {
    position: relative;
    color: #fff;
    margin-left: 3rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    padding: 0 1.25rem
}

.pro_content_box .lc_box p:first-of-type {
    margin-left: 0
}

.pro_content_box .lc_box p:first-of-type::before {
    display: none
}

.pro_content_box .lc_box p::before {
    content: "\e62e";
    font-family: iconfont;
    position: absolute;
    left: -1.5rem;
    top: 0;
    font-size: 1rem
}

/*.pro_content_box .lc_box p:last-of-type {*/
/*    background-color: #86d321;*/
/*    border-radius: 1rem;*/
/*    font-family: HelveticaNeue-Bold;*/
/*    margin-left: 4.5rem*/
/*}*/

.pro_content_box .lc_box p:last-of-type::before {
    left: -3rem
}

.pro_content_box .nav_fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999
}

.pro-container table {
    width: 100%;
    overflow: auto;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #666
}

.pro-container table tr td {
    padding: .25rem 2rem;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #fff
}

.xz-related-intro {
    line-height: 3.375rem;
    font-size: 1.5rem;
    margin: .25rem 0 2.8125rem;
    color: #6dad3a;
    font-family: Poppins-Regular
}

.xz_related_pro {
    padding: 6.125rem 0 4.25rem
}

.xz_related_pro .xz-related-intro {
    margin: .625rem 0 2.625rem
}

.xz_related_pro .list {
    display: block;
    width: 30.9%;
    margin-bottom: 1.5rem;
    overflow: hidden
}

.xz_related_pro .list .img_box {
    height: 19.635vw;
    overflow: hidden
}

.xz_related_pro .list img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease;
    vertical-align: top
}

.xz_related_pro .list .xz-a012-tit {
    margin: 1rem;
    text-align: center
}

.xz_related_pro .list:hover img {
    transform: scale(1.05)
}

.xz_related_pro .list:hover .xz-a012-tit {
    color: #6dad3a
}

.home_pro .left_box {
    background: #6dad3a url(../images/hot_pro_bg.png) left bottom no-repeat;
    background-size: contain
}

.home_service {
    background: url(../images/home_service_1.png) left bottom no-repeat;
    background-size: contain
}

.home_service .home_service_box {
    background: url(../images/home_service_2.png) left bottom no-repeat;
    background-size: contain
}

.home_projects .link_5 {
    background: #6dad3a url(../images/home_project_bg.png) center bottom no-repeat
}

.xz_video {
    padding: 3.75rem 0
}

.xz_loop_video {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.xz_loop_video::after {
    width: 31.25%;
    content: ""
}

.xz_loop_video .list {
    width: 31.25%;
    margin-bottom: 2rem
}

.xz_loop_video .list .img_box {
    height: 13.177vw;
    position: relative;
    overflow: hidden
}

.xz_loop_video .list .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease
}

.xz_loop_video .list .img_box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    transition: all .3s ease
}

.xz_loop_video .list .img_box::after {
    content: "\e61c";
    font-family: iconfont;
    font-size: 3.75rem;
    width: 3.75rem;
    color: #99e94b;
    position: absolute;
    vertical-align: top;
    top: 50%;
    left: calc(50% - 1.875rem);
    transform: translateY(-50%)
}

.xz_loop_video .list .xz-a012-tit {
    color: #333;
    font-size: 1.5rem;
    font-family: HelveticaNeue-Bold;
    line-height: 1.8125rem;
    text-align: center;
    margin: .875rem 1rem
}

.xz_loop_video .list:hover .img_box::before {
    background: rgba(0,0,0,.2)
}

.xz_loop_video .list:hover .xz-a012-tit {
    color: #6dad3a
}

.news_slider {
    position: relative;
    margin-bottom: .5rem
}

.news_slider .slick-slide {
    padding: 0 1px
}

.news_slider .slick-slide .list {
    display: flex;
    justify-content: space-between
}

.news_slider .slick-slide .list .xz_news_l {
    width: 42.6388%
}

.news_slider .slick-slide .list .xz_news_l img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.news_slider .slick-slide .list .xz_news_r {
    width: calc(57.36% - 3.125rem);
    text-align: left;
    border-bottom: 1px solid #ddd
}

.news_slider .slick-slide .list .xz_news_r .date {
    font-family: Poppins-Black;
    font-weight: 700;
    color: #999;
    margin: 1rem 0 2.75rem;
    line-height: 1.6875rem
}

.news_slider .slick-slide .list .xz_news_r .tit {
    display: block;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #333;
    font-family: Poppins-Black;
    font-weight: 700;
    margin-bottom: 1.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s ease
}

.news_slider .slick-slide .list .xz_news_r .tit:hover {
    color: #86d321;
    transition: all .3s ease
}

.news_slider .slick-slide .list .xz_news_r .intro {
    font-family: Poppins-Bold;
    font-weight: 400;
    margin-bottom: 2.5rem
}

.news_slider .slick-slide .list .xz_news_r .btn {
    display: block;
    width: 9.375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: .125rem;
    text-align: center;
    color: #fff;
    background-color: #6dad3a;
    font-family: Poppins-Bold;
    font-weight: 500;
    margin-bottom: 3.375rem;
    transition: all .3s ease
}

.news_slider .slick-slide .list .xz_news_r .btn:hover {
    background-color: #99e94b
}

.news_slider .slick-slide .list .xz_news_r .btn:active {
    transform: scale(.95)
}

.news_slider .slick-dots {
    position: absolute;
    left: 0;
    width: 42.6388%;
    bottom: 2.125rem
}

.ns_resource {
    margin: 6.625rem 0 5.4375rem
}

.ns_resource .xz_resource {
    padding-bottom: 2.875rem
}

.xz_resource {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.875rem
}

.xz_resource::after {
    content: "";
    width: 32.29%
}

.xz-loop-resource {
    width: 32.29%;
    position: relative;
    background-color: #f8f8f8;
    margin-bottom: 1.875rem
}

.xz-loop-resource .img_box {
    display: block;
    width: 100%;
    height: 18.177vw;
    overflow: hidden
}

.xz-loop-resource .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    transition: all .3s ease
}

.xz-loop-resource .img_box img:hover {
    transform: scale(1.05)
}

.xz-loop-resource .content_box {
    padding: 1.875rem 2.25rem 3.375rem
}

.xz-loop-resource .content_box .tit {
    display: block;
    font-family: Poppins-Black;
    font-size: 1.125rem;
    line-height: 2rem;
    margin: 0 0 1.75rem;
    height: 4rem;
    color: #333;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease
}

.xz-loop-resource .content_box .tit:hover {
    color: #6dad3a
}

.xz-loop-resource .content_box .date {
    font-size: .875rem;
    line-height: 1.0625rem
}

.xz-loop-resource .content_box .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4.875rem;
    height: 5.1875rem;
    line-height: 5.1875rem;
    text-align: center;
    background-color: #6dad3a;
    border-radius: 4rem 0 0 0;
    color: #fff;
    transition: all .3s ease
}

.xz-loop-resource .content_box .icon i {
    font-size: 1.75rem
}

.xz-loop-resource .content_box .icon:hover {
    background-color: #86d321
}

.resource_detail .detail_title {
    font-size: 3rem;
    line-height: 4.5rem;
    font-family: Poppins-Black;
    color: #333;
    text-align: center
}

.resource_detail .detail_box {
    position: relative;
    font-size: 1rem;
    font-family: HelveticaNeue;
    line-height: 1.5rem;
    margin-top: 6.5625rem;
    background-color: #f8f8f8;
    padding: 2.9375rem 7.9375rem 3rem 8.25rem;
    color: #666
}

.resource_detail .detail_box .info {
    font-family: HelveticaNeue-Light;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: .75rem 0;
    margin: 1.875rem auto 2.875rem
}

.resource_detail .detail_box .info .a2a_kit {
    margin-top: 0;
    flex: none
}

.resource_detail .detail_box .resource_l .content_box p {
    margin: 0 4.875rem 1.25rem;
    text-align: justify
}

.resource_detail .detail_box .resource_l .content_box .wp-block-image {
    margin-top: 2.875rem;
    margin-bottom: 4.5rem
}

.resource_detail .detail_box .resource_l .content_box .wp-block-image img {
    vertical-align: top
}

.resource_detail .detail_box .resource_l .content_box .wp-block-columns {
    margin-top: 1.875rem;
    margin-bottom: 3.5rem
}

.resource_detail .detail_box .resource_l .content_box .wp-block-columns .wp-block-image {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.resource_detail .detail_box .resource_l figcaption {
    color: #999;
    padding-bottom: .625rem;
    position: relative;
    text-align: center
}

.resource_detail .detail_box .resource_l figcaption::before {
    content: "";
    position: absolute;
    width: 6.8125rem;
    height: 1px;
    left: 50%;
    bottom: 0;
    margin-left: -3.40625rem;
    background-color: #ddd
}

.xz_related_news {
    padding: 5rem 0
}

.xz_related_news .xz-main .h2_title {
    text-align: center;
    margin-bottom: 2.5rem
}

.xz_project_links {
    padding: 6.625rem 0 5.125rem
}

.xz_project_links .h2_title {
    margin-bottom: 3.75rem
}

.xz_project {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.xz_project .list {
    width: 47.152%;
    margin-bottom: 5.125rem;
    background-color: #f8f8f8;
    color: #666;
    transition: all .3s ease
}

.xz_project .list .img_box {
    display: block;
    width: 100%;
    height: 26.51vw;
    overflow: hidden
}

.xz_project .list .img_box img {
    width: 100%;
    display: block;
    transition: all .3s ease
}

.xz_project .list .img_box:hover img {
    transform: scale(1.05)
}

.xz_project .list .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.xz_project .list .content_box {
    padding: 3.4375rem 3.9375rem 4.0625rem
}

.xz_project .list .content_box .tit {
    display: block;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-family: Poppins-Black;
    height: 4.5rem;
    color: #333;
    transition: all .3s ease;
    margin-bottom: 1.375rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.xz_project .list .content_box .tit:hover {
    text-decoration: underline
}

.xz_project .list .content_box .intro p {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.xz_project .list:hover {
    background-color: #6dad3a;
    color: #fff
}

.xz_project .list:hover .tit {
    color: #fff
}

.xz_related_project {
    padding: 5rem 0 2rem
}

.xz_related_project .xz-main .h2_title {
    text-align: center;
    margin-bottom: 2.5rem
}

@keyframes movetop {
    50% {
        transform: translateY(-1rem)
    }

    100% {
        transform: initial
    }
}

@keyframes showhide {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (max-width: 1650px) {
    .xz_service .sample_box {
        padding:4.5rem 5rem
    }
}

@media screen and (max-width: 1440px) {
    .pro_nav .list .parent-item a {
        font-size:1.25rem;
        line-height: 2rem;
        margin: 2.5rem 0 .625rem;
        transition: all .3s ease
    }

    .pro_nav .list .parent-item a:hover {
        color: #6dad3a
    }

    .pro_nav .list>ul {
        background-color: #fff;
        padding: 2rem 1.927vw 1.25rem
    }

    .pro_nav .list>ul a {
        margin-bottom: 1rem;
        line-height: 1.25rem
    }

    .nav_fixed .pro_tab {
        width: 100vw
    }

    .production_box .process_list {
        padding: 3rem 0 1rem;
        margin-left: -2.8645vw;
        margin-right: -2.8645vw
    }

    .production_box .process_list .wp-block-image {
        margin-bottom: 5.9375vw
    }

    .production_box .process_list .wp-block-image::before {
        top: 3.5vw
    }

    .production_box .process_list .wp-block-image img {
        width: 16vw
    }

    .production_box .process_list .wp-block-image figcaption {
        width: 16vw;
        font-size: 1.125rem;
        line-height: 2rem;
        margin-top: .5rem
    }

    .public_nav_links.service_nav_box {
        justify-content: flex-start;
        margin-left: -.35rem;
        margin-right: -.35rem
    }

    .public_nav_links.service_nav_box a {
        margin-left: .35rem;
        margin-right: .35rem
    }

    .xz_service .sample_box .right_box .xz_form_3 .h3_title {
        margin-top: 0
    }

    .xz_service .installation_box .list_box_3 .info p {
        width: 20%
    }

    .xz_service .installation_box .list_box_3 .info p:first-of-type {
        margin-left: 2.375rem
    }

    .xz_service .purchasing_box {
        padding: 4rem 7% 5rem
    }

    .xz_service .purchasing_box>.wp-block-group {
        margin-top: 3rem
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group {
        padding: 1.5rem 2.5rem 2rem
    }
}

@media screen and (max-width: 1280px) {
    .xz_form_1 {
        padding:3.3125rem 0 4rem
    }

    .xz_form_1 .xz-main .left_box {
        width: 40%
    }

    .xz_form_1 .xz-main .right_box {
        width: 55%;
        padding-top: 0
    }

    .h2_title {
        font-size: 3rem;
        line-height: 3rem
    }

    .public_nav_links a {
        line-height: 3rem;
        border-radius: 1.5rem
    }

    .xz-related-intro {
        font-size: 1.25rem;
        line-height: 2rem
    }

    .h3_title {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

    .xz_resource {
        margin-top: 1rem
    }

    .ns_products {
        padding: 5rem 0
    }

    .ns_products .xz-main .right_box .intro {
        font-size: 1.25rem;
        margin: 2rem 0 2.75rem
    }

    .ns_products .xz-main .right_box .xz-loop-pro .img_box {
        height: 16rem
    }

    .xz-contact {
        padding: 3rem 0
    }

    .xz-contact .xz-map {
        height: 25rem
    }

    .xz-contact .contact-info {
        padding: 2rem 4rem 4rem
    }

    .xz-contact .contact-info .title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .xz_loop_video .list {
        margin-bottom: 2rem
    }

    .xz_loop_video .list .xz-a012-tit {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .xz-loop-resource .content_box {
        padding: 1.5rem 2rem 3rem
    }

    .xz-loop-resource .content_box .icon {
        width: 4rem;
        height: 4.5rem;
        line-height: 4.5rem;
        border-radius: 3rem 0 0 0
    }

    .xz-loop-resource .content_box .icon i {
        font-size: 1.75rem
    }

    .resource_detail .detail_title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .resource_detail .detail_box {
        margin-top: 4rem;
        padding: 2.8rem 4rem 3rem
    }

    .resource_detail .detail_box .info {
        margin: 1.875rem auto 2.875rem
    }

    .resource_detail .detail_box .resource_l .content_box p {
        margin: 0 3rem 1.25rem
    }

    .resource_detail .detail_box .resource_l .content_box .wp-block-image {
        margin-top: 2.4rem;
        margin-bottom: 3rem
    }

    .resource_detail .detail_box .resource_l .content_box .wp-block-columns {
        margin-top: 0;
        margin-bottom: 1.5rem
    }

    .resource_detail .detail_box .resource_l .content_box .wp-block-columns .wp-block-image {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .xz_project_links {
        padding: 4rem 0
    }

    .xz_project_links .h2_title {
        margin-bottom: 3rem
    }

    .xz_project .list {
        margin-bottom: 4rem
    }

    .xz_project .list .content_box {
        padding: 2rem 2rem 3rem
    }

    .xz_project .list .content_box .tit {
        font-size: 1.25rem;
        line-height: 2rem;
        height: 4rem;
        margin-bottom: 1rem
    }

    .xz_about {
        padding: 4rem 0 3rem
    }

    .xz_about .public_top_box {
        padding-bottom: 3rem
    }

    .about_links_box {
        margin-bottom: 6.6875rem;
        padding: 2.625rem 3rem 5rem;
        position: relative
    }

    .about_links_box .h3_title {
        margin-bottom: 3rem
    }

    .about_links_box .gallery-item .wp-caption-text {
        font-size: 1.25rem;
        line-height: 1.85rem
    }

    .about_links_box.about_banner_2 .gallery-item .wp-caption-text {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .about_info .xz-main .wp-block-group {
        width: 48%
    }

    .about_info .xz-main figure {
        width: 46%
    }

    .factory_product_box {
        padding: 4rem
    }

    .factory_product_box .h3_title {
        margin-bottom: 3rem
    }

    .factory_product_box .lr_box .left_box {
        width: 42%
    }

    .factory_product_box .lr_box .right_box {
        width: 52%
    }

    .factory_service .lr_box .left_box {
        width: 65%;
        padding: 2.5rem 4rem
    }

    .factory_service .lr_box .right_box {
        width: 35%;
        padding: 2.5rem 4rem
    }

    .factory_service .lr_box .right_box::after {
        font-size: 1.5rem;
        left: -2rem;
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .xz_service .installation_box .list_box_3 .info p {
        width: 18%
    }

    .xz_service .installation_box .list_box_3 .info .zs_box {
        width: 6rem;
        height: 6rem;
        line-height: 1.5rem;
        font-size: 1.125rem;
        top: calc(50% - 3rem)
    }

    .xz_service .purchasing_box {
        padding: 4rem 6% 5rem
    }

    .xz_service .purchasing_box>.wp-block-group {
        margin-top: 2.5rem
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group {
        line-height: 2rem;
        padding: 1.5rem 2rem 2rem
    }

    .xz_service .purchasing_box>.wp-block-group h3 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
        height: 4rem
    }

    .xz_service .purchasing_box>.wp-block-group ul li {
        margin-bottom: 1rem
    }

    .xz_service .purchasing_box>.wp-block-group ul li::before {
        bottom: -1.25rem
    }
}

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

    .ns_resource {
        padding: 4rem 0
    }

    .ns_resource {
        margin: 3rem 0
    }

    .pro_content_box {
        flex-flow: column-reverse;
        margin-top: 3rem
    }

    .pro_content_box .pro-container {
        padding: 0 2rem 3rem
    }

    .pro_content_box .pro_tab a {
        height: 3rem;
        line-height: 3rem
    }

    .pro_detail {
        padding: 4.5rem 0 0
    }

    .pro_detail .top_box {
        flex-flow: column-reverse
    }

    .pro_detail .top_box .pro_banner {
        width: 100%;
        margin-bottom: 3rem
    }

    .pro_detail .top_box .pro_banner .showpic {
        padding-top: 66%
    }

    .pro_detail .top_box .col1 {
        width: 100%
    }

    .xz-contact .xz-map {
        height: 24rem
    }

    .xz-contact .contact-info {
        padding: 2rem 4rem 4rem
    }

    .xz-contact .contact-info .content .type_list,.xz-contact .contact-info .content p {
        line-height: 1.5rem;
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .xz-contact .contact-info .content .type_list span,.xz-contact .contact-info .content p span {
        font-size: 1.25rem;
        margin-right: 1rem
    }

    .xz-contact .contact-info .fb_btn {
        right: -8rem;
        bottom: -8rem;
        width: 16rem;
        height: 16rem;
        font-size: 1rem;
        line-height: 1.5rem;
        border: .75rem solid #fff
    }

    .xz-contact .contact-info .fb_btn i {
        font-size: 2rem;
        width: 2rem;
        margin: 2.5rem 0 .5rem 3rem
    }

    .xz-contact .contact-info .fb_btn span {
        width: 7.2rem
    }

    .xz_loop_video .list {
        width: 48%
    }

    .xz_loop_video .list .img_box {
        height: 15rem
    }

    .about_info::before {
        display: none
    }

    .about_info .xz-main {
        flex-wrap: wrap;
        flex-flow: column-reverse
    }

    .about_info .xz-main .wp-block-group {
        width: 100%;
        padding-bottom: 2rem
    }

    .about_info .xz-main .wp-block-group .h3_title {
        margin-bottom: 2rem
    }

    .about_info .xz-main figure {
        width: 100%;
        margin: 0 auto 2rem
    }

    .factory_product_box {
        padding: 3rem 2rem
    }

    .factory_product_box .h3_title {
        margin-bottom: 2rem
    }

    .factory_service .lr_box .left_box {
        padding: 2.5rem 2rem
    }

    .factory_service .lr_box .right_box {
        padding: 2.5rem 2rem 2.5rem 3rem
    }

    .xz_service {
        padding: 4rem 0
    }

    .xz_service .sample_box {
        padding: 3rem 4rem 4rem;
        flex-wrap: wrap
    }

    .xz_service .sample_box .left_box {
        width: 100%;
        margin-bottom: 3rem
    }

    .xz_service .sample_box .left_box .wp-block-image {
        margin: 2rem 0 1.5rem
    }

    .xz_service .sample_box .left_box ul {
        margin-bottom: 2rem
    }

    .xz_service .sample_box .left_box .wp-block-group {
        padding: 1.5rem 2rem 2rem
    }

    .xz_service .sample_box .right_box {
        width: 100%
    }

    .xz_service .installation_box {
        padding: 2.5rem 4rem 2rem 3rem;
        margin-bottom: 4rem
    }

    .xz_service .installation_box .list_box_2 .info p {
        padding: 1.5rem
    }

    .xz_service .purchasing_box {
        background-size: contain
    }

    .faq_box {
        background-color: #f8f8f8;
        padding: 3rem 4rem 4rem
    }

    .faq_box .h3_title {
        margin-bottom: 2rem
    }

    .faq_box>.wp-block-group h2 {
        padding: 1rem 4rem 1rem 3rem;
        font-size: 1.25rem;
        line-height: 2rem
    }

    .faq_box>.wp-block-group h2::after {
        right: 1.5rem;
        top: 1rem;
        font-size: 1.5rem
    }

    .faq_box>.wp-block-group .wp-block-group {
        padding: 0 3rem 2rem
    }
}

@media screen and (max-width: 800px) {
    .index_tit {
        font-size:2.4rem;
        line-height: 3rem
    }

    .index_intro {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .h2_title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .public_nav_links a {
        min-width: 11rem;
        line-height: 2.5rem
    }

    .h3_title {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .xz_form_1 {
        padding: 3rem 0 3.5rem;
        background-size: contain!important
    }

    .xz_form_1 .xz-main .left_box .title {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 1.25rem
    }

    .xz_form_1 .xz-main .left_box .info .list {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .xz_form_2 {
        padding-bottom: 4rem
    }

    .xz_related_pro {
        padding: 4rem 0 2.5rem
    }

    .xz_related_pro .xz-related-intro {
        margin: .625rem 0 2rem
    }

    .xz-related-intro {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: .625rem 0 2rem
    }

    .ns_products {
        padding: 0 0 3rem 0
    }

    .ns_products .xz-main {
        flex-flow: column-reverse
    }

    .ns_products .xz-main .pro_nav {
        width: 100%;
        padding: .875rem 1rem 3rem
    }

    .ns_products .xz-main .right_box {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ns_products .xz-main .right_box .xz-news-ul {
        flex-wrap: wrap
    }

    .xz-contact .contact-info {
        padding: 2rem 2rem 4rem
    }

    .xz-contact .contact-info .content {
        flex-flow: column-reverse
    }

    .xz-contact .contact-info .content .left_box,.xz-contact .contact-info .content .right_box {
        width: 100%
    }

    .xz-loop-resource {
        width: 48%
    }

    .xz-loop-resource .img_box {
        height: 17rem
    }

    .xz-loop-resource .content_box {
        padding: 1.25rem 1.5rem 2.5rem
    }

    .xz-loop-resource .content_box .icon {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        border-radius: 2.5rem 0 0 0
    }

    .resource_detail .detail_title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .resource_detail .detail_box {
        margin-top: 3rem;
        padding: 2.8rem 2rem
    }

    .resource_detail .detail_box .info {
        margin: 1.875rem auto 2.4rem
    }

    .resource_detail .detail_box .resource_l .content_box p {
        margin: 0 0 1.25rem
    }

    .resource_detail .detail_box .resource_l .content_box .wp-block-image {
        margin-top: 2rem;
        margin-bottom: 2.4rem
    }

    .xz_related_news {
        padding: 4rem 0
    }

    .xz_about {
        padding: 3rem 0 1rem
    }

    .xz_about .public_top_box {
        padding-bottom: 1rem
    }

    .about_links_box {
        margin-bottom: 5rem;
        padding: 2.625rem 2rem 4rem;
        position: relative
    }

    .about_links_box .h3_title {
        margin-bottom: 2.5rem
    }

    .about_links_box .gallery-item .wp-caption-text {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .about_links_box.about_banner_2 .gallery-item .wp-caption-text {
        font-size: .85rem;
        line-height: 1.25rem
    }

    .factory_product_box .h3_title span {
        font-size: .75rem;
        line-height: 1rem;
        vertical-align: middle
    }

    .factory_product_box .h3_title span::before {
        top: 0
    }

    .factory_product_box .lr_box {
        flex-wrap: wrap
    }

    .factory_product_box .lr_box .left_box {
        width: 100%;
        margin-bottom: 2rem
    }

    .factory_product_box .lr_box .right_box {
        width: 100%
    }

    .factory_service .lr_box {
        flex-wrap: wrap
    }

    .factory_service .lr_box .left_box {
        width: 100%
    }

    .factory_service .lr_box .right_box {
        width: 100%;
        padding: 2.5rem 2rem
    }

    .factory_service .lr_box .right_box::after {
        top: 0;
        left: calc(50% - 2rem)
    }

    .production_box .process_list {
        padding: 3rem 0 1rem;
        margin-left: -3.5vw;
        margin-right: -3.5vw;
        justify-content: flex-start
    }

    .production_box .process_list .wp-block-image {
        width: 33.33%;
        margin-bottom: 7vw
    }

    .production_box .process_list .wp-block-image::before {
        left: -1.9vw;
        top: 6vw;
        width: 4vw;
        height: 2.4vw;
        background-image: url(../images/lc_icon_2.png)
    }

    .production_box .process_list .wp-block-image:nth-of-type(2) {
        order: 2
    }

    .production_box .process_list .wp-block-image:nth-of-type(2)::before {
        left: auto;
        right: -1.9vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(3) {
        order: 3
    }

    .production_box .process_list .wp-block-image:nth-of-type(3)::before {
        background-image: url(../images/lc_icon_3.png);
        top: auto;
        bottom: -5vw;
        left: 50%;
        width: 2.4vw;
        height: 4vw;
        transform: translateX(-50%)
    }

    .production_box .process_list .wp-block-image:nth-of-type(4) {
        order: 6
    }

    .production_box .process_list .wp-block-image:nth-of-type(4)::before {
        background-image: url(../images/lc_icon_4.png);
        left: 0;
        top: 6vw;
        width: 4vw;
        height: 2.4vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(5) {
        order: 5
    }

    .production_box .process_list .wp-block-image:nth-of-type(5)::before {
        background-image: url(../images/lc_icon_5.png)
    }

    .production_box .process_list .wp-block-image:nth-of-type(6) {
        order: 4
    }

    .production_box .process_list .wp-block-image:nth-of-type(6)::before {
        background-image: url(../images/lc_icon_6.png);
        top: auto;
        bottom: -5vw;
        left: 50%;
        width: 2.4vw;
        height: 4vw;
        transform: translateX(-50%)
    }

    .production_box .process_list .wp-block-image:nth-of-type(7) {
        order: 7
    }

    .production_box .process_list .wp-block-image:nth-of-type(7)::before {
        background-image: url(../images/lc_icon_1.png);
        left: auto;
        right: -1.9vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(8) {
        order: 8
    }

    .production_box .process_list .wp-block-image:nth-of-type(8)::before {
        background-image: url(../images/lc_icon_2.png);
        left: auto;
        top: 6vw;
        right: -4vw;
        width: 4vw;
        height: 2.4vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(9) {
        order: 9
    }

    .production_box .process_list .wp-block-image:nth-of-type(9)::before {
        background-image: url(../images/lc_icon_3.png);
        top: auto;
        bottom: -5vw;
        left: 50%;
        width: 2.4vw;
        height: 4vw;
        transform: translateX(-50%)
    }

    .production_box .process_list .wp-block-image:nth-of-type(10) {
        order: 13
    }

    .production_box .process_list .wp-block-image:nth-of-type(10)::before {
        background-image: url(../images/lc_icon_4.png)
    }

    .production_box .process_list .wp-block-image:nth-of-type(11) {
        order: 12
    }

    .production_box .process_list .wp-block-image:nth-of-type(11)::before {
        background-image: url(../images/lc_icon_5.png)
    }

    .production_box .process_list .wp-block-image:nth-of-type(12) {
        order: 11
    }

    .production_box .process_list .wp-block-image:nth-of-type(12)::before {
        background-image: url(../images/lc_icon_6.png);
        top: auto;
        bottom: -5vw;
        left: 50%;
        width: 2.4vw;
        height: 4vw;
        transform: translateX(-50%)
    }

    .production_box .process_list .wp-block-image:nth-of-type(13) {
        order: 13
    }

    .production_box .process_list .wp-block-image:nth-of-type(14) {
        order: 14
    }

    .production_box .process_list .wp-block-image:nth-of-type(14)::before {
        background-image: url(../images/lc_icon_2.png)
    }

    .production_box .process_list .wp-block-image img {
        width: 24vw
    }

    .production_box .process_list .wp-block-image figcaption {
        width: 24vw
    }

    .ns_resource {
        padding: 0;
        margin: 3rem 0 1rem
    }

    .xz_service {
        padding: 3rem 0 4rem
    }

    .xz_service .service_nav_box {
        margin-bottom: 2rem
    }

    .xz_service .packing_box {
        padding: 2.5rem 2rem 2rem
    }

    .xz_service .packing_box .h3_title {
        margin-bottom: 2rem
    }

    .xz_service .packing_box p {
        margin-bottom: .5rem
    }

    .xz_service .packing_box>.wp-block-group {
        margin-top: 2rem
    }

    .xz_service .packing_box>.wp-block-group>.wp-block-group__inner-container {
        flex-wrap: wrap
    }

    .xz_service .packing_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group {
        width: 48%;
        margin-bottom: 2rem
    }

    .xz_service .packing_box>.wp-block-group h2 {
        margin: .75rem 0
    }

    .xz_service .installation_box .list_box_2 .info p {
        width: 48%;
        margin-bottom: 1rem
    }

    .xz_service .installation_box .list_box_3 .info {
        padding: .625rem 4rem .5625rem .375rem;
        justify-content: flex-start
    }

    .xz_service .installation_box .list_box_3 .info p {
        width: 26%
    }

    .xz_service .maintenance_box {
        padding: 3rem 2rem
    }

    .xz_service .maintenance_box>.wp-block-group {
        margin-top: 2.5rem
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container {
        flex-wrap: wrap
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group {
        width: 100%
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group p {
        margin-bottom: 1rem
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type {
        width: 100%
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type::before {
        content: "";
        position: absolute;
        left: 5%;
        top: calc(50% - 12vw);
        width: 90%;
        height: 24vw;
        background-color: #6dad3a
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type .wp-block-group__inner-container {
        display: flex;
        justify-content: space-between
    }

    .xz_service .maintenance_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group:first-of-type .wp-block-group__inner-container .wp-block-image {
        width: 48%
    }

    .xz_service .purchasing_box {
        padding: 3rem 1.5rem 5rem
    }

    .xz_service .purchasing_box>.wp-block-group {
        margin-top: 2rem
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group {
        line-height: 1.5rem;
        padding: 1.5rem 1.5rem 1rem
    }

    .xz_service .purchasing_box>.wp-block-group h3 {
        height: 3rem
    }

    .faq_box {
        background-color: #f8f8f8;
        padding: 3rem 2rem 4rem
    }

    .faq_box .h3_title {
        margin-bottom: 2rem
    }

    .faq_box>.wp-block-group h2 {
        padding: 1rem 3rem 1rem 2rem;
        font-size: 1.25rem;
        line-height: 2rem
    }

    .faq_box>.wp-block-group h2::after {
        right: 1rem;
        top: 1rem;
        font-size: 1.5rem
    }

    .faq_box>.wp-block-group .wp-block-group {
        padding: 0 2rem 2rem
    }
}

@media screen and (max-width: 600px) {
    .xz_form_1 {
        padding:3rem 0 3.5rem
    }

    .xz_form_1 .xz-main {
        flex-wrap: wrap
    }

    .xz_form_1 .xz-main .left_box {
        width: 100%
    }

    .xz_form_1 .xz-main .left_box .title {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 1.25rem
    }

    .xz_form_1 .xz-main .left_box .info .list {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .xz_form_1 .xz-main .right_box {
        width: 100%;
        padding-top: 1.5rem
    }

    .index_btn {
        height: 3rem;
        line-height: 3rem
    }

    .xz_related_pro .list {
        width: 100%;
        height: 16rem
    }

    .xz-contact .contact-info .title {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .xz-contact .contact-info .fb_btn {
        right: -9rem;
        bottom: -10rem
    }

    .xz-contact .contact-info .fb_btn i {
        margin: 2rem 0 0 3rem
    }

    .public_nav_links {
        display: flex;
        justify-content: flex-start;
        margin-left: -.35rem;
        margin-right: -.35rem
    }

    .public_nav_links a {
        margin-left: .35rem;
        margin-right: .35rem;
        min-width: 11rem
    }

    .public_nav_links a:first-of-type {
        margin-left: .35rem
    }

    .xz_resource {
        margin-top: 0
    }

    .xz_video {
        padding: 3rem 0
    }

    .xz_loop_video .list {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .xz_loop_video .list .img_box {
        height: 15.5rem
    }

    .xz_loop_video .list .img_box::after {
        font-size: 3.75rem;
        width: 3.75rem;
        left: calc(50% - 1.875rem)
    }

    .xz_loop_video .list .xz-a012-tit {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .xz-loop-resource {
        width: 100%
    }

    .xz_project_links {
        padding: 3rem 0
    }

    .xz_project_links .h2_title {
        margin-bottom: 2rem
    }

    .xz_project {
        padding-bottom: 1rem
    }

    .xz_project .list {
        width: 100%;
        margin-bottom: 2rem
    }

    .xz_project .list .img_box {
        height: 15.6rem
    }

    .xz_project .list .content_box {
        padding: 1.5rem 2rem 2rem
    }

    .factory_service .h3_title {
        margin: 3rem 0 2rem
    }

    .factory_service .lr_box .left_box {
        flex-wrap: wrap
    }

    .factory_service .lr_box .left_box ul {
        width: 100%
    }

    .factory_service .lr_box .left_box ul li {
        padding-right: 0!important
    }

    .factory_service .lr_box .right_box {
        width: 100%;
        padding: 2.5rem 2rem
    }

    .factory_service .lr_box .right_box::after {
        top: 0;
        left: calc(50% - 2rem)
    }

    .production_box .process_list {
        padding: 2.5rem 0 0
    }

    .production_box .process_list .wp-block-image {
        width: 50%;
        margin-bottom: 10vw
    }

    .production_box .process_list .wp-block-image::before {
        top: auto;
        bottom: -7.5vw;
        left: 50%;
        width: 3.5vw;
        height: 5vw;
        transform: translateX(-50%);
        background-image: url(../images/lc_icon_3.png)
    }

    .production_box .process_list .wp-block-image:nth-of-type(2) {
        order: 2
    }

    .production_box .process_list .wp-block-image:nth-of-type(2)::before {
        left: 50%
    }

    .production_box .process_list .wp-block-image:nth-of-type(3) {
        order: 4
    }

    .production_box .process_list .wp-block-image:nth-of-type(3)::before {
        background-image: url(../images/lc_icon_4.png);
        top: 8vw;
        left: 0;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(4) {
        order: 3
    }

    .production_box .process_list .wp-block-image:nth-of-type(4)::before {
        background-image: url(../images/lc_icon_6.png);
        top: auto;
        bottom: -7.5vw;
        left: 50%;
        width: 3.5vw;
        height: 5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(5) {
        order: 5
    }

    .production_box .process_list .wp-block-image:nth-of-type(5)::before {
        background-image: url(../images/lc_icon_2.png);
        top: 8vw;
        left: auto;
        right: -5vw;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(6) {
        order: 6
    }

    .production_box .process_list .wp-block-image:nth-of-type(6)::before {
        background-image: url(../images/lc_icon_3.png);
        left: 50%;
        width: 3.5vw;
        height: 5vw;
        bottom: -7.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(7) {
        order: 8
    }

    .production_box .process_list .wp-block-image:nth-of-type(7)::before {
        background-image: url(../images/lc_icon_4.png);
        top: 8vw;
        left: 0;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(8) {
        order: 7
    }

    .production_box .process_list .wp-block-image:nth-of-type(8)::before {
        background-image: url(../images/lc_icon_6.png);
        top: auto;
        bottom: -7.5vw;
        left: 50%;
        width: 3.5vw;
        height: 5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(9) {
        order: 9
    }

    .production_box .process_list .wp-block-image:nth-of-type(9)::before {
        background-image: url(../images/lc_icon_2.png);
        top: 8vw;
        left: auto;
        right: -5vw;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(10) {
        order: 10
    }

    .production_box .process_list .wp-block-image:nth-of-type(10)::before {
        background-image: url(../images/lc_icon_3.png);
        left: 50%;
        width: 3.5vw;
        height: 5vw;
        bottom: -7.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(11) {
        order: 12
    }

    .production_box .process_list .wp-block-image:nth-of-type(11)::before {
        background-image: url(../images/lc_icon_4.png);
        top: 8vw;
        left: 0;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(12) {
        order: 11
    }

    .production_box .process_list .wp-block-image:nth-of-type(12)::before {
        background-image: url(../images/lc_icon_6.png);
        top: auto;
        bottom: -7.5vw;
        left: 50%;
        width: 3.5vw;
        height: 5vw
    }

    .production_box .process_list .wp-block-image:nth-of-type(13) {
        order: 13
    }

    .production_box .process_list .wp-block-image:nth-of-type(14) {
        order: 14
    }

    .production_box .process_list .wp-block-image:nth-of-type(14)::before {
        background-image: url(../images/lc_icon_2.png);
        top: 8vw;
        left: 0;
        width: 5vw;
        height: 3.5vw
    }

    .production_box .process_list .wp-block-image img {
        width: 38vw
    }

    .production_box .process_list .wp-block-image figcaption {
        width: 38vw;
        font-size: 1rem;
        line-height: 1.25rem
    }

    .xz_service .sample_box {
        padding: 3rem 1.5rem;
        flex-wrap: wrap
    }

    .xz_service .sample_box .left_box {
        width: 100%;
        margin-bottom: 3rem
    }

    .xz_service .sample_box .left_box .wp-block-image {
        margin: 2rem 0 1.5rem
    }

    .xz_service .sample_box .left_box ul {
        margin-bottom: 2rem
    }

    .xz_service .sample_box .left_box .wp-block-group {
        padding: 1.5rem 2rem 2rem
    }

    .xz_service .sample_box .right_box {
        width: 100%
    }

    .xz_service .packing_box {
        padding: 2.5rem 1.5rem 1rem
    }

    .xz_service .packing_box .h3_title {
        margin-bottom: 1.5rem
    }

    .xz_service .packing_box p {
        margin-bottom: .5rem
    }

    .xz_service .packing_box>.wp-block-group {
        margin-top: 1.5rem
    }

    .xz_service .packing_box>.wp-block-group>.wp-block-group__inner-container .wp-block-group {
        width: 100%
    }

    .xz_service .installation_box {
        padding: 2.5rem 1.5rem 1rem 1.5rem;
        margin-bottom: 3rem
    }

    .xz_service .installation_box .list_box .info table tr td {
        padding: .5rem
    }

    .xz_service .installation_box .list_box_2 .info p {
        width: 100%
    }

    .xz_service .installation_box .list_box_3 .info {
        padding: .625rem 3rem .5625rem .375rem
    }

    .xz_service .installation_box .list_box_3 .info p {
        width: 36%
    }

    .xz_service .installation_box .list_box_3 .info .zs_box {
        width: 4rem;
        height: 4rem;
        right: -1.5rem;
        line-height: 1rem;
        font-size: .875rem;
        top: calc(50% - 2rem)
    }

    .xz_service .maintenance_box {
        padding: 2.5rem 1.5rem 3rem
    }

    .xz_service .maintenance_box>.wp-block-group {
        margin-top: 1.5rem
    }

    .xz_service .purchasing_box {
        padding: 2.5rem 1.5rem 4rem
    }

    .xz_service .purchasing_box>.wp-block-group {
        margin-top: 1.5rem
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group__inner-container {
        flex-wrap: wrap
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group {
        width: 100%;
        padding: 1.5rem 1.5rem 0
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group:first-of-type h3 {
        margin-top: 1rem
    }

    .xz_service .purchasing_box>.wp-block-group .wp-block-group:last-of-type {
        padding-bottom: 2rem
    }

    .xz_service .purchasing_box>.wp-block-group h3 {
        height: auto
    }

    .faq_box {
        background-color: #f8f8f8;
        padding: 3rem 1.5rem
    }

    .faq_box .h3_title {
        margin-bottom: 2rem
    }

    .faq_box>.wp-block-group h2 {
        padding: 1rem 2.5rem 1rem 1.5rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .faq_box>.wp-block-group h2::after {
        right: 1rem;
        top: 1rem;
        font-size: 1.5rem;
        width: 1.5rem
    }

    .faq_box>.wp-block-group .wp-block-group {
        margin-top: .5rem;
        padding: 0 1.5rem 2rem
    }

    .faq_box>.wp-block-group .wp-block-group p {
        margin-bottom: .75rem
    }

    .white-popup-block {
        padding: 3rem 1rem
    }

    .xz-2cols .top_box {
        justify-content: flex-start
    }

    .index_btn .iconfont {
        margin-left: 1.75rem
    }

    .ns_intro {
        margin: 2rem auto
    }

    .ns_products {
        padding: 2rem 0 3rem
    }

    .ns_products .xz-main .right_box {
        margin-top: 0
    }

    .pro_detail {
        padding: 3rem 0 0
    }

    .pro_detail .detail_info {
        margin-top: 1.5rem
    }

    .pro_content_box .pro-container {
        padding: 0 1rem 3rem
    }

    .pro_content_box .pro-container .tit {
        margin: 2rem 0 1rem
    }

    .pro_content_box .lc_box {
        padding: 1.5rem 0 1rem
    }

    .pro_content_box .lc_box p {
        margin-bottom: .75rem
    }
}