﻿.thumb-hover, .xz-a016-thumb, .xz-case-thumb, .xz-customer-thumb, .xz-faq-thumb, .xz-gallery-thumb, .xz-hot-case-thumb, .xz-hot-news-thumb, .xz-hot-pro2-thumb, .xz-hot-video-thumb, .xz-loop-rela-case-thumb, .xz-news-right-thumb, .xz-news-thumb, .xz-news2-thumb, .xz-pro-thumb, .xz-pro2-thumb, .xz-rel-news-thumb, .xz-rel-pro-thumb, .xz-solution-thumb, .xz-video-thumb, .xz-yycj-thumb
{
    overflow: hidden;
}
.thumb-hover img, .xz-a016-thumb img, .xz-case-thumb img, .xz-customer-thumb img, .xz-faq-thumb img, .xz-gallery-thumb img, .xz-hot-case-thumb img, .xz-hot-news-thumb img, .xz-hot-pro2-thumb img, .xz-hot-video-thumb img, .xz-loop-rela-case-thumb img, .xz-news-right-thumb img, .xz-news-thumb img, .xz-news2-thumb img, .xz-pro-thumb img, .xz-pro2-thumb img, .xz-rel-news-thumb img, .xz-rel-pro-thumb img, .xz-solution-thumb img, .xz-video-thumb img, .xz-yycj-thumb img
{
    display: block;
    transition: all .3s;
}
.thumb-hover:hover img, .xz-a016-thumb:hover img, .xz-case-thumb:hover img, .xz-customer-thumb:hover img, .xz-faq-thumb:hover img, .xz-gallery-thumb:hover img, .xz-hot-case-thumb:hover img, .xz-hot-news-thumb:hover img, .xz-hot-pro2-thumb:hover img, .xz-hot-video-thumb:hover img, .xz-loop-rela-case-thumb:hover img, .xz-news-right-thumb:hover img, .xz-news-thumb:hover img, .xz-news2-thumb:hover img, .xz-pro-thumb:hover img, .xz-pro2-thumb:hover img, .xz-rel-news-thumb:hover img, .xz-rel-pro-thumb:hover img, .xz-solution-thumb:hover img, .xz-video-thumb:hover img, .xz-yycj-thumb:hover img
{
    filter: brightness(1.1);
    transform: scale(1.05);
}
.ani_up
{
    transform: translateY(50px);
    opacity: 0;
    transition: all 1s;
}
.ani_up.onstage
{
    transform: translateY(0);
    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;
}
.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: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
.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;
}
.loop-item-200 h2 a
{
    font-weight: 500;
    color: #333;
    font-size: 1rem;
    width: 70%;
    display: inline-block;
    transition: all .3s;
}
.loop-item-200 h2 a:hover
{
    color: #ee9f09;
}
.loop-item-200 .meta
{
    float: right;
    display: inline-block;
    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;
    color: #fff;
}
.loop-item-200 .meta.cat_pro
{
    background: #ee9f09;
}
.loop-item-200 .meta.cat_down
{
    background: #ff69b4;
}
.loop-item-200 .meta.cat_video
{
    background: #800080;
}
.loop-item-200 .meta.cat_news
{
    background: #87ceeb;
}
.loop-item-200 .meta.cat_page
{
    background: #9acd32;
}
.loop-item-200 .meta.cat_case
{
    background: #ff0;
}
.loop-item-200 .meta.cat_fitness
{
    background: #db7093;
}
.loop-item-200 .meta.cat_park
{
    background: #eee8aa;
}
.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)
{
    .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-loop-a013
{
    width: 23%;
    margin-bottom: 1.25rem;
    transition: all 1s;
}
.xz-loop-a013:hover
{
    transform: translateY(-5px);
}
.xz-a013-thumb img
{
    vertical-align: bottom;
}
.xz-a013-info .xz-a013-tit
{
    height: 3.75rem;
    line-height: 3.75rem;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    text-transform: uppercase;
    padding: 0 .5rem;
}
@media screen and (max-width: 600px)
{
    .xz-loop-a013
    {
        width: 49%;
    }
}
.xz-loop-a016
{
    width: 32%;
}
.xz-loop-a016:hover .xz-a016-tit
{
    color: #ee9f09;
}
.xz-loop-a016:hover .xz-a016-more
{
    opacity: 1;
}
.xz-a016-thumb
{
    display: block;
}
.xz-a016-info-x
{
    padding: 1.88rem;
    transition: all .5s;
    background: #f8f8f8;
}
.xz-a010-date-t
{
    display: block;
    font-size: .88rem;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #fbcc39;
    margin-top: .94rem;
}
.xz-a016-tit
{
    display: block;
    font-size: 1.25rem;
    color: #333;
    transition: all .3s;
    line-height: 1.88rem;
}
.xz-a016-tit:hover
{
    transform: translateX(3px);
    text-decoration: underline;
}
.xz-a016-txt
{
    font-size: .88rem;
    color: #666;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .87rem;
}
.xz-a016-more
{
    display: inline-block;
    color: #999;
    margin-top: .6rem;
    transition: all .3s;
    position: relative;
    opacity: 1;
}
.xz-a016-more span
{
    margin-right: .4rem;
}
.xz-a016-more i
{
    font-size: .88rem;
}
@media screen and (max-width: 800px)
{
    .xz-a016-info-x
    {
        padding: .88rem;
    }
    .xz-a016-tit
    {
        font-size: 1.15rem;
    }
    .xz-a016-date
    {
        margin-top: .8rem;
    }
    .xz-a016-date .xz-a010-date-t
    {
        font-size: 1.8rem;
    }
    .xz-a016-more
    {
        margin-top: .3rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-a016
    {
        width: 100%;
        margin-bottom: 1rem;
    }
}
.xz-loop-case
{
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.25rem;
    background: #f8f8f8;
    position: relative;
}
.xz-case-thumb
{
    width: 24.4rem;
    display: block;
    position: relative;
}
.xz-loop-case-info
{
    width: calc(100% - 24.4rem);
    height: 100%;
    position: relative;
    transition: all .3s;
    padding: 2.5rem 3.5rem;
    position: relative;
}
.xz-loop-case-time
{
    font-size: .75rem;
    color: #999;
}
.xz-loop-case-tit
{
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    transition: all .3s;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    color: #333;
    position: relative;
    margin-top: .6rem;
}
.xz-loop-case-tit:hover
{
    transform: translateX(3px);
}
.xz-loop-case-lable a
{
    display: inline-block;
    height: 1.38rem;
    line-height: 1.38rem;
    font-size: .75rem;
    padding: 0 2.88rem;
    border-radius: 6.25rem;
    background: #d8d8d8;
    color: #999;
    transition: all .3s;
    margin-top: .6rem;
}
.xz-loop-case-lable a:hover
{
    background: #ee9f09;
    color: #fff;
}
.xz-loop-case-txt
{
    font-size: .88rem;
    color: #666;
    line-height: 1.31rem;
    margin-top: 1.31rem;
    height: 2.62rem;
    overflow: hidden;
}
.xz-loop-case-more
{
    display: inline-block;
    width: 10.94rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    border-radius: .25rem .25rem .25rem .25rem;
    opacity: 1;
    border: .06rem solid #22b2c2;
    transition: all .3s;
    margin-top: 2.5rem;
}
.xz-loop-case-more:hover
{
    background: #ee9f09;
    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .xz-case-thumb
    {
        width: 22.4rem;
    }
    .xz-loop-case-info
    {
        padding: 2rem;
    }
}
@media screen and (max-width: 980px)
{
    .xz-case-thumb
    {
        width: 100%;
    }
    .xz-loop-case-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 800px)
{
    .xz-case-thumb
    {
        width: 100%;
    }
    .xz-loop-case-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 700px)
{
    .xz-loop-case-info
    {
        padding: 2rem .6rem;
    }
    .xz-loop-case-tit
    {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    .xz-loop-case-line
    {
        margin-top: 1.6rem;
    }
    .xz-loop-case-txt
    {
        margin-top: 1.6rem;
    }
    .xz-loop-case-more
    {
        margin-top: 1.5rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-case
    {
        width: 100%;
    }
}
.xz-loop-catalogs
{
    display: flex;
    height: 3.5rem;
    align-items: center;
    transition: all .3s;
}
.xz-loop-catalogs:nth-child(2n-1)
{
    background: #f8f8f8;
}
.xz-loop-catalogs:nth-child(2n)
{
    background: #fff;
}
.xz-loop-catalogs:hover
{
    background: #e2eee1;
}
.xz-loop-catalogs-name
{
    width: 70%;
    padding-left: 3.6rem;
}
.xz-loop-catalogs-name i
{
    color: #ff6969;
    margin-right: .6rem;
}
.xz-loop-catalogs-size
{
    width: 5rem;
}
.xz-loop-catalogs-see-down
{
    margin-left: 15rem;
    position: relative;
}
.xz-loop-catalogs-see-down .see-down-mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0,0,0,0);
    cursor: pointer;
}
.xz-loop-catalogs-see-down a
{
    color: #3d3d3d;
    transition: all .3s;
}
.xz-loop-catalogs-see-down a:hover
{
    color: #ee9f09;
}
.xz-loop-catalogs-see-down a:nth-child(1)
{
    font-size: 1.2rem;
    margin-right: .8rem;
}
@media screen and (max-width: 1280px)
{
    .xz-loop-catalogs-see-down
    {
        margin-left: 5rem;
    }
}
@media screen and (max-width: 850px)
{
    .xz-loop-catalogs-name
    {
        width: calc(100% - 12rem);
        display: flex;
        padding-left: 1.8rem;
    }
    .xz-loop-catalogs-size
    {
        display: none;
    }
    .xz-loop-catalogs-see-down
    {
        width: 5rem;
    }
}
@media screen and (max-width: 650px)
{
    .xz-loop-catalogs
    {
        justify-content: space-between;
        min-height: 3.5rem;
        height: auto;
        padding: 1rem 0;
    }
    .xz-loop-catalogs-see-down
    {
        margin-left: 0;
    }
    .xz-loop-catalogs-name
    {
        width: calc(100% - 5rem);
    }
}
.xz-loop-catalogs2
{
    display: flex;
    height: 3.5rem;
    align-items: center;
    transition: all .3s;
}
.xz-loop-catalogs2:nth-child(2n-1)
{
    background: #f8f8f8;
}
.xz-loop-catalogs2:nth-child(2n)
{
    background: #fff;
}
.xz-loop-catalogs2:hover
{
    background: #e2eee1;
}
.xz-loop-catalogs2-name
{
    width: 70%;
    padding-left: 3.6rem;
}
.xz-loop-catalogs2-name i
{
    color: #ff6969;
    margin-right: .6rem;
}
.xz-loop-catalogs2-size
{
    width: 5rem;
}
.xz-loop-catalogs2-see-down
{
    margin-left: 15rem;
    position: relative;
}
.xz-loop-catalogs2-see-down .see-down-mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0,0,0,0);
    cursor: pointer;
}
.xz-loop-catalogs2-see-down a
{
    color: #3d3d3d;
    transition: all .3s;
}
.xz-loop-catalogs2-see-down a:hover
{
    color: #ee9f09;
}
.xz-loop-catalogs2-see-down a:nth-child(1)
{
    font-size: 1.2rem;
    margin-right: .8rem;
}
@media screen and (max-width: 1280px)
{
    .xz-loop-catalogs2-see-down
    {
        margin-left: 5rem;
    }
}
@media screen and (max-width: 850px)
{
    .xz-loop-catalogs2-name
    {
        width: calc(100% - 12rem);
        display: flex;
        padding-left: 1.8rem;
    }
    .xz-loop-catalogs2-size
    {
        display: none;
    }
    .xz-loop-catalogs2-see-down
    {
        width: 5rem;
    }
}
@media screen and (max-width: 650px)
{
    .xz-loop-catalogs2
    {
        justify-content: space-between;
        min-height: 3.5rem;
        height: auto;
        padding: 1rem 0;
    }
    .xz-loop-catalogs2-see-down
    {
        margin-left: 0;
    }
    .xz-loop-catalogs2-name
    {
        width: calc(100% - 5rem);
    }
}
.xz-loop-certificates
{
    width: 32%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6.63rem;
    background: #f8f8f8;
    border: .06rem solid #ddd;
    border-radius: .2rem;
    margin-bottom: 1.87rem;
    padding: 0 2rem;
    transition: all .3s;
}
.xz-loop-certificates:hover
{
    background: #e3eee2;
}
.xz-loop-certificates-name
{
    display: flex;
}
.xz-loop-certificates-name i
{
    font-size: 1.5rem;
    color: #ff6969;
    margin-right: .8rem;
}
.xz-loop-certificates-name span
{
    color: #3d3d3d;
}
.xz-loop-certificates-see-down a
{
    color: #ccc;
    font-size: 1.4rem;
}
.xz-loop-certificates-see-down a:hover
{
    color: #ee9f09;
}
@media screen and (max-width: 850px)
{
    .xz-loop-certificates
    {
        width: 49%;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-certificates
    {
        width: 100%;
    }
}
.xz-loop-customer
{
    width: 32%;
    margin-bottom: 1.88rem;
}
.xz-customer-thumb
{
    display: block;
    position: relative;
}
.xz-loop-customer-info
{
    padding: 1.5rem 1.69rem;
    background: #fff;
    position: relative;
}
.xz-customer-tit
{
    display: block;
    line-height: 1.88rem;
    height: 3.76rem;
    overflow: hidden;
    color: #194c93;
    font-size: 1.25rem;
    font-family: AvenirNext-Bold,Helvetica,Arial,sans-serif;
}
.xz-loop-customer-time
{
    font-size: .88rem;
    margin-top: 1rem;
    color: #ee9f09;
    display: block;
}
.xz-customer-more
{
    display: inline-block;
    width: 3.38rem;
    height: 3.38rem;
    text-align: center;
    line-height: 3.38rem;
    background: #51acfb;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}
.xz-customer-more:hover
{
    color: #fff;
}
.xz-loop-faq
{
    width: 31.8%;
    margin-bottom: 3.13rem;
}
.xz-faq-thumb
{
    display: block;
}
.xz-loop-faq-info
{
    padding: 2.06rem 1.63rem 4.4rem;
    background: #f8f8f8;
}
.xz-faq-tit
{
    display: inline-block;
    width: 100%;
    font-size: 1.13rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    color: #072f43;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
}
.xz-faq-tit:hover
{
    color: #f8a814;
}
.xz-faq-excerpt
{
    font-family: OpenSans-Italic,Helvetica,Arial,sans-serif;
    color: #072f43;
    line-height: 1.5rem;
    height: 3rem;
    margin-top: .7rem;
    overflow: hidden;
}
@media screen and (max-width: 800px)
{
    .xz-loop-faq
    {
        width: 49%;
    }
    .xz-loop-faq-info
    {
        padding: 2rem 1.6rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-faq
    {
        width: 100%;
    }
}
.xz-loop-gallery
{
    width: 48.6%;
    position: relative;
    margin-bottom: 2.13rem;
}
.xz-gallery-thumb
{
    display: block;
}
.loop-gallery-info
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 5rem;
}
.loop-gallery-info:hover h2
{
    color: #ee9f09;
}
.loop-gallery-info:hover span
{
    color: #ee9f09;
    border: .13rem solid #ee9f09;
}
.loop-gallery-info h2
{
    font-size: 2.25rem;
    line-height: 3.3rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    text-align: center;
    transition: all .3s;
}
.loop-gallery-info span
{
    display: inline-block;
    width: 11.75rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    border: .13rem solid #fff;
    margin-top: 1.06rem;
    transition: all .3s;
}
@media screen and (max-width: 800px)
{
    .loop-gallery-info
    {
        padding: 0 2rem;
    }
    .loop-gallery-info h2
    {
        font-size: 1.65rem;
        line-height: 2.4rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-gallery
    {
        width: 100%;
    }
    .loop-gallery-info span
    {
        height: auto;
        line-height: 2rem;
    }
}
.xz-loop-hot-news-left
{
    position: relative;
}
.xz-loop-hot-news-left:hover .xz-loop-hot-news-left-more
{
    opacity: 1;
    transform: rotate(-45deg);
}
.xz-loop-hot-news-left::after
{
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
}
.xz-loop-hot-news-left img
{
    display: block;
}
.xz-loop-hot-news-left-info
{
    padding: 0 3.5rem 2.75rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.xz-loop-hot-news-left-info .xz-hot-news-left-tit
{
    display: block;
    font-size: 1.5rem;
    color: #fff;
    transition: all .3s;
}
.xz-loop-hot-news-left-info .xz-hot-news-left-tit:hover
{
    color: #ee9f09;
}
.xz-loop-hot-news-left-info .xz-loop-hot-news-left-time
{
    display: block;
    margin-top: .44rem;
    font-size: .88rem;
    color: #fff;
}
.xz-loop-hot-news-left-more
{
    display: inline-block;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    background: rgba(81,168,73,.6);
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 3;
    opacity: 0;
}
.xz-loop-hot-news-left-more span.iconfont
{
    display: block;
    width: 3.31rem;
    height: 3.31rem;
    text-align: center;
    line-height: 3.31rem;
    border-radius: 50%;
    background: #51a849;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.4rem;
    color: #fff;
    transition: all .6s;
}
.xz-loop-news-right
{
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.25rem;
    background: #f8f8f8;
    position: relative;
}
.xz-news-right-thumb
{
    width: 16.38rem;
    display: block;
    position: relative;
}
.xz-loop-news-right-info
{
    width: calc(100% - 16.38rem);
    height: 100%;
    transition: all .3s;
    padding: 1.3rem 2rem;
    position: relative;
}
.xz-loop-news-right-time
{
    font-size: .75rem;
    color: #999;
}
.xz-loop-news-right-tit
{
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    transition: all .3s;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    color: #333;
    position: relative;
    margin-top: .6rem;
}
.xz-loop-news-right-tit:hover
{
    transform: translateX(3px);
}
.xz-loop-news-right-lable a
{
    display: inline-block;
    height: 1.38rem;
    line-height: 1.38rem;
    font-size: .75rem;
    padding: 0 2.88rem;
    background: #ee9f09;
    color: #fff;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
}
.xz-loop-news-right-lable a:hover
{
    background: #ee9f09;
    color: #fff;
}
.xz-loop-news-right-txt
{
    font-size: .88rem;
    color: #666;
    line-height: 1.31rem;
    margin-top: 1.31rem;
    height: 2.62rem;
    overflow: hidden;
}
.xz-loop-news-right-more
{
    display: inline-block;
    width: 10.94rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    border-radius: .25rem .25rem .25rem .25rem;
    opacity: 1;
    border: .06rem solid #22b2c2;
    transition: all .3s;
    margin-top: 2.5rem;
}
.xz-loop-news-right-more:hover
{
    background: #ee9f09;
    color: #fff;
}
@media screen and (max-width: 800px)
{
    .xz-news-right-thumb
    {
        width: 100%;
    }
    .xz-loop-news-right-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 700px)
{
    .xz-loop-news-right-info
    {
        padding: 2rem .6rem;
    }
    .xz-loop-news-right-tit
    {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    .xz-loop-news-right-line
    {
        margin-top: 1.6rem;
    }
    .xz-loop-news-right-txt
    {
        margin-top: 1.6rem;
    }
    .xz-loop-news-right-more
    {
        margin-top: 1.5rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-news-right
    {
        width: 100%;
    }
}
.xz-loop-hot-case
{
    margin: 0 1.3rem;
    position: relative;
}
.xz-loop-hot-case:hover .xz-loop-hot-case-info
{
    opacity: 1;
}
.xz-loop-hot-case-info
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(25,76,147,.7);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3.88rem;
    padding-left: 2.63rem;
    transition: all .3s;
    opacity: 0;
}
.xz-loop-hot-case-info .xz-hot-case-detail
{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 3.38rem;
    height: 3.38rem;
    background: #fff;
    text-align: center;
    line-height: 3.38rem;
    transform: all .3s;
}
.xz-loop-hot-case-info .xz-hot-case-detail:hover
{
    color: #fff;
    background: #ee9f09;
}
.xz-hot-case-tit
{
    display: block;
    width: 20rem;
    line-height: 2.19rem;
    font-size: 1.75rem;
    color: #fff;
    transition: all .3s;
    font-family: OpenSans-Italic,Helvetica,Arial,sans-serif;
}
.xz-hot-case-tit::before
{
    display: block;
    content: "";
    width: 3.75rem;
    height: .13rem;
    background: #51acfb;
    margin-bottom: 1.6rem;
}
.xz-hot-case-tit:hover
{
    color: #ee9f09;
}
.xz-hot-case-thumb
{
    display: block;
    position: relative;
}
@media screen and (max-width: 600px)
{
    .xz-loop-hot-case
    {
        margin: 0 .5rem;
        padding: 0 1rem;
    }
}
.xz-loop-hot-news
{
    display: flex!important;
    align-items: center;
    margin-bottom: 2.94rem;
    background: #fff;
    width: 49%;
    box-shadow: 0 .13rem 1.5rem 0 rgba(0,0,0,.1);
}
.xz-loop-hot-news:nth-child(2n-1) .xz-hot-news-more2
{
    display: none;
}
.xz-loop-hot-news:nth-child(2n) .xz-hot-news-more1
{
    display: none;
}
.xz-hot-news-thumb
{
    display: block;
    position: relative;
    width: 18rem;
}
.xz-loop-hot-news-info
{
    width: calc(100% - 18rem);
    padding: 1.25rem 1.44rem;
}
.xz-loop-hot-news-time
{
    display: inline-block;
    font-size: .75rem;
    color: #333;
    padding-bottom: .2rem;
    border-bottom: .06rem solid #f89902;
}
.xz-hot-news-tit
{
    display: block;
    line-height: 1.5rem;
    height: 4.5rem;
    overflow: hidden;
    font-size: 1.13rem;
    font-family: AvenirNext-Bold,Helvetica,Arial,sans-serif;
    margin-top: 1.13rem;
    transition: all .3s;
    color: #333;
}
.xz-hot-news-tit:hover
{
    color: #ee9f09;
}
.xz-hot-news-more1, .xz-hot-news-more2
{
    display: inline-block;
    color: #ee9f09;
    transition: all .3s;
    margin-top: 2rem;
    font-size: .88rem;
}
.xz-hot-news-more1:hover, .xz-hot-news-more2:hover
{
    transform: translateX(3px);
}
@media screen and (max-width: 700px)
{
    .xz-loop-hot-news
    {
        flex-wrap: wrap;
        margin: 0;
    }
    .xz-hot-news-thumb
    {
        width: 100%;
    }
    .xz-hot-news-thumb img
    {
        width: 100%;
    }
    .xz-loop-hot-news-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-news
    {
        width: 100%;
    }
}
.xz-loop-hot-pro
{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6rem 8rem 0;
}
.xz-loop-hot-pro-left
{
    width: 49%;
}
.xz-loop-hot-pro-left .xz-hot-pro-tit
{
    font-size: 3rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    transition: all .3s;
}
.xz-loop-hot-pro-left .xz-hot-pro-tit:hover
{
    color: #ee9f09;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content h3
{
    font-size: 1.25rem;
    color: #222;
    margin-top: .9rem;
    margin-bottom: 1.25rem;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content h4
{
    display: inline-block;
    position: relative;
    font-size: .88rem;
    font-weight: 700;
    color: #222;
    margin-top: 1.88rem;
    margin-bottom: 1.25rem;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content h4::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: .38rem;
    background: rgba(255,210,57,.8);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content p
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content p strong
{
    display: block;
    width: 8.13rem;
    font-style: normal;
    font-weight: 400;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content p em
{
    display: block;
    width: calc(100% - 8.13rem);
    padding-left: 1rem;
    font-style: normal;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-content em
{
    display: block;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-more
{
    display: flex;
    align-items: center;
    transition: all .3s;
    margin-top: 2.5rem;
    transition: all .3s;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-more:hover
{
    transform: translateX(3px);
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-more span
{
    font-size: .88rem;
    color: #555;
}
.xz-loop-hot-pro-left .xz-loop-hot-pro-more i
{
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(keywords.png) no-repeat center;
    margin-left: 1.3rem;
}
.xz-loop-hot-pro-right
{
    width: 43%;
    transition: all .3s;
}
.xz-loop-hot-pro-right:hover
{
    transform: translateY(-3px);
}
@media screen and (max-width: 800px)
{
    .xz-loop-hot-pro
    {
        padding: 0;
    }
    .xz-loop-hot-pro-left
    {
        width: 100%;
    }
    .xz-loop-hot-pro-left .xz-hot-pro-tit
    {
        font-size: 1.8rem;
    }
    .xz-loop-hot-pro-left .xz-loop-hot-pro-more i
    {
        background-size: contain;
    }
    .xz-loop-hot-pro-right
    {
        width: 100%;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-hot-pro-right
    {
        display: none;
    }
    .xz-loop-hot-pro-left .xz-loop-hot-pro-content h4
    {
        margin-top: .98rem;
        margin-bottom: .65rem;
    }
    .xz-loop-hot-pro-left .xz-loop-hot-pro-more
    {
        margin-top: 1rem;
    }
}
.xz-loop-hot-pro2
{
    transition: all .3s;
    margin: 0 .6rem 1.25rem;
}
.xz-loop-hot-pro2:hover .xz-hot-pro2-tit
{
    background: #ee9f09;
    color: #fff;
}
.xz-hot-pro2-thumb
{
    display: block;
    position: relative;
    border-top: .13rem solid #ee9f09;
}
.xz-hot-pro2-tit
{
    display: inline-block;
    width: 100%;
    font-size: .88rem;
    font-family: OpenSans-Italic,Helvetica,Arial,sans-serif;
    color: #333;
    line-height: 1.5rem;
    height: 5.1rem;
    background: #f8f8f8;
    padding: 1rem 2.56rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: all .3s;
}
@media screen and (max-width: 700px)
{
    .xz-loop-hot-pro2
    {
        width: 100%;
    }
}
.xz-loop-hot-solution
{
    position: relative;
    padding: 0 6px;
}
.xz-hot-solution-thumb
{
    display: block;
    position: relative;
}
.xz-hot-solution-thumb .xz-loop-hot-solu-tit
{
    position: absolute;
    bottom: 3.3rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}
.xz-loop-hot-solution-info
{
    opacity: 0;
    transition: all .3s;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    left: 6px;
    background-color: rgba(81,168,73,.8);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.xz-loop-hot-solution-info:hover
{
    opacity: 1;
}
.xz-loop-hot-solution-info:hover .xz-hot-solution-more
{
    transform: rotate(-45deg);
}
.xz-loop-hot-solution-info .xz-hot-solution-tit
{
    font-size: 2rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 2.75rem;
    display: block;
}
.xz-loop-hot-solution-info .xz-hot-solution-txt
{
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    color: #fff;
    margin-top: 1.56rem;
}
.xz-loop-hot-solution-info .xz-hot-solution-more
{
    display: inline-block;
    width: 7.75rem;
    height: 7.75rem;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    position: relative;
    margin-top: 4rem;
    transition: all .6s;
}
.xz-loop-hot-solution-info .xz-hot-solution-more::after
{
    display: inline-block;
    content: "";
    width: 5.88rem;
    height: 5.88rem;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.xz-loop-hot-solution-info .xz-hot-solution-more span
{
    display: inline-block;
    color: #ee9f09;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    font-size: 1.5rem;
}
.xz-loop-hot-video
{
    margin: 0 10px;
}
.xz-hot-video-thumb
{
    display: block;
    position: relative;
}
.xz-hot-video-thumb .iconfont
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 2.5rem;
    color: #f8a814;
    transition: all .3s;
}
.xz-hot-video-thumb .iconfont:hover
{
    font-size: 3.5rem;
}
.xz-hot-video-tit
{
    display: block;
    text-align: center;
    font-size: 1.5rem;
    color: #072f43;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    margin-top: 1.4rem;
}
.xz-hot-video-tit:hover
{
    color: #f8a814;
}
@media screen and (max-width: 700px)
{
    .xz-loop-hot-video
    {
        width: 100%;
        margin-bottom: 1rem;
    }
    .xz-hot-video-tit
    {
        font-size: 1.3rem;
        margin-top: .8rem;
    }
}
.xz-loop-industry
{
    width: 19%;
    margin-bottom: 1.25rem;
}
.xz-loop-industry img
{
    display: block;
}
.xz-industry-thumb
{
    display: block;
    position: relative;
}
.xz-industry-thumb:hover .xz-loop-industry-info
{
    opacity: 1;
}
.xz-loop-industry-name
{
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 1.13rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    bottom: 2rem;
    width: 100%;
}
.xz-loop-industry-info
{
    opacity: 0;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 1rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(81,168,73,.8);
}
.xz-loop-industry-info span
{
    color: #fff;
    display: block;
    text-align: center;
}
.xz-loop-industry-info .xz-loop-industry-tit
{
    font-size: 1rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    line-height: 1.5rem;
    margin-bottom: .5rem;
}
.xz-loop-industry-info .xz-loop-industry-more
{
    display: flex;
    width: 9.56rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    opacity: 1;
    color: #ee9f09;
    background: #fff;
    border: .06rem solid #fff;
    transition: all .3s;
    margin-top: 3.69rem;
}
.xz-loop-industry-info .xz-loop-industry-more i
{
    display: inline-block;
    width: .94rem;
    height: .94rem;
    background: #51a849;
    border-radius: 50%;
    margin-left: .8rem;
    color: #fff;
}
.xz-loop-industry-info .xz-loop-industry-more:hover
{
    transform: translateX(3px);
}
@media screen and (max-width: 850px)
{
    .xz-loop-industry
    {
        width: 32.5%;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-industry
    {
        width: 49%;
    }
}
.xz-loop-news
{
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
    position: relative;
    padding-bottom: 4.3rem;
    border-bottom: 1px dotted #ddd;
}
.xz-loop-news:last-child
{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.xz-news-thumb
{
    display: block;
    position: relative;
    width: 21.25rem;
}
.xz-loop-news-info
{
    padding-right: 1.5rem;
    transition: all .3s;
    width: calc(100% - 21.25rem);
}
.xz-loop-news-tit
{
    display: block;
    line-height: 1.88rem;
    overflow: hidden;
    font-size: 1.13rem;
    margin-top: .9rem;
    transition: all .3s;
    color: #222;
}
.xz-loop-news-tit:hover
{
    color: #ee9f09;
}
.xz-loop-news-time
{
    display: block;
    font-size: .88rem;
    color: #999;
}
.xz-loop-news-txt
{
    color: #666;
    font-size: .88rem;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .9rem;
}
.xz-loop-news-more
{
    display: flex;
    align-items: center;
    color: #999;
    transition: all .3s;
    margin-top: 1.25rem;
}
.xz-loop-news-more span
{
    display: inline-block;
    padding-bottom: .1rem;
    border-bottom: 1px solid #999;
    margin-right: .2rem;
    transition: all .3s;
}
.xz-loop-news-more:hover
{
    color: #ee9f09;
}
.xz-loop-news-more:hover span
{
    border-bottom: 1px solid #ffd239;
}
@media screen and (max-width: 600px)
{
    .xz-loop-news
    {
        width: 100%;
        flex-wrap: wrap;
    }
    .xz-news-thumb
    {
        width: 100%;
        margin-top: 1.5rem;
    }
    .xz-news-thumb img
    {
        width: 100%;
    }
    .xz-loop-news-info
    {
        width: 100%;
    }
}
.xz-loop-news2
{
    width: 49%;
    margin-bottom: 4rem;
    margin-top: 3.75rem;
    padding: 2.25rem;
    background: #f8f8f8;
}
.xz-news2-thumb
{
    display: block;
    position: relative;
}
.xz-loop-news2-time
{
    display: block;
    font-size: .88rem;
    color: #999;
    margin-top: 2.5rem;
}
.xz-news2-tit
{
    display: block;
    line-height: 1.88rem;
    overflow: hidden;
    font-size: 1.13rem;
    margin-top: .9rem;
    transition: all .3s;
    color: #222;
}
.xz-news2-tit:hover
{
    color: #ee9f09;
}
.xz-news2-excerpt
{
    color: #666;
    font-size: .88rem;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .9rem;
}
.xz-news2-more
{
    display: flex;
    align-items: center;
    color: #999;
    transition: all .3s;
    margin-top: 1.25rem;
}
.xz-news2-more span
{
    display: inline-block;
    padding-bottom: .1rem;
    border-bottom: 1px solid #999;
    margin-right: .2rem;
    transition: all .3s;
}
.xz-news2-more:hover
{
    color: #ee9f09;
}
.xz-news2-more:hover span
{
    border-bottom: 1px solid #ffd239;
}
@media screen and (max-width: 600px)
{
    .xz-loop-news2
    {
        width: 100%;
    }
}
.xz-loop-news3
{
    width: 49%;
    margin-top: 1.75rem;
    padding: 3.13rem;
    background: #f8f8f8;
}
.xz-loop-news3-time
{
    display: block;
    font-size: .88rem;
    color: #999;
}
.xz-news3-tit
{
    display: block;
    line-height: 1.88rem;
    overflow: hidden;
    font-size: 1.13rem;
    margin-top: .9rem;
    transition: all .3s;
    color: #222;
}
.xz-news3-tit:hover
{
    color: #ee9f09;
}
.xz-news3-excerpt
{
    color: #666;
    font-size: .88rem;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .9rem;
}
@media screen and (max-width: 600px)
{
    .xz-loop-news3
    {
        width: 100%;
    }
}
.xz-loop-news4
{
    padding: 2.33rem 3.13rem;
    background: #fff;
    border-bottom: 1px dotted #f8f8f8;
}
.xz-loop-news4-time
{
    display: block;
    font-size: .88rem;
    color: #999;
}
.xz-news4-tit
{
    display: block;
    line-height: 1.88rem;
    overflow: hidden;
    font-size: 1.13rem;
    margin-top: .9rem;
    transition: all .3s;
    color: #222;
}
.xz-news4-tit:hover
{
    color: #ee9f09;
}
.xz-news4-excerpt
{
    color: #666;
    font-size: .88rem;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .9rem;
}
@media screen and (max-width: 600px)
{
    .xz-loop-news4
    {
        width: 100%;
        padding: 1.5rem;
    }
}
.xz-loop-news5
{
    margin-top: 1.25rem;
}
.xz-loop-news5:first-child
{
    margin-top: 0;
}
.xz-news-thumb
{
    display: block;
    position: relative;
    width: 34rem;
}
@media screen and (max-width: 600px)
{
    .xz-loop-news
    {
        width: 100%;
        flex-wrap: wrap;
    }
    .xz-news-thumb
    {
        width: 100%;
    }
    .xz-news-thumb img
    {
        width: 100%;
    }
    .xz-loop-news-info
    {
        width: 100%;
    }
}
.xz-loop-peijian
{
    background: #f8f8f8;
    margin-bottom: 1.25rem;
    width: 24%;
}
.xz-peijian-thumb
{
    position: relative;
    width: 100%;
    height: 19.38rem;
    display: block;
    position: relative;
    transition: all .3s;
}
.xz-peijian-thumb:hover img
{
    transform: translate(-50%,-50%) scale(1.02);
}
.xz-peijian-thumb img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.xz-loop-peijian-info
{
    padding: 1.87rem;
    border-top: 1px solid #fff;
}
.xz-peijian-tit
{
    display: block;
    font-size: 1.13rem;
    color: #222;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
}
.xz-loop-peijian-excerpt
{
    font-size: .88rem;
    color: #555;
    line-height: 1.75rem;
}
@media screen and (max-width: 600px)
{
    .xz-loop-peijian
    {
        width: 100%;
    }
}
.xz-loop-pro
{
    transition: all .3s;
    margin-bottom: 2rem;
    width: 24%;
    padding: 1.88rem 1.88rem 2.5rem;
    background: #f6f6f6;
}
.xz-pro-thumb
{
    display: block;
    position: relative;
}
.xz-loop-pro-info
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem;
}
.xz-loop-pro-info .loop-pro-info-left .xz-loop-pro-excerpt
{
    font-size: 1rem;
    color: #7c7c6b;
}
.xz-loop-pro-info .loop-pro-info-left .xz-pro-tit
{
    display: inline-block;
    margin-top: .5rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #222;
    transition: all .3s;
}
.xz-loop-pro-info .loop-pro-info-left .xz-pro-tit:hover
{
    color: #ee9f09;
}
.xz-loop-pro-info .loop-pro-info-right a
{
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(keywords.png) no-repeat center;
    transition: all .3s;
}
.xz-loop-pro-info .loop-pro-info-right a:hover
{
    transform: translateX(3px);
}
@media screen and (max-width: 800px)
{
    .xz-loop-pro
    {
        width: 49%;
    }
}
@media screen and (max-width: 700px)
{
    .xz-loop-pro-info .loop-pro-info-right a
    {
        background-size: contain;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-pro
    {
        width: 100%;
    }
}
.xz-loop-pro2
{
    transition: all .3s;
    margin-bottom: 2rem;
    margin: 0 .6rem;
}
.xz-pro2-thumb
{
    display: block;
    position: relative;
}
.xz-pro2-tit
{
    display: block;
    width: 100%;
    font-size: 1rem;
    color: #333;
    line-height: 1.5rem;
    position: relative;
    z-index: 2;
    transition: all .3s;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    margin-top: 1.2rem;
}
.xz-pro2-tit:hover
{
    color: #ee9f09;
}
.xz-loop-pro2-more
{
    color: #999;
    transition: all .3s;
    display: flex;
    margin-top: 3rem;
}
.xz-loop-pro2-more:hover
{
    color: #0b6ed9;
}
.xz-loop-pro2-more:hover span
{
    border-bottom: 1px solid #0b6ed9;
}
.xz-loop-pro2-more span
{
    display: inline-block;
    padding-bottom: .1rem;
    border-bottom: 1px solid #999;
    transition: all .3s;
    margin-right: 1rem;
}
.xz-loop-pro2-more i
{
    font-style: normal;
    display: inline-block;
    padding-top: 4px;
}
@media screen and (max-width: 1024px)
{
    .xz-loop-pro2
    {
        width: 49%;
    }
}
@media screen and (max-width: 800px)
{
    .xz-loop-pro2
    {
        width: 100%;
    }
}
@media screen and (max-width: 700px)
{
    .xz-loop-pro2-info
    {
        padding: 1.7rem 1.3rem 2.35rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-pro2
    {
        margin: 0 0;
    }
    .xz-pro2-tit
    {
        margin-top: 0;
    }
    .xz-loop-pro2-more
    {
        margin-top: 0;
    }
}
.xz-loop-qa
{
    background: #f8f8f8;
    margin-top: 1.25rem;
}
.xz-qa-tit
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 2.5rem;
    border-bottom: 1px dotted #ddd;
    cursor: pointer;
}
.xz-qa-tit span
{
    display: inline-block;
    font-size: 1rem;
    color: #222;
    transition: all .3s;
    font-weight: 700;
}
.xz-qa-excerpt
{
    padding: 1.8rem 2.5rem;
    position: relative;
    color: #666;
    line-height: 1.5rem;
}
@media screen and (max-width: 850px)
{
    .xz-qa-tit
    {
        padding: 1rem 2.5rem 1rem;
    }
    .xz-qa-excerpt
    {
        padding: 0 2rem 1rem 2.6rem;
    }
}
@media screen and (max-width: 700px)
{
    .xz-qa-tit
    {
        padding-bottom: .6rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-qa-tit
    {
        padding: 1rem 1.6rem 1rem;
    }
    .xz-qa-excerpt
    {
        padding: 0 2rem 1rem 1.6rem;
    }
}
.xz-loop-rel-news
{
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
}
.xz-rel-news-thumb
{
    width: 35%;
    display: block;
}
.xz-loop-rel-news-info
{
    width: 65%;
    padding-left: .6rem;
}
.xz-loop-rel-news-info .xz-loop-rel-news-time
{
    font-size: .75rem;
    color: #999;
}
.xz-loop-rel-news-info .xz-rel-news-tit
{
    display: block;
    line-height: 1.31rem;
    height: 2.62rem;
    overflow: hidden;
    color: #333;
    transition: all .3s;
    font-size: .88rem;
}
.xz-loop-rel-news-info .xz-rel-news-tit:hover
{
    color: #ee9f09;
}
.related-product-ul .xz-loop-rel-news
{
    background: #fff;
}
.related-product-ul .xz-loop-rel-news-info .xz-rel-news-tit
{
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    line-height: 1.5rem;
}
.related-product-ul .xz-loop-rel-news-info .xz-loop-rel-news-time
{
    display: none;
}
.xz-loop-rel-pro
{
    background: #fff;
}
.xz-rel-pro-thumb
{
    display: block;
}
.xz-loop-rel-pro-info
{
    padding: 1.5rem 1.2rem;
}
.xz-loop-rel-pro-info .xz-rel-pro-tit
{
    font-size: 1.13rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    color: #333;
    transition: all .3s;
}
.xz-loop-rel-pro-info .xz-rel-pro-tit:hover
{
    color: #ee9f09;
}
.xz-loop-rel-pro-info .xz-loop-params
{
    font-size: .88rem;
    color: #333;
}
.xz-loop-rel-pro-info .xz-loop-params ul
{
    margin-top: .9rem;
}
.xz-loop-rel-pro-info .xz-loop-params li
{
    line-height: 1.5rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
    color: #333;
    align-items: center;
    margin-top: .5rem;
}
.xz-loop-rel-pro-info .xz-loop-params em
{
    display: inline-block;
    width: 100%;
    font-style: normal;
    color: #666;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    font-size: .9rem;
}
.xz-loop-pro-button
{
    display: flex;
    justify-content: space-between;
    margin-top: 1.44rem;
    flex-wrap: wrap;
}
.xz-loop-pro-button a
{
    display: inline-block;
    width: 48%;
    padding: 0 .4rem;
    height: 2.38rem;
    text-align: center;
    line-height: 2.38rem;
    background: #f8f8f8;
    border-radius: .13rem;
    color: #ee9f09;
    font-size: .88rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    transition: all .3s;
}
.xz-loop-pro-button a:hover
{
    transform: translateY(-2px);
}
.xz-loop-pro-button a i
{
    margin-right: .5rem;
}
.pro-rela-ul
{
    display: flex;
    gap: 1.7333%;
    margin-top: 4rem;
    flex-wrap: wrap;
}
.pro-rela-ul .xz-loop-rel-pro
{
    box-shadow: 0 .13rem 1.5rem 0 rgba(0,0,0,.08);
    width: 23.7%;
}
@media screen and (max-width: 1200px)
{
    .xz-loop-pro-button a
    {
        width: 100%;
    }
    .xz-loop-pro-button a:nth-child(2)
    {
        margin-top: .6rem;
    }
}
@media screen and (max-width: 700px)
{
    .pro-rela-ul .xz-loop-rel-pro
    {
        width: 100%;
        margin-bottom: 1rem;
    }
}
.xz-loop-rela-case
{
    display: flex!important;
    align-items: center;
    width: 100%;
    background: #f8f8f8;
    position: relative;
    flex-wrap: wrap;
}
.xz-loop-rela-case-thumb
{
    display: block;
    width: 24rem;
    position: relative;
}
.xz-loop-rela-case-thumb img
{
    display: block;
}
.xz-loop-rela-case-info
{
    width: calc(100% - 24rem);
    padding: 0 10rem 0 5rem;
}
.xz-loop-rela-case-tit
{
    font-size: 1.5rem;
    color: #3d3d3d;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    transition: all .3s;
}
.xz-loop-rela-case-tit:hover
{
    color: #ee9f09;
}
.xz-loop-rela-case-txt
{
    font-size: 1.13rem;
    color: #3d3d3d;
    line-height: 2.25rem;
    margin-top: 1.69rem;
}
.xz-loop-rela-case-arrow
{
    position: absolute;
    width: 3.94rem;
    height: 100%;
    background: #ececec;
    color: #ee9f09;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    transition: all .3s;
}
.xz-loop-rela-case-arrow:hover
{
    background: #ee9f09;
    color: #fff;
}
@media screen and (max-width: 650px)
{
    .xz-loop-rela-case-arrow
    {
        display: none;
    }
    .xz-loop-rela-case-thumb
    {
        width: 100%;
    }
    .xz-loop-rela-case-info
    {
        width: 100%;
        padding: 1.5rem;
    }
}
.xz-loop-relazhiwei
{
    width: 49%;
    padding: 0 2rem;
    background: #f8f8f8;
    margin-bottom: 1.25rem;
    height: 7.5rem;
    padding-top: 2.2rem;
}
.xz-loop-relazhiwei-tit
{
    font-size: 1.13rem;
    color: #222;
    transition: all .3s;
}
.xz-loop-relazhiwei-tit:hover
{
    color: #ffd239;
}
.xz-loop-relazhiwei-info
{
    display: flex;
    justify-content: space-between;
    margin-top: .94rem;
    font-size: .88rem;
    color: #8a8a8a;
}
.xz-loop-relazhiwei-info ul
{
    display: flex;
}
.xz-loop-relazhiwei-info ul li
{
    margin-right: 1rem;
    position: relative;
}
.xz-loop-relazhiwei-info ul li::after
{
    display: inline-block;
    content: "";
    width: 1px;
    height: .7rem;
    background: #64696f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -.5rem;
}
.xz-loop-relazhiwei-info ul li:last-child::after
{
    display: none;
}
@media screen and (max-width: 600px)
{
    .xz-loop-relazhiwei
    {
        width: 100%;
    }
}
.xz-loop-solution
{
    width: 48.3%;
    position: relative;
    margin-bottom: 1.8rem;
}
.xz-solution-thumb
{
    display: block;
}
.xz-loop-solution-info
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all .3s;
}
.xz-loop-solution-info:hover
{
    background: rgba(196,4,0,.7);
}
.xz-loop-solution-info:hover .xz-solution-txt
{
    opacity: 1;
}
.xz-solution-tit
{
    display: block;
    font-size: 1.13rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    color: #fff;
    margin-top: 1.6rem;
}
.xz-solution-tit:hover
{
    color: #fff;
    transform: translateX(3px);
}
.xz-solution-txt
{
    line-height: 1.5rem;
    height: 10.5rem;
    overflow: hidden;
    color: #fff;
    margin-top: 1.5rem;
    opacity: 0;
    transition: all .3s;
}
.solution-detail
{
    color: #fad326;
    font-size: .88rem;
    display: inline-block;
    margin-top: 1rem;
}
@media screen and (max-width: 700px)
{
    .xz-loop-solution
    {
        width: 100%;
        margin: 0 .4rem;
        margin-bottom: 1rem;
    }
}
.xz-loop-support
{
    width: 24%;
    height: 11.56rem;
    background: #f8f8f8;
    border-top: .13rem solid #ee9f09;
    padding: 2rem 3.5rem 2rem 4rem;
}
.xz-support-tit
{
    display: inline-block;
    position: relative;
    font-size: 1.13rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    color: #333;
    transition: all .3s;
    line-height: 1.75rem;
    height: 3.5rem;
}
.xz-support-tit:hover
{
    color: #ee9f09;
}
.xz-support-tit span
{
    font-size: 1.1rem;
    color: #d81e06;
    position: absolute;
    top: 0;
    left: -1.6rem;
}
.xz-down-time
{
    padding-top: .94rem;
    border-top: 1px solid #d4d4d4;
    margin-top: 1.38rem;
    color: #666;
}
@media screen and (max-width: 700px)
{
    .xz-loop-support
    {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}
.xz-loop-video
{
    display: block;
    width: 48.5%;
    margin-bottom: 1.25rem;
}
.xz-video-thumb
{
    display: block;
    position: relative;
}
.xz-video-thumb::after
{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 2;
}
.xz-video-detail
{
    display: inline-block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    border-radius: 50%;
    background: rgba(255,255,255,.7);
    opacity: .7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ee9f09;
    font-size: 2.2rem;
    z-index: 5;
}
.xz-video-tit
{
    font-size: 1.13rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    color: #333;
    margin-top: 1.25rem;
    transition: all .3s;
    display: inline-block;
}
.xz-video-tit:hover
{
    color: #ee9f09;
}
@media screen and (max-width: 600px)
{
    .xz-loop-video
    {
        width: 100%;
    }
}
.xz-loop-xiazai
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.8rem;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 1.88rem;
}
.loop-xiazai-left
{
    display: flex;
    align-items: center;
}
.loop-xiazai-left i
{
    display: inline-block;
    width: 2.5rem;
    height: 2.84rem;
    background: url(keywords.png) no-repeat center;
    background-size: contain;
}
.loop-xiazai-left h3
{
    font-size: 1.13rem;
    color: #222;
    margin-left: 1rem;
}
.loop-xiazai-right a
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 2.88rem;
    background: #f8f8f8;
    color: #222;
    transition: all .3s;
    border: .06rem solid transparent;
}
.loop-xiazai-right a:hover
{
    background: rgba(255,210,57,.05);
    border: .06rem solid #ffd239;
}
.loop-xiazai-right a em
{
    font-size: .88rem;
    font-style: normal;
}
.xz-loop-yycj
{
    display: flex!important;
    margin-bottom: 3.13rem;
    position: relative;
}
.xz-loop-yycj:nth-child(2n)
{
    flex-direction: row-reverse;
}
.xz-loop-yycj:nth-child(2n) .xz-loop-yycj-info
{
    background: url(keywords.png) no-repeat left #fff;
}
.xz-loop-yycj::after
{
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    font-family: iconfont;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 3.13rem 0 rgba(0,0,0,.08);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 4rem;
    color: #ee9f09;
}
.xz-loop-yycj:nth-child(1)::after
{
    content: "";
}
.xz-loop-yycj:nth-child(2)::after
{
    content: "";
    color: #4bb141;
}
.xz-loop-yycj:nth-child(3)::after
{
    content: "";
}
.xz-loop-yycj:nth-child(4)::after
{
    content: "";
    color: #4bb141;
}
.xz-loop-yycj:nth-child(5)::after
{
    content: "";
}
.xz-yycj-thumb
{
    width: 50%;
    display: block;
}
.xz-loop-yycj-info
{
    width: 50%;
    padding: 0 5.1rem 0 7.56rem;
    background: url(keywords.png) no-repeat right #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 3.13rem 0 rgba(0,0,0,.08);
}
.xz-yycj-time
{
    display: inline-block;
    font-size: .88rem;
    color: #ee9f09;
    margin-bottom: .69rem;
}
.xz-yycj-tit
{
    display: inline-block;
    width: 100%;
    font-size: 1.88rem;
    font-weight: 500;
    color: #333;
    transition: all .3s;
    position: relative;
}
.xz-yycj-tit::before
{
    display: inline-block;
    content: "";
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #4bb141;
    position: absolute;
    top: -1.5rem;
    left: 0;
}
.xz-yycj-tit::after
{
    display: inline-block;
    content: "";
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #19499e;
    position: absolute;
    top: -1.5rem;
    left: .5rem;
}
.xz-yycj-tit:hover
{
    color: #ee9f09;
}
.xz-yycj-excerpt
{
    overflow: hidden;
    margin-top: 1.13rem;
    line-height: 1.75rem;
    color: #666;
}
.xz-yycj-more
{
    font-size: .88rem;
    color: #ee9f09;
    display: inline-block;
    margin-top: 2rem;
    transition: all .3s;
}
.xz-yycj-more i
{
    font-size: .88rem;
}
.yycj-related_ul
{
    margin-top: 1.2rem;
}
.yycj-related_ul .xz-loop-yycj
{
    margin-bottom: 1.8rem;
}
.yycj-related_ul .xz-yycj-thumb
{
    width: 18rem;
}
.yycj-related_ul .xz-loop-yycj-info
{
    width: calc(100% - 18rem);
    background: #fff;
    box-shadow: 0 .13rem .56rem 0 rgba(0,0,0,.09);
    padding: 1rem 1.6rem;
}
.yycj-related_ul .xz-yycj-excerpt
{
    height: 1.5rem;
    overflow: hidden;
}
.yycj-related_ul .xz-yycj-more
{
    margin-top: 1.2rem;
}
@media screen and (max-width: 1200px)
{
    .xz-loop-yycj-info
    {
        padding: 0 2rem 0 2rem;
    }
    .xz-loop-yycj::after
    {
        display: none!important;
    }
}
@media screen and (max-width: 800px)
{
    .xz-loop-yycj-info
    {
        padding: 2rem 1.6rem;
    }
    .yycj-related_ul .xz-loop-yycj
    {
        width: 100%;
    }
    .yycj-related_ul .xz-yycj-thumb
    {
        width: 100%;
    }
    .yycj-related_ul .xz-loop-yycj-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 700px)
{
    .xz-loop-yycj
    {
        flex-wrap: wrap;
    }
    .xz-yycj-thumb
    {
        width: 100%;
    }
    .xz-loop-yycj-info
    {
        width: 100%;
    }
    .yycj-related_ul .xz-loop-yycj
    {
        flex-wrap: wrap;
    }
    .yycj-related_ul .xz-yycj-thumb
    {
        width: 100%;
    }
    .yycj-related_ul .xz-loop-yycj-info
    {
        width: 100%;
    }
}
@media screen and (max-width: 600px)
{
    .xz-loop-yycj
    {
        width: 100%;
    }
}
.xz-loop-zhaopin
{
    display: flex;
    justify-content: space-between;
    height: 6.25rem;
    align-items: center;
    padding: 0 2.5rem 0;
    margin-top: 1.25rem;
    background: #f8f8f8;
    transition: all .3s;
}
.xz-loop-zhaopin:hover
{
    background: #fff;
    box-shadow: 0 0 1rem rgba(18,19,20,.1);
}
.xz-loop-zhaopin span
{
    display: inline-block;
    width: 10rem;
    font-size: 1rem;
    color: #222;
    font-weight: 600;
}
.xz-loop-zhaopin ul
{
    display: flex;
    font-size: .88rem;
    color: #555;
}
.xz-loop-zhaopin ul li
{
    width: 8rem;
    text-align: center;
}
.xz-loop-zhaopin ul li:last-child
{
    margin-right: 0;
}
.xz-loop-zhaopin .xz-loop-zhaopin-more
{
    display: block;
    width: 8.75rem;
    height: 2.63rem;
    line-height: 2.63rem;
    border: .06rem solid #f0f3f6;
    background: #fff;
    text-align: center;
    line-height: 2.63rem;
    font-size: .88rem;
    color: #222;
    border-radius: 6.25rem;
    transition: all .3s;
}
.xz-loop-zhaopin .xz-loop-zhaopin-more:hover
{
    background: #ffd239;
    border: .06rem solid #ffd239;
}
@media screen and (max-width: 600px)
{
    .xz-loop-zhaopin
    {
        padding: 0 1.2rem 0;
    }
    .xz-loop-zhaopin ul
    {
        display: none;
    }
}
.xz-404
{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.xz-404-top
{
    text-align: center;
}
.xz-404-bottom
{
    margin-top: 1.5rem;
    text-align: center;
}
.xz-404-bottom h3
{
    font-size: 1.5rem;
    font-family: OpenSans-Bold,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #333;
}
.xz-404-bottom p
{
    color: #666;
    line-height: 1.5rem;
    margin-top: .8rem;
}
.page-search.page-search-404
{
    padding: 0;
    background: 0 0;
    margin-top: 1.38rem;
}
.page-search.page-search-404 p
{
    margin-top: 0;
}
@media screen and (max-width: 700px)
{
    .xz-404-left
    {
        width: 100%;
    }
    .xz-404-right
    {
        width: 100%;
        margin-top: 2rem;
    }
}
#footer
{
    position: relative;
    margin-top: 1rem;
    border-top: .5rem solid #f8f8f8;
}
.footer-top
{
    padding: 3.3rem 0 4.69rem;
    border-bottom: 1px dotted #eaeaea;
}
.footer-top .footer-top-main
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-top .footer-top-form
{
    width: 31.88rem;
    height: 3.75rem;
    border-radius: 6.25rem;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}
.footer-top .footer-top-form #s
{
    width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    background: 0 0;
    padding-left: 1.87rem;
}
.footer-top .footer-top-form #submit
{
    display: inline-block;
    width: 7.5rem;
    height: 3.75rem;
    text-align: center;
    line-height: 3.75rem;
    background: #ffd239;
    color: #222;
    font-size: .88rem;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 6.25rem;
    cursor: pointer;
    font-weight: 500;
}
.footer-middle
{
    padding: 4.69rem 0 4rem;
}
.footer-middle .footer-middle-in
{
    display: flex;
    justify-content: space-between;
}
.footer-middle .footer-middle-in .footer-middle-left
{
    width: 53%;
    display: flex;
    justify-content: space-between;
}
.footer-middle .footer-middle-in .footer-middle-left .footer-middle-menu-item h3
{
    font-size: 1.1rem;
    font-weight: 700;
    color: #222;
    opacity: .8;
    margin-bottom: 1.25rem;
}
.footer-middle .footer-middle-in .footer-middle-left .footer-middle-menu-item .menu li
{
    margin-bottom: .7rem;
}
.footer-middle .footer-middle-in .footer-middle-left .footer-middle-menu-item .menu li:last-child
{
    margin-bottom: 0;
}
.footer-middle .footer-middle-in .footer-middle-left .footer-middle-menu-item .menu li a
{
    font-size: .88rem;
    color: #222;
    opacity: .6;
    transition: all .3s;
}
.footer-middle .footer-middle-in .footer-middle-left .footer-middle-menu-item .menu li a:hover
{
    color: #ee9f09;
    opacity: 1;
}
.footer-middle .footer-middle-in .footer-middle-right
{
    width: 42%;
    display: flex;
    justify-content: space-between;
}
.footer-middle .footer-middle-in .footer-middle-right h3
{
    font-size: 1.1rem;
    font-weight: 700;
    color: #222;
    opacity: .8;
    margin-bottom: 1.25rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-code ul
{
    display: flex;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-code ul li
{
    margin-right: 1rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-code ul li:last-child
{
    margin-right: 0;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-code ul li p
{
    font-size: .88rem;
    white-space: nowrap;
    color: #999;
    margin-top: .2rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact
{
    padding-left: 5rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact p
{
    font-size: .88rem;
    color: #222;
    opacity: .8;
    line-height: 1.5rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .zxrx
{
    color: #222;
    font-size: 1.63rem;
    transition: all .3s;
    display: inline-block;
    margin-bottom: 1.5rem;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .zxrx:hover
{
    color: #ee9f09;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .qyyx a
{
    color: #222;
    transition: all .3s;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .qyyx a:hover
{
    color: #ee9f09;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .daohang
{
    display: inline-block;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center;
    line-height: 3.75rem;
    border: .06rem solid #ffd239;
    border-radius: 6.25rem;
    margin-top: 1.88rem;
    color: #222;
    transition: all .3s;
}
.footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact .daohang:hover
{
    background: #ffd239;
    color: #fff;
}
.footer-bottom
{
    background: #f6f6f6;
}
.footer-bottom .footer-bottom-link
{
    padding: 2.5rem 0 2.5rem;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro
{
    margin-bottom: .94rem;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro, .footer-bottom .footer-bottom-link .footer-bottom-you
{
    display: flex;
    align-items: center;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro h3, .footer-bottom .footer-bottom-link .footer-bottom-you h3
{
    font-size: .88rem;
    color: #333;
    margin-right: 3.75rem;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu, .footer-bottom .footer-bottom-link .footer-bottom-you .menu
{
    display: flex;
    align-items: center;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li
{
    margin-right: 2rem;
    position: relative;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li:last-child::after, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li:last-child::after
{
    display: none;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li::after, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li::after
{
    display: inline-block;
    content: "";
    width: 1px;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    background: #999;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li:last-child, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li:last-child
{
    margin-right: 0;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li a, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li a
{
    font-size: .88rem;
    color: #999;
    transition: all .3s;
}
.footer-bottom .footer-bottom-link .footer-bottom-pro .menu li a:hover, .footer-bottom .footer-bottom-link .footer-bottom-you .menu li a:hover
{
    color: #ee9f09;
}
.footer-bottom .footer-banquan
{
    padding: 1.88rem 0 1.88rem;
    border-top: 1px solid #eaeaea;
}
.footer-bottom .footer-banquan .footer-banquan-in
{
    display: flex;
    justify-content: space-between;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-copyright
{
    font-size: .88rem;
    color: #999;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-copyright a
{
    color: #999;
    transition: all .3s;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-copyright a:hover
{
    color: #ee9f09;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu
{
    display: flex;
    align-items: center;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li
{
    margin-right: 2rem;
    position: relative;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li:last-child::after
{
    display: none;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li::after
{
    display: inline-block;
    content: "";
    width: 1px;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    background: #999;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li:last-child
{
    margin-right: 0;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li a
{
    font-size: .88rem;
    color: #999;
    transition: all .3s;
}
.footer-bottom .footer-banquan .footer-banquan-in .footer-banquan-link .menu li a:hover
{
    color: #ee9f09;
}
@media screen and (max-width: 600px)
{
    .footer-top
    {
        padding: 1.8rem 0 1rem;
    }
    .footer-top .footer-top-form
    {
        display: none;
    }
    .footer-middle
    {
        padding: 1.8rem 0 2rem;
    }
    .footer-middle .footer-middle-in .footer-middle-left
    {
        display: none;
    }
    .footer-middle .footer-middle-in .footer-middle-right
    {
        width: 100%;
        flex-wrap: wrap;
    }
    .footer-middle .footer-middle-in .footer-middle-right .footer-guangli-code
    {
        width: 100%;
    }
    .footer-middle .footer-middle-in .footer-middle-right .footer-guangli-contact
    {
        width: 100%;
        margin-top: 2.5rem;
        padding-left: 0;
    }
    .footer-bottom .footer-bottom-link
    {
        display: none;
    }
    .footer-banquan-link
    {
        display: none;
    }
}
.nav-links
{
    clear: both;
    text-align: center;
    font-size: 0;
    margin: 5rem 0 5rem;
}
.page-numbers
{
    display: inline-block;
    width: 3.5rem;
    line-height: 3.5rem;
    border-radius: .13rem;
    text-align: center;
    margin: 0 .3rem;
    transition: all .3s;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #999;
    font-size: .88rem;
    box-shadow: none;
    border: .06rem solid #ddd;
}
.page-numbers.current, .page-numbers:hover
{
    background: #ee9f09;
    color: #222;
    box-shadow: none;
    border: .06rem solid #ee9f09;
}
@media screen and (max-width: 800px)
{
    .page-numbers
    {
        width: 3rem;
        line-height: 3rem;
        margin: .3rem .15rem;
    }
}
@media screen and (max-width: 600px)
{
    .nav-links
    {
        margin: 2rem 0 3rem;
    }
}
.xz-search
{
    padding: 5.4375rem 0 0;
}
.xz-search .nav-links
{
    margin-bottom: 5rem;
}
.xz-search-ul
{
    padding-bottom: 3rem;
}
.xz-page-searchform
{
    position: relative;
    width: 50%;
    max-width: 653px;
    height: 4.375rem;
    margin: 0 auto;
    line-height: 4.375rem;
    border-radius: 2.5rem;
}
.xz-page-searchform #s
{
    width: 100%;
    height: 100%;
    font-size: 1.125rem;
    padding: 0 5rem 0 1rem;
    border: none;
    background-color: #fff;
    border-radius: 2.5rem;
}
.xz-page-searchform #submit
{
    position: absolute;
    right: -.625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    height: 5rem;
    background-color: #ee9f09;
    color: #fff;
    border: none;
    font-size: 1.5rem;
    border-radius: 50%;
    border: .6rem solid #eee;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.xz-page-searchform #submit:hover
{
    filter: brightness(1.1);
}
.xz-page-searchform .mfp-close
{
    display: none;
}
.xz-page-searchform ::-webkit-input-placeholder
{
    color: #999;
    font-size: 1.125rem;
}
.xz-page-searchform :-moz-placeholder
{
    color: #999;
    font-size: 1.125rem;
}
.xz-page-searchform ::-moz-placeholder
{
    color: #999;
    font-size: 1.125rem;
}
.xz-page-searchform :-ms-input-placeholder
{
    color: #999;
    font-size: 1.125rem;
}
.results_tab
{
    display: flex;
    justify-content: flex-start;
    margin: 5rem 0 3.75rem;
    border-bottom: 1px solid #d8d8d8;
}
.results_tab .list
{
    cursor: pointer;
    margin-right: 3.75rem;
    padding-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #666;
}
.results_tab .list.current, .results_tab .list:hover
{
    font-weight: 800;
    color: #ee9f09;
}
.found-result
{
    max-width: 600px;
    margin: 0 auto 6rem;
}
.found-result .index_btn
{
    width: 160px;
    margin-top: 2.5rem;
}
.result-tit
{
    font-size: 2rem;
    line-height: 2.25rem;
    color: #ee9f09;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    font-weight: 800;
    margin-bottom: 1rem;
}
.results-tips
{
    padding-top: .875rem;
}
.results-tip
{
    margin-top: .5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
    font-weight: 800;
    color: #666;
}
@media screen and (max-width: 1440px)
{
    .xz-search
    {
        padding: 4rem 0 0;
    }
    .xz-search .nav-links
    {
        margin-bottom: 4rem;
    }
    .xz-page-searchform
    {
        height: 3.5rem;
        line-height: 3.5rem;
    }
    .xz-page-searchform #s
    {
        font-size: 1.125rem;
        padding: 0 4rem 0 1rem;
    }
    .xz-page-searchform #submit
    {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.125rem;
        right: .5rem;
    }
    .results_tab
    {
        margin: 4rem 0 3rem;
    }
    .results_tab .list
    {
        margin-right: 3rem;
    }
}
@media screen and (max-width: 1366px)
{
    .xz-search
    {
        padding: 4rem 0 0;
    }
    .xz-search .nav-links
    {
        margin-bottom: 4rem;
    }
    .xz-page-searchform
    {
        width: 70%;
    }
}
@media screen and (max-width: 1024px)
{
    .xz-search
    {
        padding: 3rem 0 0;
    }
    .xz-search .xz_new_box
    {
        padding-bottom: 2.5rem;
    }
    .results_tab
    {
        margin: 3rem 0 3rem;
    }
    .results_tab .list
    {
        padding-bottom: 1rem;
    }
}
@media screen and (max-width: 600px)
{
    .xz-search
    {
        padding: 2.5rem 0 0;
    }
    .xz-search .xz_new_box
    {
        padding-bottom: 2rem;
    }
    .xz-search .nav-links
    {
        margin-bottom: 3rem;
    }
    .xz-search-ul
    {
        padding-bottom: 2rem;
    }
    .results_tab
    {
        margin: 2.25rem 0;
    }
    .results_tab .list
    {
        padding-bottom: .5rem;
        font-size: 1rem;
        margin-right: 2.5rem;
    }
    .xz-page-searchform
    {
        width: 100%;
    }
    .found-result
    {
        margin: 2.5rem auto 4rem;
    }
    .found-result .index_btn
    {
        width: 140px;
        margin-top: 1.5rem;
    }
    .result-tit
    {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .75rem;
    }
    .results-tips
    {
        padding-top: .75rem;
    }
    .results-tip
    {
        margin-top: .25rem;
        font-size: .875rem;
        line-height: 1.25rem;
        font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
        font-weight: 800;
        color: #666;
    }
}
.sider-contact
{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
    transform: translateY(-50%);
    background: rgba(248,248,248,.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .3rem 0 0 .3rem;
    transition: all .5s;
}
.sider-contact.hide
{
    transform: translate(100%,-50%);
}
.sider-contact.hide #sider-contact-switcher i
{
    transform: rotate(270deg);
}
.right-nav
{
    font-size: 1rem;
    line-height: 1.4rem;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.right-nav li
{
    position: relative;
    width: 4.2rem;
    height: 3.8rem;
}
.right-nav li:first-child
{
    border-radius: .3rem 0 0 0;
}
.right-nav li:first-child a
{
    border-radius: .3rem 0 0 0;
}
.right-nav li:last-child
{
    border-radius: 0 0 0 .3rem;
    overflow: hidden;
}
.right-nav li a
{
    display: flex;
    width: 100%;
    height: 100%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: #0b6ed9;
    transition: all .3s;
}
.right-nav li a:hover
{
    background: #0b6ed9;
}
.right-nav li a:hover .btn-tit
{
    color: #fff;
}
.right-nav li a:hover .iconfont
{
    color: #fff;
}
.right-nav li:hover .right_hide
{
    visibility: visible;
    opacity: 1;
    transform: translate(-100%,-50%);
}
.right-nav .btn-tit
{
    font-size: .78rem;
}
.right-nav .iconfont
{
    font-size: 1.4rem;
    display: block;
    margin-bottom: .2rem;
    transition: all .3s;
}
.right-nav .iconfont.top
{
    display: inline-block;
}
.right-nav:hover li:first-child
{
    background: 0 0;
}
.right_hide
{
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translate(-110%,-50%);
    background-color: #fff;
    padding: 1rem;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    border-radius: .5rem;
    color: #333;
}
.right_hide img
{
    width: 70px;
    height: 70px;
    max-width: initial;
}
.right_hide::before
{
    content: "";
    position: absolute;
    right: -8px;
    top: calc(50% - 4px);
    border-left: 8px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
#sider-contact-switcher
{
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%,-50%);
    z-index: -1;
    width: 3rem;
    height: 6rem;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    color: #0b6ed9;
    cursor: pointer;
    margin: 0;
}
#sider-contact-switcher i
{
    font-size: 1.4rem;
    transition: all .3s;
    transform: rotate(90deg);
}
#sider-contact-switcher:after
{
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    background: rgba(248,248,248,.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform-origin: center;
    transform: translate(0,-50%) rotate(45deg);
    border-radius: .8rem;
}
@media screen and (max-width: 810px)
{
    .sider-contact
    {
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        transform: translate(0);
        border-radius: .8rem .8rem 0 0;
        background-color: rgba(255,255,255,.6);
    }
    .right-nav
    {
        flex-flow: row;
    }
    .right-nav li
    {
        flex: 1;
    }
    .right-nav li:last-child
    {
        border-radius: 0 .8rem 0 0;
    }
    .right_hide
    {
        display: none;
    }
    #sider-contact-switcher
    {
        display: none;
    }
}
@media screen and (max-width: 600px)
{
    .right_li_swt, .right_li_wechat
    {
        display: none;
    }
    .right-nav li
    {
        height: 4.6rem;
    }
}
.this_term_sub_wrap
{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.this_term_sub_wrap>.this_term_sub_item.current-menu-item a
{
    background: #ffd239;
    font-weight: 700;
    border: 1px solid #ffd239;
}
.this_term_sub_wrap>.this_term_sub_item a
{
    display: inline-block;
    padding: 0 2.5rem;
    width: 100%;
    height: 2.5rem;
    border: 1px solid #eaeaea;
    text-align: center;
    line-height: 2.5rem;
    font-size: .9rem;
    color: #222;
    transition: all .3s;
    border-radius: .2rem;
}
.this_term_sub_wrap>.this_term_sub_item a:hover
{
    background: #ffd239;
}
.xz-this-term
{
    display: none;
}
.xz-this-term.current-menu-item
{
    display: block;
}
.term_parent
{
    display: none;
}
.product-list-menu
{
    margin-top: 3.81rem;
}
.product-list-menu .menu
{
    display: flex;
}
.product-list-menu .menu>li
{
    width: 25%;
}
.product-list-menu .menu>li.current-menu-item a
{
    background: #ffd239;
}
.product-list-menu .menu>li.current-pro_cat-ancestor a
{
    background: #ffd239;
}
.product-list-menu .menu>li>a
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    border: .06rem solid #eaeaea;
    color: #222;
    font-size: 1.13rem;
    font-weight: 600;
    transition: all .3s;
}
.product-list-menu .menu>li>a:hover
{
    background: #ffd239;
}
.xz-product-ul
{
    display: flex;
    gap: 1.33%;
    flex-wrap: wrap;
    margin-top: 3.75rem;
}
.mbx-nav #breadcrumbs
{
    color: #555;
}
.mbx-nav #breadcrumbs a
{
    font-size: 1rem;
    color: #555;
    transition: all .3s;
}
.mbx-nav #breadcrumbs a:hover
{
    color: #ee9f09;
}
.single-product_detail_top
{
    display: flex;
    justify-content: space-between;
    margin-top: 3.75rem;
}
.single-product_detail_top .product_detail_top_left
{
    width: 46%;
    background: #f8f8f8;
    position: relative;
}
.single-product_detail_top .product_detail_top_left .slick-dots
{
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1.8rem;
    z-index: 5;
}
.single-product_detail_top .product_detail_top_left .slick-dots li.slick-active button
{
    background: #ee9f09;
    border: .06rem solid #ee9f09;
}
.single-product_detail_top .product_detail_top_left .slick-dots li button
{
    position: relative;
    display: block;
    font-size: 0;
    width: .63rem;
    height: .63rem;
    background: 0 0;
    transition: all .5s;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 .5rem;
    border: .06rem solid #ddd;
}
.single-product_detail_top .product_detail_top_left .gallery img
{
    border: none!important;
}
.single-product_detail_top .product_detail_top_right
{
    width: 48%;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_content h2
{
    font-size: 3rem;
    color: #222;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_content h3
{
    font-size: 1.25rem;
    color: #222;
    margin-bottom: 1.25rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_content p
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
    margin-bottom: 2.5rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_content em
{
    display: block;
    font-style: normal;
    color: #222;
    margin-bottom: -2rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact
{
    display: flex;
    align-items: center;
    margin-top: 5rem;
    padding-top: 3rem;
    border-top: 1px dotted #ddd;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact .top_contact_zixun
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 3.75rem;
    background: #ffd239;
    font-size: .88rem;
    color: #222;
    margin-right: 5rem;
    position: relative;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact .top_contact_zixun::after
{
    display: inline-block;
    content: "";
    width: 1px;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    right: -2.5rem;
    background: url(/png/qba4d74t.png) no-repeat center;
    transform: translateY(-50%);
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact .top_contact_rexian p
{
    font-size: .88rem;
    color: #222;
    opacity: .6;
    margin-bottom: .3rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact .top_contact_rexian a
{
    font-size: 1.63rem;
    color: #222;
    transition: all .3s;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_contact .top_contact_rexian a:hover
{
    color: #ffd239;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_pdf
{
    display: flex;
    align-items: center;
    margin-top: 3.5rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_pdf .top_pdf
{
    width: 3rem;
    height: 3rem;
    background: url(/png/3xzsd0m3.png) no-repeat center;
    background-size: 100%;
    margin-right: 1rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_pdf a
{
    font-size: .88rem;
    color: #222;
    text-decoration: underline;
    margin-right: .5rem;
}
.single-product_detail_top .product_detail_top_right .product_detail_top_pdf i
{
    color: #555;
}
.single-product_detail_bottom
{
    margin-top: 3.75rem;
    border-bottom: 1px solid #eaeaea;
}
.xz-pro_unit-wrap
{
    background: #f8f8f8;
}
.xz-pro_unit-wrap .xz-pro_unit-x a
{
    display: inline-block;
    height: 5rem;
    line-height: 5rem;
    margin-right: 5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #222;
}
.xz-pro_unit-wrap .xz-pro_unit-x a:last-child
{
    margin-right: 0;
}
.xz-pro-bottom-content
{
    display: flex;
}
.xz-pro-bottom-content .pro-bottom-content-left
{
    width: calc(100% - 19.38rem);
    padding: 3.06rem 3.75rem;
    border-left: 1px solid #eaeaea;
}
.xz-pro-bottom-content .pro-bottom-content-right
{
    width: 19.38rem;
    padding: 2.5rem 1.25rem;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.xz-pro-bottom-content .pro-bottom-content-right .return-list
{
    display: block;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    font-size: .88rem;
    color: #555;
    border: 1px solid #eaeaea;
}
.xz-product-sec
{
    padding-bottom: 3rem;
    border-bottom: .06rem solid #ddd;
    margin-bottom: 2.69rem;
}
.xz-product-sec:last-child
{
    border-bottom: none;
}
.xz-product-sec .xz-product-sec-tit
{
    font-size: 1.5rem;
    color: #222;
    font-weight: 500;
    padding-left: 2.5rem;
    background: url(/png/xhu6lxpu.png) no-repeat left center;
    margin-bottom: 1.88rem;
}
.xz-product-sec .xz-product-sec-content p
{
    line-height: 1.25rem;
    font-size: .88rem;
    color: #555;
}
.xz-product-sec .xz-product-sec-content ul li
{
    display: flex;
    font-size: .88rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
    position: relative;
}
.xz-product-sec .xz-product-sec-content ul li::before
{
    display: inline-block;
    width: 2px;
    height: 2px;
    content: "";
    background: #7c7c6b;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.xz-product-sec .xz-product-sec-content ul li:last-child
{
    margin-bottom: 0;
}
.xz-product-sec .xz-product-sec-content ul li strong
{
    font-style: normal;
    display: inline-block;
    width: 10.31rem;
    font-weight: 400;
}
.xz-product-sec .xz-product-sec-content ul li em
{
    font-style: normal;
    display: inline-block;
    width: calc(100% - 11rem);
}
.side-bar-pro
{
    margin-top: 1.25rem;
}
.side-bar-pro .xz-loop-pro
{
    width: 100%;
}
.product-term-contact
{
    width: 100%;
    background: #f8f8f8;
    padding: 1.9rem 3.4rem;
    margin-top: 1.25rem;
    text-align: center;
}
.product-term-contact .product-bar-tit
{
    font-size: 1.13rem;
    color: #263450;
    font-weight: 500;
}
.product-term-contact ul
{
    margin-top: 1.25rem;
}
.product-term-contact ul li
{
    margin-bottom: .63rem;
}
.product-term-contact ul li:last-child
{
    margin-bottom: 0;
}
.product-term-contact ul a
{
    display: inline-block;
    width: 100%;
    height: 2.88rem;
    text-align: center;
    line-height: 2.88rem;
    border-radius: 3.13rem;
    border: .06rem solid #ffd239;
    font-size: .88rem;
    color: #222;
    transition: all .3s;
}
.product-term-contact ul a:hover
{
    background: #ffd239;
}
.wrap
{
    padding: .5rem;
    border: 1px solid #eaeaea;
    overflow: auto;
}
.wrap table
{
    min-width: 100%;
    border-collapse: collapse;
}
.wrap table tr:nth-child(2n-1)
{
    background: #f0f0f0;
}
.wrap table tr:nth-child(2n)
{
    background: #f8f8f8;
}
.wrap table td
{
    padding: 1rem;
    color: #555;
    font-size: .88rem;
    border: 2px solid #fff;
}
.form-why
{
    margin-top: 5rem;
}
.form-why h2
{
    font-size: 1.75rem;
    font-weight: 500;
    color: #222;
}
.form-why .form-why-content
{
    display: flex;
    margin-top: 2.5rem;
}
.form-why .form-why-content .form-why-content-left
{
    width: calc(100% - 19.38rem);
    background: #f8f8f8;
    padding: 1rem 2.63rem;
}
.form-why .form-why-content .form-why-content-right
{
    width: 19.38rem;
    height: 28.13rem;
    background: url(/jpg/mfj4i31m.jpg) no-repeat center;
    color: #fff;
    padding: 2.5rem 3rem;
}
.form-why .form-why-content .form-why-content-right h3
{
    font-size: 1.25rem;
    font-weight: 500;
}
.form-why .form-why-content .form-why-content-right ul
{
    margin-top: 1.8rem;
    position: relative;
}
.form-why .form-why-content .form-why-content-right ul::after
{
    display: inline-block;
    content: "";
    height: 80%;
    border-left: 1px dotted #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .925rem;
}
.form-why .form-why-content .form-why-content-right ul li
{
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.form-why .form-why-content .form-why-content-right ul li i
{
    display: inline-block;
    width: 1.88rem;
    height: 1.88rem;
    text-align: center;
    line-height: 1.88rem;
    background: #fff;
    border-radius: 50%;
    color: #ffd239;
    margin-right: 1.19rem;
    position: relative;
}
.form-why .form-why-content .form-why-content-right ul li i::after
{
    display: inline-block;
    content: "";
    width: 2.25rem;
    height: 2.25rem;
    border: 1px dotted #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.form-why .form-why-content .form-why-content-right .form-why-fangan
{
    width: 100%;
    height: 3.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    font-size: .88rem;
    background: #ffd239;
    transition: all .3s;
}
.form-why .form-why-content .form-why-content-right .form-why-fangan:hover
{
    transform: translateY(-3px);
}
.form-why .form-why-content .form-why-content-right .form-why-tel
{
    width: 100%;
    display: flex;
    align-items: center;
    height: 3.25rem;
    margin-top: 1rem;
    border: 1px solid #ffd239;
    transition: all .3s;
}
.form-why .form-why-content .form-why-content-right .form-why-tel:hover
{
    transform: translateY(-3px);
}
.form-why .form-why-content .form-why-content-right .form-why-tel i
{
    display: flex;
    width: 3.25rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #ffd239;
    border-right: 1px solid #ffd239;
}
.form-why .form-why-content .form-why-content-right .form-why-tel span
{
    display: flex;
    justify-content: center;
    width: calc(100% - 3.25rem);
    color: #ffd239;
}
.pro-rela-product
{
    margin-top: 5rem;
}
.pro-rela-product h2
{
    font-size: 1.75rem;
    padding-left: 2.5rem;
    font-weight: 500;
    color: #222;
    background: url(/png/xhu6lxpu.png) no-repeat left center;
}
.post-related-product-ul
{
    display: flex;
    gap: 1.33%;
    flex-wrap: wrap;
    margin-top: 1.75rem;
}
.zixun-nav-menu
{
    border: .06rem solid #eaeaea;
}
.zixun-nav-menu .zixun-nav-menu-in
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu
{
    display: flex;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li
{
    position: relative;
    margin-right: 4.38rem;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li:last-child
{
    margin-right: 0;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li:last-child::after
{
    display: none;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li::after
{
    display: inline-block;
    content: "";
    width: 1px;
    height: .88rem;
    background: #ddd;
    position: absolute;
    top: 50%;
    right: -2.19rem;
    transform: translateY(-50%);
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li.current-menu-item a
{
    border-bottom: .25rem solid #ffd239;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li.current-menu-item a::after
{
    border-color: #ffd239 transparent transparent transparent;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li.current-solu_cat-ancestor a
{
    border-bottom: .25rem solid #ffd239;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li.current-solu_cat-ancestor a::after
{
    border-color: #ffd239 transparent transparent transparent;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li a
{
    display: inline-block;
    height: 6.63rem;
    line-height: 6.63rem;
    font-size: 1.13rem;
    font-weight: 700;
    color: #222;
    position: relative;
    transition: all .3s;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li a:hover
{
    color: #ffd239;
}
.zixun-nav-menu .zixun-nav-menu-in .other-menu .menu li a::after
{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    border-color: transparent transparent transparent transparent;
    position: absolute;
    bottom: -.6rem;
    left: 50%;
    transform: translateX(-50%);
}
.zixun-nav-menu .zixun-nav-menu-in .btn-swt
{
    display: inline-block;
    width: 10rem;
    height: 2.88rem;
    text-align: center;
    line-height: 2.88rem;
    border: .06rem solid #ffd239;
    font-size: .88rem;
    color: #222;
    transition: all .3s;
}
.zixun-nav-menu .zixun-nav-menu-in .btn-swt:hover
{
    background: #ffd239;
}
.xz-about-content
{
    margin-top: 5rem;
}
.xz-about-content .wp-block-columns
{
    align-items: center!important;
}
.xz-about-content .wp-block-column h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.xz-about-content .wp-block-column h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.xz-about-content .wp-block-column h3
{
    font-size: 1.13rem;
    color: #222;
    font-weight: 700;
    line-height: 1.75rem;
}
.xz-about-content .wp-block-column h3::after
{
    display: block;
    content: "";
    width: 2.5rem;
    height: .63rem;
    background: #ffd239;
    margin-top: 1.88rem;
    margin-bottom: 1.88rem;
}
.xz-about-content p
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
    margin-bottom: 1.5rem;
}
.xz-about-content p strong
{
    display: inline-block;
    font-size: 3.5rem;
    color: #eaeaea;
    margin-top: 2.2rem;
}
.xz-fazhanlicheng
{
    background: url(/png/o6kky4sa.png) center;
}
.xz-fazhanlicheng-in
{
    padding-top: 5rem;
}
.xz-fazhanlicheng-in h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.xz-fazhanlicheng-in h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.xz-fazhanlicheng-in .licheng-jianjie
{
    color: #666;
    margin-top: 1.69rem;
}
.xz-fazhanlicheng-in span
{
    font-size: 3.5rem;
    color: #eaeaea;
    font-weight: 700;
    display: inline-block;
    line-height: 4.25rem;
    text-transform: uppercase;
    margin-top: .9rem;
}
.xz-fazhanlicheng-content
{
    padding: 8rem 0;
    position: relative;
}
.xz-fazhanlicheng-content::before
{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .6rem .6rem .6rem;
    border-color: transparent transparent #ddd transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.xz-fazhanlicheng-content::after
{
    display: block;
    content: "";
    width: 1px;
    height: 95%;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 50%;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column
{
    position: relative;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column::after
{
    display: inline-block;
    content: "";
    width: 1.63rem;
    height: 1.63rem;
    background: #fff;
    opacity: 1;
    border: .13rem solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: .7rem;
    right: -2rem;
    z-index: 9;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column:nth-child(1)
{
    text-align: right;
    padding-right: 1rem;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column:nth-child(2)
{
    margin-top: 28rem;
    padding-left: 1rem;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column:nth-child(2)::after
{
    left: -2rem;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column h3
{
    font-size: 2.63rem;
    color: #222;
    font-weight: 700;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column p
{
    margin-top: 1.25rem;
}
.xz-fazhanlicheng-content .wp-block-columns .wp-block-column img
{
    margin-top: 1.88rem;
}
.jishushili-in
{
    margin-top: 5rem;
}
.jishushili-in h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.jishushili-in h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.jishushili-in span
{
    font-size: 3.5rem;
    color: #eaeaea;
    font-weight: 700;
    display: block;
    line-height: 4.25rem;
    text-transform: uppercase;
    margin-top: .9rem;
}
.jishushili-content
{
    margin: 2.5rem 0 5rem;
}
.jishushili-content .wp-block-columns
{
    background: #f8f8f8;
}
.jishushili-content .wp-block-columns .wp-block-column
{
    flex-basis: auto;
    width: 50%;
}
.jishushili-content .wp-block-columns .wp-block-column img
{
    display: block;
}
.jishushili-content .wp-block-columns .wp-block-column i
{
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background: #ffd239;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 4rem;
    font-size: 2rem;
    position: relative;
    z-index: 9;
}
.jishushili-content .wp-block-columns .wp-block-column i::after
{
    display: inline-block;
    content: "";
    width: 5.25rem;
    height: 5.25rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(255,210,57,.5);
    z-index: -1;
}
.jishushili-content .wp-block-columns .wp-block-column h3
{
    font-size: 1.25rem;
    font-weight: 700;
    color: #222;
    margin-top: 1.7rem;
    margin-bottom: 1.25rem;
}
.jishushili-content .wp-block-columns .wp-block-column p
{
    font-size: .88rem;
    color: #555;
    line-height: 1.75rem;
}
.jishushili-content .wp-block-columns:nth-child(2n-1) .wp-block-column:nth-child(2)
{
    padding: 3rem 9rem 2rem 3.75rem;
}
.jishushili-content .wp-block-columns:nth-child(2n) .wp-block-column:nth-child(1)
{
    padding: 3rem 9rem 2rem 3.75rem;
}
.zhizaonengli-in
{
    margin-top: 5rem;
}
.zhizaonengli-in h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.zhizaonengli-in h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.zhizaonengli-in span
{
    font-size: 3.5rem;
    color: #eaeaea;
    font-weight: 700;
    display: block;
    line-height: 4.25rem;
    text-transform: uppercase;
    margin-top: .9rem;
}
.zhizaonengli-content
{
    margin-top: 3.75rem;
}
.zhizaonengli-content .wp-block-columns
{
    gap: 0;
}
.zhizaonengli-content .wp-block-columns .wp-block-column
{
    flex-basis: auto;
    width: 50%;
    align-items: center!important;
}
.zhizaonengli-content .wp-block-columns .wp-block-column i
{
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background: #ffd239;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 4rem;
    font-size: 2rem;
    position: relative;
    z-index: 9;
}
.zhizaonengli-content .wp-block-columns .wp-block-column i::after
{
    display: inline-block;
    content: "";
    width: 5.25rem;
    height: 5.25rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(255,210,57,.5);
    z-index: -1;
}
.zhizaonengli-content .wp-block-columns .wp-block-column h3
{
    font-size: 1.25rem;
    font-weight: 700;
    color: #222;
    margin-top: 1.7rem;
    margin-bottom: 1.25rem;
    position: relative;
}
.zhizaonengli-content .wp-block-columns .wp-block-column h3::after
{
    display: block;
    content: "";
    width: 6.13rem;
    height: .63rem;
    background: linear-gradient(90deg,#ffd239 0,#fff 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.zhizaonengli-content .wp-block-columns .wp-block-column p
{
    font-size: .88rem;
    color: #555;
    line-height: 1.75rem;
}
.zhizaonengli-content .wp-block-columns .wp-block-column .gallery .gallery-item
{
    padding-right: 1rem;
}
.zhizaonengli-content .wp-block-columns .wp-block-column .gallery .gallery-caption
{
    font-size: .81rem;
    line-height: 1.5rem;
    color: #555;
    margin-top: 1.2rem;
    text-align: left;
}
.zhizaonengli-content .wp-block-columns .wp-block-column .gallery img
{
    border: none!important;
    display: block;
    border-radius: 1.5rem 0;
}
.zhizaonengli-content .wp-block-columns:nth-child(2n-1) .wp-block-column:nth-child(2)
{
    padding: 0 9rem 0 3rem;
}
.zhizaonengli-content .wp-block-columns:nth-child(2n) .wp-block-column:nth-child(1)
{
    padding: 0 3rem 0 9rem;
}
.jishuzhichi-in
{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.jishuzhichi-in h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.jishuzhichi-in h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.jishuzhichi-in p
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
    margin-top: 1.56rem;
}
.jishuzhichi-lunbo
{
    margin-top: 2.8rem;
}
.jishuzhichi-lunbo .gallery img
{
    border: none!important;
}
.jishuzhichi-lunbo .slick-next, .jishuzhichi-lunbo .slick-prev
{
    position: absolute;
    z-index: 9;
    border: none;
    width: 2.88rem;
    height: 2.88rem;
    border: none;
    background: rgba(255,255,255,.3);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .3s;
    color: #333;
}
.jishuzhichi-lunbo .slick-next i, .jishuzhichi-lunbo .slick-prev i
{
    font-size: 1.2rem;
}
.jishuzhichi-lunbo .slick-next:hover, .jishuzhichi-lunbo .slick-prev:hover
{
    color: #333;
    background: #ffd239;
}
.jishuzhichi-lunbo .slick-prev
{
    left: 0;
}
.jishuzhichi-lunbo .slick-next
{
    right: 0;
}
.shiqieshiyan-in
{
    margin-top: 5rem;
}
.shiqieshiyan-in h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.shiqieshiyan-in h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.shiqieshiyan-in .shiqieshiyan-jianjie
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
    margin-top: 1.56rem;
}
.shiqieshiyan-in .shiqieshiyan-content
{
    margin-top: 3.56rem;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-columns
{
    align-items: center!important;
    background: #f8f8f8;
    gap: 0;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-columns:nth-child(2n-1) .wp-block-column:nth-child(2)
{
    padding: 5rem 3.75rem;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-columns:nth-child(2n) .wp-block-column:nth-child(1)
{
    padding: 3.75rem;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-column
{
    flex-basis: auto;
    width: 50%;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-column img
{
    display: block;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-column h3
{
    font-size: 1rem;
    color: #222;
    font-weight: 700;
    line-height: 1.63rem;
    margin-bottom: 1.88rem;
}
.shiqieshiyan-in .shiqieshiyan-content .wp-block-column p
{
    color: #555;
    font-size: .88rem;
    line-height: 1.63rem;
}
.qiege-liucheng
{
    padding-top: 3rem;
}
.qiege-liucheng h2
{
    text-align: center;
}
.qiege-liucheng h2 span
{
    font-size: 2.25rem;
    font-weight: 700;
    color: #222;
}
.qiege-liucheng .qiege-liucheng-in
{
    height: 41.81rem;
    background: #f8f8f8;
    margin-top: 2.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qiege-liucheng .qiege-liucheng-content
{
    height: 27.28rem;
    background: url(/png/kvv1pqel.png) no-repeat center;
    background-size: contain;
    position: relative;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top
{
    width: 100%;
    display: flex;
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top li
{
    font-size: 1rem;
    color: #222;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top li:nth-child(1)
{
    position: absolute;
    left: 12%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top li:nth-child(2)
{
    position: absolute;
    left: 29%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top li:nth-child(3)
{
    position: absolute;
    left: 54%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-top li:nth-child(4)
{
    position: absolute;
    left: 73%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom
{
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li
{
    font-size: 1rem;
    color: #222;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li:nth-child(1)
{
    position: absolute;
    left: 1.5%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li:nth-child(2)
{
    position: absolute;
    left: 21%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li:nth-child(3)
{
    position: absolute;
    left: 42.7%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li:nth-child(4)
{
    position: absolute;
    left: 64%;
}
.qiege-liucheng .qiege-liucheng-content .qiege-liucheng-bottom li:nth-child(5)
{
    position: absolute;
    left: 86.4%;
}
.shiqiedizhi
{
    margin-top: 5rem;
}
.shiqiedizhi .shiqiedizhi-in
{
    padding: 3.12rem;
    background: #f8f8f8;
}
.shiqiedizhi .shiqiedizhi-in h2
{
    font-size: 1.5rem;
    color: #222;
    text-align: center;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.88rem;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item
{
    width: 49%;
    background: #fff;
    padding: 2.5rem 3.12rem;
    border: .06rem solid #eaeaea;
    margin-bottom: 1.25rem;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item h3
{
    font-size: 1.13rem;
    color: #222;
    padding-left: 1.8rem;
    position: relative;
    font-weight: 700;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item h3::before
{
    display: inline-block;
    content: "";
    width: .6rem;
    height: .6rem;
    border: .3rem solid #ffd239;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item ul
{
    margin-top: 1.88rem;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item ul li
{
    margin-bottom: .8rem;
    font-size: .88rem;
    color: #666;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item ul li a
{
    color: #666;
    transition: all .3s;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item ul li a:hover
{
    color: #ffd239;
}
.shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item ul li:last-child
{
    margin-bottom: 0;
}
.changjianwenti-tit-search
{
    display: flex;
    justify-content: space-between;
    margin-top: 4.25rem;
}
.changjianwenti-tit-search h2
{
    font-size: 2.5rem;
    color: #222;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
.changjianwenti-tit-search h2::after
{
    display: inline-block;
    content: "";
    width: 100%;
    height: 1.9rem;
    background: #ffd239;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.changjianwenti-tit-search .changjianwenti-tit-search-right
{
    width: 31.88rem;
    height: 3.75rem;
    background: #fff;
    border-radius: 0;
    border: .06rem solid #eaeaea;
}
.changjianwenti-tit-search .changjianwenti-tit-search-right form
{
    width: 100%;
    height: 100%;
    position: relative;
}
.changjianwenti-tit-search .changjianwenti-tit-search-right form #s
{
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    padding-left: 1.8rem;
}
.changjianwenti-tit-search .changjianwenti-tit-search-right form #submit
{
    border: none;
    outline: 0;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    cursor: pointer;
    background: #eaeaea;
    color: #222;
    position: absolute;
    top: 0;
    right: 0;
}
.changjianwenti-content
{
    margin-top: 3.25rem;
}
.zhengpinpeijian-content
{
    margin-top: 3.25rem;
    margin-bottom: 5rem;
}
.zhidao
{
    height: 11.25rem;
    background: url(/jpg/z4jbf43z.jpg) no-repeat center;
    margin-top: 5rem;
    margin-bottom: 3rem;
    padding: 0 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zhidao .zhidao-left h2
{
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.63rem;
}
.zhidao .zhidao-left a
{
    display: inline-block;
    width: 8.75rem;
    height: 2.88rem;
    border-radius: 6.25rem;
    border: .06rem solid #fff;
    text-align: center;
    line-height: 2.88rem;
    color: #fff;
    transition: all .3s;
    margin-top: 1.2rem;
}
.zhidao .zhidao-left a:hover
{
    transform: translateX(3px);
}
.zhidao .zhidao-right ul
{
    display: flex;
}
.zhidao .zhidao-right ul li
{
    color: #fff;
    margin-right: 5rem;
    position: relative;
}
.zhidao .zhidao-right ul li::after
{
    display: inline-block;
    content: "";
    height: 100%;
    border-right: 1px dotted #fff;
    position: absolute;
    top: 50%;
    right: -2.5rem;
    transform: translateY(-50%);
}
.zhidao .zhidao-right ul li:last-child
{
    margin-right: 0;
}
.zhidao .zhidao-right ul li:last-child::after
{
    display: none;
}
.zhidao .zhidao-right ul li p
{
    font-size: .88rem;
}
.zhidao .zhidao-right ul li a
{
    display: inline-block;
    color: #fff;
    font-size: 1.5rem;
    color: #fff;
    transition: all .3s;
    margin-top: .3rem;
}
.zhidao .zhidao-right ul li a:hover
{
    transform: translateX(3px);
}
.page-contact .page-contact-content
{
    background: #f8f8f8;
    padding: 3.13rem;
}
.page-contact .page-contact-content h2
{
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    text-align: center;
}
.page-contact .page-contact-content .zixun-item
{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 1.88rem;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns:nth-child(2) .wp-block-column ul
{
    display: flex;
    flex-wrap: wrap;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns:nth-child(2) .wp-block-column ul li
{
    width: 50%;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns:nth-child(2) .wp-block-column ul li strong
{
    width: 5rem;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column
{
    background: #fff;
    padding: 2.5rem 3rem;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column h3
{
    font-size: 1.13rem;
    color: #222;
    padding-left: 1.5rem;
    font-weight: 700;
    position: relative;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column h3::before
{
    display: inline-block;
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: .25rem solid #ffd239;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul
{
    margin-top: 1.2rem;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li
{
    margin-top: .35rem;
    font-size: .88rem;
    color: #666;
    line-height: 1.63rem;
    position: relative;
    display: flex;
    padding-left: 1rem;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li:before
{
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    background: #666;
    border-radius: 50%;
    position: absolute;
    top: .6rem;
    left: 0;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li strong
{
    display: inline-block;
    width: 3rem;
    font-weight: 500;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li em
{
    font-style: normal;
    display: inline-block;
    width: calc(100% - 2rem);
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li a
{
    color: #555;
    transition: all .3s;
}
.page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column ul li a:hover
{
    color: #ffd239;
}
.page-contact-img
{
    padding: 5rem 0;
    background: #f8f8f8;
    margin-top: 3.75rem;
}
.page-contact-img .page-contact-img-in
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.join-us .join-us-in
{
    margin-top: 3.88rem;
}
.join-us .join-us-in h2
{
    font-size: 1.75rem;
    color: #222;
    font-weight: 500;
}
.join-us .join-us-in ul
{
    display: flex;
    justify-content: space-between;
    margin-top: 6.1rem;
}
.join-us .join-us-in ul li
{
    width: 32%;
    padding: 4.5rem 2.5rem 2.5rem;
    background: #f8f8f8;
    position: relative;
}
.join-us .join-us-in ul li i
{
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 5rem;
    color: #ffd239;
    border: .06rem solid #ffd239;
    font-size: 2rem;
    position: absolute;
    top: -2.5rem;
    left: 2.5rem;
}
.join-us .join-us-in ul li h3
{
    font-size: 1.13rem;
    color: #222;
}
.join-us .join-us-in ul li p
{
    margin-top: .88rem;
    font-size: .88rem;
    color: #666;
    line-height: 1.63rem;
}
.yingpin-xuzhi
{
    height: 26.5rem;
    background: url(/png/eb4pi18b.png) no-repeat center;
    margin-top: 5rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in
{
    padding-top: 5rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in h2
{
    font-size: 1.75rem;
    font-weight: 700;
    color: #222;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul
{
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li
{
    width: 32%;
    padding: 2.3rem 2.5rem;
    border: .63rem solid #fff;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li h3
{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li h3 i
{
    width: 2.5rem;
    height: 2.5rem;
    background: #ffd239;
    border-radius: 50%;
    color: #222;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.8rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li h3 span
{
    font-size: 1.25rem;
    color: #222;
    font-weight: 500;
    margin-left: 1.2rem;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li p
{
    font-size: .88rem;
    line-height: 1.63rem;
    color: #555;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li p em
{
    font-style: normal;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li p a
{
    color: #555;
    transition: all .3s;
}
.yingpin-xuzhi .yingpin-xuzhi-in ul li p a:hover
{
    color: #ffd239;
}
.gongzuo-jihui-in h2
{
    font-size: 1.75rem;
    color: #222;
    font-weight: 500;
    margin-top: 3.88rem;
    font-weight: 700;
}
.xz-zhaopin-tit
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5rem 0;
    font-size: .88rem;
    height: 5.06rem;
    border-top: .3rem solid #d9b588;
    background: #f8f8f8;
    margin-top: 3.75rem;
    color: #555;
}
.xz-zhaopin-tit span
{
    display: inline-block;
    width: 10rem;
}
.xz-zhaopin-tit ul
{
    display: flex;
}
.xz-zhaopin-tit ul li
{
    width: 8rem;
    text-align: center;
}
.xz-zhaopin-tit ul li:last-child
{
    margin-right: 0;
}
.xz-zhaopin-tit i
{
    font-style: normal;
    display: inline-block;
    width: 8.75rem;
    text-align: center;
}
.single-jiaru
{
    border-bottom: .06rem solid #eaeaea;
}
.single-jiaru-in
{
    display: flex;
    border: .06rem solid #eaeaea;
    border-bottom: none;
    margin-top: 1.88rem;
}
.single-jiaru-in .single-jiaru-left
{
    width: calc(100% - 19.38rem);
    padding: 3.75rem 5rem;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.5rem;
    border-bottom: 1px dotted #eaeaea;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-left h2
{
    font-size: 1.5rem;
    color: #222;
    font-weight: 500;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-left ul
{
    display: flex;
    margin-top: 1rem;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-left ul li
{
    font-size: .88rem;
    color: #757983;
    margin-right: 1.5rem;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-left ul li:last-child
{
    margin-right: 0;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-right a
{
    display: inline-block;
    width: 10rem;
    height: 3rem;
    background: #fff;
    border-radius: 6.25rem;
    border: .06rem solid #ffd239;
    text-align: center;
    line-height: 3rem;
    font-size: .88rem;
    color: #222;
    transition: all .3s;
}
.single-jiaru-in .single-jiaru-left .single-jiaru-info .jiaru-info-right a:hover
{
    color: #fff;
    background: #ffd239;
}
.single-jiaru-in .single-jiaru-left .single-nav
{
    display: flex;
    align-items: center;
    margin-top: 3.75rem;
    background: #f8f8f8;
}
.single-jiaru-in .single-jiaru-left .single-nav>p
{
    width: 50%;
    padding: 2.5rem;
    border-top: .25rem solid transparent;
    transition: all .3s;
}
.single-jiaru-in .single-jiaru-left .single-nav>p:hover
{
    border-top: .25rem solid #ffd239;
}
.single-jiaru-in .single-jiaru-left .single-nav>p .link i
{
    display: block;
    font-style: normal;
    font-size: .88rem;
    color: #b5b6b6;
}
.single-jiaru-in .single-jiaru-left .single-nav>p .link a
{
    display: block;
    font-size: .88rem;
    color: #222;
    margin-top: .7rem;
    transition: all .3s;
}
.single-jiaru-in .single-jiaru-left .single-nav>p .link a:hover
{
    color: #ffd239;
}
.single-jiaru-in .single-jiaru-right
{
    width: 19.38rem;
    border-left: .06rem solid #eaeaea;
    padding: 0 1.25rem 1.25rem;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi
{
    margin-top: 1.25rem;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content
{
    padding: 2.13rem 1.8rem;
    background: #f8f8f8;
    border-top: .25rem solid #ffd239;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content h2
{
    font-size: 1.13rem;
    color: #222;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content ul li
{
    font-size: .88rem;
    margin-top: 1rem;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content ul li span
{
    color: #555;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content ul li span i
{
    margin: 0 .9rem;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content ul li a
{
    color: #222;
    transition: all .3s;
    font-weight: 700;
}
.single-jiaru-in .single-jiaru-right .zhaopin-lianxi .zhaopin-lianxi-content ul li a:hover
{
    color: #ffd239;
}
.single-jiaru-content h3
{
    font-size: 1.13rem;
    color: #222;
    font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
}
.single-jiaru-content p
{
    font-size: .88rem;
    color: #555;
    line-height: 2.25rem;
}
.single-jiaru-content.news-content p
{
    line-height: 1.63rem;
    margin-top: 1rem;
}
.zuixin-gangwei
{
    margin-top: 4.6rem;
}
.zuixin-gangwei h2
{
    font-size: 1.7rem;
    color: #222;
    padding-left: 2.2rem;
    font-weight: 600;
    background: url(/png/xhu6lxpu.png) no-repeat left center;
}
.xz-zhiwei-ul
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    margin-bottom: 5rem;
}
.xz-news-list .news-list-sticky
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xz-news-list-bottom
{
    margin-bottom: 2rem;
}
.news-list-ul
{
    padding: 3.13rem;
    border: .06rem solid #eaeaea;
}
.news-rela-news-in
{
    margin-top: 4.6rem;
}
.news-rela-news-in h2
{
    font-size: 1.7rem;
    color: #222;
    padding-left: 2.2rem;
    font-weight: 600;
    background: url(/png/xhu6lxpu.png) no-repeat left center;
}
.related-news-ul
{
    display: flex;
    justify-content: space-between;
}
.news-rela-pro-in
{
    margin-top: 4.6rem;
}
.news-rela-pro-in h2
{
    font-size: 1.7rem;
    color: #222;
    padding-left: 2.2rem;
    font-weight: 600;
    background: url(/png/xhu6lxpu.png) no-repeat left center;
}
.news-related-products-ul
{
    display: flex;
    gap: 1.33%;
    flex-wrap: wrap;
    margin-top: 3.75rem;
}
.xiazai-content
{
    display: flex;
    justify-content: space-between;
    margin-top: 3.31rem;
    margin-bottom: 3rem;
}
.xiazai-content .xiazai-content-left
{
    width: 19.38rem;
}
.xiazai-content .xiazai-content-right
{
    width: calc(100% - 22rem);
}
#menu-xiazaizhongxin>.menu-item
{
    margin-bottom: 3px;
}
#menu-xiazaizhongxin>.menu-item.current-category-ancestor>a
{
    background: #ffd239;
}
#menu-xiazaizhongxin>.menu-item.current-category-ancestor>a::after
{
    transform: translateY(-50%) rotate(90deg);
    border-color: transparent transparent transparent #222;
}
#menu-xiazaizhongxin>.menu-item.current-category-ancestor>.sub-menu
{
    display: block;
}
#menu-xiazaizhongxin>.menu-item.current-menu-item>a
{
    background: #ffd239;
}
#menu-xiazaizhongxin>.menu-item.current-menu-item>a::after
{
    transform: translateY(-50%) rotate(90deg);
    border-color: transparent transparent transparent #222;
}
#menu-xiazaizhongxin>.menu-item.current-menu-item>.sub-menu
{
    display: block;
}
#menu-xiazaizhongxin>.menu-item>a
{
    display: block;
    height: 5rem;
    line-height: 5rem;
    padding: 0 0 0 2.5rem;
    background: #f8f8f8;
    color: #222;
    font-weight: 700;
    position: relative;
}
#menu-xiazaizhongxin>.menu-item>a::after
{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #999;
    position: absolute;
    border-width: .4rem 0 .4rem .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.8rem;
}
#menu-xiazaizhongxin>.menu-item>.sub-menu
{
    display: none;
}
#menu-xiazaizhongxin>.menu-item>.sub-menu>.menu-item
{
    padding: 0 2.5rem;
    background: #fbfbfb;
}
#menu-xiazaizhongxin>.menu-item>.sub-menu>.menu-item.current-menu-item
{
    background: rgba(255,210,57,.2);
}
#menu-xiazaizhongxin>.menu-item>.sub-menu>.menu-item:last-child>a
{
    border-bottom: none;
}
#menu-xiazaizhongxin>.menu-item>.sub-menu>.menu-item>a
{
    display: inline-block;
    width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: .88rem;
    color: #555;
    border-bottom: 1px dotted #ddd;
}
.xz-solution-in
{
    display: flex;
    justify-content: space-between;
    margin-top: 2.56rem;
}
.xz-solution-in .xz-solution-left
{
    width: 19.38rem;
}
.xz-solution-in .xz-solution-right
{
    width: calc(100% - 23rem);
}
.xz-solution-in .xz-solution-right h2
{
    font-size: 2.25rem;
    color: #222;
    font-weight: 700;
}
.xz-solution-in .xz-solution-right h3
{
    font-size: 1.5rem;
    color: #222;
    font-weight: 500;
    padding-left: 2.5rem;
    background: url(/png/xhu6lxpu.png) no-repeat left 92%;
    margin-bottom: 1.88rem;
    padding-top: 2.5rem;
    margin-top: 1.88rem;
    border-top: .06rem solid #ddd;
}
.xz-solution-in .xz-solution-right h3:nth-of-type(1)
{
    border-top: none;
    margin-top: 0;
}
.xz-solution-in .xz-solution-right p
{
    font-size: .88rem;
    color: #555;
    line-height: 1.63rem;
    margin-bottom: .3rem;
}
.xz-solution-in .xz-solution-right .gallery .slick-next, .xz-solution-in .xz-solution-right .gallery .slick-prev
{
    position: absolute;
    z-index: 9;
    border: none;
    width: 2.88rem;
    height: 2.88rem;
    border: none;
    background: rgba(255,255,255,.3);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .3s;
    color: #333;
}
.xz-solution-in .xz-solution-right .gallery .slick-next i, .xz-solution-in .xz-solution-right .gallery .slick-prev i
{
    font-size: 1.2rem;
}
.xz-solution-in .xz-solution-right .gallery .slick-next:hover, .xz-solution-in .xz-solution-right .gallery .slick-prev:hover
{
    color: #333;
    background: #ffd239;
}
.xz-solution-in .xz-solution-right .gallery .slick-prev
{
    left: 0;
}
.xz-solution-in .xz-solution-right .gallery .slick-next
{
    right: 0;
}
.xz-solution-in .xz-solution-right .gallery img
{
    border: none!important;
}
.term_lv1
{
    display: none;
}
.term_lv1.act
{
    display: block;
}
.term_lv2
{
    margin-bottom: 3px;
}
.term_lv2.act>.term_lv2_item
{
    display: block;
}
.term_lv2.act>a
{
    background: #ffd239;
}
.term_lv2.act>a::after
{
    transform: translateY(-50%) rotate(90deg);
    border-color: transparent transparent transparent #222;
}
.term_lv2.current-item>.term_lv2_item
{
    display: block;
}
.term_lv2.current-item>a
{
    background: #ffd239;
}
.term_lv2.current-item>a::after
{
    transform: translateY(-50%) rotate(90deg);
    border-color: transparent transparent transparent #222;
}
.term_lv2>a
{
    display: block;
    height: 5rem;
    line-height: 5rem;
    padding: 0 0 0 2.5rem;
    background: #f8f8f8;
    color: #222;
    font-weight: 700;
    position: relative;
}
.term_lv2>a::after
{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #999;
    position: absolute;
    border-width: .4rem 0 .4rem .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.8rem;
}
.term_lv2_item
{
    display: none;
}
.term_lv3
{
    padding: 0 2.5rem;
    background: #fbfbfb;
}
.term_lv3:last-child>a
{
    border-bottom: none;
}
.term_lv3.current-item
{
    background: rgba(255,210,57,.2);
}
.term_lv3>a
{
    display: inline-block;
    width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: .88rem;
    color: #555;
    border-bottom: 1px dotted #ddd;
}
.shiqie-form-in
{
    padding: 3rem;
    background: #f8f8f8;
    margin-top: 3rem;
}
.shiqie-form-in h2
{
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}
.shiqie-form-in h3
{
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.zhengpinpeijian-ul
{
    display: flex;
    flex-wrap: wrap;
    gap: 1.33%;
}
.page-search
{
    padding: 88px 0;
    background: #f0f3f8;
}
.search-area
{
    width: 722px;
    margin: 0 auto;
}
#get-search
{
    position: fixed;
    padding: 0 8px;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.get-search .mfp-close
{
    display: none;
}
.page-search #searchform
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.page-search #searchform #s
{
    display: block;
    flex: 1;
    padding: 12px 0;
    text-indent: 22px;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    background: #fff;
}
.page-search #s::-webkit-input-placeholder
{
    font-size: 14px;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #999;
}
.page-search #s:-moz-placeholder
{
    font-size: 14px;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #999;
}
.page-search #s::-moz-placeholder
{
    font-size: 14px;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #999;
}
.page-search #s:-ms-input-placeholder
{
    font-size: 14px;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
    color: #999;
}
.page-search #submit
{
    display: block;
    flex: none;
    width: 66px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    color: #222;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.search-type-sec
{
    flex: none;
    width: 8.31rem;
    position: relative;
    background: #fff;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #eaeaea;
    cursor: pointer;
}
.search-type
{
    padding: 13px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.search-type-name
{
    flex: none;
    font-size: 1rem;
    font-family: OpenSans-Regular,Helvetica,Arial,sans-serif;
}
.search-type-icon
{
    flex: none;
}
.search-type-icon .iconfont
{
    font-size: .88rem;
    color: #ee9f09;
    display: inline-block;
    transform: rotate(90deg) scaleY(1.5);
    margin-left: .5rem;
}
.search-list
{
    display: none;
    position: absolute;
    left: 0;
    top: 48px;
    padding: 8px 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.4);
}
.result-list-sec
{
    margin-top: 2.8rem;
    margin-bottom: 2rem;
}
.search-item
{
    width: 120px;
    padding: 6px 5px 6px 21px;
    font-size: 16px;
    line-height: 20px;
    transition: color .3s;
}
.search-item:hover
{
    color: #ee9f09;
}
.search-count
{
    margin-top: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    font-family: OpenSans-Light,Helvetica,Arial,sans-serif;
}
.search-count-txt
{
    color: #ccc;
}
.found-result
{
    width: 520px;
    padding-bottom: 40px;
    margin: 72px auto 0;
}
.result-tit
{
    font-size: 1rem;
    color: #0c1b33;
}
.results-tips
{
    padding-top: 14px;
}
.results-tip
{
    margin-top: 8px;
    font-size: .88rem;
    line-height: 2rem;
    color: #666;
}
.results-btn
{
    display: block;
    margin-top: 38px;
    width: 11.25rem;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
    font-size: .88rem;
    color: #fff;
    background: #d9b588;
    border-radius: 4px;
}
.results-btn:hover
{
    color: #fff;
    transform: translateY(-4px);
}
.results-parent
{
    margin-top: 42px;
    border-bottom: 1px solid #eaeaea;
}
.search-type-list
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.search-type-list li
{
    display: none;
    position: relative;
    flex: none;
    margin-right: 40px;
    padding-bottom: 28px;
    font-size: 18px;
    line-height: 22px;
    color: #ccc;
}
.search-type-list li::after
{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #ccc;
    content: '';
}
.search-type-list .current
{
    display: block;
}
.pro-rela-in
{
    display: flex;
    gap: 4.1%;
    flex-wrap: wrap;
}
.pro-rela-in .xz-loop-pro
{
    width: 30.6%;
}
.xz-product-ul-search
{
    margin: 0 auto;
    display: flex;
    gap: 1.33%;
    flex-wrap: wrap;
}
.xz-product-ul-search .xz-loop-hot-pro
{
    width: 24%;
    margin: 0 0 2rem;
}
.xz-product-ul-search .xz-hot-pro-tit
{
    color: #333;
    transition: all .3s;
}
.xz-product-ul-search .xz-hot-pro-tit:hover
{
    color: #ee9f09;
}
@media screen and (max-width: 700px)
{
    .page-search
    {
        padding: 2rem 0;
    }
    .search-area
    {
        width: 95%;
    }
    .page-search #searchform #s
    {
        width: 20%;
    }
    .page-search #submit
    {
        width: 2.8rem;
    }
    .search-type-sec
    {
        width: 7rem;
    }
    .search-item
    {
        width: 7rem;
        padding: 6px;
        font-size: .88rem;
    }
    .search-type-list li
    {
        padding-bottom: 20px;
    }
    .result-list-sec
    {
        margin-bottom: 1rem;
    }
    .related-pro-ul .xz-pro-tit
    {
        margin-top: .2rem;
    }
}
@media screen and (max-width: 850px)
{
    .single-product_detail_top .product_detail_top_right .product_detail_top_content h2
    {
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 800px)
{
    .xz-fazhanlicheng-content
    {
        padding: 3rem 0;
    }
    .xz-fazhanlicheng-content::before
    {
        display: none;
    }
    .xz-fazhanlicheng-content::after
    {
        display: none;
    }
    .xz-fazhanlicheng-content .wp-block-columns .wp-block-column:nth-child(1)
    {
        text-align: left;
    }
    .xz-fazhanlicheng-content .wp-block-columns .wp-block-column:nth-child(2)
    {
        margin-top: 0;
    }
    .xz-fazhanlicheng-content .wp-block-columns .wp-block-column::after
    {
        display: none;
    }
    .zhidao .zhidao-left h2
    {
        font-size: 1.55rem;
        line-height: 2.53rem;
    }
}
@media screen and (max-width: 768px)
{
    .zixun-nav-menu
    {
        display: none;
    }
    .zhidao
    {
        display: none;
    }
    .single-product_detail_top
    {
        flex-wrap: wrap;
    }
    .single-product_detail_top .product_detail_top_left
    {
        width: 100%;
    }
    .single-product_detail_top .product_detail_top_right
    {
        width: 100%;
        margin-top: 2rem;
    }
    .xz-pro_unit-wrap
    {
        display: none;
    }
    .xz-pro-bottom-content
    {
        border-top: 1px solid #eaeaea;
    }
}
@media screen and (max-width: 650px)
{
    #xzform-box-form2
    {
        height: 3300px!important;
    }
    .shiqie-form-in
    {
        padding: 3rem 1.5rem 0;
    }
    .shiqie-form-in h2
    {
        font-size: 1.5rem;
    }
    .shiqie-form-in h3
    {
        font-size: .98rem;
    }
    .xiazai-content
    {
        flex-wrap: wrap-reverse;
    }
    .xiazai-content .xiazai-content-left
    {
        width: 100%;
    }
    .xiazai-content .xiazai-content-right
    {
        width: 100%;
    }
    .xz-pro-bottom-content
    {
        flex-wrap: wrap;
    }
    .xz-pro-bottom-content .pro-bottom-content-left
    {
        width: 100%;
        padding: 3rem 1.5rem;
        border-right: 1px solid #eaeaea;
    }
    .xz-pro-bottom-content .pro-bottom-content-right
    {
        width: 100%;
    }
    .xz-solution-in
    {
        flex-wrap: wrap-reverse;
    }
    .xz-solution-in .xz-solution-left
    {
        width: 100%;
        margin-top: 2rem;
    }
    .xz-solution-in .xz-solution-right
    {
        width: 100%;
    }
    .xz-solution-in .xz-solution-right h2
    {
        font-size: 1.8rem;
    }
    .form-why h2
    {
        font-size: 1.5rem;
    }
    .form-why .form-why-content
    {
        flex-wrap: wrap;
    }
    .form-why .form-why-content .form-why-content-left
    {
        width: 100%;
    }
    .form-why .form-why-content .form-why-content-right
    {
        width: 100%;
        margin-top: 1rem;
        background-repeat: repeat;
    }
    .single-jiaru-in
    {
        flex-wrap: wrap;
    }
    .single-jiaru-in .single-jiaru-left
    {
        width: 100%;
        padding: 2rem 0;
    }
    .single-jiaru-in .single-jiaru-left .single-nav
    {
        margin-top: 2.2rem;
    }
    .single-jiaru-in .single-jiaru-left .single-nav>p
    {
        padding: 1.5rem;
    }
    .single-jiaru-in .single-jiaru-right
    {
        width: 100%;
    }
    .single-jiaru-in .single-jiaru-right .zhaopin-lianxi img
    {
        width: 100%;
    }
    .related-news-ul
    {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 600px)
{
    .product-list-menu
    {
        display: none;
    }
    .xz-term_con
    {
        display: none;
    }
    .xz-about-content
    {
        margin-top: 2.8rem;
    }
    .xz-about-content .wp-block-column h2
    {
        font-size: 2.2rem;
    }
    .xz-about-content p strong
    {
        font-size: 2.2rem;
    }
    .xz-fazhanlicheng-in
    {
        padding-top: 3rem;
    }
    .xz-fazhanlicheng-in h2
    {
        font-size: 2.2rem;
    }
    .xz-fazhanlicheng-in span
    {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }
    .jishushili-in
    {
        margin-top: 3rem;
    }
    .jishushili-in h2
    {
        font-size: 2.2rem;
    }
    .jishushili-in span
    {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }
    .jishushili-content .wp-block-columns:nth-child(2n-1) .wp-block-column:nth-child(2)
    {
        padding: 2.4rem 2rem 2rem 1.75rem;
    }
    .jishushili-content .wp-block-columns:nth-child(2n) .wp-block-column:nth-child(1)
    {
        padding: 2.4rem 2rem 2rem 1.75rem;
    }
    .zhizaonengli-in
    {
        margin-top: 3rem;
    }
    .zhizaonengli-in h2
    {
        font-size: 2.2rem;
    }
    .zhizaonengli-in span
    {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }
    .zhizaonengli-content .wp-block-columns:nth-child(2n-1) .wp-block-column:nth-child(2)
    {
        padding: 0 2rem 0 2rem;
        margin-top: 1rem;
    }
    .zhizaonengli-content .wp-block-columns:nth-child(2n) .wp-block-column:nth-child(1)
    {
        padding: 0 2rem 0 2rem;
        margin-bottom: 1rem;
    }
    .jishuzhichi-in
    {
        margin: 3rem 0;
    }
    .jishuzhichi-in h2
    {
        font-size: 2.2rem;
    }
    .shiqieshiyan-in
    {
        margin-top: 3rem;
    }
    .shiqieshiyan-in h2
    {
        font-size: 2.2rem;
    }
    .qiege-liucheng
    {
        display: none;
    }
    .shiqiedizhi
    {
        margin-top: 2rem;
    }
    .shiqiedizhi .shiqiedizhi-in
    {
        padding: 1.5rem;
    }
    .shiqiedizhi .shiqiedizhi-in .shiqiedizhi-content .shiqiedizhi-item
    {
        width: 100%;
        padding: 2rem;
    }
    .changjianwenti-tit-search
    {
        margin-top: 3rem;
    }
    .changjianwenti-tit-search h2
    {
        font-size: 2.2rem;
    }
    .changjianwenti-tit-search .changjianwenti-tit-search-right
    {
        display: none;
    }
    .changjianwenti-content
    {
        margin-top: 2.25rem;
    }
    .page-contact .page-contact-content .zixun-item .wp-block-columns .wp-block-column
    {
        padding: 2.5rem 1.5rem;
    }
    .page-contact .page-contact-content .zixun-item .wp-block-columns:nth-child(2) .wp-block-column ul li
    {
        width: 100%;
    }
    .join-us .join-us-in
    {
        margin-top: 2.5rem;
    }
    .join-us .join-us-in ul
    {
        flex-wrap: wrap;
    }
    .join-us .join-us-in ul li
    {
        width: 100%;
        margin-bottom: 4rem;
    }
    .join-us .join-us-in ul li:last-child
    {
        margin-bottom: 0;
    }
    .xz-zhaopin-tit ul
    {
        display: none;
    }
    .yingpin-xuzhi
    {
        height: auto;
    }
    .yingpin-xuzhi .yingpin-xuzhi-in
    {
        background-repeat: repeat;
        padding-top: 0;
    }
    .yingpin-xuzhi .yingpin-xuzhi-in ul
    {
        flex-wrap: wrap;
    }
    .yingpin-xuzhi .yingpin-xuzhi-in ul li
    {
        width: 100%;
    }
}
#menu-item-1403>a
{
    color: #333!important;
}
#menu-item-1403>a::after
{
    display: none!important;
}
