@charset "UTF-8";
img, textarea {
    max-width: 100%
}
table, textarea {
    width: 100%
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, textarea {
    display: block
}
li, ol, ul {
    list-style: none
}
#menu-main>li>.sub-menu, #searchform, .xz-cases_wrap .xz-cases-total li:hover, .xz-relpro-ul>li:hover img, .xz-sec-home-news .list-item:hover img {
    box-shadow: 0 .25rem 1.169rem .144rem rgba(33,24,21,.16)
}
.clearfix:after, .slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}
.mfp-close, a, a:hover {
    text-decoration: none
}
.mfp-arrow, .slick-slider, body, html {
    -webkit-tap-highlight-color: transparent
}
a, blockquote, body, button, code, dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, label, li, main, ol, p, pre, q, section, span, table, td, textarea, th, tr, ul {
    margin: 0;
    padding: 0
}
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem
}
body, html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    height: 100%;
    font-family: DIN-Regular, Arial, simsun, sans-serif;
    user-select: none
}
hr {
    border-bottom: 1px solid #000
}
img {
    height: auto;
    vertical-align: middle;
    border-style: none
}
a {
    cursor: pointer;
    transition: color .3s;
    color: #005ba9
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}
textarea {
    border-radius: 0;
    -moz-appearance: none
}
::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#999
}
[type=reset], [type=submit], [type=button], button {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}
input[type=number] {
    -moz-appearance: textfield
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
table, td, th, tr {
    border-collapse: collapse;
    border-spacing: 0
}
button, input, select, textarea {
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    font-family: DIN-Regular, sans-serif
}
.clearfix:after {
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0
}
:focus {
    outline: 0
}
li {
    margin-bottom: 0
}
body {
    min-height: 100vh;
    background: #fff
}
.container {
    flex: 1
}
@font-face {
    font-family: iconfont;
    src: url(fonts/iconfont.eot);
    src: url(fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(fonts/iconfont.woff) format("woff"), url(fonts/iconfont.ttf) format("truetype"), url(fonts/iconfont.svg#iconfont) format("svg")
}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: DIN-Regular, sans-serif
}
.mfp-container, .slick-slider, img.mfp-img {
    box-sizing: border-box
}
.xz-topinfo-x .xz-main .info-email, .xz-topinfo-x .xz-main .info-tel, .xz-topinfo-x .xz-main a {
    font-family: SourceSansPro-Regular
}
@font-face {
    font-family: DIN-Light;
    src: url(fonts/DIN-Light.eot);
    src: local("☺"), url(fonts/DIN-Light.woff) format("woff"), url(fonts/DIN-Light.ttf) format("truetype"), url(fonts/DIN-Light.svg) format("svg")
}
@font-face {
    font-family: DIN-Bold;
    src: url(fonts/DIN-Bold.eot);
    src: local("☺"), url(fonts/DIN-Bold.woff) format("woff"), url(fonts/DIN-Bold.ttf) format("truetype"), url(fonts/DIN-Bold.svg) format("svg")
}
@font-face {
    font-family: DIN-Medium;
    src: url(fonts/DIN-Medium.eot);
    src: local("☺"), url(fonts/DIN-Medium.woff) format("woff"), url(fonts/DIN-Medium.ttf) format("truetype"), url(fonts/DIN-Medium.svg) format("svg")
}
@font-face {
    font-family: DIN-Regular;
    src: url(fonts/DIN-Regular.eot);
    src: local("☺"), url(fonts/DIN-Regular.woff) format("woff"), url(fonts/DIN-Regular.ttf) format("truetype"), url(fonts/DIN-Regular.svg) format("svg")
}
@font-face {
    font-family: SourceSansPro-Semibold;
    src: url(fonts/SourceSansPro-Semibold.eot);
    src: local("☺"), url(fonts/SourceSansPro-Semibold.woff) format("woff"), url(fonts/SourceSansPro-Semibold.ttf) format("truetype"), url(fonts/SourceSansPro-Semibold.svg) format("svg")
}
@font-face {
    font-family: SourceSansPro-Regular;
    src: url(fonts/SourceSansPro-Regular.eot);
    src: local("☺"), url(fonts/SourceSansPro-Regular.woff) format("woff"), url(fonts/SourceSansPro-Regular.ttf) format("truetype"), url(fonts/SourceSansPro-Regular.svg) format("svg")
}
.alignleft {
    display: inline;
    float: left
}
.alignright {
    display: inline;
    float: right
}
.aligncenter, .db {
    display: block
}
.aligncenter {
    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
}
.ani_up {
    transform: translateY(100px);
    opacity: 0;
    transition: all .5s
}
.ani_up.onstage {
    transform: translateY(0);
    opacity: 1
}
.xz-main {
    width: 1400px;
    margin: 0 auto
}
.tac {
    text-align: center
}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.xz-topinfo-x {
    height: 2.813rem;
    background: #005ba9
}
.xz-topinfo-x .xz-main {
    color: #fefefe;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.xz-topinfo-x .xz-main a {
    color: #fefefe;
    transition: all .3s
}
#menu-main, #xz-logo {
    transition: all .3s cubic-bezier(.34, .16, .18, 1.35)
}
.xz-topinfo-x .xz-main a:hover {
    filter: brightness(1.1);
    color: #fdab30
}
.xz-topinfo-x .xz-main .iconfont {
    color: #fdab30;
    font-size: 1.25rem;
    vertical-align: top
}
.xz-topinfo-x .xz-main .info-email {
    margin-left: 10px
}
.xz-header, .xz-header-x {
    display: flex;
    align-items: center
}
#xz-logo {
    width: 9.375rem
}
#xz-logo:hover {
    transform: scale(1.05)
}
.menu-main-container {
    flex: 1;
    padding: 0 5.5%
}
#menu-main {
--menu_height:8rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: var(--menu_height)
}
#menu-main a {
    font-family: DIN-Bold;
    font-size: 1.125rem;
    color: #333
}
#menu-main>li {
    position: relative;
    z-index: 888;
    top: 50%;
    transform: translateY(-25%);
    height: 4rem
}
#menu-main>li>a {
    display: inline-block;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0 1.375rem;
    border-radius: .9rem;
    white-space: nowrap;
    transition: all .3s
}
#s, #searchform {
    height: 2.875rem
}
#menu-main>li.current-menu-ancestor>a, #menu-main>li.current-menu-item>a, #menu-main>li.current-menu-parent>a, #menu-main>li>a:hover {
    background-color: #005ba9;
    color: #fff
}
#menu-main>li:hover {
    z-index: 999
}
#menu-main>li>.sub-menu {
    position: absolute;
    background-color: #fff;
    z-index: 9999999;
    padding: 1.2rem 2rem 1rem;
    display: none
}
#menu-main>li>.sub-menu>li {
    position: relative;
    margin-bottom: .7rem;
    transition: all .3s
}
#s, #submit {
    position: absolute
}
#menu-main>li>.sub-menu>li:hover {
    transform: translateX(4px)
}
#menu-main>li>.sub-menu>li:hover>a {
    color: #005ba9
}
#menu-main>li>.sub-menu>li>a {
    white-space: nowrap;
    font-family: DIN-Regular;
    font-size: .95rem;
    transition: all .3s;
    color: #666
}
.footer-body .footer-contact ul li, .footer-body .footer-contact ul li a {
    font-family: SourceSansPro-Regular
}
#searchform {
    width: 15rem;
    border-radius: 1.406rem;
    border: .063rem solid #d6d6d6;
    position: relative;
    overflow: hidden;
    transition: all .3s
}
#s {
    background: #fff;
    top: 0;
    left: 0;
    line-height: 2.875rem;
    font-size: 1rem;
    padding-left: .5rem;
    width: calc(100% - 2.3rem)
}
#submit {
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3rem;
    background: 0 0;
    color: #005ba9
}
#head-menu-btn {
    display: none
}
.footer-body {
    background: #43494b;
    color: #dad9d9;
    padding: 3.25rem 0
}
.footer-body>.xz-main {
    display: flex
}
.footer-body>.xz-main .footer-item {
    width: 33.333%
}
.footer-body .footer-contact {
    padding-right: 10%
}
.footer-body .footer-contact ul li {
    display: flex;
    line-height: 2rem
}
.footer-body .footer-contact ul li .iconfont {
    margin-right: 1rem
}
.footer-body .footer-contact ul li strong {
    margin-right: .2rem
}
.footer-body .footer-menu {
    padding-right: 6%;
    transform: translateX(-2rem)
}
.footer-body #menu-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.footer-body #menu-footer li {
    margin-bottom: 1.6rem
}
.footer-body #menu-footer li a {
    display: inline-block;
    transition: all .3s
}
.footer-body #menu-footer li a:hover {
    transform: translateX(3px)
}
.footer-body #menu-footer li a::before {
    display: inline-block;
    content: ">";
    margin-right: .5rem
}
.footer-bottom .xz-main, .footer-bottom .xz-main .footer-sns, .footer-bottom .xz-main .footer-tip {
    display: flex
}
.footer-body .foot-form h3 {
    margin-bottom: 1.5rem
}
.footer-body h3 {
    color: #fff;
    font-family: DIN-Bold;
    font-size: 1.5rem;
    margin-bottom: 2.3rem
}
.footer-bottom .xz-main .copyright p, .footer-bottom .xz-main .footer-sns a, .footer-bottom .xz-main .footer-tip {
    font-family: DIN-Light
}
.footer-body a {
    color: #dad9d9;
    transition: all .3s
}
.footer-body a:hover {
    color: #fdab30
}
.footer-bottom {
    background: #30383e;
    height: 6.375rem;
    color: #c2c2c2
}
.footer-bottom .xz-main {
    justify-content: space-between;
    align-items: center;
    height: 100%
}
.footer-bottom .xz-main .footer-tip p {
    display: flex;
    align-items: center
}
.footer-bottom .xz-main .footer-sns a {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c2c2c2;
    color: #c2c2c2;
    margin-left: .6rem;
    transition: all .3s
}
.footer-bottom .xz-main .footer-sns a:hover {
    background: #005ba9;
    color: #fff;
    border: 1px solid #005ba9
}
.xz-item-hint, .xz-sec-home-about .xz-advantage ul li strong, .xz-sec-home-about .xz-hint, .xz-sec-hot-products .xz-hint, .xz-sec-hot-products .xz-hint span {
    font-family: DIN-Bold
}
.xz-sec-hot-products {
    background: #f5f5f5;
    padding-bottom: 4rem
}
.xz-sec-hot-products .xz-hint {
    color: #333;
    font-size: 3.125rem;
    padding-top: 4rem
}
.xz-sec-hot-products .xz-hint span {
    color: #005ba9
}
.xz-sec-hot-products .xz-hot-pro-des {
    color: #666;
    margin-top: .6rem
}
.xz-relpro-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.xz-relpro-ul>li {
    width: 32.14%;
    overflow: hidden;
    margin-top: 3rem;
    transition: all .3s
}
.xz-relpro-ul>li:hover {
    transform: translateY(-3px)
}
.xz-relpro-ul>li:hover img {
    border: 1px solid #005ba9
}
.xz-relpro-ul>li:hover .tit {
    color: #005ba9
}
.xz-relpro-ul>li img {
    transition: all .3s;
    border: 1px solid transparent
}
.xz-relpro-ul>li .tit {
    text-align: center;
    color: #333;
    font-size: 1.25rem;
    transition: all .3s;
    padding-top: 1.2rem
}
.xz-sec-home-about {
    height: 40.625rem;
    background: url(../img/home-about_bg.jpg) center no-repeat
}
.xz-sec-home-about .xz-main {
    padding: 0 15rem
}
.xz-sec-home-about .xz-hint {
    color: #fff;
    font-size: 3.125rem;
    padding-top: 5rem
}
.xz-sec-home-about .xz-des {
    line-height: 1.625rem;
    color: #dad9d9;
    margin-top: 2rem
}
.xz-sec-home-about .xz-home-video {
    width: 3.125rem;
    height: 6.813rem;
    margin: 1.2rem auto 0
}
.xz-sec-home-about .xz-home-video .video-open {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../img/home-video_bg.png) center no-repeat;
    transition: all .3s
}
.xz-sec-home-about .xz-home-video .video-open:hover {
    transform: scale(.95);
    filter: brightness(1.4)
}
.xz-sec-home-about .xz-advantage {
    color: #dad9d9;
    margin-top: 2.5rem
}
.xz-sec-home-about .xz-advantage ul {
    display: flex;
    justify-content: space-between
}
.xz-sec-home-about .xz-advantage ul li {
    width: 25%;
    text-align: center;
    padding: 0 1rem;
    border-right: 1px solid #7a7a7a
}
.xz-sec-home-about .xz-advantage ul li:last-child {
    border: none
}
.xz-sec-home-about .xz-advantage ul li strong {
    display: block;
    color: #fff;
    font-size: 4.125rem;
    margin-bottom: 1rem
}
.xz-sec-home-cases {
    height: 35.5rem;
    background: url(../img/home-cases_bg.jpg) center no-repeat;
    padding: 4.9rem 0
}
.xz-item-hint {
    font-size: 3.125rem;
    color: #333;
    margin-bottom: 4.8rem
}
.xz-hotcases-ul li {
    position: relative;
    overflow: hidden;
    transition: all .3s
}
.xz-hotcases-ul li:hover {
    transform: translateY(-3px)
}
.xz-hotcases-ul li:hover .info {
    opacity: 1
}
.xz-hotcases-ul li img {
    transition: all .3s
}
.xz-hotcases-ul li .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1.5rem;
    background: rgba(0,91,169,.7);
    color: #fff;
    width: calc(100% - 15px);
    padding: 3.25rem 0 0 2.25rem;
    opacity: 0;
    transition: all .3s
}
.xz-hotcases-ul li .info .more {
    position: absolute;
    bottom: 1.8rem;
    right: 1rem;
    font-size: 1.2rem
}
.xz-hotcases-ul .slick-next, .xz-hotcases-ul .slick-prev {
    z-index: 999;
    top: -6.6rem;
    width: auto;
    height: auto
}
.xz-hotcases-ul .slick-next:before, .xz-hotcases-ul .slick-prev:before {
    font-family: iconfont;
    display: inline-block;
    font-size: 1.2rem;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    font-weight: 100;
    transition: all .3s cubic-bezier(.34, .16, .18, 1.35)
}
.xz-hotcases-ul .slick-prev {
    left: auto;
    right: 5.25rem
}
.xz-hotcases-ul .slick-prev:before {
    content: "\e60b";
    color: #c2c2c2;
    border: 2px solid #c2c2c2
}
.xz-hotcases-ul .slick-prev:hover:before {
    color: #005ba9;
    border: 2px solid #005ba9
}
.xz-hotcases-ul .slick-next {
    right: 2rem
}
.xz-hotcases-ul .slick-next:before {
    content: "\e60c";
    color: #c2c2c2;
    border: 2px solid #c2c2c2
}
.xz-hotcases-ul .slick-next:hover:before {
    color: #005ba9;
    border: 2px solid #005ba9
}
.xz-sec-home-news {
    padding: 4.9rem 0
}
.xz-sec-home-news .xz-item-hint {
    position: relative
}
.xz-sec-home-news .xz-item-hint::after {
    display: block;
    content: "";
    width: 76%;
    height: 1px;
    background: #c2c2c2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.xz-sec-home-news .slick-next, .xz-sec-home-news .slick-prev {
    z-index: 999;
    top: -6.7rem;
    width: auto;
    height: auto
}
.xz-sec-home-news .slick-next:before, .xz-sec-home-news .slick-prev:before {
    font-family: iconfont;
    display: inline-block;
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    line-height: 1.9rem;
    font-weight: 100;
    transition: all .3s cubic-bezier(.34, .16, .18, 1.35);
    text-align: center
}
.xz-sec-home-news .slick-prev {
    left: auto;
    right: 5.25rem
}
.xz-sec-home-news .slick-prev:before {
    content: "\e60b";
    color: #c2c2c2;
    border: 2px solid #c2c2c2
}
.xz-sec-home-news .slick-prev:hover:before {
    color: #005ba9;
    border: 2px solid #005ba9
}
.xz-sec-home-news .slick-next {
    right: 2rem
}
.xz-sec-home-news .slick-next:before {
    content: "\e60c";
    color: #c2c2c2;
    border: 2px solid #c2c2c2
}
.xz-sec-home-news .slick-next:hover:before {
    color: #005ba9;
    border: 2px solid #005ba9
}
.xz-sec-home-news .list-item {
    height: 24rem;
    transition: all .3s
}
.xz-sec-home-news .list-item img {
    transition: all .3s;
    height: 0;
    opacity: 0
}
.xz-sec-home-news .list-item .tit_wrap {
    width: calc(100% - 60px)
}
.xz-sec-home-news .list-item:hover img {
    height: 220px;
    opacity: 1;
    display: block;
    margin-bottom: -5px
}
.xz-sec-home-news .list-item:hover .item-info {
    padding: 0 1rem 1rem;
    background: #005ba9;
    color: #fff
}
.xz-sec-home-news .list-item:hover .item-info .item-tit {
    height: 4.5rem;
    overflow: hidden
}
.xz-sec-home-news .list-item:hover .item-info .item-tit a {
    color: #fff
}
.xz-sec-home-news .list-item:hover .item-info .item_brief {
    height: 0;
    opacity: 0;
    margin-top: 0;
    overflow: hidden
}
.xz-sec-home-news .list-item:hover .item-info .item-detail_time {
    margin-top: .3rem;
    display: block
}
.xz-sec-home-news .list-item:hover .item-info .see-more_wrap {
    margin-top: .8rem;
    display: block
}
.xz-sec-home-news .list-item:hover .time_wrap {
    height: 0;
    opacity: 0
}
.xz-sec-home-news .list-item .item-info {
    padding: 0 0 1rem;
    transition: all .3s
}
.xz-sec-home-news .list-item .item-info .item-tit {
    line-height: 1.5rem;
    padding-top: 1rem
}
.xz-sec-home-news .list-item .item-info .item-tit a {
    font-family: DIN-Bold;
    font-size: 1.25rem;
    color: #666;
    transition: all .3s
}
.xz-sec-home-news .list-item .item-info .item_brief {
    margin-top: 2rem;
    height: 7.5rem;
    line-height: 1.5rem
}
.xz-sec-home-news .list-item .item-info .item-detail_time {
    display: none;
    font-family: DIN-Light;
    font-size: .875rem
}
.nav-links a, .nav-links span, .xz-cases_wrap .xz-cases-total li .info .tit, .xz-sec-home-news .list-item .time_wrap p, .xz-service-wrap ul li, .xz-toppic .xz-page_tit {
    font-family: DIN-Bold
}
.xz-sec-home-news .list-item .item-info .see-more_wrap {
    width: 7rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    border-radius: .9rem;
    color: #fff;
    background-color: #333;
    display: none
}
.xz-sec-home-news .list-item .time_wrap {
    display: flex;
    width: 5.75rem;
    height: 5.75rem;
    padding-left: .8rem;
    border: 2px solid #005ba9;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    transition: all .3s
}
.xz-sec-home-news .list-item .time_wrap p {
    font-size: 1.25rem;
    color: #666
}
.xz-sec-home-news .list-item .time_wrap p:nth-child(1) {
    font-size: 1.5rem
}
.xz-toppic {
    height: 280px
}
.xz-toppic .xz-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.xz-toppic .xz-page_tit {
    color: #fff;
    font-size: 2.25rem
}
.xz-toppic .xz-breadcrumb {
    color: #fff;
    margin-top: 1rem;
    opacity: .8
}
.xz-toppic .xz-breadcrumb a {
    color: #fff;
    transition: all .3s
}
.xz-toppic .xz-breadcrumb a:hover {
    color: #fdab30
}
.xz-service-wrap ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.xz-service-wrap ul li {
    width: 49%;
    height: 23.75rem;
    padding: 0 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: .3rem;
    background: #f5f5f5;
    margin-bottom: 2.5rem;
    color: #333
}
.xz-service-wrap ul li img {
    margin-bottom: 1rem
}
.xz-service-wrap ul li strong {
    display: block;
    margin-top: .6rem;
    color: #666
}
ul.xz-pro-nav li {
    margin-bottom: 15px;
    margin-right: 10px
}
.xz-pro-nav {
    display: flex;
    flex-wrap: wrap
}
.xz-pro-nav>li.current-menu-ancestor>a, .xz-pro-nav>li.current-menu-item>a, .xz-pro-nav>li.current-menu-parent>a {
    background: #005ba9;
    color: #fff
}
.xz-pro-nav>li>a {
    display: inline-block;
    height: 3.375rem;
    line-height: 3.375rem;
    border-radius: .6rem;
    padding: 0 2.9rem;
    font-size: 1.125rem;
    background: #fff;
    color: #666;
    transition: all .3s
}
.xz-pro-nav>li>a:hover {
    background: #005ba9;
    color: #fff
}
.nav-links {
    text-align: center;
    margin-top: 4rem
}
.nav-links a, .nav-links span {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    text-align: center;
    line-height: 45px;
    background-color: #f5f5f5;
    color: #666;
    margin: 0 6px;
    transition: all .3s
}
.nav-links a:hover, .nav-links span:hover {
    color: #005ba9
}
.nav-links span.current {
    color: #fff;
    background-color: #005ba9
}
.xz-cases_wrap .xz-cases-total {
    display: flex;
    flex-wrap: wrap
}
.xz-cases_wrap .xz-cases-total li {
    width: 31.25%;
    margin-right: 3.125%;
    transition: all .3s;
    background: #f5f5f5
}
.xz-cases_wrap .xz-cases-total li:hover {
    transform: translateY(-4px)
}
.xz-cases_wrap .xz-cases-total li:nth-child(3) {
    margin-right: 0
}
.xz-cases_wrap .xz-cases-total li .thumb {
    display: block;
    overflow: hidden
}
.xz-cases_wrap .xz-cases-total li .thumb img {
    transition: all .3s
}
.xz-cases_wrap .xz-cases-total li .thumb img:hover {
    transform: scale(1.02)
}
.xz-cases_wrap .xz-cases-total li .info {
    padding: 2rem 1rem 2.15rem;
    background: #f5f5f5
}
.xz-cases_wrap .xz-cases-total li .info .tit {
    display: inline-block;
    font-size: 1.125rem;
    color: #333;
    white-space: normal;
    transition: all .3s
}
.xz-cases_wrap .xz-cases-total li .info .tit:hover {
    color: #005ba9
}
.xz-cases_wrap .xz-cases-total li .info .txt {
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    color: #666;
    margin-top: 1rem
}
.xz-cases_wrap .xz-cases-total li .info .btn {
    display: inline-block;
    width: 7rem;
    height: 1.8rem;
    text-align: center;
    line-height: 1.8rem;
    border-radius: .9rem;
    border: 1px solid #005ba9;
    margin-top: 1.5rem;
    transition: all .3s
}
.xz-cases_wrap .xz-cases-total li .info .btn:hover {
    background: #005ba9;
    color: #fff
}
.xz-cases_wrap .xz-cases-total li .info .btn span {
    margin-left: .5rem
}
.xz-news_wrap .main-wrap {
    padding: 5rem 0
}
.xz-news_wrap .main-wrap:nth-child(even) {
    background: #f5f5f5
}
.xz-news_wrap .main-wrap li {
    display: flex
}
.xz-news_wrap .main-wrap li .thumb_wrap {
    width: 25%;
    overflow: hidden;
    transition: all .3s
}
.xz-news_wrap .main-wrap li .info_wrap {
    display: flex;
    padding-top: 2.2rem;
    width: 75%
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap {
    color: #999;
    font-size: 1.5rem;
    width: 7rem;
    height: 5rem;
    border-right: 1px solid #e2e2e2;
    margin-left: 5.875rem
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap p {
    font-family: DIN-Medium
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap p:nth-child(1) {
    font-size: 1.875rem;
    white-space: nowrap
}
.xz-news_wrap .main-wrap li .item-info {
    margin-left: 1.875rem;
    width: 70%
}
.xz-news_wrap .main-wrap li .item-info .item-tit {
    line-height: 1.7rem
}
.xz-news_wrap .main-wrap li .item-info .item-tit a {
    font-family: DIN-Bold;
    color: #333;
    font-size: 1.75rem;
    transition: all .3s
}
.xz-news_wrap .main-wrap li .item-info .item-tit a:hover {
    color: #005ba9
}
.xz-news_wrap .main-wrap li .item-info .item_brief {
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    color: #666;
    margin-top: 1rem
}
.xz-news_wrap .main-wrap li .item-info .btn {
    display: inline-block;
    width: 7rem;
    height: 1.8rem;
    text-align: center;
    line-height: 1.6rem;
    border-radius: .9rem;
    border: 1px solid #005ba9;
    margin-top: 1.8rem;
    transition: all .3s
}
.xz-news_wrap .main-wrap li .item-info .btn:hover {
    background: #005ba9;
    color: #fff
}
.xz-news_wrap .main-wrap li .item-info .btn span {
    margin-left: .5rem
}
.xz-contact-info {
    display: flex;
    border: 1px solid #e2e2e2;
    background: #f5f5f5
}
.xz-contact-info .xz-contact_img {
    width: 41.6%
}
.xz-contact-info .xz-info_way {
    width: 58.4%;
    padding: 5rem 2rem 0
}
.xz-contact-info .xz-info_way h1 {
    font-family: DIN-Bold;
    color: #333;
    font-size: 1.5rem
}
.xz-contact-info .xz-info_way h1::after {
    display: block;
    content: "";
    width: 5.063rem;
    height: .125rem;
    background: #999;
    margin-top: 1rem
}
.xz-contact-info .xz-info_way ul {
    margin-top: 4rem
}
.xz-contact-info .xz-info_way ul li {
    color: #666;
    margin-bottom: 1rem;
    font-family: SourceSansPro-Regular
}
.xz-contact-info .xz-info_way ul li i {
    color: #005ba9;
    margin-right: .8rem
}
.xz-contact-info .xz-info_way ul li a {
    color: #666;
    font-family: SourceSansPro-Regular;
    transition: all .3s
}
.xz-about-factory h2, .xz-about_content-x .xz-about_content h1, .xz-customer-fill h2 {
    font-family: DIN-Bold
}
.xz-contact-info .xz-info_way ul li a:hover {
    color: #005ba9
}
.xz-customer-fill h2 {
    color: #333;
    margin: 4rem 0;
    font-size: 2rem
}
.xz-about_content-x {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.xz-about_content-x li {
    width: 48%
}
.xz-about_content-x .xz-about_content h1 {
    font-size: 1.875rem;
    color: #333;
    margin-bottom: 2rem;
    position: relative
}
.xz-about_content-x .xz-about_content h1::after {
    display: inline-block;
    content: "ABOUT US";
    font-size: 5rem;
    color: #f5f5f5;
    white-space: nowrap;
    position: absolute;
    top: -.8rem;
    left: -7rem;
    z-index: -1
}
.xz-about_content-x .xz-about_content p {
    color: #666;
    line-height: 1.5rem;
    margin-top: 1rem;
    position: relative;
    z-index: 999
}
.xz-about_content-x .xz-about-img-x {
    position: relative
}
.xz-about_content-x .xz-about-img-x .video-open {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/icon2.png) center no-repeat;
    background-size: 100%;
    transition: all .3s
}
.xz-about_content-x .xz-about-img-x .video-open:hover {
    filter: brightness(1.3);
    width: 3.5rem;
    height: 3.5rem
}
.xz-about-factory h2 {
    color: #333;
    margin: 4rem 0;
    font-size: 2rem
}
.xz-about-factory .slick-next:before, .xz-about-factory .slick-prev:before {
    font-family: iconfont;
    font-size: 2rem;
    transition: all .3s cubic-bezier(.34, .16, .18, 1.35)
}
.xz-about-factory #gallery-1 .gallery-item {
    margin-right: 10px
}
.xz-about-factory #gallery-1 img {
    border: none
}
.xz-about-factory .slick-next, .xz-about-factory .slick-prev {
    z-index: 999;
    width: auto;
    height: auto
}
.xz-about-factory .slick-prev {
    left: -3rem
}
.xz-about-factory .slick-prev:before {
    content: "\e60b";
    color: #666
}
.xz-about-factory .slick-prev:hover:before {
    color: #005ba9
}
.xz-about-factory .slick-next {
    right: -2rem
}
.xz-about-factory .slick-next:before {
    content: "\e60c";
    color: #666
}
.xz-about-factory .slick-next:hover:before {
    color: #005ba9
}
.xz-single-item_tit {
    font-family: DIN-Bold;
    font-size: 1.875rem;
    color: #333;
    margin: 5rem auto 2.5rem
}
.single-item_left .xz-single-content-x p, .single-item_right .xz-rela-news .item-brief p, .single-item_right .xz-rela-news h1 a {
    font-family: SourceSansPro-Regular
}
.xz-single-item_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5rem
}
.xz-single-item_content .a2a_kit>a>span {
    display: none
}
.single-item_left {
    width: 64%
}
.single-item_left .time-share {
    border-bottom: 1px solid #e2e2e2;
    line-height: 2.5rem;
    margin-bottom: 2.5rem
}
.single-item_left .time-share .post-time {
    float: left;
    color: #005ba9
}
.single-item_left .time-share .post-time .iconfont {
    margin-right: .5rem
}
.single-item_left .time-share .post-share {
    float: right
}
.single-item_left .time-share .post-share .iconfont {
    display: inline-block;
    font-size: 1.6rem;
    margin-left: 1rem;
    transition: all .3s
}
.single-item_left .time-share .post-share .iconfont:hover {
    transform: translateY(-3px)
}
.single-item_left .xz-single-content-x {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e2e2
}
.single-item_left .xz-single-content-x p {
    color: #666;
    line-height: 1.5rem;
    margin-top: 1rem
}
.single-item_left .xz-single-content-x .wp-block-gallery {
    margin-top: 2.2rem
}
.single-item_right {
    width: 28%
}
.single-item_right .single-item-rela-x {
    background: #f5f5f5;
    padding: 3rem 2.125rem
}
.single-item_right .single-item-rela-x h2 {
    font-size: 1.5rem;
    color: #005ba9
}
.single-item_right .xz-rela-news li {
    padding-bottom: .5rem;
    border-bottom: 1px solid #e2e2e2
}
.single-item_right .xz-rela-news h1 a {
    display: inline-block;
    color: #333;
    transition: all .3s;
    margin-top: 1.8rem;
    font-size: 1.25rem
}
.single-item_right .xz-rela-news h1 a:hover {
    color: #005ba9
}
.single-item_right .xz-rela-news .item-brief {
    margin-top: 1.2rem;
    color: #999;
    line-height: 1.5rem;
    height: 6rem;
    overflow: hidden
}
.single-nav {
    margin-top: 2rem
}
.single-nav .link {
    font-family: DIN-Bold;
    color: #005ba9;
    margin-bottom: .4rem;
    display: inline-block
}
.single-nav .link a {
    font-family: DIN-Regular;
    color: #666;
    transition: all .3s
}
.single-nav .link a:hover {
    color: #005ba9
}
.xz-pro-detail {
    margin-top: 5.5rem;
    padding-bottom: 5.6rem
}
.xz-pro-detail_top {
    display: flex;
    justify-content: space-between
}
.xz-pro-detail_top .xz-pro-detail_top_left {
    width: 53%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show {
    width: 82%
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show li {
    display: none
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show li.active {
    display: block
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show img {
    border: 1px solid #e2e2e2;
    border-radius: 3px
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav {
    width: 16%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav li {
    margin-bottom: 30px
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav li:last-child {
    margin-bottom: 0
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav li.active img {
    border: 1px solid #005ba9
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav img {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    transition: all .3s;
    cursor: pointer
}
.xz-pro-detail_top .xz-pro-detail_top_right {
    width: 42%
}
.xz-pro-detail_top .xz-pro-detail_top_right h1 {
    font-family: DIN-Medium;
    font-size: 1.875rem;
    color: #333;
    padding-bottom: 1.8rem;
    border-bottom: 1px dotted #e2e2e2
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-detail-param {
    padding: 2rem 0;
    border-bottom: 1px dotted #e2e2e2
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-detail-param ul li {
    line-height: 1.688rem;
    font-family: SourceSansPro-Semibold
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-detail-param ol li {
    line-height: 1.688rem;
    font-family: SourceSansPro-Semibold;
    list-style: decimal;
    transform: translateX(16px)
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange {
    margin-top: 2.375rem
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange a {
    display: inline-block;
    width: 12.188rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    border-radius: 1.531rem;
    font-family: DIN-Bold;
    font-size: 1.125rem;
    transition: all .3s
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange a:hover {
    transform: translateY(-3px)
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange a:nth-child(1) {
    color: #fff;
    background: #333;
    margin-right: 1.6rem
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange a:nth-child(2) {
    color: #fff;
    background: #005ba9
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact {
    display: flex;
    margin-top: 2rem
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li {
    color: #666;
    font-family: SourceSansPro-Regular
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li .iconfont {
    color: #005ba9;
    margin-right: 8px
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li span {
    margin-right: 5px
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li a {
    color: #666;
    transition: all .3s;
    font-family: SourceSansPro-Regular
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li a:hover {
    color: #005ba9
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact li:nth-child(1) {
    margin-right: 1rem
}
.xz-pro-detail_bottom {
    margin-top: 2.75rem
}
.xz-pro-detail_bottom .xz-pro_unit_nav {
    background: #fff;
    overflow: auto
}
.xz-pro-detail_bottom .xz-pro_unit_nav.unit_nav_fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}
.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0
}
.xz-pro-detail_bottom .xz-pro_unit-x {
    display: flex;
    background: #fff;
    border-bottom: 1px solid #e2e2e2
}
.xz-pro-detail_bottom .xz-pro_unit-x li.active a {
    background: #005ba9;
    color: #fff
}
.xz-pro-detail_bottom .xz-pro_unit-x a {
    display: inline-block;
    white-space: nowrap;
    height: 3.313rem;
    line-height: 3.313rem;
    padding: 0 2.5rem;
    color: #666;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    transition: all .3s
}
.xz-pro-detail_bottom .xz-pro_unit-x a:hover {
    background: #005ba9;
    color: #fff;
    opacity: .9
}
.xz-pro-detail_bottom .xz-pro_unit_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5rem;
    border-bottom: 1px dotted #e2e2e2
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left {
    width: 68%
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-post-sec-tit {
    font-size: 1.5rem;
    font-family: DIN-Medium;
    color: #333;
    margin-top: 3.5rem;
    margin-bottom: 1.8rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content {
    color: #666
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content p {
    font-family: SourceSansPro-Regular;
    line-height: 1.5rem;
    font-size: 1.1rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content ul li {
    line-height: 1.5rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content .wrap {
    overflow: auto
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content table tbody tr td {
    text-transform: capitalize;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 1.1rem;
    color: #666;
    padding: 5px;
    font-family: SourceSansPro-Regular
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-pro-sec-content table tbody tr:first-child td {
    font-family: SourceSansPro-Regular;
    font-size: 1.1rem;
    color: #333
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right {
    width: 23.5%;
    margin-top: 3.5rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right .xz-relpro-ul-x {
    background: #f5f5f5;
    padding: 2.4rem 2rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right .xz-relpro-ul-x h2 {
    font-size: 1.125rem;
    font-family: DIN-Medium;
    color: #333
}
.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right .xz-relpro-ul-x .xz-relpro-ul>li {
    width: 100%;
    margin-top: 1.8rem
}
.xz-container {
    margin-top: 5rem;
    padding-bottom: 5rem
}
.xz-pro-sec-content.xz-post-x ol li {
    font-size: 1.1rem;
    list-style: decimal;
    transform: translateX(16px)
}
.xz-pro-list_wrap .nav-links a, .xz-pro-list_wrap .nav-links span {
    background-color: #fff
}
.xz-pro-list_wrap .nav-links span.current {
    color: #fff;
    background-color: #005ba9
}
.xz-relpro-ul>i {
    flex: none;
    width: 32.14%;
    height: 0;
    margin: 0
}
.xz-news_wrap .main-wrap li .thumb_wrap img {
    transition: all .3s;
    border: .5rem solid #f5f5f5
}
.xz-news_wrap .main-wrap li .thumb_wrap img:hover {
    border: .5rem solid #005ba9
}
.slick-loading .slick-list {
    background: url(ajax-loader.gif) center center no-repeat #fff
}
@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}
.slick-next, .slick-prev {
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: 0
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before, .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75
}
.slick-prev {
    left: -25px
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}
.slick-prev:before {
    content: "←"
}
.slick-next:before, [dir=rtl] .slick-prev:before {
    content: "→"
}
.slick-next {
    right: -25px
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}
[dir=rtl] .slick-next:before {
    content: "←"
}
.slick-dotted.slick-slider {
    margin-bottom: 30px
}
.slick-dots {
    bottom: -25px;
    list-style: none;
    text-align: center;
    margin: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}
.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}
.slick-track:after, .slick-track:before {
    content: "";
    display: table
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.mfp-bg {
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b
}
.mfp-wrap {
    height: 100%;
    z-index: 1043;
    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
}
.mfp-container:before {
    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: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #CCC;
    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-close, .mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    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
}
.mfp-figure:after, .mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    position: absolute;
    left: 0
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    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-figure, img.mfp-img {
    line-height: 0
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: 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-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}
img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    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-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 {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}
.mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
}
.mfp-arrow-right {
    -webkit-transform-origin: 100%;
    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: #005ba9
}
.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
}
.loop-item-200 .meta.cat_pro {
    background: #005ba9;
    color: #fff
}
.loop-item-200 .meta.cat_page {
    background: #87cefa;
    color: #fff
}
.loop-item-200 .meta.cat_case {
    background: #fff;
    color: #fff
}
.loop-item-200 .txt {
    background: #fff;
    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
}
.xz-banner-ul .slick-next:hover:before, .xz-banner-ul .slick-prev:hover:before {
    color: #005ba9
}
.xz-banner-ul .slick-next:before, .xz-banner-ul .slick-prev:before {
    font-family: iconfont;
    font-size: 2rem;
    transition: all .3s cubic-bezier(.34, .16, .18, 1.35)
}
.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-banner-ul .slick-dots li button:before {
    content: "";
    width: 1.088rem;
    height: 1.088rem;
    background: #d6d6d6;
    border-radius: 50%;
    opacity: 1
}
.xz-banner-ul .slick-dots li.slick-active button:before {
    background: #005ba9
}
.slick-dots li button, .xz-banner-ul .slick-dots li {
    width: 1.088rem;
    height: 1.088rem;
    margin: 0 .7rem
}
.xz-banner-ul.xz-banner-ul {
    overflow: hidden;
    margin-bottom: 0
}
.xz-banner-ul .slick-dots {
    bottom: 2rem
}
.xz-banner-ul .slick-next, .xz-banner-ul .slick-prev {
    z-index: 999;
    width: auto;
    height: auto
}
.xz-banner-ul .slick-prev {
    left: 4.875rem
}
.xz-banner-ul .slick-prev:before {
    content: "\e60b"
}
.xz-banner-ul .slick-next {
    right: 4.875rem
}
.xz-banner-ul .slick-next:before {
    content: "\e60c"
}

@media screen and (max-width:1500px) {
.xz-main {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto
}
.xz-about-factory .slick-next, .xz-about-factory .slick-prev {
    display: none!important
}
}

@media screen and (max-width:1366px) {
.menu-main-container {
    flex: 1;
    padding: 0 3%
}
#menu-main>li>a {
    padding: 0 1rem;
    font-size: 1rem
}
#s, #searchform {
    height: 2.5rem
}
.xz-banner-ul .slick-dots {
    display: none!important
}
.xz-hotcases-ul li .info {
    width: 100%
}
.xz-sec-home-news .list-item .tit_wrap {
    width: 95%
}
.xz-about_content-x .xz-about_content h1::after {
    left: 0
}
.xz-pro-nav li {
    margin-bottom: 20px
}
.xz-customer-fill h2 {
    margin: 3rem 0
}
.xz-pro-detail_top .xz-pro-detail_top_left {
    display: block;
    width: 50%
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show {
    width: 100%
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav {
    width: 100%;
    flex-direction: row
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav li {
    width: 23%;
    margin: 10px 10px 0 0
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav li:last-child {
    margin-right: 0
}
.xz-pro-detail_top .xz-pro-detail_top_right {
    width: 50%
}
}

@media screen and (max-width:1280px) {
.xz-sec-home-about .xz-hint, .xz-sec-hot-products .xz-hint {
    padding-top: 2rem;
    font-size: 2.5rem
}
.xz-container {
    margin-top: 3rem;
    padding-bottom: 3rem
}
.xz-relpro-ul>li {
    margin-top: 2rem
}
.xz-sec-home-about {
    height: auto;
    padding-bottom: 4rem
}
.xz-sec-home-about .xz-advantage ul li strong {
    font-size: 2.5rem
}
.xz-sec-home-about .xz-main {
    padding: 0 6rem
}
.xz-sec-home-cases {
    height: auto;
    padding: 4rem 0
}
.xz-hotcases-ul .slick-next, .xz-hotcases-ul .slick-prev {
    display: none!important
}
.xz-item-hint {
    font-size: 2.5rem;
    margin-bottom: 2rem
}
.xz-sec-home-news {
    padding: 4rem 0
}
.xz-sec-home-news .xz-item-hint::after {
    display: none
}
.xz-sec-home-news .slick-next, .xz-sec-home-news .slick-prev {
    display: none!important
}
.xz-single-item_tit {
    margin: 0 auto 2.5rem
}
.xz-contact-info .xz-info_way {
    padding: 1rem 2rem 0
}
.xz-contact-info .xz-info_way h1 {
    font-size: 1.3rem
}
.xz-contact-info .xz-info_way ul {
    margin-top: 1.5rem
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_show {
    width: 95%
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav {
    width: 95%;
    flex-direction: row
}
.xz-pro-detail_top .xz-pro-detail_top_right h1 {
    font-size: 1.5rem;
    padding-bottom: .8rem
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-detail-param {
    padding: 1rem 0
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-exchange a:nth-child(1) {
    margin-right: 0
}
.xz-pro-detail_top .xz-pro-detail_top_right .xz-pro-contact {
    margin-top: 1rem;
    flex-wrap: wrap
}
}

@media screen and (max-width:1024px) {
.xz-toppic {
    height: 200px
}
.xz-toppic .xz-page_tit {
    font-size: 2rem
}
.xz-topinfo-x, .xz-toppic .xz-breadcrumb {
    display: none
}
.xz-header {
    height: 4rem
}
#xz-logo img {
    height: 2.5rem
}
#head-menu-btn {
    display: block;
    margin-left: 1rem
}
#head-menu-btn .iconfont {
    font-size: 1.7rem
}
#menu-main {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    width: 50%;
    padding: 4rem 3rem;
    box-sizing: border-box;
    transform: translateX(140%);
    height: 100vh;
    top: 0;
    right: 0;
    transition: all .4s;
    background: #fff;
    box-shadow: -2px 0 1rem -5px rgba(0,0,0,.3);
    z-index: 9999
}
#menu-main.show {
    transform: translateX(0)
}
#menu-main>li {
    height: auto;
    margin-top: 1rem;
    position: static;
    transform: translateY(0)
}
#menu-main>li>a {
    display: inline-block
}
#menu-main>li>a:after {
    bottom: 20%
}
#menu-main>li>.sub-menu {
    position: static;
    box-shadow: none;
    padding: 0 0 0 2rem
}
#menu-main>li>.sub-menu li {
    margin-top: .5rem
}
#menu-main>li>.sub-menu .current-menu-item a {
    color: #005ba9
}
#menu-main .current-menu-ancestor .sub-menu, #menu-main .current-menu-item .sub-menu {
    display: block
}
.xz-banner-ul .slick-next, .xz-banner-ul .slick-prev {
    display: none!important
}
.xz-about_content-x {
    display: block
}
.xz-about_content-x .xz-about_content {
    float: left
}
.xz-about_content-x .xz-about-img-x {
    float: right
}
.xz-about-factory h2 {
    margin: 2rem 0
}
.footer-body {
    padding: 2.5rem 0
}
.footer-body h3 {
    margin-bottom: 1.2rem
}
.footer-body .foot-form h3 {
    margin-bottom: 1rem
}
.footer-body .footer-menu {
    transform: translateX(0)
}
.footer-body #menu-footer li {
    margin-bottom: .9rem
}
.xz-news_wrap .main-wrap {
    padding: 2rem 0
}
.xz-sec-home-cases, .xz-sec-home-news {
    padding: 3rem 0
}
.xz-news_wrap .main-wrap li .item-info .item-tit a {
    font-size: 1.25rem
}
.xz-news_wrap .main-wrap li .item-info .item_brief {
    margin-top: .5rem
}
.xz-news_wrap .main-wrap li .item-info .btn {
    margin-top: 1rem
}
.xz-news_wrap .main-wrap li .thumb_wrap, .xz-news_wrap .main-wrap li .thumb_wrap:hover {
    border: none
}
.nav-links {
    margin-top: 2.5rem
}
.xz-hotcases-ul li .info {
    display: none
}
.xz-item-hint {
    font-size: 2rem;
    margin-bottom: 1.5rem
}
.xz-sec-home-news .list-item {
    height: auto
}
.xz-sec-home-news .list-item:hover img {
    transition: all .3s;
    height: 0;
    opacity: 0
}
.xz-sec-home-news .list-item:hover .item-info {
    padding: 0 0 1rem;
    background: 0, 0;
    color: #333
}
.xz-sec-home-news .list-item:hover .item-info .item-tit {
    line-height: 1.5rem;
    height: auto;
    padding-top: 1rem
}
.xz-sec-home-news .list-item:hover .item-info .item-tit a {
    color: #666
}
.xz-sec-home-news .list-item:hover .item-info .item_brief {
    height: 7.5rem;
    opacity: 1;
    margin-top: .7rem
}
.xz-sec-home-news .list-item:hover .item-info .item-detail_time, .xz-sec-home-news .list-item:hover .item-info .see-more_wrap {
    margin-top: 0;
    display: none
}
.xz-sec-home-news .list-item:hover .time_wrap {
    height: 5.75rem;
    opacity: 1
}
.xz-sec-home-news .list-item .item-info .item_brief {
    margin-top: .7rem;
    height: 7.5rem;
    line-height: 1.5rem;
    overflow: hidden
}
.xz-sec-home-news .list-item .item-info .item-tit a {
    font-size: 1rem
}
.xz-sec-hot-products .xz-hint {
    font-size: 2rem
}
.xz-relpro-ul>li .tit {
    font-size: 1rem
}
.xz-sec-home-about .xz-hint {
    font-size: 2rem
}
.xz-sec-home-about .xz-advantage ul li {
    font-size: .8rem
}
.xz-sec-home-about .xz-advantage ul li strong {
    font-size: 2rem
}
.xz-about_content-x .xz-about_content h1 {
    font-size: 1.5rem;
    margin-bottom: .8rem
}
.xz-about_content-x .xz-about_content p {
    margin-bottom: .6rem
}
.xz-single-item_tit {
    margin: 0 auto 2rem
}
.single-item_right {
    width: 32%
}
.single-item_right .single-item-rela-x {
    padding: 2rem 1.525rem
}
}

@media screen and (max-width:800px) {
#menu-main {
    width: 65%
}
.footer-body>.xz-main .footer-item, .footer-bottom .xz-main .copyright, .footer-bottom .xz-main .footer-tip {
    width: 49%
}
.xz-sec-home-about .xz-main {
    padding: 0 2.8rem
}
.footer-body {
    padding: 2rem 0 .5rem
}
.footer-body .footer-contact {
    padding-right: 5%
}
.footer-body>.xz-main {
    justify-content: space-between
}
.footer-body>.xz-main .footer-menu {
    display: none
}
.footer-bottom .xz-main .footer-sns a {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem
}
.xz-service-wrap ul li {
    padding: 0 2rem
}
.xz-about_content-x li {
    width: 100%
}
.xz-about_content-x li.xz-about_content {
    float: none
}
.xz-about_content-x li.xz-about-img-x {
    float: none;
    margin-top: 1rem
}
.xz-toppic {
    height: 120px
}
.xz-toppic .xz-page_tit {
    font-size: 1.5rem
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap {
    margin-left: 2rem
}
.xz-news_wrap .main-wrap li .thumb_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70%
}
.xz-contact-info .xz-contact_img, .xz-contact-info .xz-info_way, .xz-pro-detail_top .xz-pro-detail_top_left {
    width: 100%
}
.xz-contact-info {
    flex-wrap: wrap
}
.xz-single-item_tit {
    font-size: 1.2rem
}
.single-item_left .time-share .post-share .iconfont, .single-item_right .single-item-rela-x h2 {
    font-size: 1.3rem
}
.single-item_left .time-share {
    line-height: 1.6rem;
    margin-bottom: 2rem
}
.single-item_right .single-item-rela-x {
    padding: 2rem 1.025rem
}
.single-item_right .xz-rela-news h1 a {
    margin-top: 1rem;
    font-size: 1.15rem
}
.xz-pro-detail_top {
    flex-wrap: wrap
}
.xz-pro-detail_top .xz-pro-detail_top_right {
    width: 100%;
    margin-top: 1.5rem
}
}

@media screen and (max-width:600px) {
.footer-bottom .xz-main, .xz-sec-home-about .xz-advantage ul {
    flex-wrap: wrap
}
.footer-body>.xz-main .foot-form, .footer-bottom .xz-main .copyright, .xz-about_content-x .xz-about_content h1::after, .xz-news_wrap .main-wrap li .thumb_wrap {
    display: none
}
html {
    font-size: 15px
}
.xz-item-hint, .xz-sec-hot-products .xz-hint {
    font-size: 1.5rem
}
#menu-main {
    width: 75%
}
.xz-relpro-ul>li {
    width: 49%
}
.xz-sec-hot-products {
    padding-bottom: 2rem
}
.xz-sec-home-about .xz-hint {
    font-size: 1.5rem;
    padding-top: 1.5rem
}
.xz-sec-home-about .xz-des {
    margin-top: .8rem
}
.xz-sec-home-about .xz-main {
    padding: 0 20px
}
.xz-sec-home-about .xz-home-video .video-open {
    background-size: 100%
}
.xz-sec-home-about .xz-advantage ul li {
    width: 50%;
    border: none;
    margin-bottom: .5rem
}
.footer-body>.xz-main .footer-item, .footer-bottom .xz-main .footer-tip, .xz-service-wrap ul li {
    width: 100%
}
.xz-sec-home-about .xz-advantage ul li strong {
    margin-bottom: .5rem
}
.xz-sec-home-cases, .xz-sec-home-news {
    padding: 2rem 0
}
.footer-body {
    padding: 1rem 0
}
.footer-body h3 {
    margin-bottom: .8rem
}
.footer-body .footer-contact ul li {
    line-height: 1.7rem
}
.footer-bottom {
    height: auto;
    padding: .5rem 0
}
.xz-pro-nav>li>a {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    font-size: 1rem
}
.xz-cases_wrap .xz-cases-total li {
    width: 100%;
    margin-top: 1.6rem
}
.xz-news_wrap .main-wrap {
    padding: 1rem 0
}
.xz-news_wrap .main-wrap li .info_wrap {
    padding-top: 0
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap {
    margin-left: 0;
    font-size: 1.2rem;
    width: 5rem
}
.xz-news_wrap .main-wrap li .info_wrap .time_wrap p:nth-child(1) {
    font-size: 1.5rem
}
.xz-news_wrap .main-wrap li .info_wrap .item-tit {
    line-height: 1.2rem
}
.xz-news_wrap .main-wrap li .info_wrap .item-tit a {
    font-size: 1rem
}
.single-item_left {
    width: 100%
}
.single-item_right {
    width: 100%;
    margin-top: 1.5rem
}
.nav-links a, .nav-links span {
    width: 35px;
    height: 38px;
    line-height: 38px;
    font-size: .8rem
}
.xz-pro-detail_top {
    flex-wrap: wrap
}
.xz-pro-detail_top .xz-pro-detail_top_left .xz-pro-img_nav {
    margin-top: 1rem
}
.xz-pro-detail_bottom .xz-pro_unit_content {
    padding-bottom: 2rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left {
    width: 100%
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_left .xz-post-sec-tit {
    margin-top: 1.2rem;
    margin-bottom: 1rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right {
    width: 100%;
    margin-top: 1rem
}
.xz-pro-detail_bottom .xz-pro_unit_content .xz-pro_unit_content_right .xz-relpro-ul-x {
    background: #f5f5f5;
    padding: 1.8rem 1rem
}
.xz-customer-fill h2 {
    margin: 1.5rem 0;
    font-size: 1.6rem
}
}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #005ba9;
  border: 1px solid #005ba9;
}
.pagination a.page-num-current {
  color: #fff;
  background: #005ba9;
  border: 1px solid #005ba9;
}
/* ----- PB分页数字条效果 结束 ----- */