@charset "utf-8";
/*zs-bundle:efd1a7ed8553*/
/* fonts/iconfont.css */
@font-face {
  font-family: "iconfont"; /* Project id 5155725 */
  src: url('../fonts/iconfont.woff2?t=1776156021825') format('woff2'),
       url('../fonts/iconfont.woff?t=1776156021825') format('woff'),
       url('../fonts/iconfont.ttf?t=1776156021825') format('truetype');
  font-display: swap;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zaixianzixun:before {
  content: "\e648";
}

.icon-zixunguanli:before {
  content: "\e684";
}

.icon-jiantouleft:before {
  content: "\e643";
}

.icon-wenhao-yuankuang:before {
  content: "\e8e9";
}

.icon-arrright:before {
  content: "\e604";
}

.icon-videofill:before {
  content: "\e67f";
}

.icon-instagram:before {
  content: "\eb2d";
}

.icon-weixin:before {
  content: "\e63f";
}

.icon-whatsapp:before {
  content: "\e75a";
}

.icon-facebook:before {
  content: "\f19d";
}

.icon-youtube:before {
  content: "\e8e2";
}

.icon-jiantou1-copy:before {
  content: "\e600";
}

.icon-iconfontyoujiantou:before {
  content: "\e601";
}

.icon-douyin2:before {
  content: "\e602";
}

.icon-tuite:before {
  content: "\e603";
}

.icon-jiantou1-copy-copy:before {
  content: "\f1a1";
}

.icon-iconfontyoujiantou-copy:before {
  content: "\f19e";
}

.icon-jiantou2-copy-copy:before {
  content: "\f19f";
}

.icon-jiantou1-copy-copy-copy:before {
  content: "\f1a0";
}


/* css/swiper-bundle.min.css */
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* css/animate.css */



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes puffIn{0%{-webkit-transform:scale(1.2);-webkit-transform-origin:50% 50%;}to{-webkit-transform:scale(1);-webkit-transform-origin:50% 50%;}}
@keyframes puffIn{0%{transform:scale(1.2);transform-origin:50% 50%;}to{transform:scale(1);transform-origin:50% 50%;}}
.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn;}
/* css/global.css */

