@charset "UTF-8";img, textarea{max-width: 100%}
.cur{cursor: pointer;}
table, textarea{width: 100%}
#header, .xz-pro-detail_top_left{box-shadow: 0 .2rem 1rem -.25rem rgba(0,0,0,.2)}
.color_6098F2 .bg_color{background-color: #c13635 !important;}
#Div_ZhiDing{position: fixed;bottom: 30px;right: 10px;width: 50px;height: 50px;cursor: pointer;color: #fff;z-index: 500;text-align: center;line-height: 50px;-moz-box-shadow: inset 0px 0px 5px #091d3e;-webkit-box-shadow: inset 0px 0px 5px #091d3e;box-shadow: inset 0px 0px 5px #091d3e;}
.mfpvideo{display: none;}
.mfpbg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 1044;}
.mfpbox{position: fixed;width: 98%;max-width: 900px;background: #000;z-index: 1045;}
.mfpbox .button{position: absolute;top: -30px;right: 0;color: #FFF;text-align: right;padding-right: 6px;font-size: 30px;line-height: 30px;cursor: pointer;}
.mfpbox .button:hover{color: #c13635;}
.display-flex{display: flex;display: -webkit-flex;/* Safari*/}
.flex-wrap-nowrap{flex-wrap: nowrap}
/*回行方式*/.flex-wrap{flex-wrap: wrap}
.flex-direction-row{flex-direction: row}
/*排列方式*/.flex-justify-between{justify-content: space-between}
/*左右方向 两端对齐*/.flex-justify-start{justify-content: flex-start}
/*左右方向 两端对齐*/.flex-align-center{align-items: center}
/*上下方向 居中对齐*/.flex-align-top{align-items: flex-start}
/*上下方向*/.flex-align-bottom{align-items: flex-end}
/*上下方向*/.flex1{flex: 1}
.flex-shrink-0{flex-shrink: 0}
.w495{width: 49.5%;}
.w35{width: 35%;}
.w23{width: 23%;}
.inputDiv{width: 100%;height: 3.5rem;line-height: 3.5rem;margin-bottom: 0.875rem;background: #fff;border-radius: 3px;}
.inputDiv .nm{top: 0;left: 0.5rem;height: 3.5rem;z-index: 2;line-height: 3.5rem;float: left;position: absolute;font-size: 1rem;color: #999;}
.inputDiv input{position: relative;z-index: 2;border: none;outline: none;height: 100%;width: 100%;vertical-align: top;padding-left: 3.5rem;border-radius: 3px;background: rgba(255,255,255,0)}
.textareaDiv{width: 100%;height: 7.875rem;line-height: 3.5rem;margin-bottom: 0.875rem;background: #fff;border-radius: 3px;}
.textareaDiv .nm{top: 0;left: 0.5rem;right: 0.5rem;height: 3.5rem;line-height: 3.5rem;float: left;position: absolute;font-size: 1rem;color: #999;}
.textareaDiv textarea{position: relative;z-index: 2;border: none;outline: none;height: 100%;width: 100%;vertical-align: top;padding-top: 2.5rem;padding-left: 0.5rem;padding-right: 0.5rem;border-radius: 3px;background: rgba(255,255,255,0)}
.iqbtn{width: 100%;height: 3.5rem;border-radius: 1.75rem;background: #c13635;color: #fff;border: none;outline: none;font-size: 1rem;font-weight: bold;cursor: pointer;transition: all .3s;line-height: 3.5rem;text-align: center;}
.slick-dots, li, ol, ul{list-style: none}
.mfp-arrow, .slick-slider, body, html{-webkit-tap-highlight-color: transparent}
.mfp-close, a, a:hover{text-decoration: none}
.xz-case-tit, .xz-video-tit{text-overflow: ellipsis;white-space: nowrap}
#menu-main > li > a, .mfp-counter, .xz-case-tit, .xz-video-tit{white-space: nowrap}
@keyframes bounce{20%,53%,80%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,0,0)}
40%,43%{animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-30px,0)}
70%{animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-15px,0)}
90%{transform: translate3d(0,-4px,0)}}
.headShake, .heartBeat{animation-timing-function: ease-in-out}
.bounce{animation-name: bounce;transform-origin: center bottom}
@keyframes flash{50%,from,to{opacity: 1}
25%,75%{opacity: 0}}
.flash{animation-name: flash}
@keyframes pulse{from,to{transform: scale3d(1,1,1)}
50%{transform: scale3d(1.05,1.05,1.05)}}
.pulse{animation-name: pulse}
@keyframes rubberBand{from,to{transform: scale3d(1,1,1)}
30%{transform: scale3d(1.25,.75,1)}
40%{transform: scale3d(.75,1.25,1)}
50%{transform: scale3d(1.15,.85,1)}
65%{transform: scale3d(.95,1.05,1)}
75%{transform: scale3d(1.05,.95,1)}}
.rubberBand{animation-name: rubberBand}
@keyframes shake{from,to{transform: translate3d(0,0,0)}
10%,30%,50%,70%,90%{transform: translate3d(-10px,0,0)}
20%,40%,60%,80%{transform: translate3d(10px,0,0)}}
.shake{animation-name: shake}
@keyframes headShake{0%{transform: translateX(0)}
6.5%{transform: translateX(-6px) rotateY(-9deg)}
18.5%{transform: translateX(5px) rotateY(7deg)}
31.5%{transform: translateX(-3px) rotateY(-5deg)}
43.5%{transform: translateX(2px) rotateY(3deg)}
50%{transform: translateX(0)}}
.headShake{animation-name: headShake}
@keyframes swing{20%{transform: rotate3d(0,0,1,15deg)}
40%{transform: rotate3d(0,0,1,-10deg)}
60%{transform: rotate3d(0,0,1,5deg)}
80%{transform: rotate3d(0,0,1,-5deg)}
to{transform: rotate3d(0,0,1,0deg)}}
.swing{transform-origin: top center;animation-name: swing}
@keyframes tada{from,to{transform: scale3d(1,1,1)}
10%,20%{transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}
.tada{animation-name: tada}
@keyframes wobble{from,to{transform: translate3d(0,0,0)}
15%{transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}
.wobble{animation-name: wobble}
@keyframes jello{11.1%,from,to{transform: translate3d(0,0,0)}
22.2%{transform: skewX(-12.5deg) skewY(-12.5deg)}
33.3%{transform: skewX(6.25deg) skewY(6.25deg)}
44.4%{transform: skewX(-3.125deg) skewY(-3.125deg)}
55.5%{transform: skewX(1.5625deg) skewY(1.5625deg)}
66.6%{transform: skewX(-.78125deg) skewY(-.78125deg)}
77.7%{transform: skewX(.39063deg) skewY(.39063deg)}
88.8%{transform: skewX(-.19531deg) skewY(-.19531deg)}}
.jello{animation-name: jello;transform-origin: center}
@keyframes heartBeat{0%,28%,70%{transform: scale(1)}
14%,42%{transform: scale(1.3)}}
.heartBeat{animation-name: heartBeat;animation-duration: 1.3s}
.bounceIn, .bounceOut, .flipOutX, .flipOutY{animation-duration: .75s}
@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0%{opacity: 0;transform: scale3d(.3,.3,.3)}
20%{transform: scale3d(1.1,1.1,1.1)}
40%{transform: scale3d(.9,.9,.9)}
60%{opacity: 1;transform: scale3d(1.03,1.03,1.03)}
80%{transform: scale3d(.97,.97,.97)}
to{opacity: 1;transform: scale3d(1,1,1)}}
.bounceIn{animation-name: bounceIn}
@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0%{opacity: 0;transform: translate3d(0,-3000px,0)}
60%{opacity: 1;transform: translate3d(0,25px,0)}
75%{transform: translate3d(0,-10px,0)}
90%{transform: translate3d(0,5px,0)}
to{transform: translate3d(0,0,0)}}
.bounceInDown{animation-name: bounceInDown}
@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0%{opacity: 0;transform: translate3d(-3000px,0,0)}
60%{opacity: 1;transform: translate3d(25px,0,0)}
75%{transform: translate3d(-10px,0,0)}
90%{transform: translate3d(5px,0,0)}
to{transform: translate3d(0,0,0)}}
.bounceInLeft{animation-name: bounceInLeft}
@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1)}
from{opacity: 0;transform: translate3d(3000px,0,0)}
60%{opacity: 1;transform: translate3d(-25px,0,0)}
75%{transform: translate3d(10px,0,0)}
90%{transform: translate3d(-5px,0,0)}
to{transform: translate3d(0,0,0)}}
.bounceInRight{animation-name: bounceInRight}
@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function: cubic-bezier(.215,.61,.355,1)}
from{opacity: 0;transform: translate3d(0,3000px,0)}
60%{opacity: 1;transform: translate3d(0,-20px,0)}
75%{transform: translate3d(0,10px,0)}
90%{transform: translate3d(0,-5px,0)}
to{transform: translate3d(0,0,0)}}
.bounceInUp{animation-name: bounceInUp}
@keyframes bounceOut{20%{transform: scale3d(.9,.9,.9)}
50%,55%{opacity: 1;transform: scale3d(1.1,1.1,1.1)}
to{opacity: 0;transform: scale3d(.3,.3,.3)}}
.bounceOut{animation-name: bounceOut}
@keyframes bounceOutDown{20%{transform: translate3d(0,10px,0)}
40%,45%{opacity: 1;transform: translate3d(0,-20px,0)}
to{opacity: 0;transform: translate3d(0,2000px,0)}}
.bounceOutDown{animation-name: bounceOutDown}
@keyframes bounceOutLeft{20%{opacity: 1;transform: translate3d(20px,0,0)}
to{opacity: 0;transform: translate3d(-2000px,0,0)}}
.bounceOutLeft{animation-name: bounceOutLeft}
@keyframes bounceOutRight{20%{opacity: 1;transform: translate3d(-20px,0,0)}
to{opacity: 0;transform: translate3d(2000px,0,0)}}
.bounceOutRight{animation-name: bounceOutRight}
@keyframes bounceOutUp{20%{transform: translate3d(0,-10px,0)}
40%,45%{opacity: 1;transform: translate3d(0,20px,0)}
to{opacity: 0;transform: translate3d(0,-2000px,0)}}
.bounceOutUp{animation-name: bounceOutUp}
@keyframes fadeIn{from{opacity: 0}
to{opacity: 1}}
.fadeIn{animation-name: fadeIn}
@keyframes fadeInDown{from{opacity: 0;transform: translate3d(0,-100%,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInDown{animation-name: fadeInDown}
@keyframes fadeInDownBig{from{opacity: 0;transform: translate3d(0,-2000px,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInDownBig{animation-name: fadeInDownBig}
@keyframes fadeInLeft{from{opacity: 0;transform: translate3d(-100%,0,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInLeft{animation-name: fadeInLeft}
@keyframes fadeInLeftBig{from{opacity: 0;transform: translate3d(-2000px,0,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInLeftBig{animation-name: fadeInLeftBig}
@keyframes fadeInRight{from{opacity: 0;transform: translate3d(100%,0,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInRight{animation-name: fadeInRight}
@keyframes fadeInRightBig{from{opacity: 0;transform: translate3d(2000px,0,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInRightBig{animation-name: fadeInRightBig}
@keyframes fadeInUp{from{opacity: 0;transform: translate3d(0,100%,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInUp{animation-name: fadeInUp}
@keyframes fadeInUpBig{from{opacity: 0;transform: translate3d(0,2000px,0)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.fadeInUpBig{animation-name: fadeInUpBig}
@keyframes fadeOut{from{opacity: 1}
to{opacity: 0}}
.fadeOut{animation-name: fadeOut}
@keyframes fadeOutDown{from{opacity: 1}
to{opacity: 0;transform: translate3d(0,100%,0)}}
.fadeOutDown{animation-name: fadeOutDown}
@keyframes fadeOutDownBig{from{opacity: 1}
to{opacity: 0;transform: translate3d(0,2000px,0)}}
.fadeOutDownBig{animation-name: fadeOutDownBig}
@keyframes fadeOutLeft{from{opacity: 1}
to{opacity: 0;transform: translate3d(-100%,0,0)}}
.fadeOutLeft{animation-name: fadeOutLeft}
@keyframes fadeOutLeftBig{from{opacity: 1}
to{opacity: 0;transform: translate3d(-2000px,0,0)}}
.fadeOutLeftBig{animation-name: fadeOutLeftBig}
@keyframes fadeOutRight{from{opacity: 1}
to{opacity: 0;transform: translate3d(100%,0,0)}}
.fadeOutRight{animation-name: fadeOutRight}
@keyframes fadeOutRightBig{from{opacity: 1}
to{opacity: 0;transform: translate3d(2000px,0,0)}}
.fadeOutRightBig{animation-name: fadeOutRightBig}
@keyframes fadeOutUp{from{opacity: 1}
to{opacity: 0;transform: translate3d(0,-100%,0)}}
.fadeOutUp{animation-name: fadeOutUp}
@keyframes fadeOutUpBig{from{opacity: 1}
to{opacity: 0;transform: translate3d(0,-2000px,0)}}
.fadeOutUpBig{animation-name: fadeOutUpBig}
@keyframes flip{from{transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function: ease-out}
40%{transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function: ease-out}
50%{transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function: ease-in}
80%{transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function: ease-in}
to{transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function: ease-in}}
.animated.flip{backface-visibility: visible;animation-name: flip}
.flipInX, .flipInY, .flipOutX, .flipOutY{backface-visibility: visible !important}
@keyframes flipInX{from{transform: perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function: ease-in;opacity: 0}
40%{transform: perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function: ease-in}
60%{transform: perspective(400px) rotate3d(1,0,0,10deg);opacity: 1}
80%{transform: perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform: perspective(400px)}}
.flipInX{animation-name: flipInX}
@keyframes flipInY{from{transform: perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function: ease-in;opacity: 0}
40%{transform: perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function: ease-in}
60%{transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}
80%{transform: perspective(400px) rotate3d(0,1,0,-5deg)}
to{transform: perspective(400px)}}
.flipInY{animation-name: flipInY}
@keyframes flipOutX{from{transform: perspective(400px)}
30%{transform: perspective(400px) rotate3d(1,0,0,-20deg);opacity: 1}
to{transform: perspective(400px) rotate3d(1,0,0,90deg);opacity: 0}}
.flipOutX{animation-name: flipOutX}
@keyframes flipOutY{from{transform: perspective(400px)}
30%{transform: perspective(400px) rotate3d(0,1,0,-15deg);opacity: 1}
to{transform: perspective(400px) rotate3d(0,1,0,90deg);opacity: 0}}
.flipOutY{animation-name: flipOutY}
@keyframes lightSpeedIn{from{transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0}
60%{transform: skewX(20deg);opacity: 1}
80%{transform: skewX(-5deg)}
to{transform: translate3d(0,0,0)}}
.lightSpeedIn{animation-name: lightSpeedIn;animation-timing-function: ease-out}
@keyframes lightSpeedOut{from{opacity: 1}
to{transform: translate3d(100%,0,0) skewX(30deg);opacity: 0}}
.lightSpeedOut{animation-name: lightSpeedOut;animation-timing-function: ease-in}
@keyframes rotateIn{from{transform-origin: center;transform: rotate3d(0,0,1,-200deg);opacity: 0}
to{transform-origin: center;transform: translate3d(0,0,0);opacity: 1}}
.rotateIn{animation-name: rotateIn}
@keyframes rotateInDownLeft{from{transform-origin: left bottom;transform: rotate3d(0,0,1,-45deg);opacity: 0}
to{transform-origin: left bottom;transform: translate3d(0,0,0);opacity: 1}}
.rotateInDownLeft{animation-name: rotateInDownLeft}
@keyframes rotateInDownRight{from{transform-origin: right bottom;transform: rotate3d(0,0,1,45deg);opacity: 0}
to{transform-origin: right bottom;transform: translate3d(0,0,0);opacity: 1}}
.rotateInDownRight{animation-name: rotateInDownRight}
@keyframes rotateInUpLeft{from{transform-origin: left bottom;transform: rotate3d(0,0,1,45deg);opacity: 0}
to{transform-origin: left bottom;transform: translate3d(0,0,0);opacity: 1}}
.rotateInUpLeft{animation-name: rotateInUpLeft}
@keyframes rotateInUpRight{from{transform-origin: right bottom;transform: rotate3d(0,0,1,-90deg);opacity: 0}
to{transform-origin: right bottom;transform: translate3d(0,0,0);opacity: 1}}
.rotateInUpRight{animation-name: rotateInUpRight}
@keyframes rotateOut{from{transform-origin: center;opacity: 1}
to{transform-origin: center;transform: rotate3d(0,0,1,200deg);opacity: 0}}
.rotateOut{animation-name: rotateOut}
@keyframes rotateOutDownLeft{from{transform-origin: left bottom;opacity: 1}
to{transform-origin: left bottom;transform: rotate3d(0,0,1,45deg);opacity: 0}}
.rotateOutDownLeft{animation-name: rotateOutDownLeft}
@keyframes rotateOutDownRight{from{transform-origin: right bottom;opacity: 1}
to{transform-origin: right bottom;transform: rotate3d(0,0,1,-45deg);opacity: 0}}
.rotateOutDownRight{animation-name: rotateOutDownRight}
@keyframes rotateOutUpLeft{from{transform-origin: left bottom;opacity: 1}
to{transform-origin: left bottom;transform: rotate3d(0,0,1,-45deg);opacity: 0}}
.rotateOutUpLeft{animation-name: rotateOutUpLeft}
@keyframes rotateOutUpRight{from{transform-origin: right bottom;opacity: 1}
to{transform-origin: right bottom;transform: rotate3d(0,0,1,90deg);opacity: 0}}
.rotateOutUpRight{animation-name: rotateOutUpRight}
@keyframes hinge{0%{transform-origin: top left;animation-timing-function: ease-in-out}
20%,60%{transform: rotate3d(0,0,1,80deg);transform-origin: top left;animation-timing-function: ease-in-out}
40%,80%{transform: rotate3d(0,0,1,60deg);transform-origin: top left;animation-timing-function: ease-in-out;opacity: 1}
to{transform: translate3d(0,700px,0);opacity: 0}}
.hinge{animation-duration: 2s;animation-name: hinge}
@keyframes jackInTheBox{from{opacity: 0;transform: scale(.1) rotate(30deg);transform-origin: center bottom}
50%{transform: rotate(-10deg)}
70%{transform: rotate(3deg)}
to{opacity: 1;transform: scale(1)}}
.jackInTheBox{animation-name: jackInTheBox}
@keyframes rollIn{from{opacity: 0;transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity: 1;transform: translate3d(0,0,0)}}
.rollIn{animation-name: rollIn}
@keyframes rollOut{from{opacity: 1}
to{opacity: 0;transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}
.rollOut{animation-name: rollOut}
@keyframes zoomIn{from{opacity: 0;transform: scale3d(.3,.3,.3)}
50%{opacity: 1}}
.zoomIn{animation-name: zoomIn}
@keyframes zoomInDown{from{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomInDown{animation-name: zoomInDown}
@keyframes zoomInLeft{from{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomInLeft{animation-name: zoomInLeft}
@keyframes zoomInRight{from{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomInRight{animation-name: zoomInRight}
@keyframes zoomInUp{from{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomInUp{animation-name: zoomInUp}
@keyframes zoomOut{from{opacity: 1}
50%{opacity: 0;transform: scale3d(.3,.3,.3)}
to{opacity: 0}}
.zoomOut{animation-name: zoomOut}
@keyframes zoomOutDown{40%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin: center bottom;animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomOutDown{animation-name: zoomOutDown}
@keyframes zoomOutLeft{40%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity: 0;transform: scale(.1) translate3d(-2000px,0,0);transform-origin: left center}}
.zoomOutLeft{animation-name: zoomOutLeft}
@keyframes zoomOutRight{40%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity: 0;transform: scale(.1) translate3d(2000px,0,0);transform-origin: right center}}
.zoomOutRight{animation-name: zoomOutRight}
@keyframes zoomOutUp{40%{opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to{opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin: center bottom;animation-timing-function: cubic-bezier(.175,.885,.32,1)}}
.zoomOutUp{animation-name: zoomOutUp}
@keyframes slideInDown{from{transform: translate3d(0,-100%,0);visibility: visible}
to{transform: translate3d(0,0,0)}}
.slideInDown{animation-name: slideInDown}
@keyframes slideInLeft{from{transform: translate3d(-100%,0,0);visibility: visible}
to{transform: translate3d(0,0,0)}}
.slideInLeft{animation-name: slideInLeft}
@keyframes slideInRight{from{transform: translate3d(100%,0,0);visibility: visible}
to{transform: translate3d(0,0,0)}}
.slideInRight{animation-name: slideInRight}
@keyframes slideInUp{from{transform: translate3d(0,100%,0);visibility: visible}
to{transform: translate3d(0,0,0)}}
.clearfix:after, .slick-loading .slick-slide, .slick-loading .slick-track{visibility: hidden}
.slideInUp{animation-name: slideInUp}
@keyframes slideOutDown{from{transform: translate3d(0,0,0)}
to{visibility: hidden;transform: translate3d(0,100%,0)}}
.slideOutDown{animation-name: slideOutDown}
@keyframes slideOutLeft{from{transform: translate3d(0,0,0)}
to{visibility: hidden;transform: translate3d(-100%,0,0)}}
.slideOutLeft{animation-name: slideOutLeft}
@keyframes slideOutRight{from{transform: translate3d(0,0,0)}
to{visibility: hidden;transform: translate3d(100%,0,0)}}
.slideOutRight{animation-name: slideOutRight}
@keyframes slideOutUp{from{transform: translate3d(0,0,0)}
to{visibility: hidden;transform: translate3d(0,-100%,0)}}
.slideOutUp{animation-name: slideOutUp}
.animated{animation-duration: 1s;animation-fill-mode: both}
.animated.infinite{animation-iteration-count: infinite}
.animated.delay-1s{animation-delay: 1s}
.animated.delay-2s{animation-delay: 2s}
.animated.delay-3s{animation-delay: 3s}
.animated.delay-4s{animation-delay: 4s}
.animated.delay-5s{animation-delay: 5s}
.animated.fast{animation-duration: .8s}
.animated.faster{animation-duration: .5s}
.animated.slow{animation-duration: 2s}
.animated.slower{animation-duration: 3s}
@media (print),(prefers-reduced-motion:reduce){.animated{animation-duration: 1ms !important;transition-duration: 1ms !important;animation-iteration-count: 1 !important}}
.dn{display: none}
.di{display: inline}
.db{display: block}
.dib{display: inline-block}
.clearfix:after, article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, textarea{display: block}
.tc{text-align: center}
.tr{text-align: right}
.tl{text-align: left}
.tj{text-align: justify}
.thumb-hover, .xz-102-thumb, .xz-a016-thumb, .xz-case-thumb, .xz-product-thumb, .xz-video-thumb{overflow: hidden}
.thumb-hover img, .xz-102-thumb img, .xz-a016-thumb img, .xz-case-thumb img, .xz-product-thumb img, .xz-video-thumb img{display: block;transition: all .3s}
.thumb-hover:hover img, .xz-102-thumb:hover img, .xz-a016-thumb:hover img, .xz-case-thumb:hover img, .xz-product-thumb:hover img, .xz-video-thumb:hover img{filter: brightness(1.1);transform: scale(1.05)}
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: Roboto-Regular,Arial,simsun,sans-serif}
hr{border-bottom: 1px solid #000}
img{height: auto;vertical-align: middle;border-style: none}
a{cursor: pointer;transition: color .3s;color: #c13635}
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{border: 1px #ddd solid;outline: 0;-webkit-appearance: none;font-family: Roboto-Regular,sans-serif}
.clearfix:after{font-size: 0;content: '.';clear: both;height: 0}
#menu-main, #menu-main > li, #menu-main > li > a{height: var(--menu_height)}
:focus{outline: 0}
li{margin-bottom: 0}
.container{flex: 1}
@font-face{font-family: iconfont;src: url(/style/fonts/iconfont.eot);src: url(/style/fonts/iconfont.eot?#iefix) format("embedded-opentype"),url(/style/fonts/iconfont.woff) format("woff"),url(/style/fonts/iconfont.ttf) format("truetype"),url(/style/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: Roboto-Regular,sans-serif}
.mfp-container, .slick-slider, img.mfp-img{box-sizing: border-box}
@font-face{font-family: Roboto-Regular;src: url(/style/fonts/Roboto-Regular.eot);src: local("?"),url(/style/fonts/Roboto-Regular.woff) format("woff"),url(/style/fonts/Roboto-Regular.ttf) format("truetype"),url(/style/fonts/Roboto-Regular.svg) format("svg")}
@font-face{font-family: Roboto-Medium;src: url(/style/fonts/Roboto-Medium.eot);src: local("?"),url(/style/fonts/Roboto-Medium.woff) format("woff"),url(/style/fonts/Roboto-Medium.ttf) format("truetype"),url(/style/fonts/Roboto-Medium.svg) format("svg")}
@font-face{font-family: Roboto-Bold;src: url(/style/fonts/Roboto-Bold.eot);src: local("?"),url(/style/fonts/Roboto-Bold.woff) format("woff"),url(/style/fonts/Roboto-Bold.ttf) format("truetype"),url(/style/fonts/Roboto-Bold.svg) format("svg")}
@font-face{font-family: RobotoSlab-Regular;src: url(/style/fonts/RobotoSlab-Regular.eot);src: local("?"),url(/style/fonts/RobotoSlab-Regular.woff) format("woff"),url(/style/fonts/RobotoSlab-Regular.ttf) format("truetype"),url(/style/fonts/RobotoSlab-Regular.svg) format("svg")}
@font-face{font-family: Oswald-Bold;src: url(/style/fonts/Oswald-Bold.eot);src: local("?"),url(/style/fonts/Oswald-Bold.woff) format("woff"),url(/style/fonts/Oswald-Bold.ttf) format("truetype"),url(/style/fonts/Oswald-Bold.svg) format("svg")}
@font-face{font-family: Oswald-SemiBold;src: url(/style/fonts/Oswald-SemiBold.eot);src: local("?"),url(/style/fonts/Oswald-SemiBold.woff) format("woff"),url(/style/fonts/Oswald-SemiBold.ttf) format("truetype"),url(/style/fonts/Oswald-SemiBold.svg) format("svg")}
@font-face{font-family: Oswald-Medium;src: url(/style/fonts/Oswald-Medium.eot);src: local("?"),url(/style/fonts/Oswald-Medium.woff) format("woff"),url(/style/fonts/Oswald-Medium.ttf) format("truetype"),url(/style/fonts/Oswald-Medium.svg) format("svg")}
.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}
.ani_up{transform: translateY(100px);opacity: 0;transition: all .5s}
#menu-main, #xz-logo{transition: all .3s cubic-bezier(.34,.16,.18,1.35)}
.ani_up.onstage{transform: translateY(0);opacity: 1}
:root{--menu_height: 6.25rem}
body{min-height: 100vh;font-family: Roboto-Regular;background: #f0f2f5;overflow-x: hidden;padding-top: var(--menu_height)}
.xz-main{width: 1440px;margin: 0 auto}
#header{position: fixed;top: 0;z-index: 9999;width: 100%;background: #fff}
.xz-header{padding-left: 2.75rem}
.xz-header-x{display: flex;align-items: center}
#xz-logo{width: 16.5rem}
#xz-logo:hover{transform: scale(1.05)}
.menu-main-container{flex: 1;padding: 0 1% 0 10%}
#menu-main{display: flex;flex-flow: row nowrap;justify-content: space-between}
#menu-main a{font-family: Roboto-Medium;font-size: 1rem;color: #333}
#menu-main > li.current-menu-ancestor > a, #menu-main > li.current-menu-item > a, #menu-main > li.current-menu-parent > a, #menu-main > li > .sub-menu > li:hover > a, #menu-main > li > a:hover{color: #c13635}
#menu-main > li{position: relative;z-index: 888;top: 50%;transform: translateY(-50%)}
#menu-main > li > a{display: inline-block;line-height: var(--menu_height);padding: 0 1.375rem;font-size: 1.13rem;transition: all .3s}
#menu-main > li > .sub-menu{position: absolute;background-color: #fff;z-index: 9999999;padding: 2rem 2rem 1.5rem;box-shadow: 0 .25rem 1.169rem .144rem rgba(33,24,21,.16);display: none;top: var(--menu_height);left: 50%;transform: translateX(-50%)}
#menu-main > li > .sub-menu > li{position: relative;margin-bottom: 1rem;transition: all .3s;text-align: center}
#menu-main > li > .sub-menu > li:hover{transform: translateX(4px)}
#menu-main > li > .sub-menu > li > a{white-space: nowrap;transition: all .3s;color: #333;font-family: Roboto-Regular;font-size: .9rem;text-align: center}
.menu-item-has-children:hover a::after{transform: rotateX(180deg) translateY(100%)}
.menu-item-has-children > a{position: relative}
.menu-item-has-children > a::after{display: inline-block;content: "";width: 0;height: 0;border-top: .4rem solid #c13635;border-right: .4rem solid transparent;border-bottom: .4rem solid transparent;border-left: .4rem solid transparent;position: absolute;right: 0;top: 53.8%;transition: all .3s;transform: translateY(-50%);transform-origin: center center}
.share-head-sns{display: flex;line-height: 2.25rem}
.share-head-sns li{margin-left: .8rem}
.share-head-sns li a{color: #999;transition: all .3s}
.share-head-sns li a .iconfont{font-size: 1.2rem}
.share-head-sns li a:hover{color: #c13635}
#head-menu-btn{display: none}
.top-search_toggle{display: inline-block;width: 6.81rem;height: var(--menu_height);line-height: var(--menu_height);text-align: center;background: #c13635;color: #fff;margin-left: 2.6rem;cursor: pointer;transition: all .3s}
.top-search{position: fixed;width: 100vw;padding-top: 3px;left: 0;top: -60px;height: 50px;z-index: 2;background-color: rgba(0,0,0,.7);transition: all .5s;opacity: 0}
.top-search form{width: 44%;height: 44px;margin: 0 auto}
.top-search form #s{width: 88%;height: 100%;padding-left: 10px;font-size: 18px;border-radius: 3px 0 0 3px}
.top-search form #submit{width: 10%;height: 100%;background-color: #c13635;color: #fff;cursor: pointer;border-radius: 0 3px 3px 0;transition: all .3s;vertical-align: top}
.top-search form #submit:hover{opacity: .7}
.top-search.search-toggle{top: 200px;opacity: 1}
.xz-home-about{padding: 10rem 0;background: #fff}
.xz-home-about .xz-main{display: flex;justify-content: space-between}
.xz-home-about .xz-main .home-about-left{width: 49%}
.xz-home-about .xz-main .home-about-left h2{font-size: 3.75rem;font-family: Oswald-Bold;color: #333;text-align: center;position: relative;z-index: 5}
.xz-home-about .xz-main .home-about-left h2::after{display: inline-block;content: "ABOUT US";font-size: 4.6rem;font-family: Oswald-Bold;color: #f5f5f5;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);z-index: -1}
.xz-home-about .xz-main .home-about-left .home-about-con p{margin-top: 2rem;line-height: 1.5rem;color: #333}
.xz-home-about .xz-main .home-about-left .about-advantage{display: flex;justify-content: space-between;margin-top: 5.5rem}
.xz-home-about .xz-main .home-about-left .about-advantage li{width: 30%;display: flex}
.xz-home-about .xz-main .home-about-left .about-advantage li img{font-size: 2rem;color: #c13635;margin-right: .75rem}
.xz-home-about .xz-main .home-about-left .about-advantage li span{font-size: 1;font-family: RobotoSlab-Regular;color: #666}
.xz-home-about .xz-main .home-about-right .slick-next:before, .xz-home-about .xz-main .home-about-right .slick-prev:before{display: inline-block;line-height: 2.6rem;font-family: iconfont;font-size: 1.5rem;transition: all .3s cubic-bezier(.34,.16,.18,1.35)}
.xz-home-about .xz-main .home-about-right{width: 44%;position: relative;right: 2rem}
.xz-home-about .xz-main .home-about-right::before{display: inline-block;content: "";width: 25.5rem;height: 37.5rem;border: .8rem solid #c13635;position: absolute;right: -2rem;top: -3.8rem}
/*.xz-home-about .xz-main .home-about-right #gallery-1 img{border:1rem solid #e9e9e9}*/#gallery-1 .gallery-item{border: 1rem solid #e9e9e9}
.xz-home-about .xz-main .home-about-right .slick-next, .xz-home-about .xz-main .home-about-right .slick-prev{z-index: 999;width: 2.6rem;height: 2.6rem}
.xz-home-about .xz-main .home-about-right .slick-prev{top: auto;bottom: -4rem;left: auto;right: 2.9rem}
.xz-home-about .xz-main .home-about-right .slick-prev:before{width: 2.6rem;height: 2.6rem;content: "\e60e";background: #b2b2b2}
.xz-home-about .xz-main .home-about-right .slick-prev:hover:before{background: #c13635}
.xz-home-about .xz-main .home-about-right .slick-next{top: auto;bottom: -4rem;right: 3px}
.xz-home-about .xz-main .home-about-right .slick-next:before{width: 2.6rem;height: 2.6rem;content: "\e900";background: #b2b2b2}
.xz-home-about .xz-main .home-about-right .slick-next:hover:before{background: #c13635}
.xz-home-product{height: 61.57rem;padding-top: 3.87rem}
.xz-home-product .xz-home-pro-in h2{font-size: 3.75rem;font-family: Oswald-Bold;color: #fff;margin-bottom: 4rem}
.xz-home-product .slick-next:before, .xz-home-product .slick-prev:before{display: inline-block;font-family: iconfont;font-size: 3rem;transform: scaleX(2);transition: all .3s cubic-bezier(.34,.16,.18,1.35)}
.xz-home-product .slick-list{overflow-x: hidden;height: 660px}
.xz-home-product .slick-next, .xz-home-product .slick-prev{z-index: 999}
.xz-home-product .slick-prev{top: -6.7rem;bottom: auto;left: auto;right: 8rem}
.xz-home-product .slick-prev:before{content: "\e64c"}
.xz-home-product .slick-next{top: -6.6rem;bottom: auto;right: 50px}
.xz-home-product .slick-next:before{content: "\e64b"}
.xz-hint span, .xz-hint span::after{font-family: Oswald-Bold}
.xz-home-video-news{padding: 6rem 0;background: #fff}
.xz-home-video-news .xz-main{display: flex;justify-content: space-between}
.xz-home-video-news .xz-home-video{width: 49%;box-shadow: 0 5px 15px 0 rgba(0,0,0,.3)}
.xz-home-video-news .xz-home-video .video-open{display: block;position: relative;overflow: hidden}
.xz-home-video-news .xz-home-video .video-open:hover img{transform: scale(1.02)}
.xz-home-video-news .xz-home-video .video-open:hover .iconfont{color: #c13635}
.xz-home-video-news .xz-home-video .video-open img{transition: all .3s}
.xz-home-video-news .xz-home-video .video-open .iconfont{position: absolute;display: flex;justify-content: center;align-items: center;top: 0;right: 0;bottom: 0;left: 0;color: #fff;font-size: 4.2rem;transition: all .3s}
.xz-home-video-news .xz-home-news{width: 48.5%}
.xz-hint{display: flex;justify-content: space-between;align-items: center}
.xz-hint span{font-size: 3.75rem;color: #333;display: inline-block;position: relative;left: 2.4rem;z-index: 5}
.xz-hint span::after{display: inline-block;content: "LATEST";font-size: 5rem;color: #f5f5f5;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);z-index: -1}
.xz-hint a{display: inline-block;width: 6.25rem;height: 2.5rem;padding-left: 1.5rem;line-height: 2.5rem;background: #c13635;color: #fff;border-radius: 1.25rem;font-size: .88rem;font-family: RobotoSlab-Regular;transition: all .3s;position: relative}
.xz-hint a::after{display: inline-block;content: "\e605";font-family: iconfont;font-size: 1rem;position: absolute;right: 1.4rem;top: 50%;transform: translateY(-47%)}
#footer .xz-main > li.foot-block .footer-contact > p, #footer .xz-main > li.foot-block .footer-copyright{font-size: .88rem;font-family: Roboto-Medium;opacity: .7}
.xz-hint a:hover{transform: translateX(3px)}
#footer{background: #485156;color: #fff;padding: 5.75rem 0}
.xz-about, .xz-breadcrumb.white-bg{background: #fff}
#footer .xz-main{display: flex;justify-content: space-between}
#footer .xz-main > li.foot-block{width: 33.33%}
#footer .xz-main > li.foot-block .footer-logo{display: inline-block;margin-bottom: 2rem}
#footer .xz-main > li.foot-block .footer-contact > p{display: flex;line-height: 1.75rem}
#footer .xz-main > li.foot-block .footer-contact > p .iconfont{margin-right: .5rem}
#footer .xz-main > li.foot-block .footer-contact > p a{color: #fff;transition: all .3s}
#footer .xz-main > li.foot-block .footer-contact > p a:hover{color: #c13635}
#footer .xz-main > li.foot-block .foot-sns{display: flex;margin: 1.2rem 0}
#footer .xz-main > li.foot-block .foot-sns li > a{display: inline-block;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;border-radius: 50%;border: 1px solid #fff;margin-right: .6rem;color: #fff;transition: all .3s}
#footer .xz-main > li.foot-block .foot-sns li > a:hover{color: #c13635;border: 1px solid #c13635}
#footer .xz-main > li.foot-block h2{font-size: 1.13rem;font-family: Roboto-Bold;opacity: .7;padding-top: .5rem;margin-bottom: 2.5rem}
#footer .xz-main > li.foot-block #menu-footer-product li{margin-bottom: 1rem}
#footer .xz-main > li.foot-block #menu-footer-product li a{color: #fff;opacity: .7;transition: all .3s;display: inline-block;padding-left: 1.4rem;position: relative}
#footer .xz-main > li.foot-block #menu-footer-product li a::before{display: inline-block;content: "\e605";font-family: iconfont;font-size: 1rem;position: absolute;left: 0;top: .1rem}
#footer .xz-main > li.foot-block #menu-footer-product li a:hover{color: #c13635}
#footer .xz-main > li.foot-block:nth-child(2){padding-left: 6.2rem}
.xz-toppic{height: 22.5rem;display: flex;justify-content: center;align-items: center;font-size: 3.75rem;font-family: Oswald-Bold;color: #fff}
.xz-breadcrumb{height: 3.75rem;line-height: 3.75rem;color: #666;border-bottom: 1px solid #e9e9e9}
.xz-breadcrumb a{color: #666;transition: all .3s}
.xz-breadcrumb a:hover{color: #c13635}
.xz-about-con{display: flex;justify-content: space-between;padding: 7rem 0 7.88rem}
.xz-about-con .xz-about-con_left{width: 49%}
.xz-about-con .xz-about-con_left h2{font-size: .88rem;font-family: RobotoSlab-Regular;color: #c13635}
.xz-about-con .xz-about-con_left h3{font-size: 2.5rem;font-family: Oswald-SemiBold;color: #333;line-height: 3.5rem;margin-top: 1.3rem;margin-bottom: 3rem}
.xz-about-con .xz-about-con_left p{line-height: 1.5rem;color: #333;margin-top: 2rem}
.xz-about-con .xz-about-con_right .slick-next:before, .xz-about-con .xz-about-con_right .slick-prev:before{line-height: 2.6rem;font-family: iconfont;font-size: 1.5rem;transition: all .3s cubic-bezier(.34,.16,.18,1.35);display: inline-block}
.xz-about-con .xz-about-con_right{width: 44%;position: relative;right: 2rem}
.xz-about-con .xz-about-con_right::before{display: inline-block;content: "";width: 25.5rem;height: 37.5rem;border: .8rem solid #c13635;position: absolute;right: -2rem;top: -3.8rem}
.xz-about-con .xz-about-con_right #gallery-1 img{border: 1rem solid #e9e9e9}
.xz-about-con .xz-about-con_right .slick-next, .xz-about-con .xz-about-con_right .slick-prev{z-index: 999;width: 2.6rem;height: 2.6rem}
.xz-about-con .xz-about-con_right .slick-prev{top: auto;bottom: -4rem;left: auto;right: 2.9rem}
.xz-about-con .xz-about-con_right .slick-prev:before{width: 2.6rem;height: 2.6rem;content: "\e60e";background: #b2b2b2}
.xz-about-con .xz-about-con_right .slick-prev:hover:before{background: #c13635}
.xz-about-con .xz-about-con_right .slick-next{top: auto;bottom: -4rem;right: 3px}
.xz-about-con .xz-about-con_right .slick-next:before{width: 2.6rem;height: 2.6rem;content: "\e900";background: #b2b2b2}
.xz-about-con .xz-about-con_right .slick-next:hover:before{background: #c13635}
.xz-about-service .about-hint{font-size: 3.75rem;font-family: Oswald-Bold;color: #333;text-align: center;position: relative;z-index: 2}
.xz-about-service .about-hint::after{display: inline-block;content: "SERVICE";font-size: 5rem;font-family: Oswald-Bold;color: #f5f5f5;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);z-index: -1}
.xz-about-service ul{margin-top: 3.3rem}
.xz-about-service ul li{display: flex;justify-content: space-between}
.xz-about-service ul li > div{width: 50%;background: #fff}
.xz-about-service ul li .after-sale-service, .xz-about-service ul li .dealer-agent-support{padding: 2.56rem 3.69rem 0;background: #f8f8f8}
.xz-about-service ul li .after-sale-service h2, .xz-about-service ul li .dealer-agent-support h2{font-size: 2.13rem;font-family: Oswald-Bold;color: #c13635;margin-bottom: 2.5rem}
.xz-about-service ul li .after-sale-service p, .xz-about-service ul li .dealer-agent-support p{font-size: 1.13rem;color: #333;margin-top: 1.2rem}
.xz-about-service ul li .after-sale-service p em, .xz-about-service ul li .dealer-agent-support p em{font-style: normal;display: inline-block;position: relative}
.xz-about-service ul li .after-sale-service p em::after, .xz-about-service ul li .dealer-agent-support p em::after{display: inline-block;content: "";width: 100%;height: .5rem;background: rgba(239,130,0,.33);position: absolute;bottom: 2px;left: 50%;transform: translateX(-50%)}
.xz-about-service ul li:nth-of-type(2){flex-direction: row-reverse}
.xz-about-process-flow .about-hint{font-size: 3.75rem;font-family: Oswald-Bold;color: #333;text-align: center;margin-top: 6.9rem;position: relative;z-index: 2}
.xz-about-process-flow .about-hint::after{display: inline-block;content: "PROCESS FLOW";font-size: 5rem;font-family: Oswald-Bold;color: #f5f5f5;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);z-index: -1}
.xz-about-process-flow .process-flow{margin-top: 2.5rem}
.xz-quick-search{padding: 5.2rem 0 5.6rem}
.xz-quick-search h2{font-size: 2.5rem;font-family: Oswald-Medium;color: #333;text-align: center}
.xz-quick-search ul{display: flex;justify-content: space-between;margin-top: 6.5rem}
.xz-quick-search ul li{width: 32%;background: #f5f5f5;text-align: center;padding: 3.9rem 0 1.8rem;position: relative}
.xz-quick-search ul li i{display: inline-block;width: 6.25rem;height: 6.25rem;line-height: 5.85rem;border: .4rem solid #f0f2f5;border-radius: 50%;position: absolute;top: -3.125rem;left: 50%;transform: translateX(-50%);background: #fff;font-size: 1.8rem;color: #c13635}
.nav-links a, .nav-links span, .xz-quick-search ul li a{display: inline-block;line-height: 2.88rem;transition: all .3s;text-align: center}
.xz-quick-search ul li h3{font-size: 1.5rem;color: #333;font-family: Oswald-SemiBold}
.xz-quick-search ul li a{width: 9.5rem;height: 2.88rem;color: #333;border: 1px solid #c13635;border-radius: 2px;margin-top: 1.6rem}
.xz-quick-search ul li a:hover{color: #c13635}
.xz-quick-search ul li:nth-of-type(3) a{width: auto;height: auto;border: none}
.xz-quick-search.bg-white{background: #fff;margin-top: 7rem}
.xz-quick-search.quick-mg-none{margin-top: 0}
.xz-news-list{padding: 3rem 2.75rem;background: #fff;margin-top: 2.8rem;margin-bottom: 2.8rem}
.news-list_in .xz-loop-a016{width: 100%;margin-bottom: 2.8rem}
.news-list_in .xz-loop-a016:last-child{margin-bottom: 0}
.news-list_in .xz-loop-a016:hover .xz-a016-info-x{background: #c13635}
.news-list_in .xz-loop-a016:hover .xz-a016-date, .news-list_in .xz-loop-a016:hover .xz-a016-more, .news-list_in .xz-loop-a016:hover .xz-a016-tit, .news-list_in .xz-loop-a016:hover .xz-a016-txt{color: #fff}
.news-list_in .xz-loop-a016 .xz-a016-more:hover{transform: translateX(.3rem)}
.news-list_in .xz-a016-thumb{width: 23.2%}
.news-list_in .xz-a016-info-x{width: 76.8%;transition: all .3s;background: #F8F8F8}
.nav-links{text-align: center;margin: 4.6rem auto}
.nav-links a, .nav-links span{font-family: Roboto-Regular;width: 2.88rem;height: 2.88rem;border-radius: 0;background: #fff;color: #666;margin: 0 6px;border: 1px solid #ddd;font-size: .86rem}
.nav-links a:hover, .nav-links span:hover{color: #c13635}
.nav-links span.current{color: #fff;background-color: #c13635;border: none}
.nav-links a.next, .nav-links a.prev{font-family: iconfont;font-size: .86rem}
.xz-single-news{background: #fff;padding: 4rem 7.5rem;margin: 2.3rem auto}
.xz-single-news .single-news-content{padding-bottom: 3.5rem}
.xz-single-news h1{font-family: Oswald-Medium;font-size: 2.5rem;color: #333;text-align: center}
.xz-single-news .xz-post-time{color: #999;margin-top: .5rem;padding-bottom: 2.4rem;border-bottom: 1px solid #f0f0f0;text-align: center}
.xz-single-news .wp-block-gallery{margin: 1.6rem auto 0}
.xz-single-news .wp-block-gallery ul{margin: 0 auto}
.xz-single-news .wp-block-gallery img{border: none}
.xz-single-news p{color: #666;line-height: 1.5rem;margin-top: 1rem;padding: 0 1rem}
.single-nav{margin-bottom: 2rem}
.single-nav p{padding: 0}
.single-nav .link{color: #666}
.single-nav .link i{font-style: normal;color: #999}
.single-nav .link a{color: #666;transition: all .3s}
.single-nav .link a:hover{color: #c13635}
.xz-pn-share{display: flex;justify-content: space-between;border-top: 1px solid #f0f0f0}
.xz-pn-share .xz-share-post{position: relative}
.xz-pn-share .xz-share-post:hover .share-icon{background: #333}
.xz-pn-share .xz-share-post .share-icon{padding: 0;width: 9.6rem;height: 2.5rem;line-height: 2.5rem;text-align: center;border-radius: .31rem;color: #fff;background: #c13635;font-family: Roboto-Bold;cursor: pointer;transition: all .3s}
.xz-pn-share .xz-share-post .share-icon .iconfont{font-size: 1.2rem;margin-left: .2rem}
.xz-pn-share .xz-share-post .a2a_kit{position: absolute;z-index: 9;width: 100%;display: none}
.xz-pn-share .xz-share-post .a2a_kit a{display: inline-block;width: 100%;height: 3.6rem;line-height: 3.6rem;text-align: center;color: #333;background: #d8d8d8;font-size: 1.2rem;transition: all .3s}
.xz-pn-share .xz-share-post .a2a_kit a:hover{color: #c13635}
.xz-contact-wrap .xz-contact-form h2, .xz-contact-wrap .xz-contact_info h2{font-size: 1.88rem;font-family: Oswald-Bold;color: #333}
.xz-pn-share .xz-share-post .a2a_kit a > span{display: none}
.xz-video-list_con{display: flex;justify-content: space-between;flex-wrap: wrap}
.xz-video-list_con > i{flex: none;width: 32%;height: 0;margin: 0}
.xz-case-list_con{display: flex;justify-content: space-between;flex-wrap: wrap}
.xz-case-list_con > i{flex: none;width: 32%;height: 0;margin: 0}
.xz-contact-wrap{display: flex;background: #fff;margin-top: 2.82rem}
.xz-contact-wrap .xz-contact-form{width: 54%;border-right: 1px solid #e9e9e9;padding: 4rem 5.6rem 3rem}
.xz-contact-wrap .xz-contact-form h2{margin-bottom: 2.3rem}
.xz-contact-wrap .xz-contact_info{height: 46%;padding: 5rem 10rem}
.xz-contact-wrap .xz-contact_info h2{text-align: center}
.xz-contact-wrap .xz-contact_info ul li{display: flex;align-items: center;padding-bottom: 1.88rem;border-bottom: 1px solid #e9e9e9;margin-top: 2rem}
.xz-contact-wrap .xz-contact_info ul li i{display: inline-block;width: 3.75rem;height: 3.75rem;line-height: 3.75rem;text-align: center;border: 1px solid #c13635;border-radius: 50%;color: #c13635;margin-right: 1.2rem;font-size: 1.8rem}
.xz-contact-wrap .xz-contact_info ul li span{font-size: .88rem;color: #666}
.xz-contact-wrap .xz-contact_info ul li p{font-size: 1.25rem;font-family: Roboto-Medium;color: #333}
.xz-contact-wrap .xz-contact_info ul li p a{color: #333;transition: all .3s}
.xz-contact-wrap .xz-contact_info ul li p a:hover{color: #c13635}
.xz-map{padding: 1.2rem 1.2rem 0;background: #fff;margin-top: 2.44rem}
.xz-map .xz-address{line-height: 4.5rem;font-family: Roboto-Medium;color: #333}
.xz-map .xz-address .iconfont{font-size: 1.3rem;color: #c13635;margin-right: .6rem}
.xz-map .xz-address span{font-size: 1.13rem;font-family: Roboto-Bold;color: #333}
.xz-pro-list_wrap{margin-top: 4.3rem;margin-bottom: 4.3rem}
.xz-pro-list_wrap .xz-main{display: flex;justify-content: space-between}
.xz-pro-list_wrap .xz-pro-list_right{/*width:calc(100% - 23.85rem)*/}
.xz-pro-list_wrap .xz-pro-list_right .xz-prolist-ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.xz-pro-list_wrap .xz-pro-list_right .xz-prolist-ul > i{flex: none;width: 32.5%;height: 0;margin: 0}
.xz-cate_sub_con .parent-item{display: none}
.xz-cate_sub_con .parent-item.current-menu-item{display: block}
.xz-cate_sub_con .parent-item ul{display: flex;padding-bottom: 2rem;flex-wrap: wrap}
.xz-cate_sub_con .parent-item ul li{margin-right: 1.25%;margin-bottom: 10px}
.xz-cate_sub_con .parent-item ul li a{display: inline-block;padding: 0 .8rem;height: 2.2rem;line-height: 2.2rem;text-align: center;transition: all .3s;background: #eaeaea;color: #666;font-family: Roboto-Regular}
.xz-cate_sub_con .parent-item ul li a:hover, .xz-cate_sub_con .parent-item ul li.current-menu-item a{background: #c13635;color: #fff}
.xz-pro-list_left{width: 21.25rem;margin-bottom: 1.5rem;margin-right: 2.6rem;}
.xz-pro-list_left .xz-pro-cate h2{height: 5.2rem;line-height: 5.2rem;background: #c13635;font-size: 2.5rem;font-family: Oswald-Medium;padding-left: 1.3rem;color: #fff;border-radius: 3px 3px 0 0;position: relative}
.xz-pro-list_left .xz-pro-cate h2::after{display: inline-block;content: "Products";position: absolute;color: #fff;left: 60px;top: 6px;opacity: .1}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con{border-radius: 0 0 3px 3px}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li.current-menu-item a, .xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li.current-menu-item a::before{color: #c13635}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a{display: block;line-height: 3.9rem;color: #333;background: #fff;font-size: 1.13rem;padding: 0 1rem;transition: all .3s;text-indent: 1.2rem;position: relative}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a:hover, .xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a:hover::before{color: #c13635}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a::before{display: inline-block;font-family: iconfont;content: "\e603";font-size: .8rem;position: absolute;left: -5px;top: 50%;transform: translateY(-50%);color: #333;transition: all .3s}
.xz-pro-list_left .xz-pro-contact{background: #fff;margin-top: 2.5rem}
.xz-pro-list_left .xz-pro-contact h2{text-align: center;font-size: 1.88rem;font-family: Oswald-Bold;color: #333;padding-top: 2.69rem}
.xz-pro-list_left .xz-pro-contact ul{border-radius: .25rem}
.xz-pro-list_left .xz-pro-contact ul li{display: flex;align-items: center;padding-left: .69rem;padding-bottom: 1.88rem;border-bottom: 1px solid #e9e9e9;margin-top: 2rem}
.xz-pro-list_left .xz-pro-contact ul li i{display: inline-block;width: 3.75rem;height: 3.75rem;line-height: 3.75rem;text-align: center;border: 1px solid #c13635;border-radius: 50%;color: #c13635;margin-right: 1.2rem;font-size: 1.8rem}
.xz-pro-list_left .xz-pro-contact ul li span{font-size: .88rem;color: #666}
.xz-pro-list_left .xz-pro-contact ul li p{font-size: 1.25rem;font-family: Roboto-Medium;color: #333}
.xz-pro-list_left .xz-pro-contact ul li p a{color: #333;transition: all .3s}
.xz-pro-detail_top_left .slick-next:before, .xz-pro-detail_top_left .slick-prev:before{font-family: iconfont;font-size: 2rem;transition: all .3s cubic-bezier(.34,.16,.18,1.35)}
.xz-pro-list_left .xz-pro-contact ul li p a:hover{color: #c13635}
.xz-pro-detail{margin-bottom: 5.9rem}
.xz-pro-detail_top{background: #fff;padding: 4rem 0}
.xz-pro-detail_top_in{display: flex;justify-content: space-between}
.xz-pro-detail_top_left{width: 39.2%}
.xz-pro-detail_top_left .slick-next, .xz-pro-detail_top_left .slick-prev{z-index: 999;width: auto;height: auto}
.xz-pro-detail_top_left .slick-prev{left: .875rem}
.xz-pro-detail_top_left .slick-prev:before{content: "\e60e";color: #ccc}
.xz-pro-detail_top_left .slick-prev:hover:before{color: #c13635}
.xz-pro-detail_top_left .slick-next{right: .875rem}
.xz-pro-detail_top_left .slick-next:before{content: "\e900";color: #ccc}
.xz-pro-sec h2::before, .xz-pro_unit-x li a::after{content: "";left: 0;display: inline-block}
.xz-pro-detail_top_left .slick-next:hover:before{color: #c13635}
.xz-pro-detail_top_left #gallery-1 img{border: none}
.xz-pro-detail_top_right{width: 50%}
.xz-pro-detail_top_right h1{font-size: 1.88rem;font-family: Oswald-Bold;color: #333;padding-bottom: 1rem;margin-bottom: 1.6rem;border-bottom: 1px solid #f0f0f0}
.xz-pro-detail_top_right .xz-pro-detail-param ul li{font-size: 1.13rem;margin-top: 1rem;color: #666;padding-left: 1.5rem;position: relative}
.xz-pro-detail_top_right .xz-pro-detail-param ul li::before{display: inline-block;content: "";width: .38rem;height: .38rem;border-radius: 50%;background: #565656;position: absolute;left: .3rem;top: 50%;transform: translateY(-50%)}
.xz-pro-detail_top_right .xz-exchange{display: flex;justify-content: space-between}
.xz-pro-detail_top_right .xz-exchange a{display: inline-block;width: 48%;height: 3.3rem;line-height: 3.3rem;text-align: center;font-family: RobotoSlab-Regular;color: #fff;font-size: 1.25rem;margin-top: 1.5rem;transition: all .3s}
.xz-pro-sec h2, .xz-pro_unit-x li a{font-size: 1.5rem;font-family: Oswald-Medium}
.xz-pro-detail_top_right .xz-exchange a:hover{transform: translateY(-3px)}
.xz-pro-detail_top_right .xz-exchange a:nth-child(1){background: #c13635}
.xz-pro-detail_top_right .xz-exchange a:nth-child(2){background: #444}
.xz-pro-detail_top_right .single-time-share{display: flex;margin-top: 2.5rem;color: #666}
.xz-pro-detail_top_right .single-time-share > p{margin-right: 1rem}
.xz-pro-detail_top_right .single-time-share a{color: #666;transition: all .3s}
.xz-pro-detail_top_right .single-time-share a:hover{color: #c13635}
.xz-pro-detail_top_right .single-time-share .iconfont{margin-right: .5rem;color: #999}
.xz-pro-detail_bottom{margin-top: 4.38rem}
.xz-pro-detail_bottom_in{display: flex;justify-content: space-between}
/*.xz-pro-detail-right{width: calc(100% - 23.85rem)}*/
.xz-pro_unit_nav{position: sticky;top: 4.59rem;z-index: 66}
.xz-pro_unit_content{background: #fff;padding: 1.4rem 2.38rem 4rem}
.xz-pro_unit-x{display: flex;background: #eee;border-top: .13rem solid #dcdcdc}
.xz-pro_unit-x li.active a{background: #fff}
.xz-pro_unit-x li.active a::after{background: #c13635}
.xz-pro_unit-x li a{display: inline-block;line-height: 4.25rem;padding: 0 2.38rem;color: #333;position: relative;transition: all .3s}
.xz-pro_unit-x li a:hover{background: #fff}
.xz-pro_unit-x li a:hover::after{background: #c13635}
.xz-pro_unit-x li a::after{width: 100%;height: .13rem;background: #dcdcdc;position: absolute;top: -2px;transition: all .3s}
.xz-pro_unit-x li #xz-inquiry{background: #c13635;color: #fff;line-height: 3.19rem}
.xz-pro_unit-x li #xz-inquiry::after{background: #c13635}
.xz-pro-sec h2{color: #333;position: relative;padding-left: 1.38rem;margin-top: 2.6rem}
.slick-dots, .slick-next, .slick-prev{position: absolute;display: block;padding: 0}
.xz-pro-sec h2::before{width: .94rem;height: .94rem;background: #c13635;position: absolute;top: 50%;transform: translateY(-50%)}
.xz-pro-sec h3{font-size: 1.25rem;font-family: Roboto-Bold;color: #333;margin-top: 2rem}
.xz-pro-sec p{color: #666;line-height: 1.5rem;margin-top: .75rem}
.xz-pro-sec table{width: 100%;border-collapse: collapse;margin-top: 1.44rem}
.xz-pro-sec table tr:first-child{background-color: #f4f4f4}
.xz-pro-sec table tr:first-child td{padding: 12px 8px;font-size: 1.13rem;font-family: Oswald-Medium}
.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-sec table td{border: 1px solid #e2e2e2;text-align: center;padding: 8px;color: #333}
.xz-pro-detail-form{margin-top: 2.75rem}
.xz-pro-detail-form .xz-pro-form{background: #fff;padding: 3.8rem 2.6rem 0}
.slick-loading .slick-list{background: url(ajax-loader.gif) center center no-repeat #fff}
@font-face{font-family: slick;src: url(/style/fonts/slick.eot);src: url(/style/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/style/fonts/slick.woff) format("woff"),url(/style/fonts/slick.ttf) format("truetype"),url(/style/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;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-close, .mfp-preloader{text-align: center;position: absolute}
.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;top: 50%;width: auto;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}
button::-moz-focus-inner{padding: 0;border: 0}
.mfp-close{width: 44px;height: 44px;line-height: 44px;right: 0;top: 0;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}
.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{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0,0,0,.6);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{position: absolute;left: 0;top: 40px;bottom: 40px;right: 0;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-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}
.xz-102-info, .xz-104-info{background: #fff}
.xz-loop-102{display: flex;align-items: center;margin-top: 2.06rem}
.xz-102-thumb{display: block;width: 40%}
.xz-102-info{width: 60%;padding: 1.48rem 2.6rem}
.xz-102-meta{color: #c13635}
.xz-102-tit{display: block;font-family: Roboto-Medium;color: #333;line-height: 1.5rem;height: 3rem;overflow: hidden;margin-top: .48rem;transition: all .3s}
.xz-102-tit:hover{color: #c13635}
.xz-102-des{font-size: .88rem;line-height: 1.31rem;height: 2.62rem;overflow: hidden;color: #666;margin-top: .5rem}
.xz-loop-104{display: flex !important;flex-direction: column;margin: 0 10px;}
.xz-loop-104 img{transition: all .3s}
.xz-loop-104 img:hover{filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5))}
.xz-loop-104:nth-child(odd) img{border-radius: .25rem .25rem 0 0;border-bottom: 1px solid #ddd}
.xz-loop-104:nth-child(odd) .xz-104-info{border-radius: 0 0 .25rem .25rem}
.xz-loop-104:nth-child(even){flex-direction: column-reverse;transform: translateY(4rem)}
.xz-loop-104:nth-child(even) img{border-radius: 0 0 .25rem .25rem;border-top: 1px solid #ddd}
.xz-loop-104:nth-child(even) .xz-104-info{border-radius: .25rem .25rem 0 0}
.xz-104-info .more{display: inline-block;margin-top: 1rem;padding: 0 0 3.19rem 1.75rem;font-family: RobotoSlab-Regular;transition: all .3s}
.xz-104-info .more:hover{transform: translateX(3px)}
.xz-104-tit{display: block;font-size: 1.38rem;color: #666;font-family: Oswald-SemiBold;padding: 2.19rem 0 0 1.75rem;transition: all .3s}
.xz-104-tit:hover{color: #c13635}
.xz-104-des{padding: 0 1.75rem;line-height: 1.5rem;height: 4.5rem;overflow: hidden;margin-top: 1rem}
.container-search{margin-top: 1.5rem}
.loop-item-200{margin-bottom: 1.25rem}
.loop-item-200 h2{background: #eee;border-radius: 4px 4px 0 0;line-height: 2.5rem;padding: 0 1.25rem 0 2.5rem;margin: 0;transition: all .3s}
.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: #c13635}
.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: #ffdab9;color: #fff}
.loop-item-200 .meta.cat_page{background: #87cefa;color: #fff}
.loop-item-200 .meta.cat_case{background: #ff69b4;color: #fff}
.loop-item-200 .meta.cat_part{background: plum;color: #fff}
.loop-item-200 .meta.cat_video{background: #98fb98;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}
.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-a016{width: 47.6%;display: flex}
.xz-a016-thumb{display: block;width: 48%}
.xz-a016-more, .xz-a016-tit{display: inline-block;transition: all .3s}
.xz-a016-info-x{width: 52%;background: #f8f8f8;padding: 2.5rem}
.xz-a016-date{font-size: .88rem;color: #c13635}
.xz-a016-tit{font-size: 1.13rem;font-family: Roboto-Regular;color: #333;margin-top: .75rem;line-height: 1.69rem}
.xz-a016-tit:hover{color: #c13635}
.xz-a016-txt{font-size: .88rem;color: #666;line-height: 1.31rem;height: 2.62rem;overflow: hidden;margin-top: .4rem}
.xz-case-txt, .xz-product-des{line-height: 1.5rem;overflow: hidden}
.xz-a016-more{font-size: .88rem;color: #999;margin-top: 1rem}
.xz-a016-more:hover{color: #c13635}
.xz-loop-case{width: 31.3%;margin-top: 3.3rem;margin-bottom: 3rem;background: #fff}
.xz-loop-case:nth-of-type(2){position: relative}
.xz-loop-case:nth-of-type(2)::after{display: block;content: "";width: 1440px;height: 1px;background: #e9e9e9;position: absolute;bottom: -3rem;left: 50%;transform: translateX(-50%)}
.xz-loop-video, .xz-product-info{background: #fff}
.xz-case-more:hover, .xz-product-info .more:hover{transform: translateX(3px)}
.xz-case-thumb{display: block;position: relative}
.xz-case-info{padding: 1.4rem .7rem 1.7rem}
.xz-case-tit{display: block;font-size: 1.13rem;color: #666;font-family: Oswald-Medium;padding: 0 0 .5rem;transition: all .3s;overflow: hidden;border-bottom: 1px solid #e9e9e9}
.xz-case-tit:hover{color: #c13635}
.xz-case-txt{height: 3rem;color: #999;margin-top: .69rem}
.xz-case-more{font-size: .88rem;font-family: Roboto-Medium;margin-top: .94rem;display: inline-block;padding-left: 1.35rem;transition: all .3s;position: relative}
.xz-case-more::before{display: inline-block;content: "\e605";font-family: iconfont;position: absolute;left: 0;top: -1px;color: #c13635;font-size: 1.2rem}
.xz-loop-video:nth-of-type(2), .xz-product-thumb{position: relative}
@media screen and (max-width:1366px){.xz-loop-case{margin-top: 2rem;margin-bottom: 0}
.xz-loop-case:nth-of-type(2)::after{display: none}}
@media screen and (max-width:700px){.xz-loop-case{width: 49%}
.xz-case-info{padding: .9rem .7rem 1.2rem}
.xz-case-tit{font-size: 1rem}}
.xz-loop-product{width: 32.5%;margin-bottom: .69rem}
.xz-loop-product img{border-radius: .25rem .25rem 0 0;border-bottom: 1px solid #ddd}
.xz-product-thumb{display: block}
.xz-product-info .more{display: inline-block;margin-top: 1rem;padding: 0 0 3.19rem 1.75rem;font-family: RobotoSlab-Regular;transition: all .3s}
.xz-product-tit{display: block;font-size: 1.38rem;color: #666;font-family: Oswald-SemiBold;padding: 2.19rem 0 0 1.75rem;transition: all .3s}
.xz-product-tit:hover{color: #c13635}
.xz-product-des{padding: 0 1.75rem;height: 4.5rem;margin-top: 1rem}
@media screen and (max-width:1280px){.xz-product-tit{padding: 1rem 1rem 0;font-size: 1.28rem}
.xz-product-des{padding: 0 1rem;margin-top: .6rem}
.xz-product-info .more{padding: 0 0 2rem 1rem;margin-top: .8rem}}
@media screen and (max-width:800px){.xz-loop-product{width: 49%}}
.xz-loop-video{width: 32%;margin-top: 3.3rem;margin-bottom: 3rem;padding: .8rem .7rem 0}
.xz-loop-video:nth-of-type(2)::after, .xz-loop-video:nth-of-type(5)::after{width: 1440px;height: 1px;background: #e9e9e9;bottom: -3rem;left: 50%;transform: translateX(-50%);display: block;content: ""}
.xz-loop-video:nth-of-type(2)::after{position: absolute}
.xz-loop-video:nth-of-type(5){position: relative}
.xz-loop-video:nth-of-type(5)::after{position: absolute}
.xz-video-thumb{display: block;position: relative}
.xz-video-icon{position: absolute;z-index: 888;left: .5rem;bottom: .5rem;font-size: 2.8rem}
.xz-video-tit{font-size: 1.13rem;color: #666;font-family: Oswald-Medium;padding: .5rem 0 .8rem;transition: all .3s;overflow: hidden}
.xz-banner-ul .slick-next:hover:before, .xz-banner-ul .slick-prev:hover:before, .xz-video-tit:hover{color: #c13635}
@media screen and (max-width:1366px){.xz-loop-video{margin-top: 2rem;margin-bottom: 0}
.xz-loop-video:nth-of-type(2)::after, .xz-loop-video:nth-of-type(5)::after{display: none}}
@media screen and (max-width:800px){.xz-video-icon{font-size: 2.2rem}}
@media screen and (max-width:700px){.xz-loop-video{width: 49%;padding: .4rem .3rem 0}
.xz-video-tit{font-size: 1rem}
.xz-video-icon{font-size: 1.7rem}}
.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)}
.xz-banner-ul .slick-dots li button:before{content: "";width: 1.088rem;height: 1.088rem;background: #c13635;border-radius: 50%;opacity: 1}
.xz-banner-ul .slick-dots li.slick-active button:before{background: #c13635}
.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: "\e60e"}
.xz-banner-ul .slick-next{right: 4.875rem}
.xz-banner-ul .slick-next:before{content: "\e900"}
@media screen and (max-width:1600px){.xz-header{padding-left: 1.25rem}
.menu-main-container{padding: 0 1%}
.xz-loop-104{margin: 0 10px}
.xz-home-product .xz-home-pro-in{padding: 0 4rem}}
@media screen and (max-width:1500px){.xz-main{width: 100%;padding: 0 30px;margin: 0 auto}
.xz-home-product .slick-next::before, .xz-home-product .slick-prev::before{transform: scaleX(1.5)}
.xz-hint span{font-size: 3.05rem}
.xz-loop-102{margin-top: 1.8rem}
.xz-102-info{padding: 1rem 1.5rem}
#footer .xz-main > li.foot-block:nth-child(2){padding-left: 4rem}
.xz-single-news{margin-top: 2.3rem;padding: 3rem 6rem}
.xz-pro-detail_top_left{box-shadow: none}
.xz-pro-detail_top_left img{box-shadow: -.5px 0 .7rem -.15rem rgba(0,0,0,.2)}
.xz-pro-detail_top_right{width: 55%}}
@media screen and (max-width:1366px){.xz-case-list_con, .xz-news-list, .xz-video-list_con{margin-bottom: 2rem}
html{font-size: 15px}
.xz-toppic{height: 20rem}
.xz-news-list{padding: 1.8rem}
.xz-single-news h1{font-size: 2.2rem}
.xz-single-news .xz-post-time{padding-bottom: 1.2rem}
.xz-quick-search.bg-white{margin-top: 4rem}
.xz-pro-list_left{width: 17.25rem}
.xz-pro-list_left .xz-pro-cate h2{height: 4.2rem;line-height: 4.2rem;font-size: 2.2rem}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a{height: 3.9rem;display: flex;align-items: center;line-height: 1.5rem;text-indent: 0;padding: 0 1rem 0 2rem}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a::before{left: 10px}
.xz-pro-list_left .xz-pro-contact h2{padding-top: 1.69rem;font-size: 1.7rem}
.xz-pro-list_left .xz-pro-contact ul li i{width: 1.85rem;height: 1.85rem;line-height: 1.85rem;font-size: 1rem;margin-right: 1rem}
.xz-pro-detail-right, .xz-pro-list_wrap .xz-pro-list_right{width: calc(100% - 18.55rem)}
.xz-pro-detail_top{padding: 2rem 0}
.xz-pro-detail_bottom{margin-top: 3.5rem}
.xz-pro-detail_bottom_in{flex-wrap: wrap-reverse}
.xz-pro_unit_content{padding: 1.4rem 1.38rem 4rem}
.xz-pro-sec h2{margin-top: .6rem;font-size: 1.3rem}
.xz-about-con .xz-about-con_left p, .xz-pro-sec h3{margin-top: 1.5rem}
.xz-pro_unit-x li a{line-height: 3.45rem;font-size: 1.3rem}
.xz-about-con .xz-about-con_left h3{font-size: 2.2rem;line-height: 3rem;margin-bottom: 0}
.xz-about-service .about-hint{font-size: 3.35rem}
.xz-about-service ul{margin-top: 2rem}
.xz-about-process-flow .about-hint{font-size: 3.35rem;margin-top: 3rem}
.xz-about-process-flow .about-hint::after, .xz-about-service .about-hint::after, .xz-hint span::after, .xz-home-about .xz-main .home-about-left h2::after{font-size: 4rem}}
@media screen and (max-width:1280px){.xz-home-about{padding: 8.5rem 0}
.xz-home-about .xz-main .home-about-right::before{height: 35rem}
.xz-home-product{height: 55rem;padding-top: 2rem}
.xz-home-product .slick-list{height: 590px}
#footer{padding: 5rem 0}
.xz-loop-a016{align-items: center}
.news-list_in .xz-a016-thumb{width: 28.6%}
.news-list_in .xz-a016-info-x{width: 71.4%;padding: 1.5rem}
.xz-about-con{padding: 7rem 0 4rem}
.xz-about-con .xz-about-con_right::before{height: 35rem}}
@media screen and (max-width:1230px){.xz-hint span{font-size: 2.55rem}
.xz-hint a{height: 2rem;line-height: 2rem}
.xz-loop-102{margin-top: .7rem}}
@media screen and (max-width: 1024px){.xz-product-tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
:root{--menu_height: 4rem}
#head-menu-btn{display: block;margin: 0 1.5rem}
#xz-logo{width: 8rem}
.xz-header-x{height: 4rem}
body{padding-top: 4rem}
.top-search_toggle{width: 6rem;height: 4rem;line-height: 4rem;margin-left: 2rem}
#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;height: 2.5rem;line-height: 2.5rem}
#menu-main > li > a:after{bottom: 20%}
#menu-main > li > .sub-menu{position: static;box-shadow: none;padding: 0 0 0 2rem;transform: translateX(0)}
#menu-main > li > .sub-menu > li{margin-top: .5rem;text-align: left}
#menu-main > li > .sub-menu .current-menu-item a{color: #c13635}
#menu-main .current-menu-ancestor .sub-menu, #menu-main .current-menu-item .sub-menu{display: block}
.top-search form #s{width: 80%}
.top-search form #submit{width: 20%}
.xz-breadcrumb{display: none}
.xz-banner-ul .slick-next, .xz-banner-ul .slick-prev, .xz-pro-detail_top_left .slick-next, .xz-pro-detail_top_left .slick-prev{display: none !important}
.xz-home-about .xz-main .home-about-left h2{font-size: 2.85rem}
.xz-home-about .xz-main .home-about-left .home-about-con p{margin-top: 1rem}
.xz-home-about .xz-main .home-about-left .about-advantage{margin-top: 2rem}
.xz-home-about .xz-main .home-about-left .about-advantage li .iconfont{font-size: 1.4rem;margin-right: .5rem}
.xz-home-about .xz-main .home-about-right::before{height: 29.6rem}
.xz-home-product .xz-home-pro-in{padding: 0 2rem}
.xz-home-product .xz-home-pro-in h2{font-size: 3.05rem}
.xz-home-product .slick-prev{right: 7rem}
.xz-home-product .slick-next::before, .xz-home-product .slick-prev::before{transform: scaleX(1.25)}
.xz-loop-102{margin-top: .4rem}
.xz-102-info{padding: .7rem 1.5rem}
#footer .xz-main > li.foot-block:nth-child(2){padding-left: 2rem}
.xz-toppic{height: 16rem;font-size: 2.85rem}
.xz-quick-search h2, .xz-single-news h1{font-size: 2rem}
.xz-single-news{padding: 2rem}
.xz-quick-search{padding: 1.8rem 0 3.6rem;margin-top: 3rem}
.xz-quick-search ul{margin-top: 5.8rem}
.xz-about-con{padding: 7rem 0 3rem}
.xz-about-service ul li .after-sale-service, .xz-about-service ul li .dealer-agent-support{padding: 1.2rem 2rem 0}
.xz-about-con .xz-about-con_right::before{height: 33rem}
.xz-about-service .about-hint{font-size: 2.6rem}
.xz-about-service ul li .after-sale-service h2{margin-bottom: 1rem;font-size: 2rem}
.xz-about-service ul li .after-sale-service p{font-size: 1rem}
.xz-about-service ul li .dealer-agent-support h2{margin-bottom: 1rem;font-size: 2rem}
.xz-about-service ul li .dealer-agent-support p{font-size: 1rem}
.xz-about-process-flow .about-hint{font-size: 2.6rem}
.xz-about-process-flow .about-hint::after, .xz-about-service .about-hint::after, .xz-hint span::after, .xz-home-about .xz-main .home-about-left h2::after{display: none}
.xz-pro-list_wrap{margin-bottom: 2rem}
.xz-contact-wrap .xz-contact-form{padding: 4rem 1.6rem 3rem}
.xz-contact-wrap .xz-contact_info{padding: 5rem 4rem}}
@media screen and (max-width:1000px){.xz-home-about{padding: 8.5rem 0 3rem}
.xz-home-about .xz-main .home-about-left h2{font-size: 2.25rem}
.xz-home-about .xz-main .home-about-left .about-advantage{margin-top: 1.2rem}
.xz-home-about .xz-main .home-about-left .about-advantage li{font-size: .75rem}
.xz-home-about .xz-main .home-about-left .about-advantage li .iconfont{font-size: 1.2rem}
.xz-home-about .xz-main .home-about-right::before{width: 17.5rem;top: -5.8rem}
.xz-home-product .xz-home-pro-in h2{font-size: 2.55rem}
.xz-about-con .xz-about-con_left h3{font-size: 1.3rem;line-height: 2.2rem;margin-top: .4rem}
.xz-about-con .xz-about-con_left p{margin-top: .6rem}
.xz-about-con .xz-about-con_right::before{width: 16.5rem;height: 27rem}
.xz-about-service ul li > .after-service-img{width: 30%}
.xz-about-service ul li > .after-sale-service{width: 70%;padding: 1rem 2rem}
.xz-about-service ul li > .dealer-img{width: 30%}
.xz-about-service ul li > .dealer-agent-support{width: 70%;padding: 1rem 2rem}}
@media screen and (max-width:800px){.xz-contact-wrap{flex-wrap: wrap}
.xz-contact-wrap .xz-contact-form{width: 100%;padding: 2rem 0 1rem;border-right: none}
.xz-contact-wrap .xz-contact-form h2{font-size: 1.58rem;text-align: center}
.xz-contact-wrap .xz-contact_info{width: 100%;padding: 1rem 0}
.xz-contact-wrap .xz-contact_info h2{font-size: 1.58rem}
.xz-product-tit{font-size: 1.08rem}
.xz-product-des{font-size: .9rem}
.xz-home-product .xz-home-pro-in{padding: 0 1rem}
.xz-home-product .xz-home-pro-in h2{margin-bottom: 2.6rem}
.xz-home-product{height: 45rem}
.xz-home-product .slick-next, .xz-home-product .slick-prev{top: -5.4rem}
.xz-home-product .slick-list{height: 520px}
.xz-104-info .xz-104-tit{padding: 1.25rem 1.25rem 0;font-size: 1.25rem}
.xz-104-info .xz-104-des{padding: 0 1.25rem;margin-top: .6rem}
.xz-104-info .more{padding: 0 1.25rem 2rem}
.xz-home-video-news{padding: 4rem 0}
.xz-hint span{font-size: 2.25rem}
.xz-102-tit{height: 1.5rem}
.xz-102-des{height: 1.3rem}
#footer{padding: 3rem 0}
#footer .xz-main > li.foot-block{width: 49%}
#footer .xz-main > li.foot-block:nth-child(3){display: none}
.xz-toppic{height: 12rem;font-size: 2.5rem}
.news-list_in .xz-a016-thumb{width: 40%}
.news-list_in .xz-a016-info-x{width: 60%;padding: 1.5rem}
.xz-single-news{padding: 1.5rem 2rem}
.xz-single-news h1{font-size: 1.8rem}
.xz-quick-search{padding: 1.8rem 0 2.6rem}
.xz-quick-search ul li h3{font-size: 1.3rem}
.xz-pro-list_left{width: 15.25rem}
.xz-pro-list_left .xz-pro-cate h2{height: 3.2rem;line-height: 3.2rem;font-size: 1.8rem}
.xz-pro-list_left .xz-pro-cate .xz-pro-cate_con li a{font-size: .9rem;height: 3.2rem}
.xz-pro-list_left .xz-pro-contact .xz-pro-contact h2{font-size: 1.4rem}
.xz-pro-list_left .xz-pro-contact .xz-pro-contact ul li{padding-bottom: .98rem;margin-top: 1.5rem}
.xz-pro-list_left .xz-pro-contact .xz-pro-contact ul li p{font-size: 1rem}
.xz-pro-list_left .xz-pro-contact ul li i{margin-right: .3rem}
.xz-pro-list_wrap .xz-pro-list_right{width: calc(100% - 16.55rem)}
.xz-pro_unit_nav{top: 4.09rem}
.wrap{overflow-x: auto}
.xz-pro-detail-form .xz-pro-form{padding: 2rem 1.6rem 0}}
@media screen and (max-width:700px){#footer .xz-main > li.foot-block:nth-child(2), #footer .xz-main > li.foot-block:nth-child(3), .share-head-sns, .xz-about-con .xz-about-con_right::before, .xz-home-about .xz-main .home-about-right::before, .xz-pro-list_left .xz-pro-cate{display: none}
.xz-contact-wrap .xz-contact-form{width: 100%;padding: 2rem 0 1rem;border-right: none}
.xz-contact-wrap .xz-contact-form h2{font-size: 1.38rem;text-align: center;margin-bottom: 1.2rem}
.xz-contact-wrap .xz-contact_info{width: 100%;padding: 1rem 0}
.xz-contact-wrap .xz-contact_info h2{font-size: 1.38rem}
.xz-contact-wrap .xz-contact_info ul li i{width: 2.85rem;height: 2.85rem;line-height: 2.85rem;margin-right: 1.3rem}
.xz-map .xz-address{line-height: 1.8rem;font-size: .8rem}
.top-search form{width: 95%}
#menu-main{width: 80%}
#menu-main > li > a{font-size: 1.02rem}
.xz-main{padding: 0 20px}
.xz-header{padding-left: .85rem}
.xz-header-x{height: 3rem}
body{padding-top: 3rem}
.top-search_toggle{width: 5rem;height: 3rem;line-height: 3rem;margin-left: 0}
.xz-home-about{padding: 1.5rem 0 4rem}
.xz-home-about .xz-main, .xz-home-video-news .xz-main, .xz-pn-share{flex-wrap: wrap}
.xz-home-about .xz-main .home-about-left{width: 100%}
.xz-home-about .xz-main .home-about-left h2{font-size: 1.55rem}
.xz-home-about .xz-main .home-about-left .home-about-con{height: 6.6rem;overflow: hidden}
.xz-home-about .xz-main .home-about-left .home-about-con p{margin-top: .6rem}
.xz-home-about .xz-main .home-about-right{width: 100%;right: 0}
.xz-home-product{height: 35rem}
.xz-home-product .slick-list{height: 400px}
.xz-home-product .xz-home-pro-in{padding: 0}
.xz-home-product .xz-home-pro-in h2{font-size: 1.85rem;margin-bottom: 1.6rem}
.xz-104-info .xz-104-tit{padding: 1.25rem 1rem 0;font-size: 1.05rem}
.xz-104-info .xz-104-des{font-size: .88rem;line-height: 1.3rem;height: 3.9rem;padding: 0 1rem}
.xz-104-info .more{padding: 0 1rem 1.2rem;margin-top: .6rem;font-size: .88rem}
#footer, .xz-home-video-news{padding: 2rem 0}
.xz-hint span, .xz-toppic{font-size: 1.8rem}
.xz-home-video-news .xz-home-video{width: 100%}
.xz-home-video-news .xz-home-news{width: 100%;margin-top: 1.2rem}
.xz-hint a{height: 1.8rem;line-height: 1.8rem}
#footer .xz-main > li.foot-block{width: 100%}
.xz-toppic{height: 7rem}
.xz-news-list{padding: 1.8rem 0}
.news-list_in .xz-loop-a016{margin-bottom: 1.5rem}
.news-list_in .xz-a016-thumb{width: 50%}
.news-list_in .xz-a016-info-x{width: 50%;padding: .8rem}
.news-list_in .xz-a016-tit{font-size: 1rem;line-height: 1.3rem;height: 1.3rem;overflow: hidden;margin-top: .35rem}
.news-list_in .xz-a016-txt{margin-top: 0}
.news-list_in .xz-a016-more{margin-top: .5rem}
.xz-single-news{padding: 1rem}
.xz-single-news h1{font-size: 1.4rem}
.xz-pn-share .single-nav{width: 100%;margin-bottom: 0}
.xz-quick-search.bg-white{margin-top: 2rem}
.xz-quick-search h2{font-size: 1.8rem}
.xz-quick-search ul{margin-top: 0;flex-wrap: wrap}
.xz-quick-search ul li{width: 100%;margin-top: 5rem}
.xz-quick-search ul li i{width: 5.25rem;height: 5.25rem;line-height: 4.85rem}
.xz-pro-list_wrap{margin-top: 2rem}
.xz-pro-list_wrap .xz-main{flex-wrap: wrap-reverse}
.xz-about-con, .xz-pro-detail_top_in{flex-wrap: wrap}
.xz-pro-list_left{width: 100%}
.xz-pro-list_left .xz-pro-contact{margin-top: 0}
.xz-pro-list_left .xz-pro-contact h2{font-size: 1.4rem}
.xz-pro-list_left .xz-pro-contact ul li i{width: 2.85rem;height: 2.85rem;line-height: 2.85rem;margin-right: 1.3rem}
.xz-pro-detail-right, .xz-pro-detail_top_left, .xz-pro-list_wrap .xz-pro-list_right{width: 100%}
.xz-pro-detail{margin-bottom: 1.2rem}
.xz-pro-detail_top{padding: 1.2rem 0}
.xz-pro-detail_top_right{width: 100%;margin-top: 1.8rem}
.xz-pro-detail_top_right h1{font-size: 1.58rem}
.xz-pro-detail_top_right .xz-exchange a{font-size: 1.1rem}
.xz-pro_unit_nav{top: 3.09rem}
.xz-pro_unit_content{padding: 1.4rem 1rem 4rem}
.xz-pro-detail_bottom{margin-top: 2.2rem}
.xz-pro_unit-x li a{padding: 0 1.68rem;line-height: 3.25rem;font-size: 1.1rem}
.xz-pro-sec h3{margin-top: 1rem;font-size: 1.05rem}
.xz-about-con{padding: 2rem 0 4rem}
.xz-about-service ul li > .after-sale-service, .xz-about-service ul li > .dealer-agent-support{width: 100%;padding: 1rem 2rem}
.xz-about-con .xz-about-con_left{width: 100%}
.xz-about-con .xz-about-con_right{width: 100%;right: 0;margin-top: 1rem}
.xz-about-service ul li > .after-sale-service p, .xz-about-service ul li > .dealer-agent-support p{margin-top: .8rem}
.xz-about-service .about-hint{font-size: 2rem}
.xz-about-service ul li > .after-sale-service h2, .xz-about-service ul li > .dealer-agent-support h2{font-size: 1.5rem;margin-bottom: 0}
.xz-about-service ul li{flex-wrap: wrap}
.xz-about-service ul li > .after-service-img{width: 100%}
.xz-about-service ul li > .dealer-img{width: 100%}
.xz-about-process-flow .about-hint{font-size: 2rem;margin-top: 1.4rem}
.xz-about-process-flow .process-flow{margin-top: 2rem}
.xz-quick-search{margin-top: 1rem}}
#gallery-2{margin: auto;}
#gallery-2 .gallery-item{float: left;margin-top: 10px;text-align: center;width: 100%;}
#gallery-2 img{border: 2px solid #cfcfcf;}
#gallery-2 .gallery-caption{margin-left: 0;}



.MbNav {display:block;z-index:10000;}
.MbNav {position:fixed;top:0;right:-100%;bottom:0;background:rgba(0,0,0,0);display:block;width:100%;}
.MbNav .div_1 {position:absolute;width:100%;top:0;left:0%;bottom:0;background:rgba(0,0,0,0)}
.MbNav .div_2 {position:absolute;top:0;left:0%;bottom:0;background:rgba(0,0,0,0.5);}
.MbNav .div_2 .lft {width:60%;height:100%;background:#fff;float:right;}
.MbNav .div_2 a {background:#f0f4f8; color:#333; height:2.5rem;line-height:2.5rem;text-align:left;display:block;width:100%;padding-left:15px;border-bottom:1px #fff solid;}
.MbNav.on {right:0;}
.MidCeng{position:absolute; top:82px; left:0; right:0; bottom:70px; overflow:auto;}
.MbTitle{padding:10px; background:#38c4cd; text-align:left; color:#fff;}
.MbNav .div_2 a.current-menu-parent{color: #c13635;}