/* CSS Document */
body,div,section,figure,strong,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#000; font-size:.1rem; font-family:Arial,"Helvetica Neue",Helvetica,"Segoe UI",sans-serif;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:.1rem;border-collapse: collapse;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.figure{display: block;height: 0;overflow: hidden;position: relative;}
.figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
.figure video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
.fs{font-size: .3rem; font-weight: bold;}
.iconfont{font-size: .16rem;}
.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none;}
a:hover {color:#fdb924; text-decoration:underline;}
.layout{padding: 3% 8%;}

header{position: fixed;z-index: 2000;left: 0;top: 0;right: 0;transition: all 0.3s;height: .7rem;display: flex;align-items: center;justify-content: space-between;padding: 0 8%;background: #000;}
header .logo-wrap{width:1rem;position: relative;z-index: 2;}
header .logo-wrap img{width: 100%;height: auto;transition: all .3s;}
header .zs-top-right{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;}
.zs-nav{font-size: 0px;}
.zs-nav > ul{display: flex;align-items: center;}
.zs-nav li{display: inline-flex;margin: 0 .2rem;position: relative;}
.zs-nav li.has-sub:after{display:none;}
.zs-nav li p{line-height: .4rem;font-size: .11rem;transition: all 0.3s;position: relative;font-weight: bold;}
.zs-nav li p a{display: inline-flex;transition: color .3s ease;align-items: center;color: #fdb924;position: relative;padding-bottom: .01rem;}
.zs-nav li p a:after{content: '';position: absolute;left: 0;bottom: -.015rem;width: 100%;height: 2px;background: #fdb924;transform: scaleX(0);transform-origin: center center;transition: transform .3s ease;}
.zs-nav li:hover p a{text-decoration: none;color:#FFF;}
.zs-nav li:hover p a:after{transform: scaleX(1);}
.zs-nav li p i{font-size: .06rem;margin-left: .02rem;display: inline-block;transition: all .3s;}
.zs-nav li:hover p i{transform: rotate(180deg);}
.zs-nav li .sub{position: fixed;left: 0;top: calc(.7rem - .02rem);right: 0;background: #f2f0eb;box-shadow: 0 .12rem .32rem rgba(0,0,0,.18);visibility: hidden;pointer-events: none;overflow: hidden;clip-path: inset(0 0 100% 0);opacity: .98;transition: clip-path .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;z-index: 1500;}
.zs-nav li .sub:before{content: '';position: absolute;left: 0;right: 0;top: 0;height: .02rem;background: #f2f0eb;z-index: 2;}
.zs-nav li.has-sub:hover .sub,.zs-nav li.has-sub.sub-open .sub{visibility: visible;pointer-events: auto;clip-path: inset(0 0 0 0);transition: clip-path 1.5s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s;}
.zs-nav li .sub .box{display: flex;padding: .28rem 6%;background: #f2f0eb;align-items: stretch;gap: .28rem;width: 100%;max-width: none;box-sizing: border-box;min-height: 2.3rem;}
.zs-nav li .sub .box:before{content: '';position: absolute;left: 0;top: 0;right: 0;height: .36rem;background: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0));opacity: 0;transform: translateY(-.16rem);transition: opacity .5s ease,transform .62s cubic-bezier(.23,1,.32,1);}
.zs-nav li.has-sub:hover .sub .box:before,.zs-nav li.has-sub.sub-open .sub .box:before{opacity: 1;transform: translateY(.08rem);}
.zs-nav li .sub-cover{position: relative;display: block;flex: 0 0 1.32rem;align-self: flex-start;overflow: hidden;background: transparent;color: #FFF;opacity: 0;transform: translate3d(0,-.24rem,0);transition: opacity .38s ease,transform .66s cubic-bezier(.23,1,.32,1);}
.zs-nav li.has-sub:hover .sub-cover,.zs-nav li.has-sub.sub-open .sub-cover{opacity: 1;transform: translate3d(0,0,0);transition-delay: .12s;}
.zs-nav li .sub-cover:hover{text-decoration: none;color: #FFF;}
.zs-nav li .sub-cover .figure{height: 1.36rem;padding-bottom: 0;}
.zs-nav li .sub-cover:before{display: none;}
.zs-nav li .sub-cover__text{display: none;}
.zs-nav li .sub-cover__text span{display: block;font-size: .07rem;letter-spacing: .03rem;text-transform: uppercase;opacity: .82;}
.zs-nav li .sub-cover__text strong{display: block;font-size: .19rem;line-height: 1.15;font-weight: bold;padding-top: .06rem;}
.zs-nav li .sub-cover__text em{display: block;font-size: .08rem;line-height: 1.7;padding-top: .08rem;font-style: normal;opacity: .92;}
.zs-nav li .sub-main{display: grid;flex: 1;grid-template-columns: repeat(5,minmax(0,1fr));column-gap: .22rem;row-gap: .26rem;align-content: flex-start;padding-top: .02rem;min-width: 0;}
.zs-nav li .sub-main--compact{grid-template-columns: repeat(5,minmax(0,1fr));}
.zs-nav li dl{min-width: 0;max-width: none;opacity: 0;transform: translate3d(0,-.2rem,0);transition: opacity .36s ease,transform .68s cubic-bezier(.23,1,.32,1);}
.zs-nav li.has-sub:hover dl,.zs-nav li.has-sub.sub-open dl{opacity: 1;transform: translate3d(0,0,0);}
.zs-nav li .sub-main > .sub-col{min-width: 0;}
.zs-nav li .sub-col > dl + dl{margin-top: .1rem;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(1) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(1) dl{transition-delay: .14s;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(2) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(2) dl{transition-delay: .19s;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(3) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(3) dl{transition-delay: .24s;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(4) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(4) dl{transition-delay: .29s;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(5) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(5) dl{transition-delay: .34s;}
.zs-nav li.has-sub:hover .sub-main > .sub-col:nth-of-type(6) dl,.zs-nav li.has-sub.sub-open .sub-main > .sub-col:nth-of-type(6) dl{transition-delay: .39s;}
.zs-nav li dt{font-weight: bold;font-size: .1rem;color: #6b645c;padding-bottom: .12rem;letter-spacing: .01rem;}
.zs-nav li dt a{color: #000;display: inline-block;position: relative;}
.zs-nav li dt a:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fdb924;transform: scaleX(0);transform-origin: center center;transition: transform .3s ease;}
.zs-nav li dt a:hover{text-decoration: none;color: #fdb924;}
.zs-nav li dt a:hover:after{transform: scaleX(1);}
.zs-nav li dd{font-size: .08rem;line-height: 1.45;}
.zs-nav li dd a{padding: .03rem 0 .03rem;display: inline-block;color: #666;position: relative;font-weight: normal;white-space: normal;word-break: break-word;}
.zs-nav li dd a:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fdb924;transform: scaleX(0);transform-origin: center center;transition: transform .3s ease;}
.zs-nav li dd a:hover{text-decoration: none;color: #000;font-weight: bold;}
.zs-nav li dd a:hover:after{transform: scaleX(1);}
.sub-bottom-links{display:flex;flex-direction:column;gap:.08rem;border-top:1px solid #ddd;margin-top:.16rem;padding-top:.16rem;}
.sub-bottom-links a{display:block;font-size:.1rem;color:#000;padding:.04rem 0;font-weight:bold;letter-spacing:.01rem;transition:color .3s ease;}
.sub-bottom-links a:hover{color:#fdb924;text-decoration:none;}
.zs-nav li dd.sub-bottom-link{margin-top:.12rem;padding-top:.1rem;border-top:1px solid #ddd;}
.zs-nav li dd.sub-bottom-link a{font-weight:bold;color:#000;font-size:.09rem;letter-spacing:.01rem;text-transform:uppercase;}
.zs-nav li dd.sub-bottom-link a:hover{color:#fdb924;}
.zs-nav li dd.sub-bottom-link a:after{display:none;}
.zs-nav li dd.sub-group-title{margin-top:.08rem;padding-top:.08rem;border-top:1px solid #ccc;}
.zs-nav li dd.sub-group-title a{font-weight:bold;color:#000;font-size:.09rem;text-transform:uppercase;}
/* 二级独立入口（无下级），只用留白与同列其他二级栏目区分，不要分隔线 */
.zs-nav li .sub-col > dl.sub-lv2-link{border-top:0;margin-top:.1rem;padding-top:0;}
.zs-nav li .sub-col > dl.sub-lv2-link > dt{padding-bottom:0;}
.zs-nav li .sub-col > dl.sub-lv2-link > dt a{font-size:.1rem;letter-spacing:.01rem;}
.zs-nav li .sub-col > dl.sub-lv2-link > dt a:hover{color:#fdb924;}
/* 二级分组：自身带三级、四级子项，整组同在一个 dl 内 */
.zs-nav li .sub-col > dl.sub-lv2-group{border-top:0;margin-top:.1rem;padding-top:0;}
.zs-nav li .sub-col > dl.sub-lv2-group > dt{padding-bottom:.08rem;}
/* 三级标题 */
.zs-nav li dd.sub-lv3-title{margin-top:.05rem;}
.zs-nav li dd.sub-lv3-title a{font-weight:bold;color:#000;font-size:.09rem;letter-spacing:.01rem;text-transform:uppercase;}
.zs-nav li dd.sub-lv3-title a:hover{color:#fdb924;}
/* 四级明细 */
.zs-nav li dd.sub-lv4{padding-left:0;}
.zs-yuyan{padding: .2rem;font-size: .11rem;font-weight: bold;position: relative;}
.zs-yuyan a{color: #fdb924;}
.zs-yuyan a:hover{text-decoration: none;}
.zs-yuyan:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';width: 2px;height: .12rem;background-color:#fdb924;}

.zs-search{display: flex;border-bottom: 2px solid #fdb924;margin-left: .2rem;}
.zs-search .zs-input-txt{background: none;border: none;outline: medium;height: .2rem;font-size: .08rem;color: #FFF;}
.zs-search .zs-input-txt::placeholder{color: #FFF;}
.zs-search .zs-input-btn{background: url(../img/pic2.png) no-repeat center;border: none;outline: medium;height: .2rem;background-size: .1rem;width: .2rem;cursor: pointer;}
.zs-contact-btn{display: inline-flex;align-items: center;justify-content: center;height: .34rem;padding: 0 .2rem;margin-left: .2rem;background: #fdb924;color: #000;font-size: .1rem;font-weight: bold;line-height: 1;border-radius: .02rem;transition: background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;}
.zs-contact-btn:hover{text-decoration: none;color: #000;background: #ffca33;transform: translateY(-.02rem);box-shadow: 0 .05rem .14rem rgba(253,185,36,.28);}


.navm{display: none;align-items: center;justify-content: center;flex-direction: column;gap: .05rem;width: 1.8rem;height: 1.8rem;padding: 0;border: none;background: transparent;color: #fdb924;cursor: pointer;position: relative;z-index: 2002;}
.navm span{display: block;width: 1rem;height: 3px;background: currentColor;transition: transform .3s ease,opacity .3s ease;margin: 2px 0;}
.navm-close{display: none;align-items: center;justify-content: center;width: 1.2rem;height: 1.2rem;padding: 0;border: none;background: transparent;color: #fdb924;cursor: pointer;position: absolute;top: .12rem;right: .12rem;z-index: 3;}
.navm-close span{position: absolute;width: .62rem;height: 2px;background: currentColor;}
.navm-close span:nth-child(1){transform: rotate(45deg);}
.navm-close span:nth-child(2){transform: rotate(-45deg);}
.zs-sub-toggle{display: none;}

header .search{cursor: pointer;position: relative;z-index: 202;}
header .search i{font-size: .12rem;width: .26rem;line-height: .26rem;height: .26rem;display: flex;align-items: center;justify-content: center;border-radius: 100%;}

.search_box{position: fixed;left: 0px;right: 0px;top: 0;background: #FFF;display: none;z-index: 201;padding: 0 15%;}
.search_box .box{height: .4rem;display: flex;align-items: center;}
.search_box .search_t{display: flex;align-items: center;justify-content: center;border: 2px solid #000;width: 100%;}
.search_box .input_txt{width: 90%;height: .2rem;border: none;outline: magenta;box-sizing: border-box;}
.search_box .input_btn{width: 10%;height: .2rem;border: none;outline: magenta;cursor: pointer;background: url(../images/pic4.png) no-repeat center;color: #FFF;background-size: .12rem;}

@media (min-width: 992px){
	.zs-search{display: flex;border-bottom: 2px solid #fdb924;margin-left: .2rem;align-items: stretch;}
	.zs-search .zs-input-txt{background: none;border: none;outline: medium;height: .2rem;font-size: .08rem;color: #FFF;padding: 0;flex: none;border-radius: 0;}
	.zs-search .zs-input-btn{background: url(../img/pic2.png) no-repeat center;border: none;outline: medium;height: .2rem;background-size: .1rem;width: .2rem;cursor: pointer;background-color: transparent;border-radius: 0;}
}

footer{background: #000;color: #FFF;}
.foot-t{display: flex;justify-content: space-between;padding: 3% 8%;}
.foot-t .left{width: 30%;}
.foot-t .left .logo img{width: 70%;}
.foot-t .left .weibo{margin-top: .2rem;}
.foot-t .left ul{display: flex;}
.foot-t .left li{margin-right: .1rem;position: relative;}
.foot-t .left li a{color: #FFF;display: inline-block;}
.foot-t .left li a:hover{text-decoration: none;}
.foot-t .left li .pic{position: absolute;left: 50%;bottom: 100%;width: .8rem;display: none;margin-left: -.4rem;}
.foot-t .left li .pic img{width: 100%;}
.foot-t .left li:hover .pic{display: block;}
.foot-t .left li a i{font-size: .12rem;}
.foot-t .left .txt{padding-top: .2rem;line-height: 1.8;}
.foot-t .left .txt span{font-size: .13rem;font-weight: bold;}
.foot-t .right{width: 60%;display: flex;justify-content: space-between;}
.foot-t .right dt{font-weight: bold;color:#FFF;}
.foot-t .right dt a{color:#FFF;}
.foot-t .right dt a:hover{text-decoration:none;}
.foot-t .right dd{padding-top: .08rem;}
.foot-t .right dd a{color: #999;}
.foot-t .right dd a:hover{text-decoration: none;color: #FFF;}

footer .copyright{padding: .2rem 0;border-top: 1px solid #333;text-align: center;color: #999;}
footer .copyright a{color: #999;}


footer video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;object-fit: cover;}

.kefu{position: fixed;right: 2%;bottom: 10%;z-index: 100;}
.kefu li{margin-bottom: .2rem;position: relative;cursor: pointer;}
.kefu li p{width: .3rem;height: .3rem;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.1);color: #FFF;flex-flow: column;border-radius: 1rem;}
.kefu li p i{font-size: .16rem;}
.kefu li span{display: block;text-align: center;font-size: .08rem;}
.kefu li a{display: flex;align-items: center;justify-content: center;flex-flow: column;color: #333;}
.kefu li a:hover{text-decoration: none;}
.kefu li .pic{position: absolute;right: 120%;top: 50%;background: #FFF;padding: .03rem;visibility: hidden;opacity: 0;transition: all .3s;transform: translateY(-50%);min-width: .6rem;border-radius: .05rem;}
.kefu li:hover .pic{visibility: visible;opacity: 1;}
.kefu li .txt{position: absolute;right: 120%;top: 50%;background: #FFF;padding: .08rem;visibility: hidden;opacity: 0;transition: all .3s;transform: translateY(-50%);border-radius: .05rem;width: 1rem;font-size: .13rem;color: #24984e;}
.kefu li:hover .txt{visibility: visible;opacity: 1;}

@-webkit-keyframes rotate360
  {0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}@-moz-keyframes rotate360
  {0%{-moz-transform:rotate(0deg);}
  100%{-moz-transform:rotate(360deg);}
}@-ms-keyframes rotate360
  {0%{-ms-transform:rotate(0deg);}
  100%{-ms-transform:rotate(360deg);}
}@keyframes rotate360
  {0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

.tishi{display: none;}
.tishi .box{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);z-index: 10000;display: flex;align-items: center;justify-content: center;}
.tishi .box .txt{background: #FFF;padding: .2rem;}
.tishi .box p{font-size: .16rem;}
.tishi .box .more{display: flex;margin-top: .1rem;justify-content: center;}
.tishi .box .more a{display: block;padding: .05rem .1rem;background: #CCC;margin: 0 .1rem;border-radius: .03rem;}
.tishi .box .more a:hover{text-decoration: none;}

html.reveal-enabled .scroll-reveal-item{
	opacity: 0;
	transform: translate3d(0,.2rem,0);
	transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
	transition-delay: var(--reveal-delay,0s);
	will-change: opacity,transform;
}
html.reveal-enabled .scroll-reveal-item.scroll-reveal-visible{
	opacity: 1;
	transform: translate3d(0,0,0);
}
html.reveal-enabled .scroll-reveal-title{
	transform: translate3d(0,.26rem,0);
}
html.reveal-enabled .scroll-reveal-item img,
html.reveal-enabled .scroll-reveal-item video{
	backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce){
	html.reveal-enabled .scroll-reveal-item{
		opacity: 1;
		transform: none;
		transition: none;
	}
}

@media (max-width: 1199px){
	header{padding: 0 4%;}
	.zs-nav li{margin: 0 .09rem;}
	.zs-nav li .sub .box{padding: .24rem 4%;}
	.zs-nav li .sub-main{grid-template-columns: repeat(4,minmax(0,1fr));}
	.zs-nav li .sub-main--compact{grid-template-columns: repeat(4,minmax(0,1fr));}
	.foot-t{padding: 4% 4%;}
	.foot-t .left{width: 34%;}
	.foot-t .right{width: 62%;}
}

@media (max-width: 991px){
	body{font-size: .32rem;}
	header{height: 1.8rem;padding: 0 4%;}
	header .logo-wrap{width: 1.9rem;}
	.navm{display: inline-flex;}
	/* 菜单展开时，汉堡按钮原位变成 X（与 logo 同一行），再次点击即关闭 */
	header.nav-open .navm span{position: absolute;left: 50%;top: 50%;margin: -1.5px 0 0 -.5rem;}
	header.nav-open .navm span:nth-child(1){transform: rotate(45deg);}
	header.nav-open .navm span:nth-child(2){opacity: 0;}
	header.nav-open .navm span:nth-child(3){transform: rotate(-45deg);}
	header .zs-top-right{position: fixed;top: 1.8rem;right: 0;bottom: 0;width: min(88vw,4rem);display: block;background: #000;padding: .3rem .24rem .3rem;box-sizing: border-box;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;transform: translateX(100%);visibility: hidden;transition: transform .35s ease,visibility .35s ease;box-shadow: -.08rem 0 .24rem rgba(0,0,0,.2);z-index: 2000;}
	header.nav-open .zs-top-right{transform: translateX(0);visibility: visible;}
	/* 面板内的关闭按钮在手机端不再使用，统一由顶部汉堡按钮变成的 X 关闭 */
	.navm-close,header.nav-open .navm-close{display: none;}
	.zs-nav > ul{display: block;}
	.zs-nav li{display: block;margin: 0;border-bottom: 1px solid rgba(255,255,255,.1);}
	.zs-nav li:last-child{border-bottom: none;}
	.zs-nav li.has-sub:after{display: none;}
	.zs-nav li p{display: flex;align-items: center;justify-content: space-between;line-height: 1.4;font-size: .32rem;}
	.zs-nav li p a{display: flex;flex: 1;align-items: center;justify-content: space-between;color: #fdb924;padding: .15rem 0;}
	.zs-nav li:hover p a{color: #fdb924;}
	.zs-nav li p a:after{display: none;}
	.zs-nav li p i{display: none;}
	.zs-sub-toggle{display: inline-flex;flex-shrink: 0;margin-left: .12rem;width: .42rem;height: .42rem;}
	.zs-sub-toggle{align-items: center;justify-content: center;padding: 0;border: none;background: transparent;color: #fff;cursor: pointer;}
	.zs-sub-toggle .zs-sub-toggle__icon{display: block;font-size: .42rem;line-height: 1;transition: transform .3s ease;}
	.zs-nav li.mobile-open > p a{color: #fdb924;}
	.zs-nav li.mobile-open > p .zs-sub-toggle{color: #fdb924;}
	.zs-nav li.mobile-open > p .zs-sub-toggle .zs-sub-toggle__icon{transform: rotate(180deg);}
	.zs-nav li .sub{position: static;left: auto;top: auto;right: auto;background: transparent;box-shadow: none;visibility: visible;pointer-events: auto;clip-path: none;opacity: 1;max-height: 0;overflow: hidden;transition: max-height .35s ease;z-index: auto;}
	.zs-nav li .sub:before,
	.zs-nav li .sub .box:before{display: none;}
	.zs-nav li.mobile-open > .sub{max-height: 40rem;}
	.zs-nav li .sub .box{display: block;padding: 0 0 .16rem;min-height: 0;gap: 0;background: transparent;}
	.zs-nav li .sub-cover{display: none;}
	.zs-nav li .sub-main,
	.zs-nav li .sub-main--compact{display: block;padding-top: 0;}
	.zs-nav li dl{opacity: 1;transform: none;transition: none;padding-top: .04rem;}
	.zs-nav li.has-sub:hover dl{opacity: 1;transform: none;}
	.zs-nav li .sub-col{display: block;}
	.zs-nav li .sub-col > dl + dl{margin-top: .1rem;}
	.zs-nav li .sub-col > dl.sub-lv2-link,
	.zs-nav li .sub-col > dl.sub-lv2-group{border-top: 0;margin-top: .1rem;padding-top: 0;}
	.zs-nav li .sub-col > dl.sub-lv2-link > dt a,
	.zs-nav li .sub-col > dl.sub-lv2-group > dt a{font-size: .32rem;}
	.zs-nav li dd.sub-lv3-title{margin-top: .1rem;padding-left: .24rem;}
	.zs-nav li dd.sub-lv3-title a{color: #FFF;font-size: .3rem;}
	.zs-nav li dd.sub-lv3-title a:hover{color: #fdb924;}
	.zs-nav li dd.sub-lv4{padding-left: .48rem;}
	.zs-nav li dt{font-size: .32rem;padding-bottom: .06rem;}
	.zs-nav li dt a{color: #FFF;}
	.zs-nav li dt a:after{display: none;}
	.zs-nav li dt a:hover{color: #fdb924;}
	.zs-nav li dd{font-size: .28rem;line-height: 1.6;}
	.zs-nav li dd a{display: block;padding: .05rem 0;color: rgba(255,255,255,.76);}
	.zs-nav li dd a:after{display: none;}
	.zs-nav li dd a:hover{color: #FFF;font-weight: normal;}
	.zs-yuyan{padding: .22rem 0 .1rem;font-size: .32rem;margin-top: .08rem;}
	.zs-yuyan:after{display: none;}
	.zs-search{display: flex;align-items: center;border-bottom: 2px solid #fdb924;margin-left: 0;}
	.zs-search .zs-input-txt{flex: 1;height: 1.2rem;padding: 0;background: none;border-radius: 0;font-size: .32rem;}
	.zs-search .zs-input-btn{width: 1.2rem;height: 1.2rem;background-color: transparent;background-size: .32rem;border-radius: 0;}
	.zs-contact-btn{display: flex;height: 1.1rem;margin: .24rem 0 0;padding: 0;background: #fdb924;font-size: .32rem;border-radius: .04rem;}
	.zs-contact-btn:hover{transform: none;box-shadow: none;}
	.foot-t{display: block;padding: 10vw 6vw 8vw;}
	.foot-t .left,
	.foot-t .right{width: 100%;}
	.foot-t .left .logo img{width: 35%;}
	.foot-t .left .weibo{margin-top: .16rem;}
  .foot-t .left li{margin-right: .3rem;}
  .foot-t .left li a i{font-size: .4rem;}
  .foot-t .left li i{font-size: .4rem;}
  .foot-t .left li .pic{width: 3rem;display: none;margin-left: -1.5rem;}
	.foot-t .right{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .18rem .12rem;margin-top: .28rem;}
	.foot-t .right dd{padding-top: .05rem;}
	footer .copyright{padding: .16rem 6vw;line-height: 1.7;}
	.kefu{right: 4%;bottom: 4%;}
	.kefu li{margin-bottom: .12rem;}
	.kefu li p{width: .42rem;height: .42rem;}
	.kefu li span{font-size: .32rem;}
	.foot-t .left a i{font-size: .4rem;}
}

@media (max-width: 767px){
	
	header{padding: 0 5%;}
	header .logo-wrap{width: 3rem;}
	header .zs-top-right{width: 100vw;padding: .3rem 5vw .28rem;}
	.zs-nav li p{font-size: .32rem;}
	.foot-t{padding: 11vw 5vw 9vw;}
	/**.foot-t .right{grid-template-columns: 1fr;}**/
	.foot-t .left .txt{font-size: .28rem;}
	footer .copyright{font-size: .32rem;}
	.kefu li .txt{width: 1.4rem;font-size: .28rem;}
}
/* 仅供读屏软件和搜索引擎读取的补充链接说明（WCAG 常用写法），页面上不显示、不占位 */
.zs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* css/style.css */


/* CSS Document */
.zs-banner {
  position: relative;
  margin-top: .7rem;
  touch-action: pan-y;
  cursor: grab;
}

.zs-banner:active {
  cursor: grabbing;
}

.zs-banner .swiper-slide {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}

.zs-banner .swiper-slide figure {
  padding-bottom: 26%;
}

.zs-banner .swiper-slide figure img {
  transform: scale(1.1);
  transition: 4s;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

.zs-banner .swiper-slide-active figure img {
  transform: scale(1);
}

.zs-banner .swiper-slide .m {
  display: none;
}

.zs-banner .swiper-slide .pc {
  display: block;
}

.zs-banner .swiper-slide .title {
  position: absolute;
  left: 8%;
  top: 22%;
  transform: none;
  width: 45%;
  pointer-events: none;
}

.zs-banner .swiper-slide--second .title {
  left: auto;
  right: 8%;
  top: 20%;
  width: auto;
  transform: none;
}

.zs-banner .swiper-slide .txt {
  color: #FFF;
  transform: none;
  visibility: hidden;
  opacity: 0;
  transition-duration: 1.2s;
  text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);
}

.zs-banner .swiper-slide .txt h2,
.zs-banner .swiper-slide .txt .zs-banner-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
}

.zs-banner .swiper-slide .txt p {
  font-size: .15rem;
  padding-top: .2rem;
  font-weight: bold;
}

.zs-banner .swiper-slide .txt .banner-line {
  display: block;
  width: .5rem;
  height: 5px;
  background: #fdb924;
  margin: .1rem 0 .12rem;
}

.zs-banner .swiper-slide .txt .banner-text {
  font-size: .36rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
  margin-bottom: .18rem;
  text-shadow: 0 2px 8px rgba(0,0,0,.3);
}

.zs-banner .swiper-slide .txt .more {
  background: #fdb924;
  display: inline-block;
  border: 2px solid #000;
  margin-top: .18rem;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
  pointer-events: auto;
}

.zs-banner .swiper-slide .txt .more:hover {
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-banner .swiper-slide .txt .more a {
  display: flex;
  color: #000;
  pointer-events: auto;
}

.zs-banner .swiper-slide .txt .more a:hover {
  text-decoration: none;
}

.zs-banner .swiper-slide .txt .more a span {
  padding: 0 .2rem;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-banner .swiper-slide .txt .more a:hover span {
  padding: 0 .4rem;
}

.zs-banner .swiper-slide .txt .more i {
  font-size: .1rem;
  border-left: 2px solid #000;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .24rem;
  transition: transform .3s ease;
}

.zs-banner .swiper-slide .txt .more:hover i {
  transform: translateY(-.01rem);
}

.zs-banner .swiper-slide--second .txt {
  transform: none;
}

.zs-banner .swiper-slide--second .txt .more {
  margin-left: 0;
}

.zs-banner .swiper-slide .title img {
  max-width: 100%;
}

.zs-banner .swiper-slide-active .txt {
  transform: none;
  visibility: visible;
  opacity: 1;
}

.zs-banner .swiper-slide-active.swiper-slide--second .txt {
  transform: none;
}

.zs-banner .swiper-pagination {
  bottom: .1rem;
  color: #FFF;
}

.zs-banner .swiper-pagination-bullet {
  width: .3rem;
  height: 3px;
  margin: 0 .02rem !important;
  background: #FFF;
  opacity: 1;
  border-radius: 0;
}

.zs-banner .swiper-pagination-bullet-active {
  background: #fdb924;
}

.zs-banner .swiper-button-next,
.zs-banner .swiper-button-prev {
  border: 2px solid #FFF;
  width: .2rem;
  height: .24rem;
  margin-top: -.12rem;
  z-index: 10;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.zs-banner .swiper-button-next i,
.zs-banner .swiper-button-prev i {
  color: #FFF;
  font-size: .12rem;
}

.zs-banner .swiper-button-next:after,
.zs-banner .swiper-button-prev:after {
  display: none;
}

.index {
  background: #000;
}

.zs-index-product {
  padding: 3% 0 6% 0;
}

.zs-index-product .title {
  text-align: center;
  font-size: .2rem;
  font-weight: bold;
  color: #FFF;
  margin: 0 0 .15rem;
}

.zs-index-product .zs-index-product-nav {
  display: flex;
  align-items: stretch;
  gap: .16rem;
  margin: 3% 10% 0 10%;
}

.zs-index-product .mySwiper {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.zs-index-product .zs-index-product-arrow {
  width: .34rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border: 2px solid #fdb924;
  background: transparent;
  color: #fdb924;
  cursor: pointer;
  transition: all .3s ease;
  flex-shrink: 0;
  box-sizing: border-box;
  line-height: 1;
}

.zs-index-product .zs-index-product-arrow i {
  font-size: .12rem;
}

.zs-index-product .zs-index-product-arrow:hover {
  background: #fdb924;
  color: #000;
  text-decoration: none;
}

.zs-index-product .mySwiper .swiper-slide {
  background: #fdb924;
  padding: .05rem 0;
  box-sizing: border-box;
  text-align: center;
  border: 2px solid #fdb924;
  color: #000;
  font-size: .09rem;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-index-product .mySwiper .swiper-slide-thumb-active {
  color: #fdb924;
  background: transparent;
  border-color: #fdb924;
}

.zs-index-product .mySwiperer {
  margin: .2rem 1% 0 1%;
}

.zs-index-product .list .swiper-slide {
  background: #FFF;
}
/* 轮播初始化前先按 wor.js 里的 slidesPerView / spaceBetween 排好卡片宽度，
   与初始化后的尺寸一致，避免脚本执行时卡片从整屏宽缩小造成布局偏移（CLS）。
   Swiper 宽度公式：(容器宽 - (每屏数量 - 1) × 间距) / 每屏数量 */
.zs-index-product .list:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
  width: calc((100% - 12px) / 2.2);
  margin-right: 10px;
}
.zs-index-product .mySwiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
}
@media (min-width: 980px) {
  .zs-index-product .list:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 70px) / 4.5);
    margin-right: 20px;
  }
  .zs-index-product .mySwiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 200px) / 6);
    margin-right: 40px;
  }
}

.zs-index-product .list .swiper-slide .pic{padding: 10% 10% 0 10% ;}

.zs-index-product .list .swiper-slide figure {
  padding-bottom: 100%;
}

.zs-index-product .list .swiper-slide:hover figure img {
  transform: scale(1.1);
}

.zs-index-product .list .swiper-slide .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .1rem;
}

.zs-index-product .list .swiper-slide .txt .l {
  min-width: 0;
}

.zs-index-product .list .swiper-slide .txt h2,
.zs-index-product .list .swiper-slide .txt h3 {
  font-weight: bold;
  font-size: .13rem;
  /* 标题限制一行，超出部分以省略号结尾 */
  line-height: 1.4;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zs-index-product .list .swiper-slide .txt p {
  /* 描述统一占两行高度，保证各卡片底部平齐 */
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-height: 2.8em;
}

.zs-index-product .list .swiper-slide .txt i {
  border: 2px solid #000;
  width: .2rem;
  height: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-index-product .list .swiper-slide a:hover {
  text-decoration: none;
  color: #000;
}

.zs-index-product .swiper-scrollbar {
  position: initial;
  width: 100%;
  height: .04rem;
  margin-top: .1rem;
}

.zs-index-product .swiper-scrollbar-drag {
  background: #FFF;
}

.zs-index-video {
  padding: 5%;
  display: flex;
  align-items: center;
}

.zs-index-video .video {
  width: 60%;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.zs-index-video .video figure {
  padding-bottom: 60%;
}

.zs-index-video .video:before,
.zs-index-video .video:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.zs-index-video .video:before {
  width: .7rem;
  height: .7rem;
  background: rgba(253, 185, 36, .3);
  box-shadow: 0 0 .25rem rgba(253, 185, 36, .45);
  z-index: 1;
  animation: videoPlayBreath 2s ease-in-out infinite;
}

.zs-index-video .video:after {
  width: .88rem;
  height: .88rem;
  border: 2px solid rgba(255, 255, 255, .7);
  z-index: 1;
  animation: videoPlayPulse 2s ease-out infinite;
}

.zs-index-video .video i {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: .22rem;
  width: .52rem;
  height: .52rem;
  border-radius: 100%;
  background: rgba(255, 255, 255, .92);
  transform: translate(-50%, -50%);
  box-shadow: 0 .06rem .2rem rgba(0, 0, 0, .28);
  z-index: 2;
  transition: transform .3s ease, box-shadow .3s ease;
}

.zs-index-video .video:hover i {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 .08rem .24rem rgba(0, 0, 0, .34);
}

.zs-index-video .video p {
  position: absolute;
  top: .4rem;
  right: 0;
  color: #FFF;
  font-size: .16rem;
  background: #333132;
  font-weight: bold;
  padding: .03rem .1rem;
  z-index: 3;
}

.zs-index-video .right {
  width: 30%;
  color: #FFF;
  margin-left: 3%;
}

.zs-index-video .right .more {
  background: #fdb924;
  display: inline-block;
  border: 2px solid #000;
  margin-top: .4rem;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.zs-index-video .right .more:hover {
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-index-video .right .more a {
  display: flex;
  color: #000;
}

.zs-index-video .right .more a:hover {
  text-decoration: none;
}

.zs-index-video .right .more a span {
  padding: 0 .2rem;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-index-video .right .more a:hover span {
  padding: 0 .4rem;
}

.zs-index-video .right .more a i {
  font-size: .1rem;
  border-left: 2px solid #000;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .24rem;
  transition: transform .3s ease;
}

.zs-index-video .right .more:hover i {
  transform: translateY(-.01rem);
}

@keyframes videoPlayBreath {

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

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

@keyframes videoPlayPulse {
  0% {
    transform: translate(-50%, -50%) scale(.82);
    opacity: .95;
  }

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

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

.zs-index-videoer {
  padding: 5% 10% 8% 10%;
  display: flex;
  align-items: center;
  gap: 3%;
}

.zs-index-videoer .video {
  width: 70%;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.zs-index-videoer .video figure {
  padding-bottom: 60%;
}

.zs-index-videoer .video:before,
.zs-index-videoer .video:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.zs-index-videoer .video:before {
  width: .7rem;
  height: .7rem;
  background: rgba(253, 185, 36, .3);
  box-shadow: 0 0 .25rem rgba(253, 185, 36, .45);
  z-index: 1;
  animation: videoPlayBreath 2s ease-in-out infinite;
}

.zs-index-videoer .video:after {
  width: .88rem;
  height: .88rem;
  border: 2px solid rgba(255, 255, 255, .7);
  z-index: 1;
  animation: videoPlayPulse 2s ease-out infinite;
}

.zs-index-videoer .video i {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: .22rem;
  width: .52rem;
  height: .52rem;
  border-radius: 100%;
  background: rgba(255, 255, 255, .92);
  transform: translate(-50%, -50%);
  box-shadow: 0 .06rem .2rem rgba(0, 0, 0, .28);
  z-index: 2;
  transition: transform .3s ease, box-shadow .3s ease;
}

.zs-index-videoer .video:hover i {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 .08rem .24rem rgba(0, 0, 0, .34);
}

.zs-index-videoer .video p {
  position: absolute;
  top: .2rem;
  left: 0;
  display: inline-block;
  background: #111;
  color: #FFF;
  font-size: .24rem;
  font-weight: bold;
  line-height: 1.4;
  padding: .05rem .14rem;
  z-index: 3;
}

.zs-index-videoer .right {
  width: 30%;
  color: #FFF;
  margin-left: 0;
}

.zs-index-videoer .right .more {
  background: #fdb924;
  display: inline-block;
  border: 2px solid #000;
  margin-top: .4rem;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.zs-index-videoer .right .more:hover {
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-index-videoer .right .more a {
  display: flex;
  color: #000;
}

.zs-index-videoer .right .more a:hover {
  text-decoration: none;
}

.zs-index-videoer .right .more a span {
  padding: 0 .2rem;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-index-videoer .right .more a:hover span {
  padding: 0 .4rem;
}

.zs-index-videoer .right .more i {
  font-size: .1rem;
  border-left: 2px solid #000;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .24rem;
  transition: transform .3s ease;
}

.zs-index-videoer .right .more:hover i {
  transform: translateY(-.01rem);
}

.zs-index-feature {
  padding: 0 10% 4% 10%;
  display: flex;
  align-items: center;
  gap: 3%;
}

.zs-index-feature .pic {
  width: 58%;
  position: relative;
}

.zs-index-feature .pic figure {
  padding-bottom: 60%;
  border-radius: .2rem;
  overflow: hidden;
}

.zs-index-feature .pic h2 {
  position: absolute;
  top: .22rem;
  right: 0;
  left: auto;
  display: inline-block;
  background: #111;
  color: #FFF;
  font-size: .18rem;
  font-weight: bold;
  line-height: 1.4;
  padding: .05rem .14rem;
  z-index: 2;
}

.zs-index-feature--reverse .pic h2 {
  left: 0;
  right: auto;
}

.zs-index-feature .right {
  width: 39%;
  color: #FFF;
}

.zs-index-feature .right p {
  line-height: 1.8;
}

.zs-index-feature .right .more {
  background: #fdb924;
  display: inline-block;
  border: 2px solid #000;
  margin-top: .32rem;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.zs-index-feature .right .more:hover {
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-index-feature .right .more a {
  display: flex;
  color: #000;
}

.zs-index-feature .right .more a:hover {
  text-decoration: none;
}

.zs-index-feature .right .more a span {
  padding: 0 .2rem;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-index-feature .right .more a:hover span {
  padding: 0 .4rem;
}

.zs-index-feature .right .more i {
  font-size: .1rem;
  border-left: 2px solid #000;
  height: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .24rem;
  transition: transform .3s ease;
}

.zs-index-feature .right .more:hover i {
  transform: translateY(-.01rem);
}

.video-modal-open {
  overflow: hidden;
}

.zs-video-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vw;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 9999;
}

.zs-video-modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.zs-video-modal__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(8px);
}

.zs-video-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(78vw, 13rem);
}

/* 关闭按钮：放在视频框右上角外侧，不遮挡播放器控件 */
.zs-video-modal__close {
  position: absolute;
  left: 100%;
  bottom: 100%;
  margin: 0 0 .06rem .06rem;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 100%;
  background: rgba(0, 0, 0, .55);
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  z-index: 2;
  transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}

/* 用两条线绘制 X，比字符 × 更细致、居中更准 */
.zs-video-modal__close:before,
.zs-video-modal__close:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  border-radius: 2px;
  background: #fff;
  transition: background-color .25s ease;
}

.zs-video-modal__close:before {
  transform: rotate(45deg);
}

.zs-video-modal__close:after {
  transform: rotate(-45deg);
}

.zs-video-modal__close:hover {
  background: #fdb924;
  border-color: #fdb924;
  transform: rotate(90deg);
}

.zs-video-modal__close:hover:before,
.zs-video-modal__close:hover:after {
  background: #000;
}

.zs-video-modal__close:focus-visible {
  outline: 2px solid #fdb924;
  outline-offset: 2px;
}

/* 窄屏时右侧没有外侧空间，收回到视频框上方右对齐 */
@media (max-width: 768px) {
  .zs-video-modal__close {
    left: auto;
    right: 0;
    margin: 0 0 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zs-video-modal__close,
  .zs-video-modal__close:before,
  .zs-video-modal__close:after {
    transition: none;
  }

  .zs-video-modal__close:hover {
    transform: none;
  }
}

.zs-video-modal__player {
  display: block;
  width: 100%;
  max-height: 82vh;
  background: #000;
  border-radius: .12rem;
  box-shadow: 0 .1rem .4rem rgba(0, 0, 0, .35);
}

.zs-video-modal__player[hidden],
.zs-video-modal__embed[hidden] {
  display: none;
}

/* YouTube 等外链视频：iframe 嵌入，16:9 */
.zs-video-modal__embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 82vh;
  background: #000;
  border-radius: .12rem;
  overflow: hidden;
  box-shadow: 0 .1rem .4rem rgba(0, 0, 0, .35);
}

.zs-video-modal__embed iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* YouTube Shorts 为竖屏 9:16，按高度收窄弹窗 */
.zs-video-modal__dialog.is-short {
  width: min(calc(82vh * 9 / 16), 90vw);
}

.zs-video-modal__dialog.is-short .zs-video-modal__embed {
  aspect-ratio: 9 / 16;
}

.image-modal-open {
  overflow: hidden;
}

.zs-image-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vw;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 10000;
}

.zs-image-modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.zs-image-modal__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .78);
  backdrop-filter: blur(6px);
}

.zs-image-modal__dialog {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(92vw, 12rem);
  max-height: 92vh;
  transform: scale(.82);
  opacity: 0;
  transition: transform .34s cubic-bezier(.22, .86, .35, 1), opacity .28s ease;
}

.zs-image-modal.show .zs-image-modal__dialog {
  transform: scale(1);
  opacity: 1;
}

.zs-image-modal__viewport {
  position: relative;
  overflow: hidden;
  max-width: min(92vw, 12rem);
  max-height: 92vh;
  line-height: 0;
  background: #fff;
  box-shadow: 0 .1rem .4rem rgba(0, 0, 0, .35);
  touch-action: none;
}

.zs-image-modal__close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  transform: translate(50%, -50%);
  width: .3rem;
  height: .3rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: #fff;
  color: #000;
  font-size: .2rem;
  line-height: .3rem;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 .02rem .1rem rgba(0, 0, 0, .3);
  transition: background .2s ease, color .2s ease;
}

.zs-image-modal__close:hover {
  background: #000;
  color: #fff;
}

.zs-image-modal__image {
  display: block;
  max-width: min(92vw, 12rem);
  max-height: 92vh;
  background: #fff;
  border-radius: 0;
  transform-origin: center center;
  transition: transform .28s ease;
  will-change: transform;
  cursor: zoom-in;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.zs-image-modal__image.is-zoomed {
  cursor: grab;
}

.zs-image-modal__image.is-panning {
  transition: none;
  cursor: grabbing;
}

.zs-signup-popup {
  position: fixed;
  right: .3rem;
  bottom: .3rem;
  width: min(3.8rem, calc(100vw - .4rem));
  background: #000;
  padding: .24rem .2rem .2rem;
  border-radius: .04rem;
  box-shadow: 0 .12rem .36rem rgba(0, 0, 0, .35);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transform: translateY(.18rem) scale(.5);
  transform-origin: right bottom;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.zs-signup-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(.5);
  pointer-events: auto;
}

.zs-signup-popup__close {
  position: absolute;
  right: -.12rem;
  top: -.12rem;
  width: .26rem;
  height: .26rem;
  border: none;
  border-radius: 100%;
  background: #fff;
  color: #000;
  font-size: .18rem;
  line-height: .26rem;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 .04rem .16rem rgba(0, 0, 0, .28);
}

.zs-signup-popup__title {
  color: #fff;
  font-size: .28rem;
  line-height: 1.35;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.zs-signup-popup__desc {
  margin-top: .14rem;
  color: #fff;
  font-size: .14rem;
  line-height: 1.65;
  font-weight: 600;
  text-align: center;
}

.zs-signup-popup__form {
  margin-top: .18rem;
}

.zs-signup-popup__input {
  width: 100%;
  height: .42rem;
  border: none;
  border-radius: .04rem;
  background: #fff;
  color: #333;
  font-size: .14rem;
  padding: 0 .14rem;
  box-sizing: border-box;
}

.zs-signup-popup__input::placeholder {
  color: #7d7d7d;
}

.zs-signup-popup__submit {
  width: 100%;
  height: .42rem;
  margin-top: .16rem;
  border: none;
  background: #fdb924;
  color: #000;
  font-size: .18rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .3s ease, transform .3s ease;
}

.zs-signup-popup__submit:hover {
  background: #ffca33;
  transform: translateY(-.02rem);
}

.zs-float-actions {
  position: fixed;
  right: .3rem;
  bottom: .6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .12rem;
  z-index: 9997;
}

.zs-float-actions__item,
.zs-back-head-btn {
  width: .3rem;
  height: .3rem;
  border: none;
  border-radius: 100%;
  background: #fdb924;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 .08rem .22rem rgba(253, 185, 36, .35);
  transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}

.zs-float-actions__item {
  text-decoration: none;
  color: #000;
}

.zs-float-actions__item[aria-label="WhatsApp"] {
  background: #25d366;
  color: #fff;
  box-shadow: 0 .08rem .22rem rgba(37, 211, 102, .35);
}

.zs-float-actions__item[aria-label="WhatsApp"]:hover {
  background: #1da851;
  color: #fff;
  box-shadow: 0 .1rem .26rem rgba(37, 211, 102, .42);
}

.zs-float-actions__item:hover,
.zs-back-head-btn:hover {
  color: #000;
  transform: translateY(-.03rem);
  box-shadow: 0 .1rem .26rem rgba(253, 185, 36, .42);
}

.zs-float-actions__item svg,
.zs-back-head-btn svg {
  width: .16rem;
  height: .16rem;
  display: block;
}

.zs-index-solution figure {
  padding-bottom: 39%;
}

.zs-index-producter {
  padding: 5% 0 7% 0;
}

.zs-index-producter .title {
  text-align: center;
  font-size: .2rem;
  font-weight: bold;
  color: #FFF;
}

.zs-index-producter .zs-list-qi {
  margin: .2rem 1% 0 1%;
}

.zs-index-producter .list .swiper-slide {
  background: #FFF;
  padding-bottom: .1rem;
}

.zs-index-producter .list .swiper-slide figure {
  padding-bottom: 100%;
}

.zs-index-producter .list .swiper-slide:hover figure img {
  transform: scale(1.1);
}

.zs-index-producter .list .swiper-slide h2,
.zs-index-producter .list .swiper-slide h3 {
  font-weight: bold;
  font-size: .13rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: .1rem 0;
  transition: all .3s;
}

.zs-index-producter .list .swiper-slide:hover h2,
.zs-index-producter .list .swiper-slide:hover h3 {
  background: #fdb924;
}

.zs-index-producter .list .swiper-slide a:hover {
  text-decoration: none;
  color: #000;
}

.zs-index-producter .swiper-scrollbar {
  position: initial;
  width: 100%;
  height: .04rem;
  margin-top: .1rem;
}

.zs-index-producter .swiper-scrollbar-drag {
  background: #FFF;
}

.product_detail .zs-index-producter {
  background: #000;
  margin-top: .4rem;
  padding-left: 5%;
  padding-right: 5%;
}

.zs-index-jiegou {
  position: relative;
  border-top: 4px solid #000;
  color: #FFF;
  font-size: .13rem;
}

.zs-index-jiegou figure {
  padding-bottom: 48%;
}

.zs-index-jiegou p {
  position: absolute;
  width: 40%;
  right: 8%;
  bottom: 20%;
}

.news_detail {
  margin-top: .7rem;
}

.zs-index-news {
  background: #000;
  color: #FFF;
  padding: 5%;
}

.zs-index-news .hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zs-index-news .hd .title h2 {
  font-size: .2rem;
  font-weight: bold;
}

.zs-index-news .hd .title p {
  padding-top: .1rem;
}

.zs-index-news .hd .right {
  display: flex;
}

.zs-index-news .hd .right ul {
  display: flex;
}

.zs-index-news .hd .right li {
  padding-right: .2rem;
  cursor: pointer;
}

.zs-index-news .hd .right li:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fdb924;
  margin-top: .1rem;
  opacity: 0;
}

.zs-index-news .hd .right li.on:after {
  opacity: 1;
}

.zs-index-news .hd .right a {
  color: #FFF;
}

.zs-index-news .hd .right a:hover {
  text-decoration: none;
}

.zs-index-news .bd {
  margin-top: .3rem;
}

.zs-index-news .bd .zs-index-news-list {
  display: flex;
  justify-content: space-between;
}

.zs-index-news .bd .left {
  width: 25%;
  position: relative;
}

.zs-index-news .bd .left .time {
  position: absolute;
  left: 0;
  top: 0;
  background: #164e99;
  color: #FFF;
  padding: .05rem .1rem;
  text-align: center;
}

.zs-index-news .bd .left .time p {
  font-size: .2rem;
}

.zs-index-news .bd .left h2,
.zs-index-news .bd .left h3 {
  font-size: .13rem;
  padding-top: .1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.zs-index-news .bd .left a {
  color: #FFF;
  display: block;
}

.zs-index-news .bd .left a:hover {
  text-decoration: none;
}

.zs-index-news .bd .left figure {
  padding-bottom: 130%;
  overflow: hidden;
}

.zs-index-news .bd .left:hover figure img {
  transform: scale(1.08);
}

.zs-index-news .bd .right {
  width: 60%;
}

.zs-index-news .bd .right ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}

.zs-index-news .bd .right li {
  width: 47%;
  margin-left: 3%;
  font-size: .13rem;
  padding: .02rem 0 .15rem;
  border-bottom: 1px solid #999;
  margin-bottom: .2rem;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.zs-index-news .bd .right li:hover {
  transform: translateY(-.03rem);
  border-bottom-color: #fdb924;
  box-shadow: 0 .06rem .18rem rgba(0, 0, 0, .18);
}

.zs-index-news .bd .right li h2,
.zs-index-news .bd .right li h3 {
  padding-top: .05rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: color .3s ease;
}

.zs-index-news .bd .right li p {
  font-size: .1rem;
  padding-top: .05rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.zs-index-news .bd .right li a {
  color: #FFF;
}

.zs-index-news .bd .right li a:hover {
  text-decoration: none;
}

.zs-index-support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
  padding: 0 10% 0;
  background: #000;
  color: #FFF;
}

.product_detail .zs-index-support {
  padding-top: .38rem;
}

.zs-index-support .pic {
  width: 38%;
}

.zs-index-support .pic figure {
  padding-bottom: 66%;
  border-radius: .04rem;
  overflow: hidden;
}

.zs-index-support .right {
  width: 57%;
}

.zs-index-support .right h2 {
  font-size: .26rem;
  font-weight: bold;
  line-height: 1.3;
}

.zs-index-support .right p {
  margin-top: .14rem;
  font-size: .12rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, .92);
}

.zs-index-support .actions {
  display: flex;
  flex-wrap: nowrap;
  gap: .08rem;
  margin-top: .2rem;
}

.zs-index-support .actions a {
  min-width: 1.06rem;
  height: .3rem;
  padding: 0 .14rem;
  background: #f5b301;
  color: #1a1a1a;
  border-radius: .03rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .11rem;
  font-weight: bold;
  letter-spacing: .015rem;
  white-space: nowrap;
  transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}

.zs-index-support .actions a svg {
  width: .12rem;
  height: .12rem;
  display: block;
  flex-shrink: 0;
  margin-right: .06rem;
}

.zs-index-support .actions a:hover {
  text-decoration: none;
  color: #1a1a1a;
  background: #ffc82c;
  transform: translateY(-.02rem);
  box-shadow: 0 .06rem .16rem rgba(245, 179, 1, .35);
}

.zs-index-news .bd .right li:hover h2,
.zs-index-news .bd .right li:hover h3 {
  color: #fdb924;
}

.zs-about-productnav {
  background: #333132;
  color: #FFF;
  padding: .8rem 8%;
}

.zs-about-productnav .title {
  text-align: center;
}

.zs-about-productnav ul {
  display: flex;
  margin-left: -8%;
  flex-wrap: wrap;
}

.zs-about-productnav li {
  width: 25.333%;
  margin-left: 8%;
  padding-top: .7rem;
}

.zs-about-productnav li .pic {
  width: 50%;
  position: relative;
  z-index: 1;
  transition: transform .35s ease, box-shadow .35s ease;
}

.zs-about-productnav li .pic figure {
  padding-bottom: 100%;
  background: #625d5e;
}

.zs-about-productnav li .pic:after {
  content: "";
  display: block;
  width: 100%;
  height: 95%;
  border: 1px solid #fdb924;
  position: absolute;
  left: .2rem;
  top: .2rem;
  z-index: -1;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.zs-about-productnav li:hover .pic {
  transform: translate3d(.04rem, -.04rem, 0);
  box-shadow: 0 .08rem .22rem rgba(253, 185, 36, .2);
}

.zs-about-productnav li:hover .pic:after {
  transform: translate3d(.03rem, -.03rem, 0);
  border-color: #ffd45f;
  box-shadow: 0 .06rem .18rem rgba(253, 185, 36, .22);
}

.zs-about-productnav li .txt {
  padding: .05rem 0;
}

.zs-about-productnav li .txt h2,
.zs-about-productnav li .txt h3 {
  font-weight: bold;
  font-size: .13rem;
}

.zs-about-productnav li .txt p {
  padding-top: .15rem;
}

.zs-about-productnav li .txt .more {
  padding-top: .2rem;
  font-weight: bold;
}

.zs-about-productnav li .txt .more a {
  color: #FFF;
  display: flex;
  align-items: center;
}

.zs-about-productnav li .txt .more a:hover {
  text-decoration: none;
}

.zs-about-productnav li .txt .more i {
  border: 2px solid #FFF;
  width: .16rem;
  height: .16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: .05rem;
  font-size: .1rem;
  font-weight: normal;
  transition: transform .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.zs-about-productnav li .txt .more a:hover i {
  transform: translateX(.04rem) scale(1.1);
  background: #fdb924;
  border-color: #fdb924;
  color: #000;
  box-shadow: 0 .04rem .12rem rgba(253, 185, 36, .35);
}

.zs-about-company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 8%;
  background: #f4f4f4;
}

.zs-about-company .pic {
  width: 42%;
}

.zs-about-company .pic figure {
  padding-bottom: 70%;
}

.zs-about-company .right {
  width: 50%;
}

.zs-about-company .right .title {
  background: linear-gradient(to right, rgba(254, 186, 26, 1), rgba(225, 225, 255, 0));
  display: inline-block;
  font-size: .28rem;
  font-weight: bold;
  padding-left: .05rem;
}

.zs-about-company .right .title#em2 {
  scroll-margin-top: .9rem;
}

.zs-about-company .right .txt {
  padding-top: .3rem;
}

.zs-about-company .right .txt span {
  font-weight: bold;
  font-size: .13rem;
}

.zs-about-company .right .txt p {
  padding-top: .1rem;
}

.zs-about-product {
  padding: 5%;
}

.zs-about-product .title {
  text-align: center;
  font-weight: bold;
  font-size: .24rem;
}

.zs-about-product .zs-list-ba {
  margin: .2rem 1% 0 1%;
  padding: .1rem 0;
}

.zs-about-product .list .swiper-slide {
  background: #FFF;
  padding-bottom: .1rem;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 0 .05rem rgba(0, 0, 0, .2);
}

.zs-about-product .list .swiper-slide a {
  display: block;
}

.zs-about-product .list .swiper-slide figure {
  padding-bottom: 100%;
}

.zs-about-product .list .swiper-slide:hover figure img {
  transform: scale(1.1);
}

.zs-about-product .list .swiper-slide h2,
.zs-about-product .list .swiper-slide h3 {
  font-weight: bold;
  font-size: .13rem;
  position: static;
  text-align: center;
  line-height: 1.5;
  min-height: .4rem;
  padding: .12rem .12rem 0;
  transition: all .3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zs-about-product .list .swiper-slide:hover h2,
.zs-about-product .list .swiper-slide:hover h3 {
  color: #000;
}

.zs-about-product .list .swiper-slide a:hover {
  text-decoration: none;
  color: #000;
}

.zs-about-product .swiper-scrollbar {
  position: initial;
  width: 100%;
  height: .04rem;
  margin-top: .1rem;
}

.zs-about-product .swiper-scrollbar-drag {
  background: #666;
}

.em {
  position: relative;
  top: -.7rem
}

.zs-case-list {
  text-align: center;
  margin-top: .3rem;
}

.zs-case-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6%;
}

.zs-case-list li {
  width: 27.333%;
  margin-left: 6%;
  position: relative;
  margin-bottom: 3%;
}

.zs-case-list li figure {
  padding-bottom: 100%;
}

.zs-case-list li:hover figure img {
  transform: scale(1.1);
}

.zs-case-list li i {
  position: absolute;
  right: .1rem;
  bottom: .1rem;
  color: #FFF;
}

.zs-about-honor {
  padding: 5%;
}

.zs-about-honor .title {
  text-align: center;
  font-weight: bold;
  font-size: .24rem;
}

.zs-about-honor .title:after {
  content: "";
  width: .5rem;
  height: 3px;
  background: #fdb924;
  display: block;
  margin: .2rem auto 0 auto;
}

.zs-about-honor .honor {
  margin-top: .4rem;
  padding: 10px 0;
}

.zs-about-honor .swiper-slide {
  background: #FFF;
  padding-bottom: .1rem;
  box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
  overflow: hidden;
}

.zs-about-honor .swiper-slide img {
  width: 100%;
  transition: all .3s;
}

.zs-about-honor .swiper-slide img[data-honor-preview] {
  cursor: pointer;
}

.zs-about-honor .swiper-slide:hover img {
  transform: scale(1.1);
}

.zs-about-honor .honor .swiper-scrollbar-horizontal {
  position: initial;
  width: 100%;
  height: .04rem;
  margin-top: .1rem;
}

.zs-product-list {
  padding: 5%;
}

.zs-product-list .titleer {
  text-align: center;
}

.zs-product-list .subnav {
  margin-top: .2rem;
}

.zs-product-list .subnav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.zs-product-list .subnav li {
  border-radius: 1rem;
  margin: 0 .1rem;
  overflow: hidden;
  font-weight: bold;
  font-size: .13rem;
}

.zs-product-list .subnav li.is-default {
  border: none;
}

.zs-product-list .subnav li a {
  padding: 0 .1rem;
  display: flex;
}

.zs-product-list .subnav li a:hover {
  text-decoration: none;
  color: #000;
}

.zs-product-list .subnav li a.current {
  background: #fdb924;
}

.zs-product-list .list {
  margin-top: .4rem;
}

.zs-product-list .list ul {
  display: flex;
  margin-left: -8%;
  flex-wrap: wrap;
}

.zs-product-list .list li {
  background: #FFF;
  width: 25.333%;
  margin-left: 8%;
  box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
  margin-bottom: 5%;
}

.zs-product-list .list li figure {
  padding-bottom: 100%;
}

.zs-product-list .list li:hover figure img {
  transform: scale(1.1);
}

.zs-product-list .list li .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .1rem;
}

.zs-product-list .list li .txt h2 {
  font-weight: bold;
  font-size: .12rem;
}

.zs-product-list .list li .txt i {
  border: 2px solid #000;
  width: .2rem;
  height: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-product-list .list li a:hover {
  text-decoration: none;
  color: #000;
}

.product .zs-product-list {
  padding-top: .35rem;
  padding-bottom: .3rem;
}

.product .zs-product-list .titleer {
  margin-bottom: .18rem;
}

.product .zs-product-list .subnav {
  margin-bottom: .22rem;
}

.product .zs-product-list .subnav ul {
  row-gap: .1rem;
}

/* 视频页下级栏目：与上一级拉开层级（分隔线 + 小字号 + 常规字重 + 描边选中态） */
.product .zs-product-list .subnav--third {
  margin-top: -.08rem;
  padding-top: .14rem;
  border-top: 1px solid #e5e5e5;
}

.zs-product-list .subnav--third li {
  font-size: .11rem;
  font-weight: normal;
}

/* 沿用头部导航下拉 dd 的样式：灰字，悬停/选中变黑加粗，底部黄色横线从中间展开 */
.zs-product-list .subnav--third li {
  border-radius: 0;
  overflow: visible;
}

.zs-product-list .subnav--third li a {
  position: relative;
  padding: .03rem 0;
  margin: 0 .1rem;
  color: #666;
  transition: color .3s ease;
}

.zs-product-list .subnav--third li a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fdb924;
  transform: scaleX(0);
  transform-origin: center center;
  transition: transform .3s ease;
}

.zs-product-list .subnav--third li a:hover,
.zs-product-list .subnav--third li a.current {
  color: #000;
  font-weight: bold;
  background: transparent;
}

.zs-product-list .subnav--third li a:hover:after,
.zs-product-list .subnav--third li a.current:after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .zs-product-list .subnav--third li a,
  .zs-product-list .subnav--third li a:after {
    transition: none;
  }
}

.zs-product-faq {
  padding: 5%;
}

.zs-product-faq .titleer {
  text-align: center;
}

.faq-list {
  margin-top: .2rem;
}

.faq-list li {
  margin-bottom: .1rem;
  padding: .15rem;
  background-color: #F7F7F7;
  border-radius: .03rem;
}

.faq-list li:hover {
  background-color: #F1F1F1;
}

.faq-list li:last-child {
  margin-bottom: 0;
}

.faq-list li .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  padding-right: 30px;
  position: relative;
  color: #333;
  font-family: 'Poppins-Medium';
  cursor: pointer;
}

.faq-list li .title:before {
  content: "";
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  background: url('../img/icon-down.svg') no-repeat center center;
  background-size: auto 8px;
  transform: translate(-50%, -50%) rotate(0);
  transition: transform .2s ease-out;
  position: absolute;
  top: 12px;
  right: -10px;
  cursor: pointer;
  border-radius: 50%;
}

.faq-list li.show .title:before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.faq-list li .text {
  display: none;
  padding-top: 15px;
  color: #666;
  font-size: 15px;
  overflow: hidden;
  line-height: 1.6;
  transition: transform .2s ease-out;
  position: relative;
}

.faq-list li .text .more {
  position: absolute;
  bottom: -2px;
  right: 0;
  font-size: 14px;
}

.faq-list li .text .more a {
  color: #1E4A8F;
}

.faq-list li .text .more a:hover {
  color: #B81C25;
}

.faq-list li.show {
  background: #FEBA1A;
}

.faq-list li.show .text {
  display: block;
  color: #000;
}

.faq-list li.show .title {
  color: #000;
}

.product_detail {
  margin-top: .7rem;
}

.zs-breadcrumbs {
  padding: .3rem 8% 0 8%;
  color: #999;
}

.zs-breadcrumbs a {
  color: #999;
}

.zs-breadcrumbs a:hover {
  text-decoration: none;
  color: #000;
}

.zs-breadcrumbs span {
  color: #000;
}

.zs-product_detail {
  display: flex;
  padding: .3rem 8% .3rem 15%;
  justify-content: space-between;
}

.zs-product_detail .left {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zs-product_detail .left .swiper-father {
  width: 10%;
}

.zs-product_detail .left .product_detail_l {
  height: 1.9rem;
  margin: .05rem 0;
}

.zs-product_detail .left .product_detail_l .swiper-slide {
  box-sizing: border-box;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px #999;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-product_detail .left .product_detail_l .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: .02rem;
  box-sizing: border-box;
}

.zs-product_detail .left .product_detail_l .swiper-slide-thumb-active {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px #000;
}

.zs-product_detail .left .swiper-button-next,
.zs-product_detail .left .swiper-button-prev {
  position: initial;
  margin-top: auto;
  background: #f4f4f4;
  width: 100%;
  height: .1rem;
}

.zs-product_detail .left .swiper-button-next i,
.zs-product_detail .left .swiper-button-prev i {
  color: #000;
  font-size: .08rem;
}

.zs-product_detail .left .swiper-button-next:after,
.zs-product_detail .left .swiper-button-prev:after {
  display: none;
}

.zs-product_detail .left .product_detail_r {
  width: 80%;
  overflow: hidden;
}

.zs-product_detail .left .product_detail_r .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.zs-product_detail .left .product_detail_r .product-detail-zoom {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: crosshair;
  background: #fff;
}

.zs-product_detail .left .product_detail_r .product-detail-zoom img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.zs-product_detail .left .product_detail_r .product-detail-zoom__detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.zs-product_detail .left .product_detail_r .product-detail-zoom.is-active .product-detail-zoom__detail {
  opacity: 1;
}

.zs-product_detail .right {
  width: 55%;
}

.zs-product_detail .right .title h1,
.zs-product_detail .right .title h2 {
  font-size: .2rem;
  font-weight: bold;
}

.zs-product_detail .right .title p {
  line-height: 1.6;
  color: #666;
}

.zs-product_detail .right .product-detail-highlights {
  margin-top: .2rem;
  padding: .04rem 0 0;
}

.zs-product_detail .right .product-detail-highlights__list li {
  display: flex;
  align-items: flex-start;
  gap: .12rem;
  color: #666;
  line-height: 1.4;
}

.zs-product_detail .right .product-detail-highlights__list li+li {
  margin-top: .1rem;
}

.zs-product_detail .right .product-detail-highlights__list p {
  margin: 0;
  font-size: .1rem;
}

.zs-product_detail .right .product-detail-highlights__list strong {
  color: #3d3d3d;
  font-weight: 700;
}

.zs-product_detail .right .product-detail-highlights__icon {
  width: .12rem;
  height: .12rem;
  border: 1px solid #fdb924;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-top: .01rem;
}

.zs-product_detail .right .product-detail-highlights__icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .05rem;
  height: .03rem;
  border-left: 1px solid #fdb924;
  border-bottom: 1px solid #fdb924;
  transform: translate(-50%, -60%) rotate(-45deg);
}

.zs-product_detail .right .product-detail-highlights__action {
  margin-top: .18rem;
}

.zs-product_detail .right .product-detail-highlights__action a {
  display: inline-flex;
  color: #000;
  background: #fdb924;
  border: 2px solid #FFF;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.zs-product_detail .right .product-detail-highlights__action a:hover {
  text-decoration: none;
  color: #000;
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-product_detail .right .product-detail-highlights__action a span {
  padding: 0 .26rem;
  height: .26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-product_detail .right .product-detail-highlights__action a:hover span {
  padding: 0 .4rem;
}

.zs-product_detail .right .product-detail-highlights__action a i {
  width: .26rem;
  height: .26rem;
  border-left: 2px solid #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .1rem;
  transition: transform .3s ease;
}

.zs-product_detail .right .product-detail-highlights__action a:hover i {
  transform: translateY(-.01rem);
}

.zs-product_detail .right .txtyi {
  padding-top: .2rem;
}

.zs-product_detail .right .txtyi h3 {
  font-size: .11rem;
  font-weight: bold;
}

.zs-product_detail .right .txtyi strong {
  font-size: .13rem;
  font-weight: bold;
}

.zs-product_detail .right .txter {
  padding-top: .4rem;
}

.zs-product_detail .right .txter h3 {
  font-size: .11rem;
  font-weight: bold;
}

.zs-product_detail .right .txter h3 i {
  font-size: .1rem;
  color: #666;
  padding-left: .05rem;
}

.zs-product_detail .right .txter ul {
  display: flex;
  margin-top: .05rem;
}

.zs-product_detail .right .txter li {
  width: .4rem;
  height: .2rem;
  border: 1px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .05rem;
  cursor: pointer;
}

.zs-product_detail .right .txter li.current {
  background: #000;
  color: #FFF;
  border: 1px solid #000;
}

.zs-product_detail .right .txtsan {
  padding-top: .4rem;
}

.zs-product_detail .right .txtsan h3 {
  font-size: .11rem;
  font-weight: bold;
}

.zs-product_detail .right .txtsan ul {
  display: flex;
  margin-top: .05rem;
}

.zs-product_detail .right .txtsan li {
  border: 1px solid #000;
  margin-right: .05rem;
  padding: .02rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.zs-product_detail .right .txtsan li .pic {
  width: .2rem;
}

.zs-product_detail .right .txtsan li .pic figure {
  padding-bottom: 100%;
}

.zs-product_detail .right .txtsan li p {
  padding-left: .02rem;
  font-size: .08rem;
}

.zs-product_detail .right .txtsan li.current {
  background: #000;
  color: #FFF;
}

.zs-product_detail .right .quote-more {
  margin-top: .14rem;
  background: #fdb924;
  display: inline-block;
  border: 2px solid #FFF;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.zs-product_detail .right .quote-more a {
  display: flex;
  color: #000;
}

.zs-product_detail .right .quote-more a:hover {
  text-decoration: none;
}

.zs-product_detail .right .quote-more:hover {
  transform: translateY(-.03rem);
  box-shadow: 0 .08rem .2rem rgba(253, 185, 36, .35);
  background: #ffca33;
}

.zs-product_detail .right .quote-more a span {
  padding: 0 .26rem;
  height: .26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all .3s;
}

.zs-product_detail .right .quote-more a:hover span {
  padding: 0 .4rem;
}

.zs-product_detail .right .quote-more a i {
  width: .26rem;
  height: .26rem;
  border-left: 2px solid #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .1rem;
  transition: transform .3s ease;
}

.zs-product_detail .right .quote-more a:hover i {
  transform: translateY(-.01rem);
}

.zs-product_detail-c--simple {
  padding: .28rem 8% 0;
}

.zs-product_detail-c--simple .hd {
  position: sticky;
  top: .7rem;
  background: #e9e9e9;
  box-shadow: none;
}

.zs-product_detail-c--simple .hd ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.zs-product_detail-c--simple .hd li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: .14rem .08rem;
  min-width: 0;
  border-bottom: none;
  text-align: center;
  font-size: .14rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  color: #222;
  transition: background-color .3s ease, color .3s ease;
}

.zs-product_detail-c--simple .hd li.on,
.zs-product_detail-c--simple .hd li:hover {
  background: #dcdcdc;
}

.product-detail-panel {
  padding: .34rem 0 0;
}

.product-detail-panel__inner {
  width: min(100%, 12rem);
  margin: 0 auto;
}

.product-detail-panel__title {
  position: relative;
  padding-bottom: .14rem;
  margin-bottom: .22rem;
  font-size: .28rem;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #d8d8d8;
}

.product-detail-panel__title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: .82rem;
  height: 3px;
  background: #222;
}

.product-detail-panel__title--center {
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: .28rem;
}

.product-detail-panel__title--center:after {
  display: none;
}

.product-detail-panel__content {
  color: #444;
  max-width: 100%;
  min-width: 0;
}

.product-detail-panel__content img,
.product-detail-panel__content video,
.product-detail-panel__content iframe {
  max-width: 100%;
  height: auto;
}

.product-detail-panel__content--desc p {
  font-size: .13rem;
  line-height: 2.05;
  text-indent: 2em;
  margin: 0;
}

.product-detail-panel__content--desc p+p {
  margin-top: .12rem;
}

.product-detail-spec-table,
.product-detail-package-rich {
  max-width: 100%;
  min-width: 0;
}

.product-detail-spec-table table,
.product-detail-panel__content table,
.product-detail-package-rich table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  background: #fff;
  table-layout: fixed;
}

.product-detail-spec-table th,
.product-detail-spec-table td,
.product-detail-panel__content th,
.product-detail-panel__content td,
.product-detail-package-rich th,
.product-detail-package-rich td {
  border: 1px solid #d8d8d8;
  padding: .14rem .18rem;
  font-size: .13rem;
  line-height: 1.7;
  text-align: left;
  vertical-align: middle;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.product-detail-spec-table th {
  background: #fafafa;
  font-weight: 700;
  color: #222;
}

.product-detail-package-list li {
  position: relative;
  padding-left: .18rem;
  font-size: .13rem;
  line-height: 2;
  color: #222;
}

.product-detail-package-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .15rem;
  width: .06rem;
  height: .06rem;
  border-radius: 50%;
  background: #222;
}

.product-detail-like {
  display: flex;
  align-items: center;
  gap: .16rem;
}

.product-detail-like__arrow {
  width: .28rem;
  height: .46rem;
  border: none;
  background: #d8d8d8;
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}

.product-detail-like__arrow i {
  font-size: .12rem;
}

.product-detail-like__arrow:hover {
  background: #bdbdbd;
  color: #000;
}

.product-detail-like__swiper {
  flex: 1;
  min-width: 0;
  padding-bottom: .18rem;
}

.product-detail-like__card {
  display: block;
  background: #fff;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 0 .05rem rgba(0, 0, 0, .2);
  padding: 0 0 .1rem;
  color: #111;
  text-align: center;
  transition: box-shadow .3s ease;
}

.product-detail-like__card:hover {
  text-decoration: none;
  color: #111;
  transform: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 0 .05rem rgba(0, 0, 0, .2);
}

.product-detail-like__pic {
  padding: .08rem .08rem 0;
}

.product-detail-like__pic figure {
  padding-bottom: 100%;
}

.product-detail-like__card p {
  display: -webkit-box;
  min-height: .4rem;
  padding: .12rem .12rem 0;
  font-size: .13rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .3s ease;
}

.product-detail-like__card:hover p {
  color: #000;
}

.product-detail-like__scrollbar {
  position: initial !important;
  width: 100%;
  height: .04rem;
  background: #d7d7d7;
  margin-top: .18rem;
}

.product-detail-like__scrollbar .swiper-scrollbar-drag {
  background: #666;
}

.product-detail-panel--likes-inline {
  padding: 5% 13% 0;
}

.product-detail-panel--likes-inline .product-detail-panel__inner {
  width: 100%;
  max-width: none;
}

.product-detail-panel--likes-inline .product-detail-like {
  position: relative;
  display: block;
}

.product-detail-panel--likes-inline .product-detail-like__swiper {
  width: 100%;
}

.product-detail-panel--likes-inline .product-detail-like__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.product-detail-panel--likes-inline .product-detail-like__prev {
  left: -.44rem;
}

.product-detail-panel--likes-inline .product-detail-like__next {
  right: -.44rem;
}

.product-detail-panel--likes-inline .product-detail-like__card:hover {
  transform: none;
  box-shadow: 0 .02rem .08rem rgba(0, 0, 0, .08);
  color: #111;
}

.product-detail-panel--likes-inline .product-detail-like__card:hover p {
  background: transparent;
  color: #111;
  border-color: #707070;
}

.product-detail-inquiry-form {
  padding-top: .02rem;
}

.product-detail-inquiry__title {
  background: #f4b51f;
  color: #111;
  font-size: .26rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding: .18rem .2rem;
}

.product-detail-inquiry__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .22rem .28rem;
  margin-top: .26rem;
}

.product-detail-inquiry__input,
.product-detail-inquiry__textarea {
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #333;
  font-size: .13rem;
  padding: 0 .18rem;
  box-sizing: border-box;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease;
}

.product-detail-inquiry__input {
  height: .56rem;
}

.product-detail-inquiry__textarea {
  grid-column: 1 / -1;
  height: 2.2rem;
  padding-top: .16rem;
  padding-bottom: .16rem;
  resize: vertical;
}

.product-detail-inquiry__input:focus,
.product-detail-inquiry__textarea:focus {
  border-color: #f4b51f;
  box-shadow: 0 0 0 3px rgba(244, 181, 31, .14);
}

.product-detail-inquiry__actions {
  margin-top: .2rem;
}

.product-detail-inquiry__submit {
  min-width: 1.42rem;
  height: .46rem;
  border: none;
  border-radius: 1rem;
  background: #f4b51f;
  color: #111;
  font-size: .15rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

.product-detail-inquiry__submit:hover {
  background: #ffca33;
  transform: translateY(-.02rem);
  box-shadow: 0 .06rem .16rem rgba(244, 181, 31, .28);
}

.product-detail-inquiry__tip {
  margin-top: .18rem;
  font-size: .12rem;
  line-height: 1.9;
  color: #333;
  margin-block: 0.18rem;
}

.product-detail-guide-banner {
  margin-top: .38rem;
  padding-top: .34rem;
  background: linear-gradient(90deg, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, .18) 28%, rgba(0, 0, 0, .48) 100%), url(../img/pic29.jpg) no-repeat center/cover;
}

.product-detail-guide-banner__link {
  min-height: 1.08rem;
  padding: .2rem 8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .2rem;
}

.product-detail-guide-banner__link:hover {
  text-decoration: none;
}

.product-detail-guide-banner__left {
  font-size: .34rem;
  font-weight: 700;
  color: #f4b51f;
  line-height: 1.2;
}

.product-detail-guide-banner__right {
  display: inline-flex;
  align-items: center;
  font-size: .26rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.product-detail-guide-banner__right i {
  margin-left: .1rem;
  font-size: .34rem;
  transition: transform .3s ease;
}

.product-detail-guide-banner__link:hover .product-detail-guide-banner__right i {
  transform: translateX(.03rem);
}

.zs-product_detail-c .hd {
  background: #e6e6e6;
  position: sticky;
  top: .7rem;
  z-index: 998;
  box-shadow: 0 .03rem .08rem rgba(0, 0, 0, .08);
}

.zs-product_detail-c .hd ul {
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-product_detail-c .hd li {
  padding: .1rem 0;
  border-bottom: 4px solid #e6e6e6;
  margin: 0 .2rem;
  cursor: pointer;
}

.zs-product_detail-c .hd li.on {
  border-bottom: 4px solid #666;
}

.zs-product_detail-c .bd .overview-pic {
  position: relative;
}

.zs-product_detail-c .bd .overview-pic figure {
  padding-bottom: 25%;
}

.zs-product_detail-c .bd .overview-pic:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .2);
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip {
  padding: 5% 8%;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip .title {
  text-align: center;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip .title h2 {
  font-size: .16rem;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip .title p {
  padding-top: .1rem;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip ul {
  display: flex;
  justify-content: space-between;
  padding-top: .2rem;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip li {
  width: 16%;
  text-align: center;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip li .pic {
  width: 24%;
  margin: 0 auto;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip li .pic figure {
  padding-bottom: 100%;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip li h2 {
  font-weight: bold;
  margin-top: .1rem;
}

.zs-product_detail-c .bd .zs-product_detail-c-dyip li p {
  padding-top: .05rem;
}

.zs-product_detail-c-derp {
  padding: 5% 0;
}

.zs-product_detail-c-derp .title {
  text-align: center;
}

.zs-product_detail-c-derp .box {
  margin-top: .6rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-product_detail-c-derp .box .pic {
  text-align: center;
  position: relative;
  width: 20%;
  margin: 0 auto;
}

.zs-product_detail-c-derp .box .pic p {
  position: absolute;
}

.zs-product_detail-c-derp .box .pic img {
  width: 100%;
}

.zs-product_detail-c-derp .box li {
  position: absolute;
  width: 33%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.zs-product_detail-c-derp .box li .txt {
  position: relative;
  border: 1px solid #666;
  padding: .1rem;
  box-sizing: border-box;
  width: 90%;
}

.zs-product_detail-c-derp .box li h2 {
  font-weight: bold;
}

.zs-product_detail-c-derp .box li:after {
  content: "";
  display: block;
  width: 10%;
  height: 1px;
  background: #000;
}

.zs-product_detail-c-derp .box li:nth-of-type(1) {
  left: 9%;
  top: -9%;
}

.zs-product_detail-c-derp .box li:nth-of-type(1):after {
  transform: rotate(10deg);
  width: 10%;
}

.zs-product_detail-c-derp .box li:nth-of-type(2) {
  left: 10.5%;
  top: 18%;
}

.zs-product_detail-c-derp .box li:nth-of-type(3) {
  left: 10.5%;
  top: 43%;
}

.zs-product_detail-c-derp .box li:nth-of-type(3):after {
  transform: rotate(-20deg);
  width: 10%;
}

.zs-product_detail-c-derp .box li:nth-of-type(4) {
  left: 11%;
  bottom: -2%;
}

.zs-product_detail-c-derp .box li:nth-of-type(4):after {
  transform: rotate(0deg);
  width: 5%;
}

.zs-product_detail-c-derp .box li:nth-of-type(5) {
  right: 11%;
  bottom: 25%;
  display: block;
}

.zs-product_detail-c-derp .box li:nth-of-type(5):before {
  content: "";
  display: block;
  height: 1px;
  background: #000;
  transform: rotate(60deg);
  width: 15%;
  margin: 0 0 6.5% 5%;
}

.zs-product_detail-c-derp .box li:nth-of-type(5):after {
  display: none;
}

.zs-product_detail-c-dsanp {
  padding: 5% 13%;
}

.zs-product_detail-c-dsanp .title {
  text-align: center;
}

.zs-product_detail-c-dsanp .zs-list-jiu {
  margin-top: .2rem;
}

.zs-product_detail-c-dsanp .swiper-wrapper {
  height: auto;
}

.zs-product_detail-c-dsanp .swiper-slide {
  height: auto;
}

.zs-product_detail-c-dsanp .swiper-slide figure {
  padding-bottom: 60%;
}

.zs-product_detail-c-dsanp .swiper-slide h2 {
  font-size: .1rem;
  font-weight: bold;
  padding-top: .05rem;
}

.zs-product_detail-c-dsanp .swiper-slide p {
  padding-top: .05rem;
  color: #666;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.zs-product_detail-c-dsanp .swiper-scrollbar {
  position: initial;
  width: 100%;
  height: .04rem;
  margin-top: .1rem;
}

.zs-product_detail-c-dsanp .swiper-scrollbar-drag {
  background: #000;
}

.zs-product_detail-c-dsanp .product-detail-advantage-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .32rem .22rem;
  margin-top: .2rem;
}

.zs-product_detail-c-dsanp .product-detail-advantage-item {
  height: auto;
}

.zs-product_detail-c-dsanp .product-detail-advantage-item figure {
  padding-bottom: 60%;
}

.zs-product_detail-c-dsanp .product-detail-advantage-item h2 {
  font-size: .1rem;
  font-weight: bold;
  padding-top: .05rem;
  line-height: 1.45;
}

.zs-product_detail-c-dsanp .product-detail-advantage-item p {
  padding-top: .05rem;
  color: #666;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.zs-product_detail-c .specification {
  display: flex;
  justify-content: space-between;
  padding: 5% 10%;
}

.zs-product_detail-c .specification .left {
  width: 70%;
}

.zs-product_detail-c .specification .left table {
  width: 100%;
  border-top: 1px solid #DDD;
}

.zs-product_detail-c .specification .left table tr td:nth-of-type(odd) {
  background: #f1f1f1;
}

.zs-product_detail-c .specification .left table td {
  border-bottom: 1px solid #DDD;
  padding: .1rem;
}

.zs-product_detail-c .specification .right {
  width: 25%;
}

.zs-product_detail-c .specification .right .manual {
  text-align: center;
}

.zs-product_detail-c .specification .right .manual li {
  padding-bottom: .5rem;
}

.zs-product_detail-c .specification .right .manual li a {
  display: block;
  color: inherit;
}

.zs-product_detail-c .specification .right .manual li a:hover {
  text-decoration: none;
  color: inherit;
}

.zs-product_detail-c .specification .right .manual li img {
  width: 20%;
}

.zs-product_detail-c .specification .right .manual li i {
  font-size: .1rem;
}

.zs-product_detail-c .specification .right .manual li p {
  padding-top: .05rem;
}

.zs-product_detail-c .specification .right .pro .title {
  font-size: .16rem;
  text-align: center;
}

.zs-product_detail-c .specification .right .pro ul {
  margin-top: .2rem;
}

.zs-product_detail-c .specification .right .pro li {
  box-shadow: 0 0 .05rem rgba(0, 0, 0, .1);
  margin-bottom: .2rem;
}

.zs-product_detail-c .specification .right .pro li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zs-product_detail-c .specification .right .pro li a:hover {
  text-decoration: none;
}

.zs-product_detail-c .specification .right .pro li .pic {
  width: 40%;
}

.zs-product_detail-c .specification .right .pro li .pic figure {
  padding-bottom: 100%;
}

.zs-product_detail-c .specification .right .pro li .txt {
  width: 55%;
}

.zs-product_detail-c .specification .right .pro li .txt p {
  padding-top: .1rem;
}

.product-box {
  padding: 5% 10%;
  display: flex;
  justify-content: space-between;
}

.product-box .left {
  width: 25%;
}

.product-box .left li {
  padding-bottom: .2rem;
  font-size: .13rem;
  display: flex;
  align-items: center;
}

.product-box .left li:before {
  content: "";
  display: block;
  width: .05rem;
  height: .05rem;
  background: #000;
  border-radius: 100%;
  margin-right: .1rem;
}

.product-box .right {
  width: 70%;
}

.product-box.product-box-full .right {
  width: 100%;
}

.product-box .right ul {
  display: flex;
  margin-left: -3%;
  flex-wrap: wrap;
}

.product-box .right li {
  width: 30.333%;
  margin-left: 3%;
  box-shadow: 0 0 .05rem rgba(0, 0, 0, .1);
  margin-bottom: 3%;
  text-align: center;
}

.product-box .right li figure {
  padding-bottom: 100%;
}

.product-box .right li p {
  padding: .1rem;
  font-size: .13rem;
}

.product-box .right li a:hover {
  text-decoration: none;
}

.zs-news {
  padding: 5% 8%;
}

.zs-news .title {
  text-align: center;
}

.zs-news-list ul {
  display: flex;
  margin-left: -3%;
  flex-wrap: wrap;
  margin-top: .3rem;
}

.zs-news-list li {
  box-sizing: border-box;
  background: #FFF;
  width: 30.333%;
  margin-left: 3%;
  margin-bottom: 3%;
  display: flex;
}

.zs-news-list li a {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.zs-news-list li figure {
  padding-bottom: 65%;
  flex-shrink: 0;
}

.zs-news-list li:hover figure img {
  transform: scale(1.1);
}

.zs-news-list li .txt {
  padding: .1rem .1rem;
  box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.zs-news-list li .txt p {
  padding-top: .05rem;
  color: #666;
  flex: 1;
}

.zs-news-list li .txt .more {
  color: #000;
  margin-top: auto;
}

.zs-news-list li .txt .more i {
  font-size: .08rem;
  padding-left: .05rem;
}

.zs-news-list li a:hover {
  text-decoration: none;
}

.zs-news-list li .more {
  margin-top: .2rem;
  color: #666;
  font-size: .08rem;
}

.zs-page {
  margin-top: .2rem;
}

.zs-page ul {
  display: flex;
  justify-content: center;
}

.zs-page li {
  margin: 0 .05rem;
}

.zs-page li a {
  width: .24rem;
  height: .24rem;
  background: #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-page li a:hover {
  text-decoration: none;
  background: #fdb924;
  color: #000;
}

.zs-page li a.current {
  background: #fdb924;
}

.zs-page li i {
  font-size: .08rem;
}

.product .zs-page {
  margin-top: .16rem;
}

.product .zs-page ul,
.product .zs-page .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .05rem;
}

.product .zs-page li {
  margin: 0;
}

.product .zs-page a,
.product .zs-page span {
  min-width: .24rem;
  height: .24rem;
  padding: 0 .08rem;
  background: #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.product .zs-page a:hover {
  text-decoration: none;
  background: #fdb924;
  color: #000;
}

.product .zs-page a.current,
.product .zs-page span.current,
.product .zs-page li.current a,
.product .zs-page li.active a,
.product .zs-page li.active span,
.product .zs-page .active a,
.product .zs-page .active span {
  background: #fdb924;
  color: #000;
}

.zs-news_detail {
  padding: 5% 8%;
}

.zs-news_detail .title h1,
.zs-news_detail .title h2 {
  text-align: center;
  font-size: .24rem;
  font-weight: bold;
}

.zs-news_detail .title .time {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDD;
  padding-top: .3rem;
  padding-bottom: .1rem;
}

.zs-news_detail .txt {
  line-height: 1.6;
  padding: .2rem 0;
}

.zs-news_detail .txt img {
  max-width: 100% !important;
  height: auto !important;
}

.zs-news_detail .txt p {
  padding-bottom: .1rem;
}

.zs-tage {
  font-size: .08rem;
}

.zs-tage a {
  display: inline-block;
  background: #E8E8E8;
  padding: .01rem .1rem;
  margin-right: .05rem;
}

.zs-tage a:hover {
  text-decoration: none;
  background: #fdb924;
  color: #000;
}

.zs-turn {
  border-top: 1px solid #DDD;
  padding-top: .1rem;
  margin-top: .2rem;
}

.zs-turn ul {
  display: flex;
  justify-content: space-between;
  color: #999;
}

.zs-turn ul a:hover {
  text-decoration: none;
}

.zs-contact-t ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zs-contact-t li {
  text-align: center;
  padding: .2rem 10%;
}

.zs-contact-t li a:hover {
  text-decoration: none;
}

.zs-contact-t li i {
  color: #fdb924;
  font-size: .24rem;
}

.zs-contact-t li p {
  padding-top: .05rem;
  font-size: .13rem;
}

.zs-contact-b {
  display: flex;
  justify-content: space-between;
  padding: 5% 8%;
}

.zs-contact-b .left {
  width: 40%;
  border-right: 1px solid #DDD;
  text-align: right;
  box-sizing: border-box;
  padding-right: .5rem;
}

.zs-contact-b .left h1,
.zs-contact-b .left h2 {
  font-size: .2rem;
  font-weight: bold;
}

.zs-contact-b .left li {
  padding-top: .15rem;
  font-size: .12rem;
}

.zs-contact-b .right {
  width: 54%;
}

.zs-contact-b .right ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.zs-contact-b .right li {
  padding-bottom: .1rem;
  width: 100%;
}

.zs-contact-b .right li:nth-of-type(1) {
  width: 48%;
}

.zs-contact-b .right li:nth-of-type(2) {
  width: 48%;
}

.zs-contact-b .right li .input_txt {
  width: 100%;
  background: #F3F4F5;
  border: none;
  padding: .08rem .05rem;
  outline: magenta;
  border-radius: .03rem;
  box-sizing: border-box;
}

.zs-contact-b .right li textarea {
  width: 100%;
  background: #F3F4F5;
  border: none;
  padding: .05rem;
  outline: magenta;
  height: .7rem;
  border-radius: .03rem;
  box-sizing: border-box;
}

.zs-contact-b .right .input_btn {
  width: 100%;
  background: #fdb924;
  border: none;
  padding: .05rem;
  outline: magenta;
  border-radius: 1rem;
  font-size: .13rem;
  cursor: pointer;
}

.zs-video-list {
  position: relative;
  list-style: none;
  overflow: hidden;
  z-index: 1;
  margin-top: .3rem;
}

.zs-video-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}

.zs-video-list li {
  display: block;
  width: 22%;
  position: relative;
  margin-left: 3%;
  margin-bottom: 3%;
}

.zs-video-list li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
}

.zs-video-list li .pic {
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.zs-video-list li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.35s;
}

.zs-video-list li:hover .pic img {
  transform: scale(1.03);
}

.zs-video-list li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.35s;
  box-sizing: border-box;
  padding: .2rem;
}

.zs-video-list li:hover .text {
  height: auto;
  background-color: rgba(254, 186, 26, 0.85);
}

.zs-video-list li .text .title {
  display: none;
  text-align: center;
  font-size: .13rem;
  color: #FFF;
}

.zs-video-list li:hover .text .title {
  display: -webkit-box;
  text-align: left;
  padding: 0;
  height: auto;
  font-weight: bold;
  color: #000000;
}

.zs-video-list li .text .desc {
  display: none;
  padding-top: 22px;
  font-size: .1rem;
  line-height: 1.66;
  color: #000000;
}

.zs-video-list li:hover .text .desc {
  display: block;
}

.zs-video-desc-toggle {
  display: none;
  margin-top: .08rem;
  padding: 0;
  background: transparent;
  border: none;
  color: #000;
  font-size: .09rem;
  font-weight: bold;
  cursor: pointer;
}

.zs-video-list li .text .iconfont {
  display: none;
  position: absolute;
  right: 45px;
  bottom: 30px;
  z-index: 10;
  font-size: 18px;
  color: #000;
  opacity: 0;
  transition: all 0.35s;
}

.zs-video-list li:hover .text .iconfont {
  display: block;
  opacity: 1;
}

.zs-service {
  margin-top: .3rem;
  background: #000;
  color: #FFF;
  padding: 1rem 0;
  text-align: center;
}

.zs-join {
  padding: 5% 8%;
}

.zs-join .title {
  text-align: center;
}

.zs-join .box {
  margin-top: .3rem;
  line-height: 1.6;
}

.zs-join .box h2 {
  font-weight: bold;
}

.zs-join video {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 0.5625;
  background-color: #000;
  margin: .1rem 0;
}

.zs-join img {
  width: 100%;
  margin: .1rem 0;
}

@media (max-width: 1199px) {
  .zs-banner .swiper-slide figure {
    padding-bottom: 36%;
  }

  .zs-banner .swiper-slide .title {
    width: 52%;
  }

  .zs-banner .swiper-slide .txt h2,
.zs-banner .swiper-slide .txt .zs-banner-title {
    font-size: 30px;
  }

  .zs-index-video,
  .zs-index-videoer,
  .zs-about-company,
  .zs-contact-b,
  .product-box {
    padding-left: 6%;
    padding-right: 6%;
  }

  .zs-about-productnav {
    padding: .7rem 6%;
  }

  .zs-product_detail {
    padding: .3rem 6%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip,
  .zs-product_detail-c .specification,
  .zs-news,
  .zs-news_detail,
  .zs-join {
    padding-left: 6%;
    padding-right: 6%;
  }

  .zs-product-list .list li,
  .zs-about-productnav li,
  .zs-case-list li {
    width: 29.333%;
  }

  .zs-video-list li {
    width: 30.333%;
  }
}

@media (max-width: 991px) {
  .fs {
    font-size: .5rem;
  }

  .zs-banner {
    margin-top: 1.8rem;
    touch-action: pan-y;
  }

  .zs-banner .swiper-wrapper,
  .zs-banner .swiper-slide,
  .zs-banner .swiper-slide figure,
  .zs-banner .swiper-slide .m,
  .zs-banner .swiper-slide figure img {
    touch-action: pan-y;
  }

  .zs-banner .swiper-wrapper,
  .zs-banner .swiper-slide,
  .zs-banner .swiper-slide figure,
  .zs-banner .swiper-slide figure img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .zs-banner .swiper-slide .pc {
    display: none;
  }

  .zs-banner .swiper-slide .m {
    display: block;
  }

  .zs-banner .swiper-slide figure {
    padding-bottom: 52%;
  }

  .zs-banner .swiper-slide figure img,
  .zs-banner .swiper-slide-active figure img {
    transform: none;
    transition: none;
  }

  .zs-banner .swiper-slide .title {
    left: 5%;
    top: 15%;
    width: 60%;
    transform: none;
  }

  .zs-banner .swiper-slide .txt h2,
.zs-banner .swiper-slide .txt .zs-banner-title {
    font-size: 26px;
    line-height: 1.28;
  }

  .zs-banner .swiper-slide .txt p {
    font-size: .26rem;
    padding-top: .08rem;
  }

  .zs-banner .swiper-slide .txt .more a span {
    padding: 0 .4rem;
    height: .62rem;
  }

  .zs-banner .swiper-slide .txt .more i {
    width: .62rem;
    height: .62rem;
    font-size: .32rem;
  }

  .zs-banner .swiper-slide .txt {
    transform: none;
  }

  .zs-banner .swiper-slide .txt .banner-text {
    font-size: .34rem;
    margin-left: 0;
    margin-bottom: .15rem;
    text-align: left;
  }

  .zs-banner .swiper-slide-active .txt,
  .zs-banner .swiper-slide-active.swiper-slide--second .txt {
    transform: none;
  }

  .zs-banner .swiper-slide .txt .banner-added-cta {
    display: inline-block;
    margin-top: .12rem;
    margin-left: 0;
  }

  .zs-banner .swiper-slide .txt .banner-added-cta a span {
    padding: 0 .48rem;
    height: .68rem;
    font-size: .28rem;
  }

  .zs-banner .swiper-slide .txt .banner-added-cta i {
    width: .68rem;
    height: .68rem;
    font-size: .3rem;
  }

  /* 平板/移动端：第二张 banner 文字 + 按钮整体上下居中 */
  .zs-banner .swiper-slide--second .title {
    left: 5%;
    right: auto;
    top: 50%;
    width: 60%;
    transform: translateY(-50%);
  }


  .zs-banner .swiper-button-next,
  .zs-banner .swiper-button-prev {
    display: none;
  }

  .zs-index-product .title,
  .zs-index-producter .title,
  .zs-about-productnav .title,
  .zs-about-product .title,
  .zs-about-honor .title,
  .zs-product-list .titleer,
  .zs-product-faq .titleer,
  .zs-news .title,
  .zs-join .title,
  .dsanp .title,
  .dsip .title {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-index-product .title {
    font-size: .5rem;
  }

  .zs-index-producter .title {
    font-size: .5rem;
  }

  .zs-index-product {
    padding: 8vw 0 10vw;
  }

  .zs-index-product .zs-index-product-nav {
    margin: 5vw 5vw 0;
    gap: .18rem;
  }

  .zs-index-product .zs-index-product-arrow {
    width: .8rem;
    padding: 0;
  }

  .zs-index-product .zs-index-product-arrow i {
    font-size: .32rem;
  }

  .product_detail .zs-index-producter {
    margin-top: .36rem;
    padding-left: 6%;
    padding-right: 6%;
  }

  .zs-index-product .list .swiper-slide .txt {
    padding: .14rem;
  }

  .zs-index-product .mySwiper .swiper-slide,
  .zs-index-product .list .swiper-slide .txt p {
    font-size: .32rem;
  }

  .zs-index-product .list .swiper-slide .txt h2,
.zs-index-product .list .swiper-slide .txt h3 {
    font-size: .18rem;
    line-height: 1.4;
  }

  .zs-index-video,
  .zs-index-videoer,
  .zs-index-feature,
  .zs-index-support,
  .zs-about-company,
  .zs-index-news .bd .zs-index-news-list,
  .zs-contact-b,
  .product-box,
  .zs-product_detail,
  .zs-product_detail-c .specification {
    display: block;
  }

  .zs-index-video .video,
  .zs-index-videoer .video,
  .zs-index-feature .pic,
  .zs-index-support .pic,
  .zs-index-video .right,
  .zs-index-videoer .right,
  .zs-index-feature .right,
  .zs-index-support .right,
  .zs-about-company .pic,
  .zs-about-company .right,
  .zs-contact-b .left,
  .zs-contact-b .right,
  .product-box .left,
  .product-box .right,
  .zs-product_detail .left,
  .zs-product_detail .right,
  .zs-product_detail-c .specification .left,
  .zs-product_detail-c .specification .right,
  .zs-index-news .bd .left,
  .zs-index-news .bd .right {
    width: 100%;
  }

  .zs-index-video,
  .zs-index-videoer {
    padding: 8vw 6%;
  }

  .zs-index-feature {
    padding: 0 6% 8vw;
  }

  .zs-index-videoer,
  .zs-index-feature--reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .zs-index-support {
    padding: 0 6% 10vw;
  }

  .zs-index-video .video,
  .zs-index-videoer .video {
    border-radius: .12rem;
  }

  .zs-index-feature .pic figure {
    border-radius: .12rem;
  }

  .zs-index-support .pic figure {
    border-radius: .12rem;
  }

  .zs-index-video .video p,
  .zs-index-videoer .video p {
    font-size: .2rem;
    top: .18rem;
    left: .18rem;
    right: auto;
  }

  .zs-index-feature .pic h2 {
    top: .18rem;
    right: 0;
    left: auto;
    font-size: .28rem;
    padding: .08rem .2rem;
  }

  .zs-index-feature--reverse .pic h2 {
    left: 0;
    right: auto;
  }

  .zs-index-video .right,
  .zs-index-videoer .right {
    margin-left: 0;
    margin-top: .24rem;
  }

  .zs-index-feature .right {
    margin-top: .24rem;
  }

  .zs-index-support .right {
    margin-top: .24rem;
  }

  .zs-index-video .right,
  .zs-index-videoer .right,
  .zs-index-news .hd .title p,
  .zs-about-company .right .txt,
  .zs-about-company .right .txt p,
  .zs-news_detail .txt,
  .zs-contact-b .left li,
  .zs-video-list li .text .desc,
  .zs-join .box {
    font-size: .32rem;
    line-height: 1.75;
  }

  .zs-index-video .right .more,
  .zs-index-videoer .right .more {
    margin-top: .22rem;
  }

  .zs-index-video .right .more a span {
    font-size: .32rem;
    height: .6rem;
  }

  .zs-index-video .right .more a i {
    font-size: .32rem;
    width: .6rem;
    height: .6rem;
  }

  .zs-index-videoer .right .more a span {
    font-size: .32rem;
    height: .6rem;
  }

  .zs-index-videoer .right .more i {
    font-size: .32rem;
    height: .6rem;
    width: .6rem;
  }

  .zs-index-feature .right .more a span {
    font-size: .32rem;
    height: .6rem;
  }

  .zs-index-feature .right .more i {
    font-size: .32rem;
    height: .6rem;
    width: .6rem;
  }

  .zs-index-support .right h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-index-support .right p {
    margin-top: .18rem;
    font-size: .28rem;
    line-height: 1.8;
  }

  .zs-index-support .actions {
    gap: .14rem;
    margin-top: .28rem;
    flex-wrap: wrap;
  }

  .zs-index-support .actions a {
    min-width: 2.2rem;
    height: .86rem;
    font-size: .3rem;
    padding: 0 .28rem;
  }

  .zs-index-support .actions a svg {
    width: .36rem;
    height: .36rem;
    margin-right: .12rem;
  }

  .product_detail .zs-index-support {
    margin-top: .32rem;
  }

  .zs-index-video .right .more,
  .zs-index-videoer .right .more,
  .zs-product-list .subnav li,
  .product-box .left li,
  .product-box .right li p,
  .zs-contact-t li p,
  .zs-contact-b .right .input_btn {
    font-size: .32rem;
  }

  .zs-index-news {
    padding: 8vw 6%;
  }

  .zs-index-news .hd {
    display: block;
  }

  .zs-index-news .hd .title h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-index-news .hd .right {
    margin-top: .18rem;
    justify-content: space-between;
  }

  .zs-index-news .hd .right ul {
    flex-wrap: wrap;
    gap: .12rem .18rem;
  }

  .zs-index-news .hd .right li {
    padding-right: 0;
    font-size: .32rem;
  }

  .zs-index-news .bd .left figure {
    padding-bottom: 58%;
  }

  .zs-index-news .bd .left .time p {
    font-size: .5rem;
  }

  .zs-index-news .bd .left h2,
.zs-index-news .bd .left h3 {
    font-size: .4rem;
  }

  .zs-index-news .bd .right {
    margin-top: .22rem;
  }

  .zs-index-news .bd .right ul {
    margin-left: -4%;
  }

  .zs-index-news .bd .right li {
    width: 46%;
    margin-left: 4%;
    margin-bottom: .16rem;
    font-size: .32rem;
  }

  .zs-index-news .bd .right li h2,
.zs-index-news .bd .right li h3 {
    font-size: .4rem;
  }

  .zs-index-news .bd .right li p {
    font-size: .32rem;
  }

  .zs-about-productnav {
    padding: .6rem 6%;
  }

  .zs-about-productnav ul {
    margin-left: -4%;
  }

  .zs-about-productnav li {
    width: 46%;
    margin-left: 4%;
    padding-top: .4rem;
  }

  .zs-about-productnav li .pic {
    width: 50%;
  }

  .zs-about-productnav li .txt .more i {
    font-size: .32rem;
    width: .6rem;
    height: .6rem;
    margin-left: .2rem;
  }

  .zs-about-company {
    padding: 8vw 6%;
  }

  .zs-about-company .right {
    margin-top: .26rem;
  }

  .zs-about-company .right .title {
    font-size: .26rem;
    line-height: 1.35;
  }

  .zs-about-productnav li .txt h2,
  .zs-about-productnav li .txt h3,
  .zs-product-list .list li .txt h2,
  .zs-news-list li .txt h2,
  .zs-video-list li .text .title {
    font-size: .4rem;
    line-height: 1.45;
  }

  .zs-case-list ul,
  .zs-product-list .list ul,
  .zs-news-list ul,
  .zs-video-list ul {
    margin-left: -4%;
  }

  .zs-case-list li,
  .zs-product-list .list li,
  .zs-news-list li,
  .zs-video-list li {
    width: 46%;
    margin-left: 4%;
    margin-bottom: 4%;
  }

  .zs-product-list,
  .zs-product-faq,
  .zs-news,
  .zs-news_detail,
  .zs-join {
    padding: 8vw 6%;
  }

  .zs-product-list .subnav li {
    margin: 0 .06rem .12rem;
    font-size: .32rem;
  }

  .zs-product-list .subnav--third li {
    font-size: .28rem;
  }

  .zs-product-list .list li .txt {
    padding: .3rem;
  }

  .zs-product-list .list li .txt i {
    font-size: .32rem;
    width: .6rem;
    height: .6rem;
  }

  .faq-list li .title {
    font-size: 18px;
    line-height: 1.6;
    padding-right: 28px;
  }

  .faq-list li .text {
    font-size: 15px;
    line-height: 1.8;
  }

  .zs-product_detail {
    padding: 6vw;
  }

  .zs-product_detail .left {
    margin-bottom: .24rem;
  }

  .zs-product_detail .left .product_detail_l {
    height: 4.2rem;
  }

  .zs-product_detail .left .swiper-button-next,
  .zs-product_detail .left .swiper-button-prev {
    height: .3rem;
  }

  .zs-product_detail .left .swiper-button-next i,
  .zs-product_detail .left .swiper-button-prev i {
    font-size: .28rem;
  }

  .zs-product_detail .left .swiper-father {
    width: .72rem;
  }

  .zs-product_detail .left .product_detail_r {
    width: calc(100% - .92rem);
  }

  .zs-product_detail .left .product_detail_r .product-detail-zoom {
    cursor: default;
  }

  .zs-product_detail .left .product_detail_r .product-detail-zoom__detail {
    display: none;
  }

  .zs-product_detail .right .title h1,
.zs-product_detail .right .title h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-product_detail .right .title p,
  .zs-product_detail .right .txtyi,
  .zs-product_detail .right .txter,
  .zs-product_detail .right .txtsan {
    font-size: .32rem;
  }

  .zs-product_detail .right .quote-more {
    margin-top: .4rem;
  }

  .zs-product_detail .right .quote-more a span {
    padding: 0 .28rem;
    height: .68rem;
    font-size: .28rem;
    line-height: 1;
  }

  .zs-product_detail .right .quote-more a i {
    width: .68rem;
    height: .68rem;
    font-size: .24rem;
  }

  .zs-product_detail .right .product-detail-highlights {
    margin-top: .2rem;
    padding: .04rem 0 0;
  }

  .zs-product_detail .right .product-detail-highlights__list li {
    gap: .18rem;
  }

  .zs-product_detail .right .product-detail-highlights__list p {
    font-size: .24rem;
    line-height: 1.65;
  }

  .zs-product_detail .right .product-detail-highlights__icon {
    width: .26rem;
    height: .26rem;
    margin-top: .08rem;
  }

  .zs-product_detail .right .product-detail-highlights__icon:before {
    width: .12rem;
    height: .06rem;
  }

  .zs-product_detail .right .product-detail-highlights__action {
    margin-top: .2rem;
  }

  .zs-product_detail .right .product-detail-highlights__action a span {
    font-size: .28rem;
    height: .8rem;
  }

  .zs-product_detail .right .product-detail-highlights__action a i {
    width: .8rem;
    height: .8rem;
    font-size: .24rem;
  }

  .zs-product_detail-c--simple {
    padding: .24rem 6% 0;
  }

  .zs-product_detail-c--simple .hd {
    top: .64rem;
  }

  .zs-product_detail-c--simple .hd li {
    padding: .22rem .08rem;
    font-size: .3rem;
  }

  .product-detail-panel {
    padding-top: .42rem;
  }

  .product-detail-panel__title {
    font-size: .56rem;
    padding-bottom: .2rem;
    margin-bottom: .26rem;
  }

  .product-detail-panel__title:after {
    width: 1.4rem;
    height: 4px;
  }

  .product-detail-panel__title--center {
    margin-bottom: .36rem;
    padding-bottom: 0;
  }

  .product-detail-panel__content--desc p,
  .product-detail-spec-table th,
  .product-detail-spec-table td,
  .product-detail-panel__content th,
  .product-detail-panel__content td,
  .product-detail-package-rich th,
  .product-detail-package-rich td,
  .product-detail-package-list li,
  .product-detail-inquiry__input,
  .product-detail-inquiry__textarea,
  .product-detail-inquiry__tip {
    font-size: .28rem;
    line-height: 1.8;
  }

  .product-detail-spec-table th,
  .product-detail-spec-table td,
  .product-detail-panel__content th,
  .product-detail-panel__content td,
  .product-detail-package-rich th,
  .product-detail-package-rich td {
    padding: .18rem .2rem;
  }

  .product-detail-panel__inner,
  .product-detail-panel__content,
  .product-detail-spec-table,
  .product-detail-package-rich {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .product-detail-panel__content table,
  .product-detail-package-rich table,
  .product-detail-spec-table table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
  }

  .product-detail-package-list li {
    padding-left: .28rem;
  }

  .product-detail-package-list li:before {
    width: .1rem;
    height: .1rem;
    top: .22rem;
  }

  .product-detail-like {
    gap: .14rem;
  }

  .product-detail-like__arrow {
    width: .52rem;
    height: .8rem;
  }

  .product-detail-like__arrow i {
    font-size: .24rem;
  }

  .product-detail-like__card {
    padding: .18rem .12rem .24rem;
  }

  .product-detail-like__card p {
    min-width: 1.8rem;
    min-height: .56rem;
    padding: 0 .2rem;
    font-size: .26rem;
  }

  .product-detail-like__scrollbar {
    height: .06rem;
    margin-top: .22rem;
  }

  .product-detail-panel--likes-inline {
    padding: 8vw 6% 0;
  }

  .product-detail-panel--likes-inline .product-detail-like__prev {
    left: -.62rem;
  }

  .product-detail-panel--likes-inline .product-detail-like__next {
    right: -.62rem;
  }

  .product-detail-inquiry__title {
    font-size: .42rem;
    padding: .24rem .2rem;
  }

  .product-detail-inquiry__grid {
    grid-template-columns: 1fr;
    gap: .18rem;
    margin-top: .22rem;
  }

  .product-detail-inquiry__input {
    height: .86rem;
    padding: 0 .22rem;
  }

  .product-detail-inquiry__textarea {
    height: 3rem;
    padding: .18rem .22rem;
  }

  .product-detail-inquiry__actions {
    margin-top: .22rem;
  }

  .product-detail-inquiry__submit {
    min-width: 2.2rem;
    height: .8rem;
    font-size: .3rem;
  }

  .product-detail-guide-banner {
    margin-top: .32rem;
    padding-top: .3rem;
  }

  .product-detail-guide-banner__link {
    min-height: 1.5rem;
    padding: .24rem 6%;
  }

  .product-detail-guide-banner__left {
    font-size: .48rem;
  }

  .product-detail-guide-banner__right {
    font-size: .38rem;
  }

  .product-detail-guide-banner__right i {
    font-size: .46rem;
    margin-left: .14rem;
  }

  .zs-product_detail .right .txtyi h3,
  .zs-product_detail .right .txter h3,
  .zs-product_detail .right .txtsan h3 {
    font-size: .32rem;
  }

  .zs-product_detail .right .txtyi strong {
    font-size: .18rem;
    line-height: 1.6;
  }

  .zs-product_detail .right .txter ul,
  .zs-product_detail .right .txtsan ul {
    flex-wrap: wrap;
    gap: .2rem;
  }

  .zs-product_detail .right .txter li,
  .zs-product_detail .right .txtsan li {
    margin-right: 0;
    width: auto;
    height: .5rem;
  }

  .zs-product_detail .right .txter h3 i {
    font-size: .32rem;
  }

  .zs-product_detail .right .txtsan li .pic {
    width: .5rem;
    flex-shrink: 0;
  }

  .zs-product_detail .right .txtsan li p {
    padding: 0 .16rem;
    font-size: inherit;
    line-height: 1.35;
    white-space: normal;
    text-align: center;
  }

  .zs-product_detail-c .hd {
    position: sticky;
    top: 1.8rem;
    overflow-x: auto;
    z-index: 997;
  }

  .zs-product_detail-c .hd li {
    margin: 0;
    width: 25%;
    text-align: center;
  }

  .zs-product_detail-c .bd .overview-pic figure {
    padding-bottom: 40%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip {
    padding: 8vw 6%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip .title h2,
  .zs-product_detail-c .specification .right .pro .title {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip .title p,
  .zs-product_detail-c-dsanp .swiper-slide p,
  .zs-product_detail-c-dsanp .product-detail-advantage-item p {
    font-size: .32rem;
    line-height: 1.75;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip ul {
    flex-wrap: wrap;
    gap: .22rem 4%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip li {
    width: 48%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip li .pic {
    width: 1rem;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip li h2,
  .zs-product_detail-c-dsanp .swiper-slide h2,
  .zs-product_detail-c-dsanp .product-detail-advantage-item h2 {
    font-size: .4rem;
    line-height: 1.45;
  }

  .zs-product_detail-c-derp {
    padding: 8vw 6%;
  }

  .zs-product_detail-c-derp .box {
    display: block;
    margin-top: .28rem;
  }

  .zs-product_detail-c-derp .box .pic {
    width: min(3rem, 70%);
  }

  .zs-product_detail-c-derp .box li {
    position: static;
    width: 100%;
    display: block;
    margin-top: .14rem;
  }

  .zs-product_detail-c-derp .box li .txt {
    width: 100%;
  }

  .zs-product_detail-c-derp .box li h2 {
    font-size: .4rem;
    line-height: 1.45;
  }

  .zs-product_detail-c-derp .box li:after,
  .zs-product_detail-c-derp .box li:before {
    display: none;
  }

  .zs-product_detail-c-dsanp {
    padding: 8vw 6%;
  }

  .zs-product_detail-c .specification {
    display: flex;
    flex-direction: column;
    gap: .28rem;
    padding: 8vw 6%;
  }

  .zs-product_detail-c .specification .left,
  .zs-product_detail-c .specification .right {
    width: 100%;
  }

  .zs-product_detail-c .specification .right {
    margin-top: 0;
  }

  .zs-product_detail-c .specification .right .manual ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .24rem;
  }

  .zs-product_detail-c .specification .right .manual li {
    padding-bottom: 0;
  }

  .zs-product_detail-c-derp .box li:nth-of-type(5):before {
    display: none;
  }

  .zs-product_detail-c-dsanp .product-detail-advantage-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .36rem .24rem;
  }

  .product-box {
    display: flex;
    flex-direction: column;
    gap: .28rem;
    padding: 8vw 6%;
  }

  .product-box .left,
  .product-box .right {
    width: 100%;
  }

  .product-box.product-box-full {
    gap: 0;
  }

  .product-box.product-box-full .right {
    width: 100%;
  }

  .product-box .left ul {
    display: flex;
    flex-wrap: wrap;
    gap: .14rem 4%;
  }

  .product-box .left li {
    width: 30.666%;
    padding-bottom: 0;
    justify-content: center;
  }

  .product-box .left li:before {
    display: none;
  }

  .product-box .right ul {
    margin-left: -4%;
  }

  .product-box .right li {
    width: 29.333%;
    margin-left: 4%;
    margin-bottom: 4%;
  }

  .zs-news-list ul {
    margin-top: .22rem;
  }

  .zs-news_detail .title h1,
.zs-news_detail .title h2 {
    font-size: .4rem;
    line-height: 1.35;
  }

  .zs-news_detail .title .time {
    padding-top: .18rem;
  }

  .zs-news_detail .title .time p+p {
    padding-top: .06rem;
  }

  .zs-contact-t ul {
    flex-wrap: wrap;
  }

  .zs-contact-t li {
    width: 50%;
    box-sizing: border-box;
    padding: .16rem 4%;
  }

  .zs-contact-b {
    padding: 8vw 6%;
  }

  .zs-contact-b .left {
    border-right: none;
    border-bottom: 1px solid #DDD;
    text-align: left;
    padding-right: 0;
    padding-bottom: .24rem;
  }

  .zs-contact-b .left h1,
.zs-contact-b .left h1,
  .zs-contact-b .left h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-contact-b .right {
    margin-top: .24rem;
  }

  .zs-video-list li .text {
    padding: .16rem;
  }

  .zs-video-list li .text .desc {
    padding-top: .12rem;
  }

  .zs-service {
    padding: .7rem 6%;
  }

  .zs-join video {
    margin: .14rem 0;
  }

  .dsanp .box ul,
  .dsip .box ul,
  .dsip .box .dsip_t {
    display: block;
    margin-left: 0;
  }

  .dsanp .box li,
  .dsip .box li,
  .dsip .box .dsip_t .pic,
  .dsip .box .dsip_t .txt {
    width: 100%;
    margin-left: 0;
  }

  .dsanp .box li {
    margin-bottom: .16rem;
  }

  .dsip .box li {
    margin-top: .16rem;
  }

  .dsip .box .dsip_t .pic figure,
  .dsip .box li .pic figure,
  .dsip .box .dsip_t .txt {
    height: auto;
  }

  .zs-index-jiegou {
    font-size: .32rem;
  }

  .zs-index-jiegou p {
    position: initial;
    width: 100%;
    box-sizing: border-box;
    padding: 3%;
  }

  .foot-t .left .txt span {
    font-size: .5rem;
  }

  .zs-news-list li .more {
    font-size: .32rem;
  }

  .zs-news-list li .txt .more i {
    font-size: .22rem;
    padding-left: .1rem;
  }

  .zs-page li a {
    width: .6rem;
    height: .6rem;
  }

  .zs-page li i {
    font-size: .26rem;
  }

  .news_detail {
    margin-top: 1.8rem;
  }

  .zs-tage {
    font-size: .32rem;
  }

  .zs-turn ul {
    display: block;
  }

  .zs-contact-t li i {
    font-size: .6rem;
  }

  .zs-contact-b .right li:nth-of-type(1) {
    width: 100%;
  }

  .zs-contact-b .right li:nth-of-type(2) {
    width: 100%;
  }

  .zs-contact-b .right li .input_txt {
    padding: .2rem;
  }
}

@media (max-width: 767px) {
  .zs-banner .swiper-slide figure {
    padding-bottom: 78%;
  }

  .zs-banner .swiper-slide .title {
    left: 5%;
    width: 84%;
  }

  .zs-banner .swiper-slide:not(.swiper-slide--second) .title {
    right: 6%;
    left: auto;
    top: 45%;
    width: auto;
  }

  .zs-banner .swiper-slide--second .title {
    left: 8%;
    right: auto;
    top: 50%;
    width: auto;
  }

  .zs-banner .swiper-slide .txt h2,
.zs-banner .swiper-slide .txt .zs-banner-title {
    font-size: 22px;
    line-height: 1.3;
  }

  .zs-banner .swiper-slide .txt p {
    font-size: .32rem;
    line-height: 1.6;
  }

  .zs-banner .swiper-slide .txt .banner-added-cta a span {
    padding: 0 .42rem;
    height: .64rem;
    font-size: .26rem;
  }

  .zs-banner .swiper-slide .txt .banner-added-cta i {
    width: .64rem;
    height: .64rem;
    font-size: .28rem;
  }

  .zs-banner .swiper-pagination-bullet {
    width: .18rem;
  }

  .zs-index-product .title,
  .zs-index-producter .title,
  .zs-about-productnav .title,
  .zs-about-product .title,
  .zs-about-honor .title,
  .zs-product-list .titleer,
  .zs-product-faq .titleer,
  .zs-news .title,
  .zs-join .title,
  .dsanp .title,
  .dsip .title {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-index-product .title {
    font-size: .5rem;
  }

  .zs-index-producter .title {
    font-size: .5rem;
  }

  .zs-index-producter .list .swiper-slide h2,
.zs-index-producter .list .swiper-slide h3 {
    font-size: .4rem;
  }

  .zs-index-product .mySwiper .swiper-slide {
    font-size: .32rem;
  }

  .zs-index-product .mySwiperer {
    touch-action: pan-y;
  }

  .zs-signup-popup {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: .28rem .2rem calc(.2rem + env(safe-area-inset-bottom));
    border-radius: 0;
    transform: translateY(.18rem);
    transform-origin: center bottom;
    box-sizing: border-box;
  }

  .zs-signup-popup.is-visible {
    transform: translateY(0);
  }

  .zs-signup-popup__close {
    width: .64rem;
    height: .64rem;
    right: .12rem;
    top: .12rem;
    font-size: .4rem;
    line-height: .64rem;
  }

  .zs-signup-popup__title {
    font-size: .46rem;
    line-height: 1.35;
  }

  .zs-signup-popup__desc {
    margin-top: .18rem;
    font-size: .22rem;
    line-height: 1.7;
  }

  .zs-signup-popup__input,
  .zs-signup-popup__submit {
    height: .76rem;
    font-size: .28rem;
  }

  .zs-float-actions {
    right: max(.16rem, env(safe-area-inset-right));
    bottom: calc(.9rem + env(safe-area-inset-bottom));
    gap: .12rem;
    z-index: 10010;
  }

  .zs-float-actions__item,
  .zs-back-head-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 8px 20px rgba(253, 185, 36, .32);
  }

  .zs-float-actions__item svg,
  .zs-back-head-btn svg {
    width: 28px;
    height: 28px;
  }

  .zs-image-modal {
    padding: .3rem;
  }

  .zs-image-modal__dialog {
    max-width: calc(100vw - .6rem);
    max-height: calc(100vh - .6rem);
  }

  .zs-image-modal__viewport {
    max-width: calc(100vw - .6rem);
    max-height: calc(100vh - .6rem);
  }

  .zs-image-modal__close {
    width: .44rem;
    height: .44rem;
    font-size: .3rem;
    line-height: .44rem;
  }

  .zs-image-modal__image {
    max-width: calc(100vw - .6rem);
    max-height: calc(100vh - .6rem);
    border-radius: 0;
  }

  .zs-index-product .list .swiper-slide .txt {
    display: block;
  }

  .zs-index-product .list .swiper-slide .txt h2,
.zs-index-product .list .swiper-slide .txt h3 {
    font-size: .4rem;
    line-height: 1.45;
  }

  .zs-index-product .list .swiper-slide .txt p {
    font-size: .32rem;
    line-height: 1.7;
    /* 描述统一占两行（不足两行也保留两行高度），超出部分省略 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-height: 3.4em;
  }

  .zs-index-product .list .swiper-slide .txt i {
    margin-top: .08rem;
    width: .6rem;
    height: .6rem;
    font-size: .32rem;
  }

  .zs-index-video .video:before,
  .zs-index-videoer .video:before {
    width: .74rem;
    height: .74rem;
  }

  .zs-index-video .video:after,
  .zs-index-videoer .video:after {
    width: .96rem;
    height: .96rem;
  }

  .zs-index-video .video i,
  .zs-index-videoer .video i {
    width: .58rem;
    height: .58rem;
    font-size: .4rem;
  }

  .zs-index-video .video p,
  .zs-index-videoer .video p,
  .zs-index-news .hd .title h2,
  .zs-about-company .right .title,
  .zs-news_detail .title h1,
  .zs-news_detail .title h2,
  .zs-contact-b .left h1,
.zs-contact-b .left h1,
  .zs-contact-b .left h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-about-company .right .title#em2 {
    scroll-margin-top: 2rem;
  }

  .zs-index-video .right,
  .zs-index-videoer .right,
  .zs-index-news .hd .title p,
  .zs-about-company .right .txt,
  .zs-about-company .right .txt p,
  .zs-news_detail .txt,
  .zs-contact-b .left li,
  .zs-video-list li .text .desc,
  .zs-join .box {
    font-size: .32rem;
    line-height: 1.75;
  }

  .zs-index-news .bd .right ul,
  .zs-case-list ul,
  .zs-product-list .list ul,
  .zs-news-list ul,
  .zs-video-list ul,
  .product-box .right ul {
    margin-left: -4%;
  }

  .zs-index-news .bd .right li,
  .zs-about-productnav li,
  .zs-case-list li,
  .zs-product-list .list li,
  .zs-news-list li,
  .zs-video-list li,
  .product-box .right li {
    width: 46%;
    margin-left: 4%;
  }

  .zs-about-productnav ul {
    margin-left: 0;
  }

  .zs-about-productnav li {
    padding-top: .3rem;
  }

  .zs-about-productnav li .pic {
    width: 70%;
  }

  .zs-about-productnav li .pic:after {
    left: .6rem;
    top: .5rem;
  }

  .zs-about-productnav li .txt h2,
  .zs-about-productnav li .txt h3,
  .zs-product-list .list li .txt h2,
  .zs-news-list li .txt h2,
  .zs-video-list li .text .title {
    font-size: .3rem;
    line-height: 1.45;
  }

  .faq-list li {
    padding: .12rem;
  }

  .faq-list li .title {
    font-size: 17px;
    line-height: 1.6;
  }

  .faq-list li .text {
    font-size: 15px;
    line-height: 1.8;
  }

  .faq-list li .title:before {
    right: -14px;
    top: 14px;
  }

  .zs-product_detail .left .swiper-father {
    margin-bottom: .12rem;
  }

  .zs-product_detail .left .product_detail_l {
    height: 5rem;
  }

  .zs-product_detail .left .swiper-button-next,
  .zs-product_detail .left .swiper-button-prev {
    height: .4rem;
  }

  .zs-product_detail .left .swiper-button-next i,
  .zs-product_detail .left .swiper-button-prev i {
    font-size: .32rem;
  }

  .zs-product_detail .right .title h1,
.zs-product_detail .right .title h2 {
    font-size: .5rem;
    line-height: 1.35;
  }

  .zs-product_detail .right .title p,
  .zs-product_detail .right .txtyi,
  .zs-product_detail .right .txter,
  .zs-product_detail .right .txtsan,
  .product-box .left li,
  .product-box .right li p,
  .zs-contact-t li p,
  .zs-contact-b .right .input_btn {
    font-size: .32rem;
    line-height: 1.7;
  }

  .zs-product_detail .right .txtyi h3,
  .zs-product_detail .right .txter h3,
  .zs-product_detail .right .txtsan h3 {
    font-size: .4rem;
  }

  .zs-product_detail .right .txtyi strong {
    font-size: .4rem;
    line-height: 1.6;
    display: block;
  }

  .zs-product_detail-c .bd .overview-pic figure {
    padding-bottom: 30%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip .title h2,
  .zs-product_detail-c .specification .right .pro .title {
    font-size: .5rem;
    line-height: 1.35;
    font-weight: bold;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip .title p,
  .zs-product_detail-c-dsanp .swiper-slide p,
  .zs-product_detail-c-dsanp .product-detail-advantage-item p {
    font-size: .32rem;
    line-height: 1.75;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip li {
    width: 100%;
  }

  .zs-product_detail-c .bd .zs-product_detail-c-dyip li h2,
  .zs-product_detail-c-dsanp .swiper-slide h2,
  .zs-product_detail-c-dsanp .product-detail-advantage-item h2,
  .zs-product_detail-c-derp .box li h2 {
    font-size: .32rem;
    line-height: 1.45;
  }

  .zs-product_detail-c-dsanp .product-detail-advantage-list {
    grid-template-columns: 1fr;
    gap: .32rem;
  }

  .zs-product_detail-c .specification .left {
    overflow-x: auto;
  }

  .zs-product_detail-c .specification .left table {
    min-width: 6rem;
  }

  .zs-product_detail-c .specification .left table td {
    font-size: .32rem;
  }

  .zs-product_detail .right .txter li {
    width: 1.5rem;
    height: .6rem;
  }

  .zs-product_detail .right .txtsan ul {
    gap: .12rem;
  }

  .zs-product_detail .right .txtsan li {
    min-height: .74rem;
    padding: .08rem .12rem;
    align-items: center;
  }

  .zs-product_detail .right .txter h3 i {
    font-size: .32rem;
  }

  .zs-turn ul {
    display: block;
  }

  .zs-turn li+li {
    margin-top: .08rem;
  }

  .zs-contact-t li,
  .zs-contact-b .right li,
  .zs-contact-b .right li:nth-of-type(1),
  .zs-video-list {
    overflow: visible;
  }

  .zs-video-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
  }

  .zs-video-list li {
    display: block;
    width: 46%;
    margin-left: 4%;
    margin-bottom: .18rem;
  }

  .zs-video-list li a {
    display: block;
    height: auto;
    background: #fff;
  }

  .zs-video-list li .pic {
    display: block;
  }

  .zs-video-list li .pic img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .zs-video-list li .text {
    position: static;
    background: #f5f5f5;
  }

  .zs-video-list li .text .title,
  .zs-video-list li:hover .text .title {
    display: block;
    color: #000;
  }

  .zs-video-list li .text .desc,
  .zs-video-list li:hover .text .desc {
    display: -webkit-box;
    padding-top: .08rem;
    font-size: .32rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .zs-video-list li .text.is-expanded .desc,
  .zs-video-list li:hover .text.is-expanded .desc {
    -webkit-line-clamp: initial;
    display: block;
  }

  .zs-video-desc-toggle {
    display: inline-flex;
    align-items: center;
    margin-top: .08rem;
    font-size: .28rem;
    line-height: 1.4;
  }

  .zs-video-list li .text .iconfont,
  .zs-video-list li:hover .text .iconfont {
    display: none;
  }

  .zs-service {
    padding: .52rem 5%;
  }

  .zs-join {
    padding: 10vw 5%;
  }

  .dsanp .box li:hover {
    transform: none;
  }

  .dsip .box .dsip_t .txt,
  .dsip .box li .txt {
    padding: .14rem;
  }

  .zs-about-company .right .txt span {
    font-size: .4rem;
  }

  .zs-about-product .list .swiper-slide h2,
  .zs-about-product .list .swiper-slide h3 {
    font-size: .4rem;
  }

  .em {
    position: relative;
    top: -1.8rem
  }

  .zs-contact-b .right li textarea {
    height: 3rem;
  }

}


.dsanp {
  text-align: center;
  background: #000;
}

.dsanp .title {
  color: #FFF;
}

.dsanp .box {
  margin-top: .2rem;
}

.dsanp .box ul {
  display: flex;
  color: #FFF;
  margin-left: -2%;
}

.dsanp .box li {
  width: 23%;
  box-sizing: border-box;
  margin-left: 2%;
  position: relative;
  border-radius: .08rem;
  overflow: hidden;
  transition: all .3s;
}

.dsanp .box li:hover {
  transform: scale(1.1);
}

.dsanp .box li figure {
  padding-bottom: 100%;
}

.dsanp .box li p {
  position: absolute;
  left: 0;
  bottom: .1rem;
  right: 0;
  text-transform: uppercase;
  z-index: 100;
}

.dsanp .box li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 30%;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  transition: all .3s;
}

.dsip {
  background: url(../images/pic10.jpg) no-repeat center;
  background-size: cover;
}

.dsip .title {
  text-align: center;
}

.dsip .box {
  margin-top: .2rem;
}

.dsip .box .dsip_t {
  display: flex;
  justify-content: space-between;
  background: #1f262c;
  border-radius: .08rem;
  overflow: hidden;
}

.dsip .box .dsip_t .pic {
  width: 67%;
}

.dsip .box .dsip_t .pic figure {
  height: 2.4rem;
}

.dsip .box .dsip_t .txt {
  width: 33%;
  height: 2.4rem;
  color: #FFF;
  padding: .1rem;
  box-sizing: border-box;
}

.dsip .box .dsip_t .txt h2 {
  font-size: .2rem;
}

.dsip .box .dsip_t .txt .more {
  display: inline-block;
  margin-top: .1rem;
}

.dsip .box .dsip_t .txt .more a {
  display: flex;
  color: #FFF;
  align-items: center;
}

.dsip .box .dsip_t .txt .more a i {
  font-size: .1rem;
  padding-left: .1rem;
}

.dsip .box .dsip_t .txt .more a:hover {
  text-decoration: none;
}

.dsip .box ul {
  display: flex;
  margin-left: -1%;
  margin-top: 1%;
}

.dsip .box li {
  width: 32.333%;
  background: #FFF;
  margin-left: 1%;
  border-radius: .08rem;
  overflow: hidden;
}

.dsip .box li .pic figure {
  height: 2.4rem;
}

.dsip .box li .txt {
  padding: .1rem;
  box-sizing: border-box;
}

.dsip .box li .txt h2 {
  font-size: .2rem;
}

.dsip .box li .txt .more {
  display: inline-block;
  margin-top: .1rem;
}

.dsip .box li .txt .more a {
  display: flex;
  align-items: center;
}

.dsip .box li .txt .more a i {
  font-size: .1rem;
  padding-left: .1rem;
}

.dsip .box li .txt .more a:hover {
  text-decoration: none;
}

.dwup {
  text-align: center;
  background: url(../images/pic11.jpg) no-repeat center;
  background-size: cover;
}

.dwup ul {
  margin-top: .2rem;
  display: flex;
  margin-left: -2%;
}

.dwup li {
  width: 31.333%;
  margin-left: 2%;
  background: #FFF;
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
  border-radius: .08rem;
  overflow: hidden;
}

.dwup li .txt {
  color: #24984e;
}

.dwup li .txt i {
  font-size: .5rem;
}

.dwup li .txt h2 {
  font-size: .13rem;
  margin-top: .05rem;
}

.dwup li p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: .4rem;
  color: #EEE;
  line-height: 1;
}

.dliup {
  display: flex;
  justify-content: space-between;
  padding: 5% 0 3% 5%;
  position: relative;
}

.dliup .left {
  width: 30%;
  position: absolute;
  left: 5%;
  top: 8%;
}

.dliup .left h2 {
  font-size: .13rem;
  color: #24984e;
  margin-top: .2rem;
}

.dliup .left .pic {
  margin-top: .1rem;
}

.dliup .left .pic img {
  width: 60%;
}

.dliup ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: absolute;
  left: 5%;
  bottom: 7%;
  width: 37%;
}

.dliup li {
  box-sizing: border-box;
  width: 50%;
  padding-top: .2rem;
}

.dliup li:last-child {
  border-right: none;
}

.dliup li .l {
  color: #24984e;
}

.dliup li i {
  font-style: normal;
  display: inline-block;
  font-size: .3rem;
  line-height: 1;
}

.dliup .right {
  width: 72%;
  margin-left: 28%;
}

.dliup .right img {
  width: 100%;
}

.dqip {
  position: relative;
  overflow: hidden;
  background: url(../images/pic13.jpg) no-repeat center;
  background-size: cover;
}

.dqip .pic svg {
  display: block;
  width: calc(114% + 1.3px);
  position: relative;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 109px;
}

.dqip .elementor-shape-fill {
  fill: #FFF;
}

.dqip .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: .7rem 0 .5rem 0;
}

.dqip .box h2 {
  font-size: .2rem;
  color: #FFF;
  font-family: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  font-weight: 700;
}

.dqip .box ul {
  display: flex;
  margin-top: .2rem;
}

.dqip .box li {
  background: #FFF;
  border-radius: 1rem;
  margin: 0 .05rem;
  font-family: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  font-weight: 700;
}

.dqip .box li a {
  padding: .05rem .1rem;
  display: block;
  color: #24984e;
}

.dqip .box li a:hover {
  text-decoration: none;
}

.banner_pic {
  position: relative;
}

.banner_pic figure {
  width: 100%;
  padding-bottom: 30%;
}

.banner_pic .title {
  position: absolute;
  left: 10%;
  top: 0;
  right: 10%;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #FFF;
}

.banner_pic .title h2 {
  color: #FFF;
  font-size: .24rem;
  font-weight: bold;
}

.banner_pic .dqwz {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: .1rem;
  display: flex;
  align-items: center;
  color: #FFF;
}

.banner_pic .dqwz i:nth-of-type(1) {
  font-size: .1rem;
  padding-left: 0;
}

.banner_pic .dqwz i {
  font-size: .06rem;
  padding: 0 .05rem;
}

.banner_pic .dqwz a {
  color: #FFF;
}

.banner_pic .dqwz a:hover {
  text-decoration: none;
}


.about_dyip {
  background: url(../images/pic30.jpg) no-repeat center top;
  background-size: cover;
  line-height: 1.8;
}

.about_dyip .title {
  text-align: center;
}

.about_dyip .txt {
  line-height: 1.6;
  margin-top: .2rem;
  font-size: .09rem;
}

.about_dyip .txt p {
  padding-bottom: .1rem;
}

.about_dyip .txt img {
  width: 1rem;
}

.about_dyip ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
  border-radius: .08rem;
  padding: .2rem;
  margin-top: .5rem;
}

.about_dyip li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid rgba(0, 0, 0, .2);
  padding: .1rem 0;
  width: 25%;
}

.about_dyip li i {
  font-style: normal;
  display: inline-block;
  font-size: .3rem;
  color: #24984e;
}

.about_dyip li span {
  font-size: .4rem;
  display: block;
}

.about_derp {
  background: url(../images/pic32.png) no-repeat left bottom;
  padding: 5% 0 7% 0;
  overflow: hidden;
}

.about_derp .title {
  text-align: center;
}

.about_derp .swiper-father {
  position: relative;
}

.about_derp .swiper-father:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  z-index: 90;
  width: 1rem;
}

.about_derp .swiper-father:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 90;
  width: 1rem;
}

.about_derp .mySwiper .swiper-slide {
  font-size: .14rem;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-size: 25%;
  height: .8rem;
  position: relative;
}

.about_derp .mySwiper .swiper-slide .dian {
  width: .4rem;
  height: .4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .1rem;
}

.about_derp .mySwiper .swiper-slide .dian .quan {
  width: .1rem;
  height: .1rem;
  border: 1px solid #24984e;
  border-radius: 1rem;
  box-sizing: border-box;
  position: relative;
  transition: all .6s;
}

.about_derp .mySwiper .swiper-slide .dian .quan:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(231, 0, 18, .4);
  border-radius: .1rem;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(70deg);
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
}

.about_derp .mySwiper .swiper-slide .dian .quan:after {
  content: "";
  display: block;
  width: calc(100% - .04rem);
  height: calc(100% - .04rem);
  background: rgba(231, 0, 18, 1);
  border-radius: .1rem;
  position: absolute;
  left: .02rem;
  top: .02rem;
  transform: rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
}

.about_derp .mySwiper .swiper-slide .dian p {
  font-size: 0;
}

.about_derp .mySwiper .swiper-slide span {
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% + .2rem);
  transform: translate(-50%);
  transition: all .6s;
}

.about_derp .mySwiper .swiper-slide-thumb-active {
  color: #24984e;
}

.about_derp .mySwiper .swiper-slide-thumb-active .dian .quan {
  width: 100%;
  height: 100%;
  border: none;
  transform: rotate(1turn);
}

.about_derp .mySwiper .swiper-slide-thumb-active .dian .quan:before {
  visibility: visible;
  opacity: 1;
}

.about_derp .mySwiper .swiper-slide-thumb-active .dian .quan:after {
  visibility: visible;
  opacity: 1;
}

.about_derp .mySwiper .swiper-slide-thumb-active span {
  visibility: hidden;
  opacity: 0;
}

.about_derp .swiper-fatherer {
  position: relative;
  margin: 0 10%;
}

.about_derp .swiper-fatherer:before {
  content: "";
  display: block;
  width: 100%;
  height: .1rem;
  background: #efeff2;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.05rem;
  border-radius: 1rem;
}

.about_derp .mySwiperer {
  margin-top: .3rem;
}

.about_derp .mySwiperer .swiper-slide {
  padding: .2rem .3rem;
  box-sizing: border-box;
}

.about_derp .mySwiperer .swiper-slide .box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #f7f9fa;
  border-radius: .08rem;
  overflow: hidden;
  transition: all .6s;
}

.about_derp .mySwiperer .swiper-slide:hover .box {
  box-shadow: 0 0 .3rem rgba(0, 0, 0, .04);
  background: #FFF;
}

.about_derp .mySwiperer .swiper-slide .txt {
  width: 60%;
  box-sizing: border-box;
  padding: .2rem;
}

.about_derp .mySwiperer .swiper-slide .txt h2 {
  font-size: .2rem;
  color: #24984e;
  padding-bottom: .1rem;
}

.about_derp .mySwiperer .swiper-slide p {
  line-height: 1.6;
}

.about_derp .mySwiperer .swiper-slide .pic {
  width: 40%;
  overflow: hidden;
}

.about_derp .mySwiperer .swiper-slide .pic figure {
  padding-bottom: 100%;
  transition: all .3s;
}

.about_derp .mySwiperer .swiper-slide:hover .pic figure {
  transform: scale(1.2);
}

.about_derp .swiper-button-next,
.about_derp .swiper-button-prev {
  width: .3rem;
  height: .3rem;
  margin-top: -.15rem;
  transition: all .3s;
  background: #FFF;
  border-radius: 1rem;
  z-index: 100;
}

.about_derp .swiper-button-next:hover,
.about_derp .swiper-button-prev:hover {
  color: #FFF;
}

.about_derp .swiper-button-next {
  right: 8%;
  left: auto;
}

.about_derp .swiper-button-prev {
  left: 8%;
  right: auto;
}

.about_derp .swiper-button-next:hover,
.about_derp .swiper-button-prev:hover {
  background: #24984e;
}

.about_derp .swiper-button-next:after,
.about_derp .swiper-button-prev:after {
  display: none;
}

.about_derp .swiper-button-next i,
.about_derp .swiper-button-prev i {
  font-size: .12rem;
  color: #333;
}

.about_derp .swiper-button-next:hover i,
.about_derp .swiper-button-prev:hover i {
  color: #FFF;
}

@-webkit-keyframes jing_max {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  25% {
    -webkit-transform: scale(2);
    opacity: 0.4;
  }

  50% {
    -webkit-transform: scale(3);
    opacity: .2;
  }

  75% {
    -webkit-transform: scale(4);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes jing_max {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  25% {
    transform: scale(2);
    opacity: 0.4;
  }

  50% {
    transform: scale(3);
    opacity: .2;
  }

  75% {
    transform: scale(4);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scaleX(1);
  }
}

.about_dsanp {
  padding: 5% 0;
}

.about_dsanp .title {
  text-align: center;
}

.about_dsanp ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-top: .3rem;
}

.about_dsanp li {
  width: 23%;
  margin-left: 2%;
  transition: all .3s;
}

.about_dsanp li:hover {
  transform: translateY(-.1rem);
}

.about_dsanp li figure {
  padding-bottom: 60%;
  border-radius: .08rem;
}

.about_dsanp li:hover figure img {
  transform: scale(1.1);
}

.about_dsanp li h2 {
  padding: .1rem;
  transition: all .3s;
  z-index: 1;
  text-align: center;
}

.about_dsip {
  text-align: center;
}

.about_dsip .pic {
  margin: .2rem auto 0 auto;
  width: 19%;
  background: #24984e;
  color: #fff;
  border-radius: .08rem;
  overflow: hidden;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
}

.about_dsip .pic h2 {
  padding: .05rem .1rem;
  font-size: .1rem;
}

.about_dsip .pic figure {
  padding-bottom: 60%;
}

.about_dsip .pic:hover figure img {
  transform: scale(1.1);
}

.about_dsip .xian img {
  width: 81%;
}

.about_dsip ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -1%;
}

.about_dsip li {
  width: 19%;
  background: #FFF;
  border-radius: .08rem;
  overflow: hidden;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
  position: relative;
  margin-left: 1%;
}

.about_dsip li h2 {
  padding: .05rem .1rem;
  font-size: .1rem;
}

.about_dsip li figure {
  padding-bottom: 60%;
}

.about_dsip li:hover figure img {
  transform: scale(1.1);
}

.about_dsip li dl {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #24984e;
  text-align: left;
  padding: .1rem;
  color: #FFF;
  font-size: .08rem;
  line-height: 1.6;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

.about_dsip li:hover dl {
  visibility: visible;
  opacity: 1;
}

.about_dsip li dt {
  font-weight: bold;
}

.about_dwup {
  padding-top: 5%;
  text-align: center;
}

.about_dwup ul {
  background: url(../images/pic20.jpg) no-repeat center;
  background-size: cover;
  margin-top: .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about_dwup li {
  width: 33.333%;
  height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  border-right: 1px solid rgba(255, 255, 255, .5);
  box-sizing: border-box;
  padding: 0 .2rem;
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.about_dwup li i {
  font-size: .24rem;
}

.about_dwup li h2 {
  font-size: .13rem;
  font-weight: bold;
  transition: all .3s;
  padding-top: .1rem;
}

.about_dwup li p {
  margin-top: .1rem;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all .3s;
}

.about_dwup li:hover p {
  visibility: visible;
  opacity: 1;
  height: .3rem;
}

.about_dwup li:nth-of-type(4) {
  width: 50%;
}

.about_dwup li:nth-of-type(5) {
  width: 50%;
}

.about_dliup {
  text-align: center;
  padding: 5% 0;
}

.about_dliup .swiper-father {
  position: relative;
  padding: 0 10%;
  margin-top: .2rem;
}

.about_dliup .renzheng {
  height: 3.8rem;
}

.about_dliup .renzheng .swiper-slide .pic a {
  height: 1.2rem;
  display: flex;
  align-items: end;
  justify-content: center;
}

.about_dliup .renzheng .swiper-slide .pic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.about_dliup .renzheng .swiper-slide .imger {
  width: 100%;
}

.about_dliup .swiper-button-next,
.about_dliup .swiper-button-prev {
  background: #EEE;
  width: .3rem;
  height: .3rem;
  text-align: center;
  line-height: .3rem;
  outline: medium;
  border-radius: 100%;
  margin-top: -.15rem;
}

.about_dliup .swiper-button-next:hover,
.about_dliup .swiper-button-prev:hover {
  background: #24984e;
}

.about_dliup .swiper-button-next:after,
.about_dliup .swiper-button-prev:after {
  display: none;
}

.about_dliup .swiper-button-next i,
.about_dliup .swiper-button-prev i {
  font-size: .12rem;
  color: #333;
}

.about_dliup .swiper-button-next:hover i,
.about_dliup .swiper-button-prev:hover i {
  color: #FFF;
}

.about_dliup .swiper-button-next {
  right: 4%;
  left: auto;
}

.about_dliup .swiper-button-prev {
  left: 4%;
  right: auto;
}

.about_dqip {
  text-align: center;
  padding: 5% 0;
}

.about_dqip .swiper-father {
  position: relative;
  padding: 0 10%;
  margin-top: .2rem;
}

.about_dqip .zhengshu {
  height: 3.4rem;
}

.about_dqip .zhengshu .swiper-slide .pic {
  padding: 0 .2rem;
}

.about_dqip .zhengshu .swiper-slide .pic a {
  height: 1rem;
  display: flex;
  align-items: end;
  justify-content: center;
}

.about_dqip .zhengshu .swiper-slide .pic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.about_dqip .zhengshu .swiper-slide .imger {
  width: 100%;
}

.about_dqip .swiper-button-next,
.about_dqip .swiper-button-prev {
  background: #EEE;
  width: .3rem;
  height: .3rem;
  text-align: center;
  line-height: .3rem;
  outline: medium;
  border-radius: 100%;
  margin-top: -.15rem;
}

.about_dqip .swiper-button-next:hover,
.about_dqip .swiper-button-prev:hover {
  background: #24984e;
}

.about_dqip .swiper-button-next:after,
.about_dqip .swiper-button-prev:after {
  display: none;
}

.about_dqip .swiper-button-next i,
.about_dqip .swiper-button-prev i {
  font-size: .12rem;
  color: #333;
}

.about_dqip .swiper-button-next:hover i,
.about_dqip .swiper-button-prev:hover i {
  color: #FFF;
}

.about_dqip .swiper-button-next {
  right: 4%;
  left: auto;
}

.about_dqip .swiper-button-prev {
  left: 4%;
  right: auto;
}

.con {
  background: #f5f5f5;
}

.shebei .title {
  text-align: center;
  font-size: .16rem;
  padding-bottom: .1rem;
  border-bottom: 1px solid #CCC;
  margin-bottom: .2rem;
}

.shebei ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -2%;
  margin-left: -2%;
}

.shebei li {
  width: 23%;
  position: relative;
  transition: all .4s;
  margin-bottom: 2%;
  margin-left: 2%;
  background: #FFF;
  text-align: center;
}

.shebei li figure {
  padding-bottom: 70%;
}

.shebei li h2 {
  padding: .1rem;
}

.shebei li a:hover {
  text-decoration: none;
}

.wenhua ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
}

.wenhua li {
  width: 31.333%;
  margin-left: 2%;
  background: #e1e9fa;
  box-sizing: border-box;
  margin-bottom: 2%;
}

.wenhua li figure {
  padding-bottom: 170%;
}


.fangan ul {
  display: flex;
  margin-left: -2%;
  flex-wrap: wrap;
  margin-bottom: -2%;
}

.fangan li {
  width: 48%;
  margin-left: 2%;
  background: #FFF;
  margin-bottom: 2%;
  position: relative;
  text-align: center;
  border-radius: .08rem;
  overflow: hidden;
}

.fangan li figure {
  padding-bottom: 60%;
}

.fangan li:hover figure img {
  transform: scale(1.2);
}

.fangan li .txt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  z-index: 1;
}

.fangan li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 1;
  transition: all .3s;
}

.fangan li:hover:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.fangan li h2 {
  padding: .06rem 0;
  font-size: .13rem;
}

.fangan li h2:before {
  content: "";
  display: block;
  width: .2rem;
  height: 2px;
  background: #FFF;
  margin: .1rem auto;
}

.fangan li i {
  font-size: .3rem;
}

.fangan li a {
  color: #FFF;
}

.fangan_con_dyip .title {
  text-align: center;
}

.fangan_con_dyip .txt {
  padding-top: .3rem;
}

.fangan_con_dyip .txt h2 {
  font-size: .16rem;
  color: #24984e;
}

.fangan_con_dyip .txter {
  padding-top: .2rem;
  line-height: 1.6;
}

.fangan_con_dyip .txter p {
  padding-bottom: .1rem;
}

.fangan_con_derp {
  background: #f5f5f5;
}

.fangan_con_derp .title {
  font-size: .16rem;
  color: #24984e;
  padding-bottom: .2rem;
}

.fangan_con_derp .products ul {
  margin-bottom: -3%;
}

.fangan_con_dsanp .title {
  font-size: .16rem;
  color: #24984e;
  padding-bottom: .2rem;
}

.fangan_con_dsanp .swiper-slide {
  text-align: center;
}

.fangan_con_dsanp .swiper-slide figure {
  padding-bottom: 70%;
  border-radius: .08rem;
}

.fangan_con_dsanp .swiper-slide p {
  padding: .1rem 0;
}

.fangan_con_dsanp .swiper-slide a:hover {
  text-decoration: none;
}

.swiper-pagination-bullet-active {
  background: #24984e;
}

.zhaopin {
  background: #FFFF;
  padding: .2rem;
  border-radius: .08rem;
}

.cpxqer .titleyi {
  padding: .15rem;
  font-weight: bold;
  display: flex;
  background: #f5f5f5;
}

.cpxqer .position {
  width: 30%;
}

.cpxqer .address {
  width: 20%;
}

.cpxqer .salary {
  width: 30%;
}

.cpxqer .time {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cpxqer .time i {
  font-size: .08rem;
  transition: all 0.3s;
}

.cpxqer .titleer {
  display: flex;
}

.cpxqer .titleer.active .time i {
  transform: rotate(90deg);
}

.cpxqer li {
  background: #FFF;
}

.cpxqer li .titleer {
  overflow: hidden;
  cursor: pointer;
  border-bottom: 1px solid #EEE;
  padding: .15rem;
}

.cpxqer li .con_er {
  display: none;
  line-height: 1.6;
  padding: .15rem;
  background: #f5f5f5;
}

.download ul {
  display: flex;
  margin-left: -2%;
  flex-wrap: wrap;
}

.download li {
  width: 48%;
  margin-left: 2%;
  margin-bottom: 2%;
  border: 1px solid #DDD;
  box-sizing: border-box;
  border-radius: .08rem;
  overflow: hidden;
  transition: all .3s;
}

.download li:hover {
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
}

.download li h2 {
  font-weight: bold;
}

.download li p {
  margin-top: .05rem;
  color: #999;
  font-size: .08rem;
}

.download li i {
  display: block;
  text-align: right;
  margin-top: .05rem;
  font-size: .2rem;
  color: #24984e;
}

.download li a {
  background: #FFF;
  padding: .1rem;
  display: block;
  transition: all .3s;
}

.download li a:hover {
  text-decoration: none;
}

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

.zixun li {
  background: #FFF;
  text-align: center;
  box-sizing: border-box;
  width: 48%;
  border-radius: .08rem;
  overflow: hidden;
}

.zixun li .pic figure {
  padding-bottom: 50%;
}

.zixun li .txt {
  padding: .2rem;
}

.zixun .txtyi {
  font-size: .16rem;
}

.zixun .txtyi span {
  color: #24984e;
}

.zixun .txter {
  margin-top: .3rem;
}

.products ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}

.products li {
  width: 22%;
  margin-left: 3%;
  margin-bottom: 3%;
  overflow: hidden;
  background: #FFF;
  position: relative;
  box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .1);
  border-radius: .08rem;
}

.products li figure {
  padding-bottom: 100%;
}

.products li:hover figure img {
  transform: scale(1.1);
}

.products li .txt {
  padding: .2rem;
  color: #333;
}

.products li .txt h2 {
  font-size: .1rem;
  font-weight: bold;
  padding-bottom: .1rem;
}

.products li .txt p {
  font-size: .08rem;
  line-height: 1.6;
}

.products li .txt .more {
  border: 1px solid #FFF;
  padding: .03rem .1rem;
  margin-top: .1rem;
  border-radius: 1rem;
  font-size: .08rem;
}

.products li a:hover {
  text-decoration: none;
}

.products li:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #24984e;
  position: absolute;
  left: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

.products li:hover:after {
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.products_con {
  background: #FFF;
  padding: .2rem;
  border-radius: .08rem;
}

.products_con .fanhui {
  margin-bottom: .1rem;
  display: inline-block;
}

.products_con .fanhui i {
  font-size: .1rem;
  padding-right: .05rem;
}

.products_con .fanhui a {
  display: flex;
  border: 1px solid #CCC;
  padding: .05rem .1rem;
  border-radius: .02rem;
  align-items: center;
  justify-content: center;
}

.products_con .fanhui a:hover {
  text-decoration: none;
}

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

.products_con_t .left {
  width: 40%;
}

.products_con_t .left .swiper-slide img {
  width: 100%;
}

.products_con_t .left figure {
  padding-bottom: 65%;
}

.products_con_t .left .productxq {
  margin-top: 1%;
}

.products_con_t .left .productxq .swiper-slide {
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #EEE;
  border-radius: .02rem;
  overflow: hidden;
}

.products_con_t .left .productxq .swiper-slide-thumb-active {
  border: 1px solid #24984e;
}

.products_con_t .swiper-button-next,
.products_con_t .swiper-button-prev {
  width: .26rem;
  height: .26rem;
  border-radius: 100%;
  margin-top: -.131rem;
  border: .02rem solid #333;
}

.products_con_t .swiper-button-next {
  right: 4%;
  left: auto;
}

.products_con_t .swiper-button-prev {
  left: 4%;
  right: auto;
}

.products_con_t .swiper-button-next:after,
.products_con_t .swiper-button-prev:after {
  display: none;
}

.products_con_t .swiper-button-next i,
.products_con_t .swiper-button-prev i {
  font-size: .14rem;
  color: #333;
}

.products_con_t .right {
  width: 57%;
}

.products_con_t .right h2 {
  font-size: .2rem;
  border-bottom: 1px solid #EEE;
  padding: .1rem 0;
  font-weight: bold;
}

.products_con_t .right .txt {
  line-height: 2;
  padding-top: .1rem;
}

.products_con_t .more {
  position: relative;
  z-index: 2;
  background: #333;
  display: inline-block;
  border-radius: .08rem;
  overflow: hidden;
  margin-top: .1rem;
}

.products_con_t .more a {
  color: #FFF;
  padding: .07rem .2rem;
  display: block;
  background: #24984e;
}

.products_con_t .more a:hover {
  text-decoration: none;
  color: #FFF;
}

.products_con_t .more i {
  font-size: .1rem;
  padding-right: .05rem;
  position: relative;
  z-index: 2;
}

.products_con_t .more span {
  position: relative;
  z-index: 2;
}

.products_con_b {
  margin-top: .3rem;
}

.products_con_b .b_dyip {
  border-top: 1px solid #EEE;
  padding-top: .2rem;
}

.products_con_b .b_dyip .title {
  padding: .05rem 0;
  font-size: .16rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.products_con_b .b_dyip .title:before {
  content: "";
  display: block;
  width: .02rem;
  height: .2rem;
  background: #24984e;
  margin-right: .1rem;
}

.products_con_b .b_dyip .txt {
  line-height: 1.8;
  padding: .2rem 0;
}

.products_con_b .b_dyip .txt p {
  font-size: .09rem;
}

.products_con_b .b_dyip .txt table {
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-collapse: collapse;
  width: 100%;
}

.products_con_b .b_dyip .txt td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: .05rem;
}

.products_con_b .b_dyip .txt th {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: .05rem;
  font-weight: bold;
}

.products_con_b .b_dyip img {
  width: 100%;
}

.products_related {
  margin-top: .3rem;
  background: #FFF;
  padding: .2rem;
  border-radius: .08rem;
}

.products_related .title {
  font-size: .14rem;
}

.products_related .picshi {
  margin-top: .1rem;
  text-align: left;
}

.products_related .swiper-slide {
  border: 1px solid #EEE;
  box-sizing: border-box;
  border-radius: .08rem;
  overflow: hidden;
}

.products_related .swiper-slide figure {
  padding-bottom: 100%;
}

.products_related .swiper-slide:hover figure img {
  transform: scale(1.1);
}

.products_related .swiper-slide .txt {
  padding: .2rem;
  color: #333;
}

.products_related .swiper-slide .txt h2 {
  font-size: .1rem;
  font-weight: bold;
  padding-bottom: .1rem;
}

.products_related .swiper-slide .txt p {
  font-size: .08rem;
  line-height: 1.6;
}

.products_related .swiper-slide .txt .more {
  border: 1px solid #FFF;
  padding: .03rem .1rem;
  margin-top: .1rem;
  border-radius: 1rem;
  font-size: .08rem;
}

.products_related .swiper-slide a:hover {
  text-decoration: none;
}

.products_related .swiper-slide:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #24984e;
  position: absolute;
  left: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

.products_related .swiper-slide:hover:after {
  width: 100%;
  visibility: visible;
  opacity: 1;
}



.news_con .left {
  width: 69%;
  float: left;
  box-sizing: border-box;
  background: #FFF;
  padding: .2rem;
  border-radius: .08rem;
}

.news_con .left .title h2 {
  font-size: .16rem;
  font-weight: bold;
}

.news_con .left .title p {
  margin-top: 10px;
  color: #666;
}

.news_con .left .txt {
  line-height: 2;
  margin-top: .2rem;
  border-top: 1px solid #CCC;
  padding: .2rem 0;
}

.news_con .left .txt p {
  padding-bottom: 10px;
}

.news_con .left .txt img {
  max-width: 100%;
}

.news_con .right {
  width: 28%;
  float: right;
}

.news_con .news_tj {
  background: #FFF;
  padding: .1rem;
  border-radius: .08rem;
  margin-top: 10%;
}

.news_con .news_tj h2 {
  font-size: .14rem;
  color: #333;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.news_con .news_tj ul {
  margin-top: .1rem;
}

.news_con .news_tj li {
  box-sizing: border-box;
  position: relative;
  font-size: 0;
  padding-bottom: .1rem;
}

.news_con .news_tj li:last-child {
  border-bottom: none;
}

.news_con .news_tj li figure {
  width: 30%;
  padding-bottom: 25%;
  display: inline-table;
  vertical-align: middle;
  border-radius: .04rem;
}

.news_con .news_tj li:hover figure img {
  transform: scale(1.1);
}

.news_con .news_tj li .txt {
  position: relative;
  z-index: 1;
  display: inline-table;
  vertical-align: middle;
  width: 67%;
  box-sizing: border-box;
  margin-left: 3%;
}

.news_con .news_tj li .txt strong {
  display: block;
  font-size: .1rem;
}

.news_con .news_tj li a {
  transition: all 0.3s;
}

.news_con .news_tj li a:hover {
  text-decoration: none;
}

.yanfa ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2%;
  margin-left: -2%;
}

.yanfa li {
  width: 23%;
  transition: all .4s;
  margin-bottom: 2%;
  margin-left: 2%;
  background: #FFF;
  box-shadow: 0 10px 8px rgba(0, 0, 0, .1);
}

.yanfa li .pic {
  position: relative;
}

.yanfa li h2 {
  position: absolute;
  left: .1rem;
  right: .1rem;
  bottom: .1rem;
  transition: all .3s;
  font-size: .1rem;
  font-weight: bold;
  line-height: 1.6;
  color: #FFF;
  z-index: 1;
}

.yanfa li .pic:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.01)) 80%;
}

.yanfa li p {
  padding: .1rem;
  font-size: .08rem;
  line-height: 1.6;
}

.yanfa li figure {
  padding-bottom: 65%;
}

.yanfa li:hover figure img {
  transform: scale(1.2);
}

.yanfa li a:hover {
  text-decoration: none;
}

.huoban ul {
  display: flex;
  margin-left: -2%;
  flex-wrap: wrap;
}

.huoban li {
  width: 14.666%;
  text-align: center;
  margin-left: 2%;
  margin-bottom: 2%;
}

.huoban li .pic {
  height: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
}

.huoban li img {
  max-width: 100%;
  max-height: 100%;
}

.huoban li h2 {
  padding: .05rem;
}

.fenye {
  margin-top: .2rem;
}

.fenye ul {
  font-size: 0px;
  text-align: center;
  font-weight: bold;
}

.fenye li {
  display: inline-block;
  text-align: center;
  margin: 0 .03rem;
  font-size: .08rem;
}

.fenye li a {
  display: block;
  width: .2rem;
  height: .2rem;
  line-height: .2rem;
}

.fenye li a:hover {
  display: block;
  text-decoration: none;
  color: #333;
}

.fenye li.current a {
  color: #24984e;
}

.fenye li:first-child a:hover {
  color: #333;
}

.fenye li:last-child a:hover {
  color: #333;
}

.fenye li i {
  font-size: .1rem;
}

.syt {
  padding: .1rem 0;
  margin-top: .05rem;
}

.syt ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.syt li {
  line-height: 2;
  text-align: center;
}

.syt li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.syt li a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.syt li i {
  font-size: .1rem;
}

.syt li:nth-of-type(1) i {
  margin-right: .06rem;
}

.syt li:nth-of-type(2) i {
  margin-right: .06rem;
}

.syt li:nth-of-type(3) i {
  margin-left: .06rem;
}

.syt ul:after {
  display: none;
}

.sxy li {
  margin-bottom: .1rem;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
  border-radius: .08rem;
  overflow: hidden;
}

.sxy li p {
  font-size: .13rem;
  font-weight: bold;
}

.sxy li h2 {
  margin-top: .1rem;
}

.sxy li i {
  font-size: .1rem;
  color: #24984e;
  margin-top: .1rem;
  display: block;
  text-align: right;
}

.sxy li a {
  background: #FFF;
  display: block;
  padding: .1rem;
}

.sxy li a:hover {
  text-decoration: none;
  background: #24984e;
  color: #FFF;
}

.sxy li a:hover i {
  color: #FFF;
}



.contact_b {
  margin-top: .5rem;
}

.contact_b .title {
  text-align: center;
}

.contact_b ul {
  display: flex;
  flex-flow: wrap;
  margin-left: -3%;
  padding-top: .2rem;
}

.contact_b li {
  width: 30.333%;
  margin-left: 3%;
  margin-bottom: 3%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
  border-radius: .08rem;
  cursor: pointer;
}

.contact_b li .pic {
  position: relative;
}

.contact_b li .pic i {
  color: #24984e;
  font-size: .18rem;
  width: .4rem;
  height: .4rem;
  background: #FFF;
  position: absolute;
  right: 5%;
  bottom: -.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  border-radius: 100%;
  box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2);
}

.contact_b li .pic figure {
  padding-bottom: 65%;
}

.contact_b li:hover .pic figure img {
  transform: scale(1.1);
}

.contact_b li .txt {
  padding: .2rem;
  box-sizing: border-box;
}

.contact_b li h2 {
  font-weight: bold;
  padding-top: .05rem;
}

.contact_b li p {
  padding-top: .1rem;
  line-height: 1.6;
}

.contact_b li dl {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #24984e;
  text-align: left;
  padding: .2rem;
  color: #FFF;
  line-height: 1.6;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 100;
}

.contact_b li:hover dl {
  visibility: visible;
  opacity: 1;
}

.contact_b li dt {
  font-weight: bold;
}

.contact_b li dd {
  padding-top: .05rem;
}

#map_container {
  height: 3rem;
  width: 100%;
  margin-top: .2rem;
  border-radius: .05rem;
}

.liuyan {
  background: #f5f5f5;
  box-sizing: border-box;
}

.liuyan ul {
  margin-top: .1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.liuyan ul:after {
  display: none;
}

.liuyan li {
  width: 49%;
  margin-bottom: .1rem;
}

.liuyan li p {
  padding-bottom: 5px;
}

.liuyan li .input_txt {
  width: 100%;
  border: 1px solid #CCC;
  outline: medium;
  padding: 10px 4%;
  font-family: 'Conv_tt1161m_';
  box-sizing: border-box;
  border-radius: .03rem;
}

.liuyan .textarea {
  margin: 0;
}

.liuyan .textarea textarea {
  width: 100%;
  height: .6rem;
  border: 1px solid #CCC;
  outline: medium;
  padding: 2%;
  box-sizing: border-box;
  border-radius: .03rem;
}

.liuyan .textarea p {
  font-weight: bold;
  padding-bottom: 10px;
}

.liuyan .more {
  margin-top: 10px;
}

.liuyan .input_btn {
  border: 0 none;
  color: #FFF;
  background: #24984e;
  cursor: pointer;
  outline: medium;
  padding: .05rem .3rem;
  border-radius: .03rem;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@property --hueuc_neon_glowing_button_effect_elementor_70c962b {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotateuc_neon_glowing_button_effect_elementor_70c962b {
  0% {
    --angle: 0deg;
  }

  50% {}

  100% {
    --angle: 360deg;
  }
}

/* 横幅标语由 h2 改为 p.zs-banner-title：清掉 .txt p 的上内边距与字号继承，外观与原 h2 一致 */
.zs-banner .swiper-slide .txt p.zs-banner-title {
  padding-top: 0;
}
/* 后台正文里的 h1 在模板中降为 h2[data-zs-h1]，还原 h1 默认外观 */
h2[data-zs-h1] {
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

/* ========================================
   product_detail.html：Model 选项块间距优化
   仅作用于 .product-detail-highlights 内的 .txter，不影响 products_detail.html
======================================== */
.zs-product_detail .right .product-detail-highlights .txter {
  padding-top: 0;
  margin-top: .2rem;
}

.zs-product_detail .right .product-detail-highlights .txter h3 {
  margin-bottom: .1rem;
  font-size: .12rem;
  line-height: 1.4;
}

.zs-product_detail .right .product-detail-highlights .txter ul {
  flex-wrap: wrap;
  gap: .08rem;
  margin-top: 0;
}

.zs-product_detail .right .product-detail-highlights .txter li {
  width: auto;
  min-width: .56rem;
  height: auto;
  min-height: .2rem;
  margin-right: 0;
  padding: .04rem .14rem;
  box-sizing: border-box;
  line-height: 1.3;
  white-space: nowrap;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.zs-product_detail .right .product-detail-highlights .txter li:not(.current):hover {
  border-color: #000;
}

.zs-product_detail .right .product-detail-highlights .txter + .product-detail-highlights__action {
  margin-top: .24rem;
}

@media (max-width: 991px) {
  .zs-product_detail .right .product-detail-highlights .txter h3 {
    margin-bottom: .16rem;
    font-size: .38rem;
  }

  .zs-product_detail .right .product-detail-highlights .txter ul {
    gap: .16rem;
  }

  .zs-product_detail .right .product-detail-highlights .txter li {
    min-width: 1.7rem;
    min-height: .8rem;
    padding: .1rem .36rem;
    font-size: .32rem;
  }

  .zs-product_detail .right .product-detail-highlights .txter + .product-detail-highlights__action {
    margin-top: .3rem;
  }
}

/* css/download.css */
/* ===== Download Page Styles ===== */

/* 面包屑导航条：浅灰底 */
.zs-crumb-bar {
  background: #f5f5f5;
  border-bottom: 1px solid #ebebeb;
}

.zs-crumb-bar .zs-breadcrumbs {
  padding: .12rem 8%;
  font-size: .14rem;
  line-height: 1.6;
}

.zs-crumb-bar .zs-breadcrumbs em {
  font-style: normal;
  color: #bbb;
  padding: 0 .04rem;
}

.zs-download-list {
  padding: 2.5% 8%;
}

.zs-download-list .titleer {
  text-align: center;
}

.zs-download-list .subnav {
  margin-top: .2rem;
}

.zs-download-list .subnav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.zs-download-list .subnav li {
  border-radius: 1rem;
  margin: 0 .1rem;
  border: 1px solid #ccc;
}

.zs-download-list .subnav li a {
  padding: 0 .1rem;
  display: flex;
}

.zs-download-list .subnav li a:hover {
  text-decoration: none;
  color: #000;
}

.zs-download-list .subnav li a.current {
  background: #fdb924;
}

/* Download items - one row per item */
.zs-download-items {
  margin-top: .15rem;
}

.zs-download-row {
  padding: .2rem 0;
  border-bottom: 1px solid #e5e5e5;
}

.zs-download-row:first-child {
  border-top: 1px solid #e5e5e5;
}

.zs-download-row h2 {
  font-size: .18rem;
  font-weight: 900;
  color: #222;
  text-transform: uppercase;
  line-height: 1.4;
}

.zs-download-row p {
  margin-top: .06rem;
  font-size: .14rem;
  color: #555;
  line-height: 1.6;
}

.zs-download-row p a {
  color: #333;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zs-download-row p a:hover {
  color: #d4a017;
}

/* ===== Responsive ===== */
@media screen and (max-width: 768px) {
  .zs-crumb-bar .zs-breadcrumbs {
    padding: .16rem 6%;
    font-size: .24rem;
  }

  .zs-download-list {
    padding: 4vw 6%;
  }

  .zs-download-row h2 {
    font-size: .36rem;
  }

  .zs-download-row p {
    font-size: .28rem;
  }
}

@media screen and (max-width: 480px) {
  .zs-download-row h2 {
    font-size: .32rem;
  }

  .zs-download-row p {
    font-size: .26rem;
  }
}