/*!-----------------------------------------------------------------------------------
Theme Name: ShunYu
Theme URI: 
Author: Xu Jicheng
WeChat: xjcicy
Description: ShunYu
Version: 1.0.0
Update: 2025-1-7
-----------------------------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
@font-face {
  font-family: iconfont;
  src: url(assets/css/iconfont/iconfont.woff2?t=1706339076679) format('woff2'),url(assets/css/iconfont/iconfont.woff?t=1706339076679) format('woff'),url(assets/css/iconfont/iconfont.ttf?t=1706339076679) format('truetype')
}
.iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-time:before {
  content: "\e606"
}
.icon-calendar:before {
  content: "\e869"
}
.icon-stick-top:before {
  content: "\ec8c"
}
.icon-refresh:before {
  content: "\e637"
}
.icon-image:before {
  content: "\e6eb"
}
.icon-add:before {
  content: "\e665"
}
.icon-minus:before {
  content: "\e67a"
}
.icon-select:before {
  content: "\e68a"
}
.icon-video:before {
  content: "\e6fd"
}
.icon-water:before {
  content: "\e604"
}
.icon-lightning:before {
  content: "\e6b9"
}
.icon-play:before {
  content: "\e600"
}
.icon-menu:before {
  content: "\e625"
}
.icon-warranty:before {
  content: "\e621"
}
.icon-cart:before {
  content: "\e6a8"
}
.icon-facebook:before {
  content: "\e620"
}
.icon-tel:before {
  content: "\e643"
}
.icon-mail:before {
  content: "\e648"
}
.icon-search:before {
  content: "\e6ad"
}
.icon-address:before {
  content: "\e617"
}
.icon-youtube:before {
  content: "\e883"
}
.icon-chat:before {
  content: "\e688"
}
.icon-instagram:before {
  content: "\e664"
}
.icon-user:before {
  content: "\e661"
}
.icon-close:before {
  content: "\e668"
}
.icon-direction-right:before {
  content: "\e66c"
}
.icon-direction-up:before {
  content: "\e66d"
}
.icon-direction-left:before {
  content: "\e66e"
}
.icon-arrow-left-bold:before {
  content: "\e685"
}
.icon-arrow-up-bold:before {
  content: "\e686"
}
.icon-arrow-down-bold:before {
  content: "\e687"
}
.icon-arrow-right-bold:before {
  content: "\e689"
}
.icon-tuite:before {
  content: "\e60a"
}
@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(0,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(0)
  }
  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(0,-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: 0;
  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
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}
[data-aos=fade-up] {
  transform: translate3d(0,100px,0)
}
[data-aos=fade-down] {
  transform: translate3d(0,-100px,0)
}
[data-aos=fade-right] {
  transform: translate3d(-100px,0,0)
}
[data-aos=fade-left] {
  transform: translate3d(100px,0,0)
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px,100px,0)
}
[data-aos=fade-up-left] {
  transform: translate3d(100px,100px,0)
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px,-100px,0)
}
[data-aos=fade-down-left] {
  transform: translate3d(100px,-100px,0)
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
  transform: scale(.6)
}
[data-aos=zoom-in-up] {
  transform: translate3d(0,100px,0) scale(.6)
}
[data-aos=zoom-in-down] {
  transform: translate3d(0,-100px,0) scale(.6)
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px,0,0) scale(.6)
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px,0,0) scale(.6)
}
[data-aos=zoom-out] {
  transform: scale(1.2)
}
[data-aos=zoom-out-up] {
  transform: translate3d(0,100px,0) scale(1.2)
}
[data-aos=zoom-out-down] {
  transform: translate3d(0,-100px,0) scale(1.2)
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px,0,0) scale(1.2)
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px,0,0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}
[data-aos=slide-up] {
  transform: translate3d(0,100%,0)
}
[data-aos=slide-down] {
  transform: translate3d(0,-100%,0)
}
[data-aos=slide-right] {
  transform: translate3d(-100%,0,0)
}
[data-aos=slide-left] {
  transform: translate3d(100%,0,0)
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}
/*!
 * Viewer.js v1.11.3
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-03-05T07:01:15.525Z
 */
.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px
}
.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In"
}
.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out"
}
.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One"
}
.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset"
}
.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous"
}
.viewer-play:before {
  background-position: -100px 0;
  content: "Play"
}
.viewer-next:before {
  background-position: -120px 0;
  content: "Next"
}
.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left"
}
.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right"
}
.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal"
}
.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical"
}
.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen"
}
.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen"
}
.viewer-close:before {
  background-position: -260px 0;
  content: "Close"
}
.viewer-container {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.viewer-container ::-moz-selection,
.viewer-container::-moz-selection {
  background-color: transparent
}
.viewer-container ::selection,
.viewer-container::selection {
  background-color: transparent
}
.viewer-container:focus {
  outline: 0
}
.viewer-container img {
  display: block;
  height: auto;
  max-height: none!important;
  max-width: none!important;
  min-height: 0!important;
  min-width: 0!important;
  width: 100%
}
.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}
.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90%!important;
  width: auto
}
.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center
}
.viewer-navbar {
  background-color: rgba(0,0,0,.5);
  overflow: hidden
}
.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0
}
.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: .5;
  overflow: hidden;
  transition: opacity .15s;
  width: 30px
}
.viewer-list > li:focus,
.viewer-list > li:hover {
  opacity: .75
}
.viewer-list > li:focus {
  outline: 0
}
.viewer-list > li + li {
  margin-left: 1px
}
.viewer-list > .viewer-loading {
  position: relative
}
.viewer-list > .viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px
}
.viewer-list > .viewer-active,
.viewer-list > .viewer-active:focus,
.viewer-list > .viewer-active:hover {
  opacity: 1
}
.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1
}
.viewer-player,
.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0
}
.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px
}
.viewer-toolbar > ul > li {
  background-color: rgba(0,0,0,.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color .15s;
  width: 24px
}
.viewer-toolbar > ul > li:focus,
.viewer-toolbar > ul > li:hover {
  background-color: rgba(0,0,0,.8)
}
.viewer-toolbar > ul > li:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1
}
.viewer-toolbar > ul > li:before {
  margin: 2px
}
.viewer-toolbar > ul > li + li {
  margin-left: 1px
}
.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px
}
.viewer-toolbar > ul > .viewer-small:before {
  margin: -1px
}
.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px
}
.viewer-toolbar > ul > .viewer-large:before {
  margin: 5px
}
.viewer-tooltip {
  background-color: rgba(0,0,0,.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px
}
.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .15s;
  white-space: nowrap
}
.viewer-title:hover {
  opacity: 1
}
.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0,0,0,.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color .15s;
  width: 80px
}
.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0,0,0,.8)
}
.viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0
}
.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute
}
.viewer-fixed {
  position: fixed
}
.viewer-open {
  overflow: hidden
}
.viewer-show {
  display: block
}
.viewer-hide {
  display: none
}
.viewer-backdrop {
  background-color: rgba(0,0,0,.5)
}
.viewer-invisible {
  visibility: hidden
}
.viewer-move {
  cursor: move;
  cursor: grab
}
.viewer-fade {
  opacity: 0
}
.viewer-in {
  opacity: 1
}
.viewer-transition {
  transition: all .3s
}
@keyframes viewer-spinner {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}
.viewer-loading:after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0,0%,100%,.1);
  border-left-color: hsla(0,0%,100%,.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1
}
@media (max-width:767px) {
  .viewer-hide-xs-down {
    display: none
  }
}
@media (max-width:991px) {
  .viewer-hide-sm-down {
    display: none
  }
}
@media (max-width:1199px) {
  .viewer-hide-md-down {
    display: none
  }
}
.iti {
  position: relative;
  display: inline-block;
  font-size: 14px
}
.iti * {
  box-sizing: border-box;
  font-size: 14px
}
.iti__hide {
  display: none
}
.iti__v-hide {
  visibility: hidden
}
.iti input,
.iti input[type=tel],
.iti input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-right: 36px;
  margin-right: 0
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0,0,0,.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px
}
@media (max-width:500px) {
  .iti__country-list {
    white-space: normal
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: 0
}
.iti__dial-code {
  color: #999
}
.iti__country.iti__highlight {
  background-color: rgba(0,0,0,.05)
}
.iti__country-name,
.iti__flag-box {
  margin-right: 6px
}
[dir=rtl] .iti__country-name,
[dir=rtl] .iti__flag-box {
  margin-right: 0;
  margin-left: 6px
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=tel],
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=tel],
[dir=rtl] .iti--separate-dial-code input[type=text] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0,0,0,.05)
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0,0,0,.05)
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px
}
.iti--container:hover {
  cursor: pointer
}
.iti-fullscreen-popup .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed
}
.iti-fullscreen-popup .iti__country-list {
  max-height: 100%;
  width: 100%
}
.iti-fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em
}
.iti__flag {
  width: 20px
}
.iti__flag.iti__be {
  width: 18px
}
.iti__flag.iti__ch {
  width: 15px
}
.iti__flag.iti__mc {
  width: 19px
}
.iti__flag.iti__ne {
  width: 18px
}
.iti__flag.iti__np {
  width: 13px
}
.iti__flag.iti__va {
  width: 15px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .iti__flag {
    background-size: 5762px 15px
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0
}
.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(assets/img/flags.png?1);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .iti__flag {
    background-image: url(assets/img/flags@2x.png?1)
  }
}
.iti__flag.iti__np {
  background-color: transparent
}
:root {
  --header-height: 0.52083rem;
  --container-inner-width: 7.29167rem;
  --product-list-inner-width: 7.29167rem;
  --single-exhibition-inner-width: 6.25rem
}
* {
  -webkit-tap-highlight-color: transparent;
  word-wrap: break-word
}
body,
button,
input,
textarea {
  padding: 0;
  margin: 0;
  line-height: 1.6;
  color: #656266;
  font-size: .07292rem;
  font-family: Microsoft Yahei,-apple-system,Arial,tahoma,sans-serif
}
button,
input,
textarea {
  border-radius: 0
}
h1,
h2,
h3,
h4,
h5,
li ul,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  list-style: none
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic
}
body {
  background: #fff;
  -webkit-tap-highlight-color: transparent
}
a {
  color: #005bac;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}
a:focus {
  -webkit-tap-highlight-color: transparent
}
a:hover {
  text-decoration: underline
}
::-webkit-scrollbar {
  width: .03125rem;
  height: .04167rem
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  background: #333
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  border-radius: 0;
  background: #f1f1f1
}
::-webkit-input-placeholder {
  color: #9d9e9f
}
.hide {
  display: none
}
.show {
  display: block
}
.pull-left {
  float: left
}
.pull-right {
  float: right
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
.viewer-backdrop {
  background-color: rgba(0,0,0,.9)
}
.stepper {
  border: 1PX solid #d9d9d9;
  width: .57292rem;
  height: .15625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3PX
}
.stepper .minus,
.stepper .plus {
  border: 0;
  padding: 0;
  outline: 0;
  width: .14583rem;
  height: 100%;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #474747;
  transition: background .5s,color .5s
}
.stepper .minus .iconfont,
.stepper .plus .iconfont {
  font-size: .08333rem
}
.stepper .minus:hover,
.stepper .plus:hover {
  color: #005bac
}
.stepper .minus:disabled,
.stepper .minus[disabled],
.stepper .plus:disabled,
.stepper .plus[disabled] {
  background-color: #f5f5f5;
  color: #c1c1c1;
  cursor: not-allowed
}
.stepper .minus:disabled:hover,
.stepper .minus[disabled]:hover,
.stepper .plus:disabled:hover,
.stepper .plus[disabled]:hover {
  color: #c1c1c1
}
.stepper .input {
  border: 0;
  border-left: 1PX solid #d9d9d9;
  border-right: 1PX solid #d9d9d9;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 0 .02604rem;
  margin: 0;
  outline: 0;
  font-size: .08333rem;
  color: #282828;
  text-align: center
}
.stepper .input:disabled,
.stepper .input[disabled] {
  background-color: #f5f5f5;
  color: #c1c1c1;
  cursor: not-allowed
}
.stepper .input:disabled:hover,
.stepper .input[disabled]:hover {
  color: #c1c1c1
}
@keyframes rotation {
  from {
    transform: rotate(360deg)
  }
  to {
    transform: rotate(0)
  }
}
@keyframes shakeArrow {
  0%,
  100% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(.05208rem)
  }
}
article.article-content * {
  margin: revert;
  padding: revert;
  list-style: revert;
  font-weight: revert;
  font-style: revert
}
article.article-content.blog-article-content * {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1.3
}
article.article-content h1,
article.article-content h2,
article.article-content h3,
article.article-content h4,
article.article-content h5,
article.article-content h6 {
  font-weight: 700
}
article.article-content b,
article.article-content strong {
  font-weight: 700
}
article.article-content a {
  text-decoration: underline
}
article.article-content figure {
  margin-left: auto;
  margin-right: auto
}
article.article-content img {
  max-width: 90%!important;
  height: initial!important
}
article.article-content table {
  margin-top: .10417rem;
  margin-bottom: .10417rem;
  max-width: 100%!important;
  background: #fff;
  border-collapse: collapse!important;
  border-spacing: 0!important;
  overflow-x: auto
}
article.article-content table td,
article.article-content table tr {
  max-width: 100%!important;
  margin: 0;
  padding: 0
}
article.article-content table td p,
article.article-content table tr p {
  margin: 0;
  padding: 0
}
article.article-content table td {
  padding: 8PX!important;
  border: 1PX solid rgba(0,0,0,.1)!important
}
article.article-content tbody {
  width: 100%!important;
  max-width: 100%!important
}
article.article-content .has-text-align-center {
  text-align: center
}
article.article-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}
article.article-content .alignleft {
  float: left;
  margin: .5em 1em .5em 0
}
article.article-content .alignright {
  float: right;
  margin: .5em 0 .5em 1em
}
article.article-content .wp-block {
  margin-left: auto;
  margin-right: auto
}
article.article-content .wp-block-image {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
article.article-content .wp-caption {
  max-width: 100%!important
}
article.article-content .wp-block-column figure img {
  width: 100%
}
article.article-content .a_iframe,
article.article-content .iframe-media {
  margin-top: .15625rem;
  width: 100%;
  max-width: 5.20833rem;
  overflow: hidden;
  position: relative
}
article.article-content .a_iframe::before,
article.article-content .iframe-media::before {
  content: '';
  display: block;
  padding-bottom: 56.25%
}
article.article-content .a_iframe iframe,
article.article-content .iframe-media iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%!important;
  height: 100%!important;
  -o-object-fit: cover;
  object-fit: cover
}
article.article-content p.has-background {
  padding: .05208rem .10417rem
}
.single-page .container-inner,
.single-page .news-information-inner,
.single-page .single-list-inner,
.single-page .single-menus-inner,
.single-page .single-page-inner {
  width: var(--container-inner-width);
  margin: 0 auto
}
.single-page .margin-top-minus {
  margin-top: -1.04167rem;
  position: relative;
  z-index: 7
}
.single-page .margin-top-minus .breadcrumb {
  color: #fff
}
.single-page .margin-top-minus .breadcrumb a {
  color: #fff
}
.single-page .single-banner {
  position: relative
}
.single-page .single-banner .img {
  width: 100%;
  height: auto
}
.single-page .single-banner .img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}
.single-page .single-banner .text {
  position: absolute;
  top: 60%;
  left: 50%;
  text-align: left;
  transform: translate(-50%,0);
  width: var(--container-inner-width);
  color: #fff
}
.single-page .single-banner .text .banner-title {
  position: relative;
  font-size: .25rem;
  line-height: 1.3;
  font-weight: 700
}
.single-page .single-banner .text .banner-intro {
  font-size: .09375rem;
  margin: .10417rem auto 0;
  line-height: 1.3
}
.single-page .single-menus {
  background: #fff;
  box-shadow: 0 .01042rem .22396rem 0 rgba(140,143,148,.12);
  height: .44792rem
}
.single-page .single-menus ul li {
  line-height: .44792rem;
  display: inline-block;
  font-size: .09375rem;
  margin-right: .3125rem
}
.single-page .single-menus ul li a {
  color: #666;
  display: block
}
.single-page .single-menus ul li a:after {
  content: "";
  position: absolute;
  width: 0;
  height: .01042rem;
  bottom: 0;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%,0);
  transition: width .3s
}
.single-page .single-menus ul li.current a,
.single-page .single-menus ul li:hover a {
  color: #005bac;
  text-decoration: none;
  position: relative
}
.single-page .single-menus ul li.current a:after,
.single-page .single-menus ul li:hover a:after {
  width: 100%;
  background-color: #005bac
}
.single-page .single-page-title {
  line-height: 4.4;
  padding-top: .10417rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.single-page .single-page-title h2 {
  font-size: .16667rem;
  color: #333
}
.single-page .single-page-title .more a {
  font-size: .08333rem;
  color: #333
}
.single-page .single-page-title .more a:hover {
  color: #005bac
}
.single-page .single-search {
  height: .29167rem;
  background: #fff;
  position: relative;
  padding: .10417rem .15625rem;
  font-size: .08333rem;
  z-index: 8
}
.single-page .single-search form {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  padding: .05208rem 0
}
.single-page .single-search form .search-select {
  width: 2.03125rem;
  height: .25rem;
  margin-right: .10417rem;
  color: #999;
  position: relative
}
.single-page .single-search form .search-select .text {
  cursor: pointer;
  border: 1PX solid #caced7;
  border-radius: .02604rem;
  height: .25rem;
  line-height: .25rem;
  padding: 0 .15625rem;
  position: relative
}
.single-page .single-search form .search-select .text i {
  transform: rotate(0);
  position: absolute;
  z-index: 3;
  width: .05208rem;
  height: .05208rem;
  right: .10417rem;
  top: 50%;
  margin-top: -.02083rem;
  background: url(assets/img/search-icon-arr-1.png) no-repeat center center;
  transition: transform .3s
}
.single-page .single-search form .search-select ul {
  height: 0;
  background: #fff;
  position: absolute;
  top: .25rem;
  left: 0;
  z-index: 11;
  right: 0;
  border: none;
  border-radius: .02604rem;
  overflow: hidden;
  transition: height .3s
}
.single-page .single-search form .search-select ul li {
  padding: 0 .13021rem;
  line-height: .20833rem;
  cursor: pointer
}
.single-page .single-search form .search-select ul li:hover {
  background: #005bac;
  color: #fff
}
.single-page .single-search form .search-select.current ul {
  border: .00521rem solid #caced7;
  height: auto
}
.single-page .single-search form .search-select.current .text i {
  transform: rotate(180deg)
}
.single-page .single-search form .search-input {
  border: 1PX solid #caced7;
  border-radius: .02604rem;
  height: .25rem;
  width: 4.11458rem;
  box-sizing: border-box;
  padding: 0 0 0 .23438rem;
  color: #999;
  font-size: .08333rem;
  margin-right: .10417rem;
  overflow: hidden;
  position: relative
}
.single-page .single-search form .search-input input {
  outline: 0;
  box-sizing: border-box;
  height: 100%;
  border: none;
  width: 100%;
  color: #999
}
.single-page .single-search form .search-input i {
  position: absolute;
  z-index: 3;
  left: .10417rem;
  top: 0;
  font-size: .09375rem;
  color: #999;
  margin: .05208rem 0 0
}
.single-page .single-search form .search-button {
  cursor: pointer;
  border: 0;
  outline: 0;
  background: #005bac;
  color: #fff;
  height: .25rem;
  float: right;
  border-radius: .02604rem;
  width: .625rem;
  text-align: center
}
.single-page .single-list {
  padding-top: .20833rem;
  background: #f8f8f8
}
.single-page .news-list {
  padding-top: .15625rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}
.single-page .news-list .news-item {
  background: #fff;
  border-radius: .03125rem;
  border: .00521rem solid #dbdbdb;
  width: calc((100% - (.125rem*2))/ 3);
  margin: 0 .10417rem .10417rem 0;
  height: 2.86458rem;
  overflow: hidden;
  position: relative;
  top: 0
}
.single-page .news-list .news-item:nth-child(3n) {
  margin-right: 0
}
.single-page .news-list .news-item a:hover {
  text-decoration: none
}
.single-page .news-list .news-item a:hover .title {
  color: #005bac
}
.single-page .news-list .news-item .thumb {
  height: 1.39583rem;
  margin-bottom: .13021rem;
  overflow: hidden
}
.single-page .news-list .news-item .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page .news-list .news-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page .news-list .news-item .date,
.single-page .news-list .news-item .intro,
.single-page .news-list .news-item .title {
  padding: 0 .20833rem;
  color: #666;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: .13021rem;
  display: block
}
.single-page .news-list .news-item .date {
  font-size: .10417rem
}
.single-page .news-list .news-item .title {
  max-height: .3125rem;
  font-size: .10417rem
}
.single-page .news-list .news-item .intro {
  max-height: .26042rem;
  font-size: .08333rem
}
.single-page .list-footer {
  padding: 0 0 .36458rem
}
.single-page .breadcrumb {
  padding-top: .05208rem;
  height: .3125rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: .09375rem;
  color: #fff
}
.single-page .breadcrumb > a {
  font-size: .09375rem;
  color: #fff;
  text-decoration: none;
  transition: color .5s
}
.single-page .breadcrumb > a:after {
  content: ">";
  margin: 0 .02604rem;
  color: #fff
}
.single-page .breadcrumb > a:last-child:after {
  display: none
}
.single-page .single-page-article {
  background: #f7f7f7;
  padding: 0 0 .36458rem
}
.single-page .single-page-article .article-column {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap
}
.single-page .single-page-article .article-column .article-body-inner {
  width: 5rem
}
.single-page .single-page-article .article-recommend {
  width: 2.1875rem;
  margin-left: .10417rem
}
.single-page .single-page-article .article-recommend .article-list {
  border-radius: .03125rem;
  background: #fff;
  padding: .15625rem
}
.single-page .single-page-article .article-recommend .article-list .article-list-title {
  font-size: .09375rem;
  margin-bottom: .10417rem;
  color: #333
}
.single-page .single-page-article .article-recommend .article-list .article-item {
  margin-bottom: .10417rem;
  padding: 0 0 .10417rem;
  border-bottom: 1PX solid rgba(51,51,51,.13)
}
.single-page .single-page-article .article-recommend .article-list .article-item a:hover {
  text-decoration: none
}
.single-page .single-page-article .article-recommend .article-list .article-item:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0
}
.single-page .single-page-article .article-recommend .article-list .article-item .thumb {
  height: 0;
  margin-bottom: .05208rem;
  border-radius: .02604rem;
  overflow: hidden
}
.single-page .single-page-article .article-recommend .article-list .article-item .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page .single-page-article .article-recommend .article-list .article-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page .single-page-article .article-recommend .article-list .article-item .title {
  margin-bottom: .02604rem;
  font-size: .08333rem;
  color: #333
}
.single-page .single-page-article .article-recommend .article-list .article-item time {
  display: block;
  font-size: .07292rem;
  color: #999;
  margin: 0;
  padding: 0
}
.single-page .single-page-article .article-recommend .article-list .article-item:hover .title {
  color: #005bac
}
.single-page .single-page-article .article-recommend .article-list .article-item.current .thumb {
  height: .9375rem
}
.single-page .single-page-article .article-body {
  border-radius: .03125rem;
  padding: .10417rem .36458rem;
  background: #fff
}
.single-page .single-page-article .article-body .article-title {
  border-bottom: 1PX solid rgba(51,51,51,.13)
}
.single-page .single-page-article .article-body .article-title h2 {
  padding: .15625rem 0 0;
  color: #333;
  font-size: .125rem;
  font-weight: 400;
  margin: 0;
  line-height: 1.4
}
.single-page .single-page-article .article-body .article-title .date {
  padding: .10417rem 0 .10417rem 0;
  text-align: left;
  color: #999;
  line-height: 1.5;
  font-size: .07292rem
}
.single-page .single-page-article .article-body .article-title .date span {
  position: relative
}
.single-page .single-page-article .article-body .article-title .date span:after {
  content: "|";
  margin: 0 .10417rem;
  color: #999
}
.single-page .single-page-article .article-body .article-title .date span:last-child:after {
  display: none
}
.single-page .single-page-article .article-body .article-content {
  padding: .10417rem 0;
  font-size: 16PX;
  list-style: 26PX;
  color: #666;
  line-height: 2
}
.single-page .single-page-article .article-body .article-content p {
  text-indent: 2em
}
.single-page .single-page-article .article-body .article-content img {
  max-width: 90%;
  border-radius: .02604rem
}
.single-page .single-page-article .article-footer {
  background: #fff;
  padding: .02604rem .36458rem;
  margin-top: .07813rem
}
.single-page .single-page-article .article-footer > div {
  font-size: .07292rem;
  color: #333;
  border-bottom: 1PX solid rgba(51,51,51,.13);
  line-height: 3.5
}
.single-page .single-page-article .article-footer > div:last-child {
  border: none
}
.single-page .single-page-article .article-footer > div .date {
  float: right;
  color: #999
}
.single-page .single-page-article .article-footer > div a {
  text-decoration: none;
  color: #333;
  transition: color .5s
}
.single-page .single-page-article .article-footer > div a:hover {
  color: #005bac
}
.single-page.product-service-page .smart .menus {
  padding: .05208rem 0;
  height: .52083rem;
  margin-bottom: .36458rem;
  border-bottom: 1PX solid rgba(140,143,148,.1)
}
.single-page.product-service-page .smart .menus ul li {
  cursor: pointer;
  display: inline-block;
  width: .41667rem;
  margin-right: .72917rem;
  text-align: center;
  position: relative;
  font-size: .09375rem;
  height: .57292rem
}
.single-page.product-service-page .smart .menus ul li i {
  display: block;
  width: .1875rem;
  height: .1875rem;
  margin: 0 auto .09896rem;
  background-image: url(assets/img/product-service-icon-1-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%
}
.single-page.product-service-page .smart .menus ul li i.icon-1 {
  background-image: url(assets/img/product-service-icon-1-1.png)
}
.single-page.product-service-page .smart .menus ul li i.icon-2 {
  background-image: url(assets/img/product-service-icon-2-1.png)
}
.single-page.product-service-page .smart .menus ul li i.icon-3 {
  background-image: url(assets/img/product-service-icon-5-1.png)
}
.single-page.product-service-page .smart .menus ul li i.icon-4 {
  background-image: url(assets/img/product-service-icon-4-1.png)
}
.single-page.product-service-page .smart .menus ul li::after {
  position: absolute;
  bottom: .00521rem;
  left: 0;
  width: 0;
  height: .01042rem;
  content: '';
  transition: width .3s
}
.single-page.product-service-page .smart .menus ul li.current::after,
.single-page.product-service-page .smart .menus ul li:hover::after {
  width: 100%;
  transition: width .3s;
  background: #005bac
}
.single-page.product-service-page .smart .menus ul li.current i,
.single-page.product-service-page .smart .menus ul li:hover i {
  background-image: url(assets/img/product-service-icon-1-2.png)
}
.single-page.product-service-page .smart .menus ul li.current i.icon-1,
.single-page.product-service-page .smart .menus ul li:hover i.icon-1 {
  background-image: url(assets/img/product-service-icon-1-2.png)
}
.single-page.product-service-page .smart .menus ul li.current i.icon-2,
.single-page.product-service-page .smart .menus ul li:hover i.icon-2 {
  background-image: url(assets/img/product-service-icon-2-2.png)
}
.single-page.product-service-page .smart .menus ul li.current i.icon-3,
.single-page.product-service-page .smart .menus ul li:hover i.icon-3 {
  background-image: url(assets/img/product-service-icon-5-2.png)
}
.single-page.product-service-page .smart .menus ul li.current i.icon-4,
.single-page.product-service-page .smart .menus ul li:hover i.icon-4 {
  background-image: url(assets/img/product-service-icon-4-2.png)
}
.single-page.product-service-page .smart .smart-item {
  background: #fff;
  border-radius: .05208rem;
  border: .00521rem solid #cfcfcf;
  font-size: .08333rem;
  padding-bottom: .20833rem;
  overflow: hidden;
  height: 3.22917rem
}
.single-page.product-service-page .smart .smart-item a {
  display: block
}
.single-page.product-service-page .smart .smart-item a:hover {
  text-decoration: none
}
.single-page.product-service-page .smart .smart-item a:hover .title {
  color: #005bac
}
.single-page.product-service-page .smart .smart-item .thumb {
  height: 2.02083rem;
  overflow: hidden;
  background: url(assets/img/product-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center
}
.single-page.product-service-page .smart .smart-item .thumb img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1.2);
  margin: 0 auto
}
.single-page.product-service-page .smart .smart-item .thumb:hover img {
  transform: scale(1.3)
}
.single-page.product-service-page .smart .smart-item .title {
  margin: .20833rem .26042rem .15625rem;
  height: .15625rem;
  line-height: .15625rem;
  font-size: .14583rem;
  color: #333
}
.single-page.product-service-page .smart .smart-item .intro {
  margin: 0 .26042rem .15625rem;
  color: #666
}
.single-page.product-service-page .smart .smart-item .more {
  font-style: normal;
  display: block;
  margin: 0 .26042rem 0
}
.single-page.product-service-page .smart .smart-item .more a {
  padding: 0 .26042rem;
  border-radius: .15625rem;
  display: inline-block;
  height: .26042rem;
  line-height: .26042rem;
  font-size: .09375rem;
  color: #005bac;
  border: .00521rem solid #005bac;
  transition: background .3s
}
.single-page.product-service-page .smart .smart-item .more a:hover {
  background: #005bac;
  color: #fff;
  text-decoration: none
}
.single-page.product-service-page .smart .smart-swiper {
  position: relative;
  margin-bottom: .36458rem;
  display: none
}
.single-page.product-service-page .smart .smart-swiper .banner-pagination {
  display: none
}
.single-page.product-service-page .smart .smart-swiper .banner-button-next,
.single-page.product-service-page .smart .smart-swiper .banner-button-prev {
  z-index: 99;
  position: absolute;
  display: inline-block;
  border: 1PX solid #005bac;
  width: .29167rem;
  height: .29167rem;
  left: -.52083rem;
  margin-top: -.20833rem;
  top: 50%;
  line-height: .29167rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}
.single-page.product-service-page .smart .smart-swiper .banner-button-next i,
.single-page.product-service-page .smart .smart-swiper .banner-button-prev i {
  color: #005bac;
  font-size: .11458rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -.05208rem
}
.single-page.product-service-page .smart .smart-swiper .banner-button-next:hover,
.single-page.product-service-page .smart .smart-swiper .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff;
  transition: background .3s
}
.single-page.product-service-page .smart .smart-swiper .banner-button-next:hover i,
.single-page.product-service-page .smart .smart-swiper .banner-button-prev:hover i {
  color: #fff
}
.single-page.product-service-page .smart .smart-swiper .banner-button-next {
  left: auto;
  right: -.52083rem
}
.single-page.product-service-page .smart .smart-swiper.current {
  display: block
}
.single-page.product-service-page .solution {
  padding: .10417rem 0 .625rem;
  background: url(assets/img/service-bg-1.png) no-repeat center 0;
  background-size: cover
}
.single-page.product-service-page .solution .solution-item {
  width: 1.77083rem;
  height: 2.76042rem;
  position: relative;
  border-radius: .05208rem;
  overflow: hidden
}
.single-page.product-service-page .solution .solution-item > div {
  position: absolute;
  z-index: 3;
  top: 0;
  color: #fff
}
.single-page.product-service-page .solution .solution-item .title {
  left: .15625rem;
  top: .13021rem;
  right: .15625rem;
  font-size: .125rem;
  text-align: left;
  transition: top .3s
}
.single-page.product-service-page .solution .solution-item .title span::before {
  content: '';
  width: 0;
  height: .00521rem;
  background: rgba(255,255,255,.5);
  position: absolute;
  top: 50%;
  left: -.33854rem;
  transition: width .3s
}
.single-page.product-service-page .solution .solution-item .title span::after {
  content: '';
  width: 0;
  height: .00521rem;
  background: rgba(255,255,255,.5);
  position: absolute;
  top: 50%;
  right: -.33854rem;
  transition: width .3s
}
.single-page.product-service-page .solution .solution-item .text-one {
  left: .15625rem;
  top: .36458rem;
  font-size: .08333rem
}
.single-page.product-service-page .solution .solution-item .text-two {
  left: .15625rem;
  top: .52083rem;
  font-size: .08333rem
}
.single-page.product-service-page .solution .solution-item .menus {
  left: 10%;
  right: 10%;
  top: 100%;
  margin: 0 auto;
  text-align: center;
  transition: top .3s
}
.single-page.product-service-page .solution .solution-item .menus ul li {
  color: #fff;
  margin-bottom: .11458rem
}
.single-page.product-service-page .solution .solution-item .menus ul li a {
  display: block;
  border: 1PX solid #fff;
  font-size: .08333rem;
  color: #fff;
  line-height: .20833rem;
  border-radius: .10417rem;
  padding: 0 .05208rem;
  overflow: hidden;
  height: .20833rem
}
.single-page.product-service-page .solution .solution-item .menus ul li a:hover {
  background: #fff;
  color: #005bac;
  text-decoration: none;
  transition: background .3s
}
.single-page.product-service-page .solution .solution-item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  background: rgba(0,91,172,.9);
  z-index: 2
}
.single-page.product-service-page .solution .solution-item.current::after,
.single-page.product-service-page .solution .solution-item:hover::after {
  top: 0;
  transition: top .3s
}
.single-page.product-service-page .solution .solution-item.current .title,
.single-page.product-service-page .solution .solution-item:hover .title {
  top: .46875rem;
  text-align: center
}
.single-page.product-service-page .solution .solution-item.current .title span,
.single-page.product-service-page .solution .solution-item:hover .title span {
  position: relative;
  font-size: .15625rem
}
.single-page.product-service-page .solution .solution-item.current .title span::after,
.single-page.product-service-page .solution .solution-item.current .title span::before,
.single-page.product-service-page .solution .solution-item:hover .title span::after,
.single-page.product-service-page .solution .solution-item:hover .title span::before {
  width: .23438rem
}
.single-page.product-service-page .solution .solution-item.current .text-one,
.single-page.product-service-page .solution .solution-item:hover .text-one {
  opacity: 0
}
.single-page.product-service-page .solution .solution-item.current .text-two,
.single-page.product-service-page .solution .solution-item:hover .text-two {
  opacity: 0
}
.single-page.product-service-page .solution .solution-item.current .menus,
.single-page.product-service-page .solution .solution-item:hover .menus {
  top: 1.04167rem
}
.single-page.product-service-page .solution .solution-item .thumb {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 2.76042rem
}
.single-page.product-service-page .solution .solution-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.product-service-page .solution .solution-swiper {
  position: relative
}
.single-page.product-service-page .solution .banner-pagination {
  display: none
}
.single-page.product-service-page .solution .banner-button-next,
.single-page.product-service-page .solution .banner-button-prev {
  z-index: 99;
  position: absolute;
  display: inline-block;
  border: 1PX solid #005bac;
  width: .29167rem;
  height: .29167rem;
  left: -.52083rem;
  margin-top: -.20833rem;
  top: 50%;
  line-height: .29167rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}
.single-page.product-service-page .solution .banner-button-next i,
.single-page.product-service-page .solution .banner-button-prev i {
  color: #005bac;
  font-size: .11458rem
}
.single-page.product-service-page .solution .banner-button-next:hover,
.single-page.product-service-page .solution .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff;
  transition: background .3s
}
.single-page.product-service-page .solution .banner-button-next:hover i,
.single-page.product-service-page .solution .banner-button-prev:hover i {
  color: #fff
}
.single-page.product-service-page .solution .banner-button-next {
  left: auto;
  right: -.52083rem
}
.single-page.product-service-page .service {
  height: 4.53125rem;
  background: linear-gradient(to bottom,#fff 0,#e9f2f9 100%)
}
.single-page.product-service-page .service .service-body {
  position: relative
}
.single-page.product-service-page .service .title {
  color: #005bac;
  font-size: .1875rem;
  margin-bottom: .13021rem
}
.single-page.product-service-page .service .intro {
  margin-bottom: .15625rem;
  color: #666;
  line-height: 1.9;
  font-size: .09375rem
}
.single-page.product-service-page .service .slogan {
  font-size: .11458rem;
  color: #333
}
.single-page.product-service-page .service .slogan ul li {
  line-height: 1.7;
  margin-bottom: .10417rem
}
.single-page.product-service-page .service .slogan ul li b {
  font-size: .1875rem;
  color: #005bac;
  font-weight: 400;
  padding-right: .07813rem
}
.single-page.product-service-page .service .map {
  position: absolute;
  z-index: 3;
  right: .40625rem;
  top: -.10417rem;
  width: 4.01042rem;
  height: 3.4375rem;
  background: url(assets/img/service-map-3.png) no-repeat 0 0;
  background-size: contain;
  transform: scale(1.2)
}
.single-page.product-service-page .service .map .dot-location ul li {
  position: absolute;
  z-index: 3;
  color: #333;
  text-align: left
}
.single-page.product-service-page .service .map .dot-location ul li .logo {
  display: inline-block;
  position: absolute;
  width: .10417rem;
  height: .10417rem;
  top: -.10417rem;
  left: -.04167rem;
  background: url(assets/img/sy-logo-2.png) no-repeat 0 0;
  background-size: contain
}
.single-page.product-service-page .service .map .dot-location ul li span {
  position: absolute;
  top: .07292rem;
  left: 0;
  width: 1.04167rem
}
.single-page.product-service-page .service .map .dot-location ul li .dot {
  display: inline-block;
  position: relative;
  width: .02604rem;
  height: .02604rem;
  border-radius: 50%;
  background: #898989
}
.single-page.product-service-page .service .map .dot-location ul li .dot::after,
.single-page.product-service-page .service .map .dot-location ul li .dot::before {
  content: '';
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  width: .02083rem;
  height: .02083rem;
  margin: -.01563rem 0 0 -.01563rem;
  border: .00521rem solid #898989;
  animation: animationScale 3s 2s infinite ease-in-out;
  opacity: .5
}
.single-page.product-service-page .service .map .dot-location ul li .dot::after {
  animation: animationScale2 1s 2s infinite ease-in-out
}
.single-page.product-service-page .service .map .dot-location ul li:nth-child(1) {
  left: 2.73438rem;
  top: 1.74479rem
}
.single-page.product-service-page .service .map .dot ul li {
  position: absolute;
  z-index: 3;
  width: .03125rem;
  height: .03125rem;
  border-radius: 50%;
  background: #005bac
}
.single-page.product-service-page .service .map .dot ul li::after,
.single-page.product-service-page .service .map .dot ul li::before {
  content: '';
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  width: .02083rem;
  height: .02083rem;
  margin: -.01563rem 0 0 -.01563rem;
  border: .00521rem solid #005bac;
  animation: animationScale 3s 2s infinite ease-in-out;
  opacity: .5
}
.single-page.product-service-page .service .map .dot ul li::after {
  animation: animationScale2 1s 2s infinite ease-in-out
}
.single-page.product-service-page .service .map .dot ul li:nth-child(1) {
  left: 2.83854rem;
  top: 1.84896rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(2) {
  left: 2.89063rem;
  top: 1.82292rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(3) {
  left: 2.86458rem;
  top: 1.89063rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(4) {
  left: 2.79167rem;
  top: 1.89583rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(5) {
  left: 2.73438rem;
  top: 1.77083rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(6) {
  left: 2.82292rem;
  top: 1.70833rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(7) {
  left: 2.76042rem;
  top: 1.72917rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(8) {
  left: 2.91667rem;
  top: 1.91667rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(9) {
  left: 2.91667rem;
  top: 1.97917rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(10) {
  left: 2.57813rem;
  top: 1.66667rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(11) {
  left: 2.96875rem;
  top: 1.8125rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(12) {
  left: 3.04688rem;
  top: 1.84896rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(13) {
  left: 3.08333rem;
  top: 1.76042rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(14) {
  left: 2.94271rem;
  top: 1.69271rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(15) {
  left: 2.86458rem;
  top: 1.64063rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(16) {
  left: 3.02083rem;
  top: 1.81771rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(17) {
  left: 3.09375rem;
  top: 1.83333rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(18) {
  left: 2.91667rem;
  top: 1.66667rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(19) {
  left: 3.125rem;
  top: 2.08333rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(20) {
  left: 3.02083rem;
  top: 1.97917rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(21) {
  left: 3.09896rem;
  top: 1.90104rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(22) {
  left: 3.06771rem;
  top: 2.03125rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(23) {
  left: 3.14583rem;
  top: 1.84896rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(24) {
  left: 2.68229rem;
  top: 1.1875rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(25) {
  left: 2.75521rem;
  top: 1.25rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(26) {
  left: 2.86458rem;
  top: 1.17188rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(27) {
  left: 2.60417rem;
  top: 1.35417rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(28) {
  left: 2.60417rem;
  top: 1.43229rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(29) {
  left: 2.70833rem;
  top: 2.60417rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(30) {
  left: 2.96875rem;
  top: 2.4375rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(31) {
  left: 2.26563rem;
  top: 1.66667rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(32) {
  left: 2.76042rem;
  top: 1.47917rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(33) {
  left: 2.69271rem;
  top: 1.47917rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(34) {
  left: 2.69271rem;
  top: 1.58854rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(35) {
  left: 2.76042rem;
  top: 1.43229rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(36) {
  left: 2.8125rem;
  top: 1.51042rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(37) {
  left: 2.96875rem;
  top: 1.45833rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(38) {
  left: 2.70833rem;
  top: 1.43229rem
}
.single-page.product-service-page .service .map .dot ul li:nth-child(39) {
  left: 2.65625rem;
  top: 1.97917rem
}
.single-page.product-service-page .service-graphic .merit {
  position: relative;
  top: -.32292rem;
  background: #fafcfe;
  box-shadow: 0 .01042rem .22396rem 0 rgba(24,55,81,.07);
  border-radius: .05208rem;
  height: .65104rem
}
.single-page.product-service-page .service-graphic .merit ul {
  display: flex
}
.single-page.product-service-page .service-graphic .merit ul li {
  flex: 1;
  text-align: center;
  font-size: .10417rem;
  font-weight: 700;
  color: #333;
  line-height: .65104rem
}
.single-page.product-service-page .service-graphic .merit ul li i {
  position: relative;
  top: .07813rem;
  margin-right: .07813rem;
  display: inline-block;
  width: .22917rem;
  height: .22917rem;
  background-image: url(assets/img/product-service-icon-5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center
}
.single-page.product-service-page .service-graphic .merit ul li i.icon-2 {
  background-image: url(assets/img/product-service-icon-6.png)
}
.single-page.product-service-page .service-graphic .merit ul li i.icon-3 {
  background-image: url(assets/img/product-service-icon-7.png)
}
.single-page.product-service-page .service-graphic .merit ul li i.icon-4 {
  background-image: url(assets/img/product-service-icon-8.png)
}
.single-page.product-service-page .service-graphic .merit ul li i.icon-5 {
  background-image: url(assets/img/product-service-icon-9.png)
}
.single-page.product-service-page .service-graphic .merit ul li i.icon-6 {
  background-image: url(assets/img/product-service-icon-10.png)
}
.single-page.product-service-page .service-graphic .graphic {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: .46875rem
}
.single-page.product-service-page .service-graphic .graphic .graphic-item {
  border-radius: .03125rem;
  width: calc((100% - (.38021rem*2))/ 3);
  margin: 0 .36458rem 0 0;
  height: 2.08333rem;
  overflow: hidden;
  position: relative;
  top: 0;
  border: .00521rem solid #cfcfcf
}
.single-page.product-service-page .service-graphic .graphic .graphic-item:nth-child(3n) {
  margin-right: 0
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .thumb {
  overflow: hidden;
  height: 1.40625rem
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .intro {
  padding: .13021rem .13021rem
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .intro span {
  display: inline-block;
  height: .19792rem;
  padding: 0 .07813rem;
  background: #005bac;
  color: #fff;
  text-align: center;
  line-height: .19792rem;
  border-radius: .02083rem;
  font-size: .10417rem;
  font-weight: 700;
  margin-bottom: .07813rem
}
.single-page.product-service-page .service-graphic .graphic .graphic-item .intro p {
  line-height: 1.4;
  font-size: .08333rem;
  color: #333
}
.single-page.product-hardware-page,
.single-page.product-project-page {
  padding-bottom: .15625rem
}
.single-page.product-hardware-page .project-introduce,
.single-page.product-project-page .project-introduce {
  margin-bottom: .52083rem
}
.single-page.product-hardware-page .project-introduce .swiper,
.single-page.product-project-page .project-introduce .swiper {
  box-shadow: 0 .01042rem .10417rem 0 rgba(140,143,148,.17);
  border-radius: .03125rem
}
.single-page.product-hardware-page .project-introduce .project-introduce-item,
.single-page.product-project-page .project-introduce .project-introduce-item {
  height: 2.70833rem;
  display: flex;
  width: 100%
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .thumb,
.single-page.product-project-page .project-introduce .project-introduce-item .thumb {
  width: 3.73958rem;
  height: 100%;
  overflow: hidden;
  background: url(assets/img/product-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .thumb img,
.single-page.product-project-page .project-introduce .project-introduce-item .thumb img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .thumb:hover img,
.single-page.product-project-page .project-introduce .project-introduce-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text,
.single-page.product-project-page .project-introduce .project-introduce-item .text {
  width: 2.8125rem;
  padding: .3125rem .36458rem 0
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text h3,
.single-page.product-project-page .project-introduce .project-introduce-item .text h3 {
  font-size: .16667rem;
  color: #333;
  line-height: 1.5;
  height: 1.5;
  overflow: hidden;
  margin-bottom: .15625rem
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text p,
.single-page.product-project-page .project-introduce .project-introduce-item .text p {
  display: block;
  max-height: .66667rem;
  overflow-x: hidden;
  color: #666;
  font-size: .08333rem;
  margin-bottom: .3125rem;
  line-height: 1.9
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar,
.single-page.product-project-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar {
  width: .01563rem;
  height: .04167rem;
  border-radius: .02604rem
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar-thumb,
.single-page.product-project-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.01);
  background: rgba(0,0,0,.4);
  border-radius: .02604rem;
  overflow: hidden
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar-track,
.single-page.product-project-page .project-introduce .project-introduce-item .text p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  border-radius: 0;
  background: #fff;
  overflow: hidden
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text ul,
.single-page.product-project-page .project-introduce .project-introduce-item .text ul {
  display: block;
  width: 100%
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text ul li,
.single-page.product-project-page .project-introduce .project-introduce-item .text ul li {
  width: 48%;
  display: inline-block;
  color: #005bac;
  font-size: .09375rem;
  line-height: .15625rem;
  height: .26042rem;
  margin-bottom: .05208rem;
  line-height: .125rem;
  overflow: hidden;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  padding: 0 0 0 .15625rem
}
.single-page.product-hardware-page .project-introduce .project-introduce-item .text ul li i,
.single-page.product-project-page .project-introduce .project-introduce-item .text ul li i {
  position: absolute;
  z-index: 3;
  left: 0;
  top: .02604rem;
  display: inline-block;
  width: .09375rem;
  height: .09375rem;
  background: url(assets/img/project-icon-1.png) no-repeat 0 0;
  background-size: contain
}
.single-page.product-hardware-page .project-introduce .banner-button-next,
.single-page.product-hardware-page .project-introduce .banner-button-prev,
.single-page.product-project-page .project-introduce .banner-button-next,
.single-page.product-project-page .project-introduce .banner-button-prev {
  position: absolute;
  display: inline-block;
  border: 1PX solid #ddd;
  width: .20833rem;
  height: .20833rem;
  left: 50%;
  margin-left: -4.01042rem;
  margin-top: -.26042rem;
  top: 50%;
  line-height: .20833rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s
}
.single-page.product-hardware-page .project-introduce .banner-button-next i,
.single-page.product-hardware-page .project-introduce .banner-button-prev i,
.single-page.product-project-page .project-introduce .banner-button-next i,
.single-page.product-project-page .project-introduce .banner-button-prev i {
  color: #ddd;
  font-size: .08333rem
}
.single-page.product-hardware-page .project-introduce .banner-button-next:hover,
.single-page.product-hardware-page .project-introduce .banner-button-prev:hover,
.single-page.product-project-page .project-introduce .banner-button-next:hover,
.single-page.product-project-page .project-introduce .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff;
  text-decoration: none
}
.single-page.product-hardware-page .project-introduce .banner-button-next,
.single-page.product-project-page .project-introduce .banner-button-next {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -4.01042rem
}
.single-page.product-hardware-page .project-introduce .banner-pagination,
.single-page.product-project-page .project-introduce .banner-pagination {
  display: none
}
.single-page.product-hardware-page .project-advantage,
.single-page.product-project-page .project-advantage {
  background: url(assets/img/project-bg-2.png) no-repeat center 0;
  background-size: cover;
  padding-bottom: .26042rem
}
.single-page.product-hardware-page .project-advantage .project-advantage-list,
.single-page.product-project-page .project-advantage .project-advantage-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div,
.single-page.product-project-page .project-advantage .project-advantage-list > div {
  background: #fff;
  border-radius: .05208rem;
  width: calc((100% - (.07813rem*2))/ 2);
  margin: 0 .15625rem .15625rem 0;
  height: 1.04167rem;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  top: 0;
  padding: .20833rem .20833rem 0 .9375rem
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div:nth-child(2n),
.single-page.product-project-page .project-advantage .project-advantage-list > div:nth-child(2n) {
  margin-right: 0
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div h3,
.single-page.product-project-page .project-advantage .project-advantage-list > div h3 {
  font-size: .13542rem;
  color: #333;
  font-weight: 400;
  margin-bottom: .05208rem
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div p,
.single-page.product-project-page .project-advantage .project-advantage-list > div p {
  font-size: .09375rem;
  color: #666;
  line-height: 2;
  display: block;
  height: .3125rem;
  line-height: .15625rem;
  overflow-x: hidden
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar,
.single-page.product-project-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar {
  width: .01563rem;
  height: .04167rem;
  border-radius: .02604rem
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar-thumb,
.single-page.product-project-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.01);
  background: rgba(0,0,0,.4);
  border-radius: .02604rem;
  overflow: hidden
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar-track,
.single-page.product-project-page .project-advantage .project-advantage-list > div p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  border-radius: 0;
  background: #fff;
  overflow: hidden
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div i,
.single-page.product-project-page .project-advantage .project-advantage-list > div i {
  position: absolute;
  left: .26042rem;
  top: .28125rem;
  z-index: 3;
  width: .4375rem;
  height: .4375rem;
  border-radius: 50%;
  background: #005bac;
  text-align: center;
  line-height: .4375rem;
  background-image: url(assets/img/project-icon-2.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div i.icon-2,
.single-page.product-project-page .project-advantage .project-advantage-list > div i.icon-2 {
  background-image: url(assets/img/project-icon-3.png)
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div i.icon-3,
.single-page.product-project-page .project-advantage .project-advantage-list > div i.icon-3 {
  background-image: url(assets/img/project-icon-4.png)
}
.single-page.product-hardware-page .project-advantage .project-advantage-list > div i.icon-4,
.single-page.product-project-page .project-advantage .project-advantage-list > div i.icon-4 {
  background-image: url(assets/img/project-icon-5.png)
}
.single-page.product-hardware-page .project-adhibition,
.single-page.product-project-page .project-adhibition {
  padding-bottom: .26042rem
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list,
.single-page.product-project-page .project-adhibition .project-adhibition-list {
  display: flex
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div {
  width: 1.35417rem;
  height: 2.21354rem;
  margin-right: .05208rem;
  border-radius: .02604rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: width .3s
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div::after,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div::after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.5);
  transition: all .3s
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div:last-child,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div:last-child {
  margin: 0
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div .thumb,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div .thumb {
  height: 100%
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div .thumb img,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div .title,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div .title {
  position: absolute;
  z-index: 3;
  top: .15625rem;
  left: .15625rem;
  width: .10417rem;
  color: #fff;
  font-size: .125rem;
  line-height: 1.3;
  transition: all .3s
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div.current,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div.current {
  width: 3.07292rem
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div.current::after,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div.current::after {
  background: rgba(0,0,0,.2)
}
.single-page.product-hardware-page .project-adhibition .project-adhibition-list > div.current .title,
.single-page.product-project-page .project-adhibition .project-adhibition-list > div.current .title {
  width: 100%;
  top: 88%
}
.single-page.product-hardware-page .project-recommend,
.single-page.product-project-page .project-recommend {
  padding-bottom: .15625rem
}
.single-page.product-hardware-page .project-recommend .project-recommend-list,
.single-page.product-project-page .project-recommend .project-recommend-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div,
.single-page.product-project-page .project-recommend .project-recommend-list > div {
  width: calc((100% - (.20833rem*2))/ 3);
  margin: 0 .20833rem .20833rem 0;
  height: 2.86458rem;
  overflow: hidden;
  position: relative;
  text-decoration: none
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div:nth-child(3n),
.single-page.product-project-page .project-recommend .project-recommend-list > div:nth-child(3n) {
  margin-right: 0
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div a,
.single-page.product-project-page .project-recommend .project-recommend-list > div a {
  border-radius: .03125rem;
  overflow: hidden;
  display: block;
  transition: background .3s
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .intro,
.single-page.product-project-page .project-recommend .project-recommend-list > div .intro {
  padding: .20833rem .15625rem;
  background: #eef0f4
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .intro h3,
.single-page.product-project-page .project-recommend .project-recommend-list > div .intro h3 {
  height: .15625rem;
  line-height: .15625rem;
  overflow: hidden;
  font-size: .125rem;
  font-weight: 400;
  color: #333;
  margin-bottom: .23438rem;
  text-decoration: none
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .intro em,
.single-page.product-project-page .project-recommend .project-recommend-list > div .intro em {
  font-style: normal;
  padding: 0 .15625rem;
  border-radius: .15625rem;
  display: inline-block;
  height: .20833rem;
  line-height: .20833rem;
  font-size: .07292rem;
  color: #005bac;
  border: .00521rem solid #005bac;
  transition: background .3s
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .intro em:hover,
.single-page.product-project-page .project-recommend .project-recommend-list > div .intro em:hover {
  background: #005bac;
  color: #fff;
  text-decoration: none
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .thumb,
.single-page.product-project-page .project-recommend .project-recommend-list > div .thumb {
  overflow: hidden;
  height: 1.77083rem;
  text-align: center
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .thumb img,
.single-page.product-project-page .project-recommend .project-recommend-list > div .thumb img {
  margin: 0 auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div .thumb:hover img,
.single-page.product-project-page .project-recommend .project-recommend-list > div .thumb:hover img {
  transform: scale(1.1)
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div a:hover,
.single-page.product-project-page .project-recommend .project-recommend-list > div a:hover {
  text-decoration: none
}
.single-page.product-hardware-page .project-recommend .project-recommend-list > div a:hover .intro h3,
.single-page.product-project-page .project-recommend .project-recommend-list > div a:hover .intro h3 {
  text-decoration: none
}
.single-page.investor-page .stock-chart {
  margin-bottom: .3125rem
}
.single-page.investor-page .stock-chart .stock-chart-body {
  width: 100%;
  height: 3.64583rem
}
.single-page.investor-page .stock-chart .stock-chart-body iframe {
  width: 100%;
  height: 100%;
  border: none
}
.single-page.investor-page .investment-education {
  background: #f1f1f1
}
.single-page.investor-page .investment-education .investment-education-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: .05208rem
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item {
  width: calc((100% - (.21875rem*1))/ 2);
  margin: 0 .20833rem .20833rem 0;
  height: 1.14583rem;
  overflow: hidden;
  position: relative;
  top: 0;
  background: #fff;
  box-shadow: 0 .01042rem .22396rem 0 rgba(140,143,148,.12);
  border-radius: .03125rem;
  padding: .30208rem .23438rem 0 1.04167rem;
  box-sizing: border-box
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item a {
  display: block;
  color: #333
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item a:hover {
  text-decoration: none
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item h3:hover {
  color: #005bac
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item:nth-child(2n) {
  margin-right: 0
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item .date {
  position: absolute;
  z-index: 3;
  left: .23438rem;
  top: .30208rem;
  width: .67708rem;
  height: .625rem;
  background: url(assets/img/investor-bg-1.png) no-repeat 0 0;
  background-size: contain;
  color: #fff;
  box-sizing: border-box;
  padding: .10417rem 0 0 .13021rem;
  line-height: 1.6
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item .date b {
  display: block;
  font-size: .125rem
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item .date span {
  font-size: .10417rem
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item .text h3 {
  font-size: .10417rem;
  font-weight: 400;
  height: .18229rem;
  line-height: .18229rem;
  overflow: hidden;
  margin-bottom: .10417rem
}
.single-page.investor-page .investment-education .investment-education-list .investment-education-item .text p {
  font-size: .08333rem;
  color: #666;
  height: .26042rem;
  overflow: hidden;
  display: block
}
.single-page.investor-page .investment-education .investment-education-footer {
  padding-bottom: .46875rem
}
.single-page.join-page .join-idea {
  background: #f8f8f8;
  padding: 0 0 .41667rem
}
.single-page.join-page .join-idea .join-idea-body {
  display: flex;
  justify-content: space-between
}
.single-page.join-page .join-idea .join-idea-body .thumb {
  width: 3.75rem;
  height: 2.34375rem;
  overflow: hidden;
  border-radius: .03125rem
}
.single-page.join-page .join-idea .join-idea-body .thumb img {
  display: block;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover
}
.single-page.join-page .join-idea .join-idea-body .text {
  width: 3.125rem;
  padding-top: .07813rem
}
.single-page.join-page .join-idea .join-idea-body .text h3 {
  font-size: .10938rem;
  font-weight: 400;
  color: #333;
  margin-bottom: .15625rem;
  line-height: 1.8
}
.single-page.join-page .join-idea .join-idea-body .text ul li {
  margin-bottom: .13021rem;
  font-size: .08333rem;
  position: relative;
  padding: 0 0 0 .39063rem
}
.single-page.join-page .join-idea .join-idea-body .text ul li:last-child {
  margin: 0
}
.single-page.join-page .join-idea .join-idea-body .text ul li span {
  display: block;
  color: #666;
  line-height: 2.2;
  font-size: .10417rem;
  font-weight: 400;
  padding-bottom: .05208rem;
  position: relative
}
.single-page.join-page .join-idea .join-idea-body .text ul li span::before {
  content: '';
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  height: .01563rem;
  background: rgba(153,153,153,.4)
}
.single-page.join-page .join-idea .join-idea-body .text ul li span:hover::after {
  width: 100%
}
.single-page.join-page .join-idea .join-idea-body .text ul li span::after {
  content: '';
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: .26042rem;
  height: .01563rem;
  background: #005bac;
  transition: width .5s
}
.single-page.join-page .join-idea .join-idea-body .text ul li i {
  display: inline-block;
  position: absolute;
  z-index: 3;
  left: 0;
  top: .05208rem;
  width: .20833rem;
  height: .20833rem;
  background-position: center center;
  background-image: url(assets/img/join-icon-one-1.png);
  background-size: contain;
  background-repeat: no-repeat
}
.single-page.join-page .join-idea .join-idea-body .text ul li i.icon-2 {
  background-image: url(assets/img/join-icon-one-2.png)
}
.single-page.join-page .join-idea .join-idea-body .text ul li i.icon-3 {
  background-image: url(assets/img/join-icon-one-3.png)
}
.single-page.join-page .join-idea .join-idea-body .text ul li i.icon-4 {
  background-image: url(assets/img/join-icon-one-4.png)
}
.single-page.join-page .join-life {
  padding-bottom: .52083rem
}
.single-page.join-page .join-life .join-life-list {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 1.82292rem
}
.single-page.join-page .join-life .join-life-list .join-life-item {
  display: inline-block;
  width: calc((100% - (.05208rem*3))/ 3);
  height: 1.65625rem;
  position: relative;
  margin: 0 .05208rem .05208rem 0
}
.single-page.join-page .join-life .join-life-list .join-life-item:first-child {
  position: absolute;
  left: 0;
  top: 0;
  height: 3.36979rem;
  width: 1.77083rem
}
.single-page.join-page .join-life .join-life-list .join-life-item:nth-child(2) {
  width: 3.59375rem
}
.single-page.join-page .join-life .join-life-list .join-life-item:nth-child(3n) {
  margin-right: 0
}
.single-page.join-page .join-life .join-life-list .join-life-item .thumb {
  border-radius: .05208rem;
  overflow: hidden;
  width: 100%;
  height: 100%
}
.single-page.join-page .join-life .join-life-list .join-life-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.join-page .join-life .join-life-list .join-life-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page.join-page .join-life .join-life-list .join-life-item .title {
  position: absolute;
  z-index: 3;
  bottom: .07813rem;
  left: .10417rem;
  font-size: .125rem;
  color: #fff;
  text-shadow: 0 .01042rem .03125rem rgba(24,55,81,.91)
}
.single-page.join-page .join-boon {
  background: #f8f8f8;
  padding-bottom: .36458rem
}
.single-page.join-page .join-boon .join-boon-item ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap
}
.single-page.join-page .join-boon .join-boon-item ul li {
  border-radius: .03125rem;
  width: calc((100% - (.11458rem*4))/ 5);
  margin: 0 .10417rem .10417rem 0;
  height: 1.17708rem;
  overflow: hidden;
  position: relative;
  top: 0;
  background: #fff;
  border-radius: .05208rem;
  border: .00521rem solid rgba(17,100,186,.5);
  box-sizing: border-box;
  text-align: center;
  padding: .15625rem 0 0 0;
  box-shadow: 0 0 .125rem 0 rgba(75,109,143,.1)
}
.single-page.join-page .join-boon .join-boon-item ul li:nth-child(5n) {
  margin-right: 0
}
.single-page.join-page .join-boon .join-boon-item ul li i {
  border-radius: 50%;
  margin: 0 auto .10417rem;
  width: .52083rem;
  height: .52083rem;
  display: inline-block;
  background: rgba(17,100,186,.06);
  background-image: url(assets/img/join-icon-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .26042rem;
  transition: all .5s
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-2 {
  background-image: url(assets/img/join-icon-2.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-3 {
  background-image: url(assets/img/join-icon-3.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-4 {
  background-image: url(assets/img/join-icon-4.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-5 {
  background-image: url(assets/img/join-icon-5.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-6 {
  background-image: url(assets/img/join-icon-6.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-7 {
  background-image: url(assets/img/join-icon-7.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-8 {
  background-image: url(assets/img/join-icon-8.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-9 {
  background-image: url(assets/img/join-icon-9.png)
}
.single-page.join-page .join-boon .join-boon-item ul li i.icon-10 {
  background-image: url(assets/img/join-icon-10.png)
}
.single-page.join-page .join-boon .join-boon-item ul li span {
  display: block;
  font-size: .125rem;
  color: #666
}
.single-page.join-page .join-boon .join-boon-item ul li:hover i {
  background-color: rgba(17,100,186,.2);
  transform: rotate(360deg);
  box-shadow: 0 0 .10417rem rgba(0,0,0,.2)
}
.single-page.join-page .join-boon .join-boon-item ul li:hover span {
  color: #555
}
.single-page.join-page .join-job .join-job-list {
  display: flex;
  justify-content: space-between
}
.single-page.join-page .join-job .join-job-list .join-job-item {
  width: calc((100% - (.20833rem*1))/ 2);
  margin: 0 .20833rem .20833rem 0;
  border-radius: .03125rem;
  overflow: hidden;
  position: relative
}
.single-page.join-page .join-job .join-job-list .join-job-item:nth-child(2n) {
  margin-right: 0
}
.single-page.join-page .join-job .join-job-list .join-job-item .title {
  position: absolute;
  bottom: .10417rem;
  left: .20833rem;
  z-index: 3;
  color: #fff;
  font-size: .15625rem;
  font-weight: 700
}
.single-page.join-page .join-job .join-job-list .join-job-item .thumb {
  position: relative
}
.single-page.join-page .join-job .join-job-list .join-job-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-page.join-page .join-job .join-job-list .join-job-item .thumb::after {
  content: '';
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
  z-index: 3;
  position: absolute;
  background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,.5))
}
.single-page.join-page .join-job .join-job-list .join-job-item .thumb:hover img {
  transform: scale(1.1)
}
.single-page.join-page .join-contact .map {
  height: 100%;
  width: 100%
}
.single-page.join-page .join-contact .join-map {
  height: 3.4375rem;
  position: relative
}
.single-page.join-page .join-contact .join-map .join-map-popup {
  width: 2.8125rem;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  overflow: hidden;
  box-shadow: 0 .01563rem .33854rem 0 rgba(24,55,81,.1);
  border-radius: .03125rem;
  z-index: 31
}
.single-page.join-page .join-contact .join-map .join-map-popup .title {
  padding: .26042rem 0 .07813rem .26042rem;
  border-top: .01563rem solid #005bac
}
.single-page.join-page .join-contact .join-map .join-map-popup .title h3 {
  font-size: .1875rem;
  color: #333;
  font-weight: 400
}
.single-page.join-page .join-contact .join-map .join-map-popup .title p {
  color: #666;
  font-size: .09375rem;
  text-transform: uppercase
}
.single-page.join-page .join-contact .join-map .join-map-popup .text {
  padding: .15625rem .26042rem .20833rem
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li {
  margin-bottom: .10417rem;
  color: #666;
  font-size: .09375rem;
  line-height: 2
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li i {
  display: inline-block;
  width: .10417rem;
  height: .13542rem;
  background-position: center center;
  background-image: url(assets/img/join-icon-three-1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: .02083rem;
  margin-right: .07292rem
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li i.icon-2 {
  background-image: url(assets/img/join-icon-three-2.png)
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li i.icon-3 {
  background-image: url(assets/img/join-icon-three-3.png)
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li i.icon-4 {
  background-image: url(assets/img/join-icon-three-4.png)
}
.single-page.join-page .join-contact .join-map .join-map-popup .text ul li i.icon-5 {
  background-image: url(assets/img/join-icon-three-5.png)
}
.single-page.job-page {
  background: #f7f7f7;
  min-height: 5.20833rem;
  font-size: .07292rem;
  padding-bottom: .41667rem
}
.single-page.job-page .job-page-body {
  background: #fff;
  padding: .20833rem .26042rem .10417rem;
  border-radius: .05208rem
}
.single-page.job-page .job-page-body .job-search .form {
  border: .00521rem solid #005bac;
  height: .3125rem;
  margin-bottom: .13021rem;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box
}
.single-page.job-page .job-page-body .job-search .form .search-input {
  flex: 1;
  border: 0;
  outline: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 .10417rem;
  color: #333;
  font-size: .08333rem
}
.single-page.job-page .job-page-body .job-search .form .search-button {
  cursor: pointer;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 .10417rem;
  background-color: #fff
}
.single-page.job-page .job-page-body .job-search .form .search-button .iconfont {
  font-size: .125rem;
  font-weight: 700;
  color: #005bac
}
.single-page.job-page .job-page-body .condition {
  margin-bottom: .13021rem;
  padding-bottom: .13021rem;
  border-bottom: .00521rem solid #ebebeb
}
.single-page.job-page .job-page-body .condition .condition-item {
  position: relative;
  padding: 0 .36458rem .05208rem .41667rem
}
.single-page.job-page .job-page-body .condition .condition-item .title {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  line-height: .17708rem;
  font-size: .08333rem
}
.single-page.job-page .job-page-body .condition .condition-item .more-btn {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  line-height: .17708rem;
  font-size: .07292rem;
  cursor: pointer
}
.single-page.job-page .job-page-body .condition .condition-item .more-btn:hover {
  color: #005bac
}
.single-page.job-page .job-page-body .condition .condition-item ul {
  display: inline-block
}
.single-page.job-page .job-page-body .condition .condition-item ul li {
  display: inline-block;
  margin-bottom: .02604rem
}
.single-page.job-page .job-page-body .condition .condition-item ul li a {
  padding: 0 .05208rem;
  display: block;
  height: .17708rem;
  line-height: .17708rem;
  color: #999;
  border-radius: .01042rem;
  font-size: .08333rem;
  transition: all .3s;
  cursor: pointer
}
.single-page.job-page .job-page-body .condition .condition-item ul li a.current,
.single-page.job-page .job-page-body .condition .condition-item ul li a:hover {
  color: #005bac;
  background: #dfe3e9;
  text-decoration: none
}
.single-page.job-page .job-page-body .table ul {
  display: flex;
  background: rgba(223,227,233,.3);
  height: .3125rem;
  color: #333;
  transition: background .3s
}
.single-page.job-page .job-page-body .table ul li {
  font-size: .08333rem;
  text-align: center;
  flex: 1;
  line-height: .3125rem
}
.single-page.job-page .job-page-body .table ul li .btn-more {
  cursor: pointer
}
.single-page.job-page .job-page-body .table ul li .btn-more i {
  transition: transform .3s;
  margin-left: .03646rem;
  display: inline-block;
  width: .10417rem;
  height: .05208rem;
  background: url(assets/img/join-job-icon-down.png) no-repeat center center
}
.single-page.job-page .job-page-body .table .table-head {
  margin-bottom: .02604rem
}
.single-page.job-page .job-page-body .table .table-head ul {
  background: #005bac;
  color: #fff
}
.single-page.job-page .job-page-body .table .table-body .row {
  margin-bottom: .02604rem
}
.single-page.job-page .job-page-body .table .table-body .row .intro {
  display: none;
  overflow: hidden;
  position: relative;
  padding: .15625rem .78125rem .10417rem .26042rem;
  border: .00521rem solid #dfe3e9
}
.single-page.job-page .job-page-body .table .table-body .row .intro h2 {
  font-size: .08333rem;
  font-weight: 400;
  color: #333;
  margin-bottom: .05208rem
}
.single-page.job-page .job-page-body .table .table-body .row .intro p {
  margin-bottom: .07813rem;
  line-height: 1.8
}
.single-page.job-page .job-page-body .table .table-body .row .intro .btn-send {
  position: absolute;
  right: .26042rem;
  top: .15625rem;
  z-index: 3;
  height: .20833rem;
  line-height: .20833rem;
  padding: 0 .15625rem;
  border-radius: .10417rem;
  background: #005bac;
  color: #fff
}
.single-page.job-page .job-page-body .table .table-body .row .intro .btn-send:hover {
  text-decoration: none
}
.single-page.job-page .job-page-body .table .table-body .row.current ul {
  background: #dfe3e9
}
.single-page.job-page .job-page-body .table .table-body .row.current ul .btn-more i {
  transform: rotate(180deg)
}
.single-page.job-page .job-page-body .table-footer {
  padding: .05208rem 0 .20833rem
}
.single-page.job-page .job-column {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap
}
.single-page.job-page .job-column .menus {
  background: #fff;
  width: 1.82292rem;
  padding: .18229rem .15625rem;
  border-radius: .05208rem;
  line-height: 2.8
}
.single-page.job-page .job-column .menus li {
  font-size: .11458rem;
  border-bottom: .00521rem solid #dfe3e9
}
.single-page.job-page .job-column .menus li:last-child {
  border: none
}
.single-page.job-page .job-column .menus li a {
  color: #333;
  display: block
}
.single-page.job-page .job-column .menus li a .icon-school,
.single-page.job-page .job-column .menus li a .icon-society {
  float: left;
  display: inline-block;
  width: .10417rem;
  height: .10417rem;
  margin: .11458rem .07813rem 0 0;
  background: url(assets/img/join-job-icon-1-1.png) no-repeat center center;
  background-size: contain
}
.single-page.job-page .job-column .menus li a .icon-school {
  background-image: url(assets/img/join-job-icon-2-1.png)
}
.single-page.job-page .job-column .menus li a .icon-arr {
  float: right;
  display: inline-block;
  width: .05208rem;
  height: .05208rem;
  margin-top: .13021rem;
  background: url(assets/img/join-arr-right-1.png) no-repeat 0 0;
  background-size: contain
}
.single-page.job-page .job-column .menus li a.current,
.single-page.job-page .job-column .menus li a:hover {
  color: #005bac;
  text-decoration: none
}
.single-page.job-page .job-column .menus li a.current .icon-arr,
.single-page.job-page .job-column .menus li a:hover .icon-arr {
  background-image: url(assets/img/join-arr-right-1-2.png)
}
.single-page.job-page .job-column .menus li a.current .icon-school,
.single-page.job-page .job-column .menus li a:hover .icon-school {
  background-image: url(assets/img/join-job-icon-2-2.png)
}
.single-page.job-page .job-column .menus li a.current .icon-society,
.single-page.job-page .job-column .menus li a:hover .icon-society {
  background-image: url(assets/img/join-job-icon-1-2.png)
}
.single-page.job-page .job-column .job-page-body {
  width: 4.55729rem
}
@media screen and (max-width:720PX) {
  .single-page .single-banner .img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: calc(40vh - var(--header-height))
  }
  .single-page .single-banner .text .banner-intro {
    font-size: 14PX;
    line-height: 1.5
  }
  .single-page .breadcrumb {
    height: auto;
    padding: 10PX 0;
    font-size: 14PX;
    display: block
  }
  .single-page .breadcrumb > a {
    font-size: 14PX
  }
  .single-page .single-page-article .article-body {
    padding: 10PX 20PX
  }
  .single-page .single-page-article .article-body .article-title {
    margin: 0
  }
  .single-page .single-page-article .article-body .article-title h2 {
    margin: 0;
    font-size: 16PX
  }
  .single-page .single-page-article .article-body .article-title .date {
    font-size: 12PX
  }
  .single-page .single-page-article .article-body .article-content {
    font-size: 14PX
  }
  .single-page .single-page-article .article-body .article-content p {
    margin: 0 0 10PX
  }
  .single-page .single-page-article .article-footer {
    padding: 0 20PX;
    margin-bottom: 10PX
  }
  .single-page .single-page-article .article-footer > div {
    position: relative;
    padding: 10PX 0 10PX 70PX;
    font-size: 13PX;
    height: 20PX;
    line-height: 20PX
  }
  .single-page .single-page-article .article-footer > div a {
    display: block;
    height: 20PX;
    line-height: 20PX;
    overflow: hidden
  }
  .single-page .single-page-article .article-footer > div span {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 10PX
  }
  .single-page .single-page-article .article-footer > div .date {
    display: none
  }
  .single-page .single-page-article .article-recommend {
    margin: 0;
    width: 100%
  }
  .single-page .single-page-article .article-recommend .article-list .article-list-title {
    font-size: 14PX
  }
  .single-page .single-page-article .article-recommend .article-list .article-item .thumb {
    display: block;
    height: auto
  }
  .single-page .single-page-article .article-recommend .article-list .article-item .title {
    font-size: 14PX
  }
  .single-page .single-page-article .article-recommend .article-list .article-item time {
    font-size: 12PX
  }
  .single-page .single-page-article .article-recommend .article-list .article-item.current .thumb {
    display: block;
    height: auto
  }
}
@keyframes animationScale {
  0% {
    transform: scale(1);
    opacity: .5
  }
  100% {
    transform: scale(4);
    opacity: 0
  }
}
@keyframes animationScale2 {
  0% {
    transform: scale(1);
    opacity: 1
  }
  20% {
    transform: scale(1);
    opacity: .8
  }
  100% {
    transform: scale(3);
    opacity: 0
  }
}
.pager,
.pagination {
  text-align: center;
  padding: .20833rem 0 0;
  font-size: .09375rem
}
.pager .screen-reader-text,
.pagination .screen-reader-text {
  display: none
}
.pager a,
.pager span,
.pagination a,
.pagination span {
  transition: all .5s;
  display: inline-block;
  line-height: .1875rem;
  margin-right: .03125rem;
  margin-bottom: .03125rem;
  padding: 0 .0625rem;
  color: #666;
  border: .00521rem solid #dbdbdb;
  background-color: #fff;
  border-radius: .02083rem;
  font-size: .08333rem;
  min-width: .07813rem
}
.pager a.current,
.pager a:hover,
.pager span.current,
.pager span:hover,
.pagination a.current,
.pagination a:hover,
.pagination span.current,
.pagination span:hover {
  text-decoration: none;
  color: #fff;
  background: #005bac;
  border-color: #005bac
}
.pager a.current i,
.pager a:hover i,
.pager span.current i,
.pager span:hover i,
.pagination a.current i,
.pagination a:hover i,
.pagination span.current i,
.pagination span:hover i {
  color: #fff
}
.pager a.disabled,
.pager span.disabled,
.pagination a.disabled,
.pagination span.disabled {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #dbdbdb
}
.pager a.dots,
.pager a.dots:hover,
.pager span.dots,
.pager span.dots:hover,
.pagination a.dots,
.pagination a.dots:hover,
.pagination span.dots,
.pagination span.dots:hover {
  cursor: not-allowed;
  color: #666;
  background-color: #fff
}
.pager a i,
.pager span i,
.pagination a i,
.pagination span i {
  font-weight: 700;
  color: #666;
  font-size: .0625rem
}
@media screen and (max-width:640PX) {
  .pager,
  .pagination {
    text-align: center;
    font-size: 16PX;
    padding: 20PX 0 0;
    margin: 0
  }
  .pager a,
  .pager span,
  .pagination a,
  .pagination span {
    padding: 0 10PX;
    font-size: 16PX;
    margin-right: 2PX;
    margin-bottom: 6PX;
    line-height: 30PX;
    height: 30PX
  }
  .pager a i,
  .pager span i,
  .pagination a i,
  .pagination span i {
    font-size: 12PX;
    position: relative;
    top: -1PX
  }
}
* {
  letter-spacing: .01042rem
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000
}
.header .header-inner {
  width: var(--container-inner-width);
  margin: 0 auto;
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  align-items: center
}
.header .logo {
  width: 1.5625rem;
  height: .28646rem;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
  z-index: 2009
}
.header .logo > a {
  width: 100%;
  height: 100%;
  display: block;
  align-items: center;
  background: url(assets/img/logo.png) no-repeat 0 center;
  background-size: 100% 100%
}
.header .menu {
  width: auto;
  height: 100%;
  position: relative
}
.header .menu > ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.header .menu > ul > .menu-item {
  height: 100%;
  padding: 0 .13021rem;
  display: flex;
  align-items: center;
  position: relative
}
.header .menu > ul > .menu-item > h3 {
  font-weight: 400;
  transition: color .5s ease;
  position: relative;
  display: block;
  height: var(--header-height);
  line-height: var(--header-height);
  z-index: 2009
}
.header .menu > ul > .menu-item > h3 a {
  color: #fff;
  font-size: .09375rem;
  display: block
}
.header .menu > ul > .menu-item > h3 i {
  display: none
}
.header .menu > ul > .menu-item > h3:after {
  content: "";
  position: absolute;
  width: 0;
  height: .01563rem;
  top: 0;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%,0);
  transition: width .8s
}
.header .menu > ul > .menu-item.active > h3 a,
.header .menu > ul > .menu-item.current > h3 a,
.header .menu > ul > .menu-item.current-category-ancestor > a .header .menu > ul > .menu-item.current-post-ancestor > a a,
.header .menu > ul > .menu-item.current-menu-ancestor > a a,
.header .menu > ul > .menu-item.current-menu-item > h3 a,
.header .menu > ul > .menu-item.current-menu-parent > a a,
.header .menu > ul > .menu-item:hover > h3 a {
  text-decoration: none
}
.header .menu > ul > .menu-item.active > h3:after,
.header .menu > ul > .menu-item.current > h3:after,
.header .menu > ul > .menu-item.current-category-ancestor > a .header .menu > ul > .menu-item.current-post-ancestor > a:after,
.header .menu > ul > .menu-item.current-menu-ancestor > a:after,
.header .menu > ul > .menu-item.current-menu-item > h3:after,
.header .menu > ul > .menu-item.current-menu-parent > a:after,
.header .menu > ul > .menu-item:hover > h3:after {
  width: 100%
}
.header .menu > ul > .menu-item > .sub-menu {
  top: -1.64063rem;
  position: fixed;
  background-color: #fff;
  width: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 .05208rem .15625rem rgba(0,0,0,.1);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  transition: top .2s;
  z-index: 2001
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner {
  margin: 0 auto;
  width: var(--container-inner-width);
  display: flex;
  padding: .15625rem 0 .20833rem
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus {
  width: 1.875rem;
  margin-right: .46875rem;
  position: relative
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus::before {
  content: '';
  position: absolute;
  right: 0;
  top: .09375rem;
  width: .00521rem;
  bottom: .0625rem;
  background: rgba(204,204,204,.3)
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus ul li {
  color: #666;
  font-size: .09375rem;
  width: 48%;
  display: inline-block;
  line-height: .3125rem;
  position: relative;
  box-sizing: border-box
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus ul li::before {
  content: '';
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50%;
  width: .03125rem;
  height: .03125rem;
  margin-top: -.01563rem;
  background-color: #005bac;
  transform: rotate(45deg)
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus ul li a {
  padding-left: .07813rem;
  color: #666;
  transition: all .3s
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus ul li a:hover {
  padding-left: .0625rem;
  color: #005bac;
  text-decoration: none
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info {
  width: 4.6875rem;
  padding-top: .02604rem
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info h3 {
  font-size: .14583rem;
  line-height: .26042rem;
  font-weight: 400;
  margin-bottom: .10417rem;
  color: #383735
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info p {
  font-size: .07292rem;
  line-height: .10417rem;
  margin-bottom: .18229rem;
  line-height: .13021rem;
  color: #666;
  padding: 0 1.25rem 0 0
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more {
  border-radius: .10417rem;
  height: .20833rem;
  line-height: .20833rem;
  text-decoration: none;
  display: inline-block;
  padding: 0 .20833rem;
  font-size: .07292rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 1PX solid #005bac;
  background: #005bac
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more span {
  position: relative;
  z-index: 5;
  color: #fff
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more::before {
  position: absolute;
  width: .02604rem;
  height: .02604rem;
  border-radius: 50%;
  background: #005bac;
  z-index: 3;
  content: '';
  left: 0;
  bottom: 0;
  transform: scale(1);
  transition: all .5s
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more:hover {
  text-decoration: none
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more:hover span {
  color: #005bac
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more:hover::before {
  background: #fff;
  transform: scale(70)
}
.header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info .btn-more i {
  display: inline-block
}
.header .menu > ul > .menu-item:hover .sub-menu {
  top: var(--header-height);
  transition: top .5s
}
.header .menu .products-sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 6.14583rem;
  box-sizing: border-box;
  transform: translate(-50%,0);
  background-color: rgba(255,255,255,.96);
  box-shadow: 0 .02604rem .02604rem rgba(0,0,0,.1);
  border-bottom-left-radius: .10417rem;
  border-bottom-right-radius: .10417rem;
  padding: .08333rem .1875rem;
  z-index: 10;
  display: none;
  overflow: hidden
}
.header .menu .products-sub-menu:after {
  position: absolute;
  top: .08333rem;
  bottom: .08333rem;
  left: 2.34896rem;
  z-index: 1;
  content: "";
  display: block;
  border-right: 1PX dashed #d2d2d2;
  width: 0
}
.header .menu .products-sub-menu .aside {
  box-sizing: border-box;
  width: 2.08333rem;
  padding-right: .10417rem;
  float: left
}
.header .menu .products-sub-menu .aside .aside-item {
  position: relative;
  margin-bottom: .13542rem
}
.header .menu .products-sub-menu .aside .aside-item:last-child {
  margin-bottom: 0
}
.header .menu .products-sub-menu .aside .aside-item.active a {
  color: #005bac
}
.header .menu .products-sub-menu .aside .aside-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #0f0c0c;
  transition: color .5s
}
.header .menu .products-sub-menu .aside .aside-item a:hover {
  color: #005bac
}
.header .menu .products-sub-menu .aside .aside-item .icon {
  width: .3125rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.header .menu .products-sub-menu .aside .aside-item .icon img {
  max-width: 100%;
  max-height: 100%
}
.header .menu .products-sub-menu .aside .aside-item .text {
  flex: 1;
  padding: 0 .09375rem;
  font-size: .09375rem;
  font-weight: 700;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.header .menu .products-sub-menu .aside .aside-item .arrow {
  display: flex;
  align-items: center;
  justify-content: center
}
.header .menu .products-sub-menu .aside .aside-item .arrow .iconfont {
  font-size: .08333rem
}
.header .menu .products-sub-menu .products-list-content {
  margin-left: 2.13542rem;
  padding-left: .10417rem
}
.header .menu .products-sub-menu .products-list-content .products-list {
  display: none;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  transition: opacity .5s
}
.header .menu .products-sub-menu .products-list-content .products-list.active {
  display: flex
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item {
  display: block;
  width: 1.125rem;
  height: .96875rem;
  margin-right: .04167rem;
  margin-bottom: .04167rem
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .05208rem;
  text-decoration: none;
  transition: all .5s
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a:hover {
  box-shadow: 0 0 .05208rem rgba(0,0,0,.1);
  background-color: #fff
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a:hover .title {
  color: #005bac
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a .is-new {
  position: absolute;
  font-size: .06771rem;
  font-weight: 700;
  top: .08333rem;
  right: .05208rem;
  line-height: 1;
  z-index: 1
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a .thumb {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a .thumb img {
  display: block;
  max-width: 60%;
  max-height: 60%
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a .title {
  height: .20833rem;
  font-size: .07813rem;
  color: #0f0c0c;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.4;
  word-wrap: break-word;
  transition: color .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.header .menu .products-sub-menu .products-list-content .products-list .product-item a .intro {
  text-align: center;
  font-size: .0625rem;
  color: #656266;
  margin: .07813rem auto 0;
  line-height: 1.4;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.header .action {
  width: .20833rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 33333
}
.header .action .action-item {
  position: relative;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2001
}
.header .action .action-item:hover {
  text-decoration: none
}
.header .action .action-item.menus-item {
  display: none
}
.header .action .action-item.close-item {
  display: none
}
.header .action .action-item .iconfont {
  font-size: .125rem;
  line-height: 1
}
.header .action .action-item .badge {
  position: absolute;
  top: 50%;
  margin-top: -.10417rem;
  right: -.05208rem;
  border-radius: 50%;
  text-align: center;
  background-color: #005bac;
  min-width: .10417rem;
  height: .10417rem;
  line-height: .10417rem;
  padding: 0 .01563rem;
  box-sizing: border-box;
  font-size: .0625rem;
  color: #fff
}
.header .language {
  position: fixed;
  z-index: 2031;
  right: .46875rem;
  top: .18229rem;
  font-size: .09375rem;
  color: #fff
}
.header .language .icon-earth {
  display: inline-block;
  width: .11458rem;
  height: .11458rem;
  position: relative;
  top: .01042rem;
  background: url(assets/img/icon-earth.png) no-repeat 0 0;
  background-size: 100%
}
.header .language a {
  color: #fff;
  opacity: .3
}
.header .language a.current {
  opacity: 1
}
.header .language span {
  border-right: .00521rem solid rgba(255,255,255,.15);
  height: .08333rem;
  overflow: hidden;
  padding: 0 .05208rem;
  display: inline-block;
  line-height: .08333rem
}
.header .language span:last-child {
  border: none
}
.header.bg,
.header:hover {
  transition: color .5s ease;
  background-color: #fff;
  box-shadow: 0 0 .05208rem rgba(0,0,0,.2)
}
.header.bg::before,
.header:hover::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: .00521rem;
  z-index: 2010;
  background: #ddd
}
.header.bg::after,
.header:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  z-index: 2008;
  background: #fff
}
.header.bg .logo > a,
.header:hover .logo > a {
  background: url(assets/img/logo-2.png) no-repeat 0 center;
  background-size: 100% 100%
}
.header.bg .menu > ul > .menu-item.active > h3 a,
.header.bg .menu > ul > .menu-item.current > h3 a,
.header.bg .menu > ul > .menu-item.current-menu-item > h3 a,
.header.bg .menu > ul > .menu-item.current_page_item > h3 a,
.header.bg .menu > ul > .menu-item:hover > h3 a,
.header:hover .menu > ul > .menu-item.active > h3 a,
.header:hover .menu > ul > .menu-item.current > h3 a,
.header:hover .menu > ul > .menu-item.current-menu-item > h3 a,
.header:hover .menu > ul > .menu-item.current_page_item > h3 a,
.header:hover .menu > ul > .menu-item:hover > h3 a {
  color: #005bac
}
.header.bg .menu > ul > .menu-item h3 a,
.header:hover .menu > ul > .menu-item h3 a {
  color: #333
}
.header.bg .menu > ul > .menu-item h3:after,
.header:hover .menu > ul > .menu-item h3:after {
  background-color: #005bac
}
.header.bg .action .action-item,
.header:hover .action .action-item {
  position: relative;
  z-index: 2001;
  color: #333
}
.header.bg .language,
.header:hover .language {
  color: #333
}
.header.bg .language .icon-earth,
.header:hover .language .icon-earth {
  background: url(assets/img/icon-earth-2.png) no-repeat 0 0;
  background-size: 100%
}
.header.bg .language span,
.header:hover .language span {
  border-color: rgba(0,0,0,.15)
}
.header.bg .language a,
.header:hover .language a {
  color: #333
}
.top-search {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: calc(var(--header-height) + .15625rem);
  left: 0;
  width: 100%;
  padding: .08333rem 0;
  background: #fff;
  transition: all .3s ease;
  z-index: 990;
  box-shadow: 0 0 .05208rem rgba(0,0,0,.2)
}
.top-search.show {
  visibility: visible;
  opacity: 1;
  top: var(--header-height)
}
.top-search form {
  width: 80%;
  margin: 0 auto;
  max-width: 2.60417rem;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: .00521rem solid #005bac;
  overflow: hidden;
  height: .19792rem
}
.top-search form .top-search-input {
  flex: 1;
  border: 0;
  outline: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 .0625rem;
  color: #333;
  font-size: .08333rem
}
.top-search form .top-search-button {
  cursor: pointer;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 .15625rem;
  background-color: #005bac
}
.top-search form .top-search-button .iconfont {
  font-size: .125rem;
  font-weight: 700;
  color: #fff
}
.footer {
  font-size: .07292rem
}
.footer h3,
.footer p {
  padding: 0;
  margin: 0
}
.footer .footer-body-inner,
.footer .footer-copyright-inner,
.footer .footer-server-inner,
.footer .footer-top-inner {
  width: var(--container-inner-width);
  margin: 0 auto
}
.footer .footer-server {
  background: url(assets/img/footer-server-bg.png) no-repeat 0 bottom;
  background-size: cover;
  padding: .26042rem 0
}
.footer .footer-server .footer-server-list {
  padding: 0 0 .15625rem;
  border-bottom: 1PX solid rgba(255,255,255,.1);
  display: flex;
  justify-content: space-between;
  position: relative
}
.footer .footer-server .footer-server-list::before {
  position: absolute;
  width: .00521rem;
  content: "";
  left: 33%;
  top: .01563rem;
  height: .30208rem;
  background: rgba(255,255,255,.18)
}
.footer .footer-server .footer-server-list::after {
  position: absolute;
  width: .00521rem;
  content: "";
  right: 33%;
  top: .01563rem;
  height: .30208rem;
  background: rgba(255,255,255,.18)
}
.footer .footer-server .footer-server-list .footer-server-item {
  color: #fff;
  position: relative;
  padding: 0 0 0 .41667rem
}
.footer .footer-server .footer-server-list .footer-server-item h3 {
  font-size: .08333rem
}
.footer .footer-server .footer-server-list .footer-server-item p {
  color: rgba(255,255,255,.5)
}
.footer .footer-server .footer-server-list .footer-server-item i {
  width: .19792rem;
  height: .19792rem;
  position: absolute;
  left: 0;
  top: .02604rem;
  display: block;
  background-image: url(assets/img/footer-i-1.png);
  background-size: contain;
  background-repeat: no-repeat
}
.footer .footer-server .footer-server-list .footer-server-item:nth-child(2) i {
  background-image: url(assets/img/footer-i-2.png)
}
.footer .footer-server .footer-server-list .footer-server-item:nth-child(3) i {
  background-image: url(assets/img/footer-i-3.png)
}
.footer .footer-server .contact-us {
  text-align: center;
  color: #fff;
  font-size: .13542rem;
  line-height: 3;
  padding: .10417rem 0 0
}
.footer .footer-server .contact-us a {
  background: #6eb92b;
  color: #fff;
  font-size: .08333rem;
  display: inline-block;
  padding: 0 .20833rem;
  border-radius: .20833rem;
  line-height: 3
}
.footer .footer-server .contact-us a:hover {
  text-decoration: none
}
.footer .footer-body {
  background: url(assets/img/footer-bg.png) no-repeat 0 bottom;
  background-size: cover
}
.footer .footer-body-inner {
  padding: .10417rem 0;
  color: #748095;
  display: flex;
  justify-content: space-between
}
.footer .footer-body-inner p {
  padding: 0;
  margin: 0 0 .02604rem
}
.footer .footer-body-inner .tel {
  font-size: .13542rem;
  color: #005bac;
  font-weight: 700
}
.footer .footer-body-inner .hint {
  margin-bottom: .10417rem
}
.footer .footer-body-inner .menus > ul {
  display: flex;
  justify-content: space-between
}
.footer .footer-body-inner .menus > ul h3 {
  font-size: .08333rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 2
}
.footer .footer-body-inner .menus > ul h3 a {
  color: #fff
}
.footer .footer-body-inner .menus > ul h3 a:hover {
  text-decoration: none
}
.footer .footer-body-inner .menus > ul > li {
  padding: 0 .10417rem;
  text-align: center;
  display: inline-block
}
.footer .footer-body-inner .menus > ul > li li {
  display: block;
  line-height: 1.8
}
.footer .footer-body-inner .menus > ul > li li a {
  font-size: .07292rem;
  color: rgba(255,255,255,.6)
}
.footer .footer-body-inner .menus > ul > li li a:hover {
  color: #fff
}
.footer .footer-body-inner .qr-list {
  padding: .05208rem 0 0
}
.footer .footer-body-inner .qr-list ul li {
  display: inline-block;
  margin-right: .13021rem;
  text-align: center;
  line-height: .20833rem
}
.footer .footer-body-inner .qr-list ul li .img {
  width: .28646rem;
  height: .28646rem;
  padding: .00521rem;
  background: #fff;
  border-radius: .01042rem
}
.footer .footer-body-inner .qr-list ul li .img img {
  width: 100%;
  height: 100%
}
.footer .footer-copyright {
  border-top: 1PX solid rgba(255,255,255,.1)
}
.footer .footer-copyright .footer-copyright-inner {
  text-align: center;
  padding: 0 0;
  color: #677b94;
  padding: .0625rem 0
}
.footer .footer-copyright .footer-copyright-inner p {
  margin-bottom: .02604rem
}
.footer .footer-copyright .footer-copyright-inner p a {
  color: #677b94
}
.footer .footer-copyright .footer-copyright-inner p a:hover {
  text-decoration: none
}
.footer .footer-copyright .footer-copyright-inner p img {
  width: .09375rem;
  margin: -.01563rem .02604rem 0 0
}
.footer .footer-copyright .footer-copyright-inner p img.xin {
  margin: 0;
  width: .46875rem
}
.footer .footer-top {
  border-bottom: 1PX solid rgba(255,255,255,.1)
}
.footer .footer-top .footer-top-inner {
  padding: .10417rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff
}
.footer .footer-top .footer-top-inner .logo {
  height: .19792rem
}
.footer .footer-top .footer-top-inner .logo img {
  height: 100%
}
.footer .footer-top .footer-top-inner .link {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.footer .footer-top .footer-top-inner .link ul {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.footer .footer-top .footer-top-inner .link ul li {
  margin-left: .07813rem
}
.footer .footer-top .footer-top-inner .link ul a {
  font-size: .07292rem;
  color: #005bac
}
.global-aside {
  display: none;
  width: .25rem;
  position: fixed;
  z-index: 1000;
  right: .05208rem;
  top: 50%;
  width: .36458rem;
  box-shadow: 0 0 .09375rem 0 rgba(0,0,0,.09);
  font-size: .07292rem
}
.global-aside > ul > li {
  position: relative
}
.global-aside > ul > li:first-child a {
  overflow: hidden;
  border-top-left-radius: .02604rem;
  border-top-right-radius: .02604rem
}
.global-aside > ul > li:last-child a {
  overflow: hidden;
  border-bottom-left-radius: .02604rem;
  border-bottom-right-radius: .02604rem;
  border: none
}
.global-aside > ul > li > a {
  transition: all .6s;
  cursor: pointer;
  display: block;
  width: .36458rem;
  height: .36458rem;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: #999;
  border-bottom: 1PX solid #e5e5e5;
  background: #fff
}
.global-aside > ul > li > a span {
  font-size: .0625rem;
  display: block
}
.global-aside > ul > li > a i {
  display: block;
  margin: .07813rem auto .05208rem;
  width: .10417rem;
  height: .10417rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat
}
.global-aside > ul > li > a i::before {
  content: ''
}
.global-aside > ul > li > a i.icon-tel {
  background-image: url(assets/img/icon-tel.png)
}
.global-aside > ul > li > a i.icon-mail {
  background-image: url(assets/img/icon-mail.png)
}
.global-aside > ul > li > a i.icon-qr {
  background-image: url(assets/img/icon-qr.png)
}
.global-aside > ul > li > a i.icon-ip {
  margin-bottom: .02604rem;
  width: .13021rem;
  height: .13021rem;
  background-image: url(assets/img/icon-sy.png)
}
.global-aside > ul > li > a.active,
.global-aside > ul > li > a:hover {
  color: #fff;
  background-color: #005bac
}
.global-aside > ul > li > a.active i.icon-tel,
.global-aside > ul > li > a:hover i.icon-tel {
  background-image: url(assets/img/icon-tel-2.png)
}
.global-aside > ul > li > a.active i.icon-mail,
.global-aside > ul > li > a:hover i.icon-mail {
  background-image: url(assets/img/icon-mail-2.png)
}
.global-aside > ul > li > a.active i.icon-qr,
.global-aside > ul > li > a:hover i.icon-qr {
  background-image: url(assets/img/icon-qr-2.png)
}
.global-aside > ul > li .popover {
  display: none;
  position: absolute;
  right: 100%;
  top: 10%;
  margin-top: -16PX
}
.global-aside > ul > li .popover .popover-inner {
  position: relative;
  margin-right: 15PX;
  background-color: #fff;
  padding: 5PX 15PX;
  box-shadow: 0 0 .09375rem 0 rgba(0,0,0,.09);
  border-radius: 5PX;
  min-width: 200PX;
  box-sizing: border-box;
  text-align: center
}
.global-aside > ul > li .popover .popover-inner a {
  display: block;
  font-size: 14PX;
  color: #212121
}
.global-aside > ul > li .popover .popover-inner:after {
  position: absolute;
  top: 50%;
  right: -12PX;
  margin-top: -6PX;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 6PX solid transparent;
  border-left-color: #fff
}
.global-aside > ul > li .popover.popover-phone a {
  font-size: .125rem;
  color: #005bac;
  font-weight: 700;
  display: block;
  min-width: 1.14583rem;
  height: .20833rem;
  line-height: .20833rem
}
.global-aside > ul > li .popover.popover-mail a {
  font-size: .08333rem;
  color: #005bac;
  min-width: .78125rem;
  height: .20833rem;
  line-height: .20833rem
}
.global-aside > ul > li .popover.popover-qr ul {
  display: flex;
  width: 1.04167rem
}
.global-aside > ul > li .popover.popover-qr ul li {
  flex: 1;
  padding: .04167rem 0 .02604rem
}
.global-aside > ul > li .popover.popover-qr ul li img {
  width: .3125rem;
  height: .3125rem
}
.global-aside > ul > li .popover.popover-qr ul li span {
  font-size: .0625rem;
  color: #748095;
  display: block
}
.welcome-animation {
  position: fixed;
  z-index: 3000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}
.welcome-animation .bg {
  position: absolute;
  z-index: 3001;
  left: 0;
  top: 0;
  right: 0;
  height: 0;
  background: #fff;
  animation: bgAnimation 3.5s
}
.welcome-animation .warp {
  position: relative;
  height: 100%;
  width: var(--container-inner-width);
  margin: 0 auto
}
.welcome-animation .logo {
  position: absolute;
  z-index: 3003;
  width: 0;
  height: 0;
  background: url(assets/img/logo-2.png) no-repeat 0 center;
  background-size: cover;
  animation: logoAnimation 3s
}
@keyframes logoAnimation {
  0% {
    left: 50%;
    top: 50%;
    width: .28646rem;
    height: .28646rem;
    transform: translate(-50%,-300%) scale(2)
  }
  50% {
    left: 50%;
    top: 50%;
    width: 1.5625rem;
    height: .28646rem;
    transform: translate(-50%,-300%) scale(2)
  }
  80% {
    width: 1.5625rem
  }
  98% {
    left: 0;
    top: .11979rem;
    width: 1.5625rem;
    height: .28646rem;
    transform: translate(0,0) scale(1);
    opacity: 1
  }
  100% {
    left: 0;
    top: .11979rem;
    width: 1.5625rem;
    height: .28646rem;
    transform: translate(0,0);
    opacity: 0
  }
}
@keyframes bgAnimation {
  0% {
    height: 100%
  }
  60% {
    height: 100%
  }
  100% {
    height: 0
  }
}
body {
  overflow-x: hidden
}
.loadding {
  overflow-y: hidden
}
.loadding.on {
  overflow-y: auto
}
.loadding.on .container,
.loadding.on .header {
  opacity: 1
}
.loadding.on .welcome-animation {
  z-index: -1
}
.home-page * {
  letter-spacing: .00521rem
}
.home-page .sideAccordion .list,
.home-page .sideAccordion .list .btn-more,
.home-page .sideAccordion .list .icon-line,
.home-page .sideAccordion .list .text,
.home-page .sideAccordion .list .title,
.home-page .sideAccordion .list.current,
.home-page .sideAccordion .list.current .btn-more,
.home-page .sideAccordion .list.current .icon-line,
.home-page .sideAccordion .list.current .text,
.home-page .sideAccordion .list.current .title,
.home-page .sideAccordion .list.current:before,
.home-page .sideAccordion .list:before {
  transition: all .4s linear 0s;
  -o-transition: all .4s linear 0s;
  -moz-transition: all .4s linear 0s;
  -webkit-transition: all .4s linear 0s
}
@keyframes moveUpDown {
  0% {
    bottom: .36458rem
  }
  50% {
    bottom: .41667rem
  }
  100% {
    bottom: .36458rem
  }
}
.home-page a {
  text-decoration: none
}
.home-page .more {
  height: .26042rem;
  font-style: normal
}
.home-page .more a {
  padding: 0 .20833rem;
  height: .23438rem;
  line-height: .23438rem;
  display: inline-block;
  font-size: .07292rem;
  border-radius: .15625rem;
  border: 1PX solid #1164ba;
  text-decoration: none;
  position: relative;
  overflow: hidden
}
.home-page .more a span {
  position: relative;
  z-index: 5;
  color: #005bac
}
.home-page .more a::before {
  position: absolute;
  width: .02604rem;
  height: .02604rem;
  border-radius: 50%;
  background: #005bac;
  z-index: 3;
  content: '';
  left: 0;
  bottom: 0;
  transform: scale(1);
  transition: all .5s
}
.home-page .more a:hover span {
  color: #fff
}
.home-page .more a:hover::before {
  background: #005bac;
  transform: scale(70)
}
.home-page .more a i {
  display: none
}
.home-page .more.white a {
  border-color: #fff
}
.home-page .more.white a span {
  color: #fff
}
.home-page .more.white a:hover::before {
  background: #fff
}
.home-page .more.white a:hover span {
  color: #005bac
}
.home-page .more.blue a span {
  color: #005bac
}
.home-page .more.blue a:hover::before {
  background: #005bac
}
.home-page .more.blue a:hover span {
  color: #fff
}
.home-page .banner:hover .banner-button-prev {
  left: 0
}
.home-page .banner:hover .banner-button-next {
  right: 0
}
.home-page .banner .swiper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.home-page .banner .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1
}
.home-page .banner .swiper-slide {
  height: 0;
  padding-bottom: calc(100vh);
  position: relative
}
.home-page .banner .swiper-slide .btn-down {
  position: absolute;
  z-index: 3;
  bottom: .36458rem;
  top: auto;
  left: 50%;
  width: 1.04167rem;
  transform: translate(-50%,0);
  text-align: center;
  color: #fff;
  opacity: .6;
  animation: moveUpDown 3s ease infinite;
  line-height: .10417rem
}
.home-page .banner .swiper-slide .btn-down span {
  display: block;
  font-size: .07292rem
}
.home-page .banner .swiper-slide .btn-down i {
  display: inline-block;
  width: .10417rem;
  height: .125rem;
  background: url(assets/img/icon-down.png) no-repeat center center;
  background-size: contain
}
.home-page .banner .swiper-slide > a > img,
.home-page .banner .swiper-slide > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.home-page .banner .banner-video video {
  width: 100%;
  height: 100%
}
.home-page .banner .banner-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center
}
.home-page .banner .banner-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.home-page .banner .banner-link > div {
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  color: #fff;
  top: 47%;
  font-family: Microsoft Yahei,Arial,sans-serif;
  font-weight: 400
}
.home-page .banner .banner-link > div.title {
  text-align: center;
  color: #fff;
  font-size: .41667rem;
  font-family: Microsoft Yahei,Arial,sans-serif;
  font-weight: 400;
  margin: -.41667rem auto .15625rem;
  line-height: 1.2;
  letter-spacing: .04167rem
}
.home-page .banner .banner-link > div.text-one {
  display: none;
  color: #fff;
  font-size: .18229rem;
  max-width: 90%;
  margin: .20833rem auto 0;
  text-align: center;
  letter-spacing: .02604rem
}
.home-page .banner .banner-link > div.text-two {
  color: #fff;
  font-size: .18229rem;
  max-width: 90%;
  margin: .23438rem auto 0;
  text-align: center;
  letter-spacing: .02604rem
}
.home-page .banner .banner-link > div.btn-more {
  margin: 1.5625rem auto 0;
  font-size: .13542rem
}
.home-page .banner .banner-link > div.btn-more a {
  background: #fff;
  color: #005bac;
  height: .25rem;
  line-height: .25rem;
  padding: 0 .16667rem;
  display: inline-block;
  font-size: .07292rem;
  border-radius: .15625rem
}
.home-page .banner .banner-link > div.btn-more a:hover {
  box-shadow: 0 0 .05208rem 0 rgba(0,0,0,.6)
}
.home-page .banner .banner-link > div.btn-more a i {
  display: inline-block;
  width: .14583rem;
  height: .08333rem;
  position: relative;
  top: .02083rem;
  margin-left: .05208rem;
  background: url(assets/img/home-icon-banner-arr.png) no-repeat 0 0;
  background-size: contain
}
.home-page .banner .banner-text {
  position: absolute;
  top: 47%;
  left: 0;
  right: 0;
  width: 100%
}
.home-page .banner .banner-text > h3 {
  text-align: center;
  color: #fff;
  font-size: .41667rem;
  font-family: Microsoft Yahei,Arial,sans-serif;
  font-weight: 400;
  margin: -.41667rem auto .15625rem;
  line-height: 1.2;
  letter-spacing: .04167rem
}
.home-page .banner .banner-text > p {
  color: #fff;
  font-size: .18229rem;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  text-indent: -.05208rem;
  letter-spacing: .02604rem
}
.home-page .banner .banner-text > p span {
  border: .00521rem solid #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 0 .05208rem
}
.home-page .banner .banner-content {
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%
}
.home-page .banner .banner-content > .small-title {
  font-size: .15625rem;
  color: #fff;
  font-family: Microsoft Yahei,Arial,sans-serif;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto .05208rem;
  text-align: center;
  max-width: 90%
}
.home-page .banner .banner-content > h2 {
  font-weight: 400;
  text-align: center;
  max-width: 90%;
  color: #fff;
  font-size: .41667rem;
  font-family: Microsoft Yahei,Arial,sans-serif;
  font-weight: 700;
  margin: 0 auto;
  line-height: 1.2
}
.home-page .banner .banner-content > .intro {
  color: #fff;
  font-size: .16667rem;
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  font-family: Arial,Helvetica,sans-serif
}
.home-page .banner .banner-content > .intro > strong {
  font-weight: 400;
  color: #005bac
}
.home-page .banner .banner-button-next,
.home-page .banner .banner-button-prev {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width: .3125rem;
  height: .3125rem;
  cursor: pointer;
  transition: all .5s ease;
  z-index: 3
}
.home-page .banner .banner-button-next .iconfont,
.home-page .banner .banner-button-prev .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: .21875rem;
  color: #fff
}
.home-page .banner .banner-button-next:hover .iconfont,
.home-page .banner .banner-button-prev:hover .iconfont {
  color: #005bac
}
.home-page .banner .banner-button-prev {
  left: -.41667rem
}
.home-page .banner .banner-button-next {
  right: -.41667rem
}
.home-page .banner .banner-pagination {
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: .20833rem;
  text-align: center;
  z-index: 2
}
.home-page .banner .banner-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: .05208rem;
  height: .05208rem;
  display: inline-block;
  margin: 0 .04167rem;
  background: #54555a;
  border-radius: 100%;
  outline: 0;
  cursor: pointer;
  position: relative;
  opacity: 1;
  vertical-align: middle;
  transition: all .5s
}
.home-page .banner .banner-pagination .swiper-pagination-bullet-active {
  background: #f3f5f3
}
.home-page .common-title {
  text-align: center;
  color: #333;
  padding: .36458rem 0 .18229rem
}
.home-page .common-title h2 {
  font-size: .19792rem;
  margin: 0;
  padding-bottom: .05208rem
}
.home-page .common-title p {
  font-size: .09375rem;
  margin: 0
}
.home-page .common-body {
  margin: 0 auto;
  width: var(--container-inner-width);
  padding-bottom: .46875rem
}
.home-page .latest-news {
  background: #fafafa
}
.home-page .latest-news .first-news {
  margin-bottom: .15625rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 .09375rem 0 rgba(0,0,0,.09);
  overflow: hidden
}
.home-page .latest-news .first-news .img {
  width: 56%;
  height: 2.60417rem
}
.home-page .latest-news .first-news .img img {
  width: 100%;
  height: 100%
}
.home-page .latest-news .first-news .text {
  width: 44%;
  padding: .3125rem .3125rem 0;
  word-wrap: break-word;
  box-sizing: border-box
}
.home-page .latest-news .first-news .text h3 {
  color: #333;
  font-size: .13542rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: .26042rem;
  overflow: hidden;
  height: .41667rem
}
.home-page .latest-news .first-news .text h3 a {
  color: #333;
  font-size: .13542rem;
  text-decoration: none;
  display: block;
  overflow: hidden
}
.home-page .latest-news .first-news .text h3 a:hover {
  color: #005bac
}
.home-page .latest-news .first-news .text p {
  border-top: 1PX solid #dfdfdf;
  padding-top: .3125rem;
  color: #666;
  font-size: .08333rem;
  margin-bottom: .36458rem;
  overflow: hidden;
  height: .35417rem;
  line-height: .17708rem
}
.home-page .latest-news .first-news .text em {
  font-style: normal;
  border-left: .01042rem solid #005bac;
  font-size: .08333rem;
  height: .09375rem;
  line-height: .09375rem;
  padding: 0 0 0 .04167rem;
  display: block;
  overflow: hidden
}
.home-page .latest-news .first-news .text em a {
  color: #666
}
.home-page .latest-news .first-news .text em a:hover {
  color: #005bac
}
.home-page .latest-news .first-news .text em i {
  display: none
}
.home-page .latest-news .news-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}
.home-page .latest-news .news-list .news-item {
  background: #fff;
  box-shadow: 0 0 .09375rem 0 rgba(0,0,0,.09);
  width: calc((100% - (.13021rem*3))/ 4);
  margin-right: .13021rem;
  transition: all .5s
}
.home-page .latest-news .news-list .news-item:nth-child(4) {
  margin-right: 0
}
.home-page .latest-news .news-list .news-item:hover {
  box-shadow: 0 0 .09375rem 0 rgba(0,91,172,.3)
}
.home-page .latest-news .news-list .news-item a {
  display: block;
  padding: .26042rem .20833rem 0;
  height: 1.45833rem;
  box-sizing: border-box
}
.home-page .latest-news .news-list .news-item h3 {
  margin: 0 0 .10417rem;
  padding: 0;
  font-weight: 700;
  color: #333;
  font-size: .10417rem;
  overflow: hidden;
  display: block;
  height: .33854rem;
  line-height: .1875rem
}
.home-page .latest-news .news-list .news-item h3:hover {
  color: #005bac
}
.home-page .latest-news .news-list .news-item p {
  margin: 0;
  padding: 0;
  font-size: .08333rem;
  color: #666;
  height: .24479rem;
  overflow: hidden;
  margin-bottom: .18229rem
}
.home-page .latest-news .news-list .news-item em {
  font-style: normal;
  border-left: .01042rem solid #005bac;
  font-size: .08333rem;
  height: .09375rem;
  line-height: .09375rem;
  padding: 0 0 0 .03646rem;
  display: block;
  overflow: hidden;
  color: #999
}
.home-page .latest-news .news-list .news-item em:hover {
  color: #005bac
}
.home-page .project {
  background: url(assets/img/bg-case.png) no-repeat center 0;
  background-size: cover
}
.home-page .project .color-white {
  color: #fff
}
.home-page .project .common-body {
  position: relative
}
.home-page .project .common-body .menus {
  position: absolute;
  top: .23438rem;
  left: 50%;
  transform: translate(-50%,0)
}
.home-page .project .common-body .menus ul li {
  display: inline-block;
  border-radius: .11979rem;
  border: .00521rem solid #005bac;
  font-size: .09375rem;
  color: #333;
  padding: 0 .125rem;
  margin: 0 .10417rem;
  height: .22917rem;
  line-height: .22917rem;
  cursor: pointer
}
.home-page .project .common-body .menus ul li.current {
  background: #005bac;
  color: #fff
}
.home-page .project .product-list {
  height: 3.125rem;
  background-color: #fff;
  border-radius: .02604rem;
  overflow: hidden
}
.home-page .project .product-list .product-item {
  padding: .75521rem .52083rem 0;
  background: #fff;
  display: none;
  justify-content: space-between
}
.home-page .project .product-list .product-item.current {
  display: flex
}
.home-page .project .product-list .product-item .text {
  width: 45%;
  height: 2.34375rem
}
.home-page .project .product-list .product-item .text .title {
  color: #333;
  font-size: .14583rem;
  font-weight: 700;
  margin-bottom: .05208rem;
  overflow: hidden;
  height: .20833rem
}
.home-page .project .product-list .product-item .text .info {
  color: #666;
  font-size: .08333rem;
  margin-bottom: .15625rem;
  height: .46875rem;
  overflow-x: hidden;
  line-height: .14583rem
}
.home-page .project .product-list .product-item .text .info::-webkit-scrollbar {
  width: .01563rem;
  height: .04167rem;
  border-radius: .02604rem
}
.home-page .project .product-list .product-item .text .info::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.01);
  background: rgba(0,0,0,.4);
  border-radius: .02604rem;
  overflow: hidden
}
.home-page .project .product-list .product-item .text .info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  border-radius: 0;
  background: #fff;
  overflow: hidden
}
.home-page .project .product-list .product-item .text ul {
  display: block;
  width: 100%;
  margin-bottom: .20833rem
}
.home-page .project .product-list .product-item .text ul {
  display: block;
  height: .52083rem
}
.home-page .project .product-list .product-item .text ul li {
  color: #005bac;
  font-size: .09375rem;
  display: inline-block;
  width: 45%;
  margin-bottom: .05208rem;
  height: .26042rem;
  line-height: .125rem;
  float: left;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  padding: 0 0 0 .15625rem;
  overflow: hidden
}
.home-page .project .product-list .product-item .text ul li i {
  position: absolute;
  z-index: 3;
  left: 0;
  top: .02604rem;
  display: inline-block;
  width: .08333rem;
  height: .08333rem;
  background: url(assets/img/project-icon-1.png) no-repeat 0 0;
  background-size: cover
}
.home-page .project .product-list .product-item .img {
  overflow: hidden;
  border-radius: .05208rem;
  width: 3.15625rem;
  height: 1.91667rem
}
.home-page .project .product-list .product-item .img img {
  width: 100%;
  height: 100%
}
.home-page .product {
  background: #fafafa;
  height: 3.95833rem
}
.home-page .product .common-body {
  margin: 0 auto;
  width: var(--container-inner-width);
  display: flex;
  justify-content: flex-end
}
.home-page .product .menus {
  width: 1.30208rem;
  font-size: .09375rem;
  color: #333;
  padding: 0 0 0 .05208rem
}
.home-page .product .menus ul {
  border-left: 1PX solid #005bac
}
.home-page .product .menus ul li {
  position: relative;
  cursor: pointer;
  height: .41667rem;
  line-height: .41667rem;
  font-weight: 700;
  padding-left: .10417rem;
  margin-bottom: .05208rem;
  transition: background .2s ease
}
.home-page .product .menus ul li::before {
  content: '';
  position: absolute;
  width: .125rem;
  height: .125rem;
  left: -.0625rem;
  top: 50%;
  margin-top: -.05729rem;
  background: url(assets/img/home-icon-dot-1-1.png) no-repeat 0 0;
  background-size: contain;
  transition: background .2s ease
}
.home-page .product .menus ul li.current,
.home-page .product .menus ul li:hover {
  color: #005bac;
  background: #fff
}
.home-page .product .menus ul li.current::before,
.home-page .product .menus ul li:hover::before {
  width: .17708rem;
  height: .17708rem;
  left: -.08854rem;
  margin-top: -.08854rem;
  background-image: url(assets/img/home-icon-dot-1.png)
}
.home-page .product .product-body {
  width: 6.04167rem;
  position: relative
}
.home-page .product .product-body .product-item {
  display: none;
  background: #fff
}
.home-page .product .product-body .product-item.current {
  display: flex;
  justify-content: flex-end
}
.home-page .product .product-body .sub-product-item {
  padding: .20833rem .41667rem 0;
  box-sizing: border-box;
  height: 2.29167rem;
  display: flex;
  justify-content: flex-end
}
.home-page .product .product-body .sub-product-item .text {
  width: 3.1875rem;
  padding-top: .10417rem;
  padding-right: .10417rem
}
.home-page .product .product-body .sub-product-item .text .title {
  color: #333;
  height: .26042rem;
  line-height: .26042rem;
  font-weight: 700;
  margin-bottom: .15625rem;
  font-size: .14583rem;
  overflow: hidden
}
.home-page .product .product-body .sub-product-item .text .info {
  font-size: .08333rem;
  color: #666;
  height: .46875rem;
  overflow-x: hidden;
  line-height: .14583rem;
  margin-bottom: .41667rem
}
.home-page .product .product-body .sub-product-item .text .info::-webkit-scrollbar {
  width: .01563rem;
  height: .04167rem;
  border-radius: .02604rem
}
.home-page .product .product-body .sub-product-item .text .info::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.01);
  background: rgba(0,0,0,.4);
  border-radius: .02604rem;
  overflow: hidden
}
.home-page .product .product-body .sub-product-item .text .info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .02604rem rgba(0,0,0,.2);
  border-radius: 0;
  background: #fff;
  overflow: hidden
}
.home-page .product .product-body .sub-product-item .img {
  width: 2.68229rem;
  height: 1.77083rem;
  overflow: hidden
}
.home-page .product .product-body .sub-product-item .img img {
  width: 100%;
  height: 100%
}
.home-page .product .product-body .pagination {
  position: absolute;
  top: 0;
  right: -.13021rem;
  color: #666;
  left: auto;
  width: auto;
  height: auto;
  bottom: auto
}
.home-page .product .product-body .pagination span {
  color: #666;
  padding: 0 .01042rem;
  margin: 0;
  border: none;
  background: 0 0
}
.home-page .product .product-body .pagination span.swiper-pagination-current {
  font-size: .13542rem;
  color: #005bac;
  font-weight: 700
}
.home-page .product .product-body .button-next,
.home-page .product .product-body .button-prev {
  width: .23438rem;
  height: .23438rem;
  text-align: center;
  border: 1PX solid #ccc;
  line-height: .23438rem;
  border-radius: 50%;
  position: absolute;
  right: -.11458rem;
  bottom: .20833rem;
  cursor: pointer;
  z-index: 3
}
.home-page .product .product-body .button-next i,
.home-page .product .product-body .button-prev i {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  color: #ccc;
  font-size: .09375rem
}
.home-page .product .product-body .button-next:hover,
.home-page .product .product-body .button-prev:hover {
  background: #005bac;
  border-color: #005bac
}
.home-page .product .product-body .button-prev {
  bottom: .52083rem
}
.home-page .company {
  background: url(assets/img/bg-company.png) no-repeat center 0;
  background-size: contain
}
.home-page .company .company-inner {
  margin: 0 auto;
  width: var(--container-inner-width)
}
.home-page .company .common-title {
  color: #fff
}
.home-page .company .common-title .more {
  padding-top: .18229rem;
  display: inline-block
}
.home-page .company .info {
  color: #fff;
  padding-top: .05208rem;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0
}
.home-page .company .info .li {
  flex: 1;
  text-align: center;
  display: inline-block
}
.home-page .company .info .li:nth-child(1) {
  text-align: left
}
.home-page .company .info .li:nth-child(1) span {
  padding-left: .07813rem
}
.home-page .company .info .li:nth-child(3) {
  text-align: right
}
.home-page .company .info .li:nth-child(3) span {
  padding-right: .09375rem
}
.home-page .company .info .li p {
  font-size: .15625rem;
  line-height: .26042rem;
  font-weight: 700;
  padding: 0;
  margin: 0
}
.home-page .company .info .li b {
  font-size: .23958rem;
  position: relative;
  top: .03125rem
}
.home-page .company .info .li span {
  line-height: .26042rem;
  display: block;
  font-size: .10417rem
}
.home-page .company .video {
  margin: 0 auto .46875rem;
  width: var(--container-inner-width);
  transition: width .3s;
  border-radius: .02604rem;
  overflow: hidden;
  transition: width 1s
}
.home-page .company .video video {
  border-radius: .02604rem;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.home-page .company .video video:focus {
  outline: 0
}
.home-page .company .video.width {
  width: 100%
}
.home-page .dang {
  background: url(assets/img/bg-dq.png) no-repeat center 0;
  background-size: cover
}
.home-page .dang .sideAccordion {
  width: 100%
}
.home-page .dang .sideAccordion .list {
  color: #fff;
  overflow: hidden;
  height: 2.91667rem;
  position: relative;
  cursor: pointer;
  margin-left: .05208rem;
  width: 23%;
  display: inline-block;
  background: #ddd
}
.home-page .dang .sideAccordion .list::before {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  content: "";
  background: rgba(0,0,0,.6)
}
.home-page .dang .sideAccordion .list .img {
  height: 2.91667rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover
}
.home-page .dang .sideAccordion .list .title {
  font-size: .14583rem;
  width: .15625rem;
  line-height: .16667rem;
  top: .41667rem;
  left: .26042rem;
  position: absolute;
  z-index: 7
}
.home-page .dang .sideAccordion .list .text {
  top: .41667rem;
  left: .52083rem;
  width: .10417rem;
  font-size: .09375rem;
  position: absolute;
  z-index: 7
}
.home-page .dang .sideAccordion .list .btn-more {
  position: absolute;
  z-index: 8;
  right: -.26042rem;
  bottom: .05208rem;
  width: .1875rem;
  height: .1875rem;
  border: .00521rem solid rgba(255,255,255,.6);
  border-radius: 50%;
  text-align: center;
  line-height: .1875rem
}
.home-page .dang .sideAccordion .list .btn-more i {
  font-size: .07813rem;
  position: relative;
  top: 0;
  color: rgba(255,255,255,.6)
}
.home-page .dang .sideAccordion .list .btn-more:hover {
  background: #fff
}
.home-page .dang .sideAccordion .list .btn-more:hover i {
  color: #005bac
}
.home-page .dang .sideAccordion .list .icon-line {
  position: absolute;
  z-index: 5;
  left: -.15625rem;
  bottom: .07813rem;
  width: .01042rem;
  height: .15625rem;
  background: #fff
}
.home-page .dang .sideAccordion .list.current {
  width: 50%
}
.home-page .dang .sideAccordion .list.current:before {
  left: 0;
  bottom: 0;
  right: 0;
  background: #005bac;
  height: .3125rem
}
.home-page .dang .sideAccordion .list.current .title {
  line-height: .3125rem;
  height: .3125rem;
  width: 50%;
  left: .3125rem;
  top: 2.60417rem
}
.home-page .dang .sideAccordion .list.current .text {
  line-height: .3125rem;
  height: .3125rem;
  width: 70%;
  left: 1.04167rem;
  top: 2.60417rem
}
.home-page .dang .sideAccordion .list.current .icon-line {
  left: .15625rem
}
.home-page .dang .sideAccordion .list.current .btn-more {
  right: .10417rem
}
.single-home-page .container-inner {
  width: var(--container-inner-width);
  margin: 0 auto
}
.single-home-page .single-home-body {
  padding: .9375rem 0 0;
  position: relative;
  z-index: 3;
  min-height: 5.20833rem
}
.single-home-page .single-home-header {
  color: #fff;
  margin-bottom: .20833rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.single-home-page .single-home-header .title h2 {
  font-size: .19792rem;
  line-height: 2;
  margin-bottom: .05208rem
}
.single-home-page .single-home-header .title p {
  font-size: .09375rem
}
.single-home-page .single-home-header .single-search {
  height: .29167rem;
  background: #fff;
  width: 2.34375rem;
  position: relative;
  border-radius: .15625rem;
  overflow: hidden
}
.single-home-page .single-home-header .single-search form {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  padding: .05208rem 0
}
.single-home-page .single-home-header .single-search form .search-input {
  flex: 1;
  border: 0;
  outline: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 .11458rem;
  color: #333;
  font-size: .08333rem
}
.single-home-page .single-home-header .single-search form .search-button {
  cursor: pointer;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 .15625rem;
  background: 0 0
}
.single-home-page .single-home-header .single-search form .search-button .iconfont {
  font-size: .10938rem;
  color: #005bac
}
.single-home-page .single-home-banner {
  position: absolute;
  z-index: 2;
  width: 100%
}
.single-home-page .single-home-banner .img {
  width: 100%;
  height: auto
}
.single-home-page .single-home-banner .img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}
.single-home-page .single-home-banner .text {
  text-align: left;
  width: var(--container-inner-width);
  color: #fff
}
.single-home-page .single-home-banner .text .banner-title {
  position: relative;
  font-size: .25rem;
  line-height: 1.3;
  font-weight: 700
}
.single-home-page .single-home-banner .text .banner-intro {
  font-size: .09375rem;
  margin: .10417rem auto 0;
  line-height: 1.3
}
.single-home-page .single-home-page-title {
  width: 100%;
  line-height: 5.3;
  padding-top: .10417rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.single-home-page .single-home-page-title h2 {
  font-size: .16667rem;
  color: #333
}
.single-home-page .single-home-page-title .more a {
  font-size: .08333rem;
  color: #333;
  border-left: .00521rem solid #005bac;
  display: inline-block;
  height: .08333rem;
  line-height: .08333rem;
  padding: 0 0 0 .05208rem
}
.single-home-page .single-home-page-title .more a:hover {
  color: #005bac;
  text-decoration: none
}
.single-home-page .news-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}
.single-home-page .news-list .news-item {
  background: #fff;
  border-radius: .03125rem;
  border: .00521rem solid #dbdbdb;
  width: calc((100% - (.15625rem*2))/ 3);
  margin: 0 .13021rem .13021rem 0;
  height: 2.86458rem;
  overflow: hidden;
  position: relative;
  top: 0
}
.single-home-page .news-list .news-item:nth-child(3n) {
  margin-right: 0
}
.single-home-page .news-list .news-item .title:hover {
  color: #005bac
}
.single-home-page .news-list .news-item a:hover {
  text-decoration: none
}
.single-home-page .news-list .news-item .thumb {
  height: 1.39583rem;
  margin-bottom: .13021rem;
  overflow: hidden
}
.single-home-page .news-list .news-item .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  transition: transform .3s;
  transform: scale(1)
}
.single-home-page .news-list .news-item .thumb:hover img {
  transform: scale(1.1)
}
.single-home-page .news-list .news-item .date,
.single-home-page .news-list .news-item .intro,
.single-home-page .news-list .news-item .title {
  padding: 0 .23438rem;
  color: #666;
  overflow: hidden;
  line-height: 1.2;
  margin-bottom: .13021rem;
  display: block
}
.single-home-page .news-list .news-item .date {
  font-size: .10417rem
}
.single-home-page .news-list .news-item .title {
  max-height: .25rem;
  font-size: .10417rem;
  color: #333;
  font-weight: 700
}
.single-home-page .news-list .news-item .intro {
  max-height: .3125rem;
  font-size: .08333rem
}
.single-home-page .news-information {
  margin-bottom: .52083rem
}
.single-home-page .news-information .news-information-list {
  background: #fff;
  height: 2.86458rem;
  border-radius: .05208rem;
  overflow: hidden;
  position: relative;
  padding: .15625rem 0 0 3.90625rem;
  box-sizing: border-box
}
.single-home-page .news-information .news-information-item {
  padding: .13021rem 0 0
}
.single-home-page .news-information .news-information-item .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.90625rem;
  height: 2.86458rem;
  display: none
}
.single-home-page .news-information .news-information-item .thumb img {
  width: 100%;
  height: 100%
}
.single-home-page .news-information .news-information-item.current .thumb {
  display: block
}
.single-home-page .news-information .news-information-item .text {
  padding: 0 0 .15625rem;
  margin: 0 .3125rem 0 .26042rem;
  position: relative
}
.single-home-page .news-information .news-information-item .text:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1PX;
  border-bottom: 1PX solid rgba(102,102,102,.2);
  color: rgba(102,102,102,.2);
  transform-origin: 0 100%;
  transform: scaleY(.5)
}
.single-home-page .news-information .news-information-item .text::before {
  width: 0;
  content: '';
  height: .01042rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #005bac;
  transition: width .3s
}
.single-home-page .news-information .news-information-item .text a {
  text-decoration: none
}
.single-home-page .news-information .news-information-item .text .head {
  display: flex;
  justify-content: flex-start;
  height: .20833rem;
  line-height: .20833rem;
  margin-bottom: .05208rem;
  width: 100%
}
.single-home-page .news-information .news-information-item .text .head .title {
  font-size: .11458rem;
  height: .16667rem;
  overflow: hidden;
  position: relative;
  padding-left: .13021rem;
  color: #333;
  width: 2.29167rem;
  box-sizing: border-box;
  font-weight: 700
}
.single-home-page .news-information .news-information-item .text .head .title::before {
  content: '';
  position: absolute;
  z-index: 3;
  width: .05208rem;
  height: .05208rem;
  left: 0;
  background-color: #005bac;
  border-radius: 50%;
  top: 50%
}
.single-home-page .news-information .news-information-item .text .head .title:hover {
  color: #005bac
}
.single-home-page .news-information .news-information-item .text .head .date {
  text-align: right;
  width: .625rem;
  color: #666;
  font-size: .08333rem
}
.single-home-page .news-information .news-information-item .text .intro {
  padding: 0 0 0 .10417rem;
  color: #666;
  font-size: .08333rem;
  height: .26042rem;
  overflow: hidden
}
.single-home-page .news-information .news-information-item:hover .text::before {
  width: 100%;
  transition: width .3s
}
.single-home-page .news-dynamic {
  margin-bottom: .52083rem
}
.single-home-page .news-dynamic .news-title {
  margin-bottom: .10417rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.single-home-page .news-dynamic .news-title .title {
  font-size: .15625rem;
  font-weight: 700;
  color: #333
}
.single-home-page .party-intro {
  display: flex;
  justify-content: flex-start;
  margin-bottom: .52083rem
}
.single-home-page .party-intro .party-intro-text {
  background: #fff url(assets/img/party-banner-thumb-1.png) no-repeat 0 0;
  background-size: contain;
  width: 5.20833rem;
  padding: .3125rem .52083rem 0;
  font-size: .08333rem;
  line-height: 2;
  margin: .10417rem 0;
  border-top-left-radius: .05208rem;
  border-bottom-left-radius: .05208rem;
  box-shadow: 0 .03125rem .06771rem 0 rgba(123,0,2,.41)
}
.single-home-page .party-intro .party-intro-text .title {
  color: #c92323;
  margin-bottom: .05208rem
}
.single-home-page .party-intro .party-intro-text .title span {
  position: relative;
  padding: 0 .46875rem 0 0;
  font-weight: 700;
  font-size: .125rem
}
.single-home-page .party-intro .party-intro-text .title span::before {
  content: '';
  position: absolute;
  z-index: 3;
  right: 0;
  top: 50%;
  height: .01042rem;
  width: .41667rem;
  background: #c92323
}
.single-home-page .party-intro .party-intro-text .text {
  font-size: .08333rem
}
.single-home-page .party-intro .party-intro-framework {
  border-radius: .03125rem;
  width: 1.70833rem;
  height: 2.29167rem;
  background: #a30101;
  box-shadow: 0 .03125rem .06771rem 0 rgba(123,0,2,.41);
  color: #fff;
  text-align: center
}
.single-home-page .party-intro .party-intro-framework .title {
  padding: .15625rem 0;
  border-radius: .02604rem;
  font-size: .10417rem
}
.single-home-page .party-intro .party-intro-framework .img {
  padding: 0 .15625rem
}
.single-home-page .party-intro .party-intro-framework .img img {
  width: 100%
}
.single-home-page .party-work {
  padding: 0 0 .41667rem 0;
  background: url(assets/img/party-bg-1.png) no-repeat center 0;
  background-size: 100%
}
.single-home-page .party-work .news-list .news-item a:hover .title {
  color: #c92323
}
.single-home-page .labor-wrok .labor-wrok-body {
  display: flex;
  justify-content: space-between;
  margin-bottom: .36458rem
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan {
  width: 3.125rem;
  height: 2.70833rem;
  background: #c92323 url(assets/img/party-bg-2.png) no-repeat center 25%;
  border-radius: .05208rem;
  color: #fff;
  padding: .625rem .33854rem 0;
  box-sizing: border-box;
  line-height: 2
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan p {
  font-size: .09375rem;
  margin-bottom: .57292rem
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan h3 {
  text-align: right;
  font-weight: 400
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan h3 span {
  position: relative;
  padding: 0 0 0 .49479rem;
  font-size: .10417rem
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan h3 span::before {
  content: '';
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50%;
  height: .00521rem;
  width: .41667rem;
  background: #fff
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list {
  width: 3.85417rem;
  padding: 0
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item {
  padding: .13021rem 0 0
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item a {
  text-decoration: none
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text {
  padding: 0 0 .15625rem;
  margin: 0;
  position: relative
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1PX;
  border-bottom: 1PX solid rgba(102,102,102,.2);
  color: rgba(102,102,102,.2);
  transform-origin: 0 100%;
  transform: scaleY(.5)
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text::before {
  width: 0;
  content: '';
  height: .01042rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #c92323;
  transition: width .3s
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .head {
  display: flex;
  justify-content: flex-start;
  height: .26042rem;
  line-height: .26042rem;
  margin-bottom: .02604rem
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .head .title {
  font-size: .11458rem;
  height: .26042rem;
  overflow: hidden;
  position: relative;
  padding-left: .13021rem;
  color: #333
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .head .title:hover {
  color: #c92323
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .head .title::before {
  content: '';
  position: absolute;
  z-index: 3;
  width: .05208rem;
  height: .05208rem;
  left: 0;
  background-color: #c92323;
  border-radius: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  transform: translate(0,-50%)
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .head .date {
  text-align: right;
  width: 1.14583rem;
  color: #666;
  font-size: .08333rem
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item .text .intro {
  padding: 0 0 0 .10417rem;
  color: #666;
  font-size: .08333rem;
  height: .26042rem;
  overflow: hidden
}
.single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list .labor-wrok-item:hover .text::before {
  width: 100%;
  transition: width .3s
}
.single-home-page .party-duty {
  margin-bottom: .36458rem
}
.single-home-page .party-duty .party-duty-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}
.single-home-page .party-duty .party-duty-item {
  background: #fff;
  border-radius: .05208rem;
  width: calc((100% - (.30729rem*1))/ 2);
  margin: 0 .30729rem .30729rem 0;
  height: 2.08333rem;
  overflow: hidden;
  position: relative;
  top: 0
}
.single-home-page .party-duty .party-duty-item:nth-child(2n) {
  margin-right: 0
}
.single-home-page .party-duty .party-duty-item:hover .thumb img {
  transition: transform .3s;
  transform: scale(1.1)
}
.single-home-page .party-duty .party-duty-item .thumb img {
  height: 100%;
  width: 100%;
  transition: transform .3s;
  transform: scale(1)
}
.single-home-page .party-duty .party-duty-item .intro {
  font-size: .125rem;
  font-weight: 700;
  color: #fff;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  height: .52083rem;
  box-sizing: border-box;
  padding: .20833rem .15625rem 0
}
.single-home-page .party-duty .party-duty-item .intro::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  height: .52083rem;
  background: linear-gradient(to bottom,transparent,#c92323)
}
.single-home-page .party-duty .party-duty-item .intro span {
  position: relative;
  z-index: 5
}
.single-home-page .party-duty .party-duty-item .intro .more {
  display: inline-block;
  float: right;
  border-radius: 50%;
  width: .19792rem;
  height: .19792rem;
  border: 1PX solid #fff;
  text-align: center;
  line-height: .19792rem
}
.single-home-page .party-duty .party-duty-item .intro .more i {
  position: relative;
  top: -.01563rem;
  font-size: .07813rem
}
.single-home-page .party-duty .party-duty-item .intro .more:hover {
  background: #fff
}
.single-home-page .party-duty .party-duty-item .intro .more:hover i {
  color: #c92323
}
.single-home-page.sy-culture-page .culture-slogan {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: .52083rem
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item-aos {
  border-radius: .05208rem;
  width: calc((100% - .15625rem)/ 3);
  margin-bottom: .07813rem;
  margin-right: .07813rem;
  overflow: hidden
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item-aos:nth-child(3) {
  margin-right: 0
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item-aos:nth-child(4) {
  width: calc((100% - .07813rem)/ 2);
  margin-right: .07813rem
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item-aos:nth-child(5) {
  width: calc((100% - .07813rem)/ 2);
  margin-right: 0
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item {
  background: #fff;
  height: 1.04167rem;
  padding: .10417rem .22917rem;
  box-sizing: border-box;
  position: relative;
  line-height: 1.5;
  cursor: pointer;
  transition: background .3s
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .title {
  color: #005bac;
  font-size: .17708rem;
  font-weight: 700
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .en {
  font-size: .16667rem;
  color: #ddf1ff;
  margin-bottom: .07813rem
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .intro {
  font-size: .10417rem;
  color: #333
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .num {
  position: absolute;
  right: .13021rem;
  top: 0;
  font-size: .4375rem;
  font-weight: 700;
  color: rgba(17,101,186,.09)
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .en,
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .intro,
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .num,
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .title {
  transition: color .3s
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item:hover {
  background: #024b95;
  transition: background .3s
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item:hover .title {
  color: #fff
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item:hover .en {
  color: rgba(1,37,73,.2)
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item:hover .intro {
  color: #b3e0ff
}
.single-home-page.sy-culture-page .culture-slogan .culture-slogan-item:hover .num {
  color: rgba(17,101,186,.25)
}
.single-home-page.sy-culture-page .leader-slogan {
  background: #f7f7f7;
  padding: 0 0 .57292rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body {
  background: #fff url(assets/img/culture-bg-3.png) no-repeat 98% bottom;
  background-size: 35%;
  border-radius: .05208rem;
  min-height: 1.59896rem;
  color: #333;
  padding: .26042rem .72917rem .26042rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-text {
  font-size: .1875rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-text span {
  position: relative
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-text span::before {
  content: "";
  position: absolute;
  left: -.26042rem;
  top: -.05208rem;
  z-index: 3;
  height: .18229rem;
  width: .18229rem;
  background: url(assets/img/icon-symbol.png) no-repeat 0 0;
  background-size: contain
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-text span::after {
  content: "";
  position: absolute;
  right: -.26042rem;
  top: -.05208rem;
  z-index: 3;
  height: .18229rem;
  width: .18229rem;
  background: url(assets/img/icon-symbol.png) no-repeat 0 0;
  background-size: contain;
  transform: rotate(180deg)
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-name {
  width: 60%;
  text-align: right;
  font-size: .10417rem;
  margin-bottom: .20833rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-name small {
  font-size: .08333rem;
  color: #666
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-name span {
  position: relative;
  padding-right: .05208rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-name span::before {
  content: '';
  position: absolute;
  left: -.75521rem;
  height: .00521rem;
  width: .65104rem;
  top: 50%;
  background: #999
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list {
  font-size: .09375rem
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li {
  line-height: 2.4
}
.single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li b {
  display: inline-block;
  width: .625rem;
  color: #005bac;
  font-size: .10417rem
}
.single-home-page.sy-culture-page .staff-mien {
  background: #f0f0f0;
  text-align: center;
  background: #fff url(assets/img/culture-bg-2.png) no-repeat center 0;
  background-size: cover;
  padding-bottom: .41667rem
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item {
  border-radius: .05208rem;
  overflow: hidden;
  margin-bottom: .52083rem
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item a {
  display: block
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item a:hover {
  text-decoration: none
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item .thumb {
  height: 1.5625rem
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item .thumb img {
  width: 100%;
  height: 100%;
  transition: transform .3s;
  transform: scale(1)
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item .title {
  position: relative;
  text-align: center;
  overflow: hidden;
  line-height: 3;
  font-size: .09375rem;
  color: #333;
  background: #fff;
  padding: .05208rem 0
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item .title::after {
  height: .02083rem;
  background: #005bac;
  position: absolute;
  content: '';
  width: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
  transition: width .3s
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item:hover .thumb img {
  transition: transform .3s;
  transform: scale(1.1)
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item:hover .title {
  color: #005bac
}
.single-home-page.sy-culture-page .staff-mien .staff-mien-item:hover .title::after {
  width: 100%
}
.single-home-page.sy-culture-page .staff-mien .banner-pagination {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center
}
.single-home-page.sy-culture-page .staff-mien .banner-pagination span {
  position: relative;
  bottom: 0;
  margin: 0 .04167rem;
  display: inline-block!important;
  border: 1PX solid #005bac;
  background: 0 0;
  opacity: 1
}
.single-home-page.sy-culture-page .staff-mien .banner-pagination span.swiper-pagination-bullet-active {
  background: #005bac
}
.single-home-page.sy-culture-page .staff-mien .banner-button-next,
.single-home-page.sy-culture-page .staff-mien .banner-button-prev {
  position: absolute;
  z-index: 3;
  left: 46%;
  bottom: 0;
  border: 1PX solid #ddd;
  width: .20833rem;
  height: .20833rem;
  margin: .3125rem .04167rem 0;
  line-height: .20833rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s;
  display: flex;
  justify-content: center;
  align-items: center
}
.single-home-page.sy-culture-page .staff-mien .banner-button-next i,
.single-home-page.sy-culture-page .staff-mien .banner-button-prev i {
  color: #ddd;
  font-size: .08333rem
}
.single-home-page.sy-culture-page .staff-mien .banner-button-next:hover,
.single-home-page.sy-culture-page .staff-mien .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff
}
.single-home-page.sy-culture-page .staff-mien .banner-button-next {
  left: 51%
}
.single-home-page.sy-culture-page .periodical {
  position: relative
}
.single-home-page.sy-culture-page .periodical .book-list {
  padding-top: .05208rem
}
.single-home-page.sy-culture-page .periodical .book-list .item {
  margin: 0 auto 0;
  display: flex;
  width: 60%;
  flex-direction: column;
  justify-content: flex-start
}
.single-home-page.sy-culture-page .periodical .book-list .item .title {
  font-size: .07292rem
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover {
  flex: none;
  position: relative;
  z-index: 12;
  width: calc(99%);
  height: 0;
  padding-bottom: calc(127.2843%);
  margin-bottom: .15625rem
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 5.20833rem;
  transform-style: preserve-3d
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotateY(-15deg);
  transform-origin: left center;
  transition: all .4s ease;
  transform-style: preserve-3d;
  z-index: 10
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform: rotateY(0)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front > :first-child img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front > :last-child {
  position: absolute;
  top: .02083rem;
  bottom: .02083rem;
  left: 0;
  right: .02083rem;
  background: #fffbec;
  transform-origin: left center;
  transform: rotateY(1deg)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front > :last-child::before {
  position: absolute;
  bottom: -.02083rem;
  left: .05208rem;
  right: .05208rem;
  height: .02083rem;
  background: 0 0;
  box-shadow: 0 0 .15625rem .02604rem rgba(51,51,51,.8);
  transform: rotateX(80deg)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page {
  position: absolute;
  top: .02604rem;
  bottom: .02604rem;
  left: 0;
  right: .02604rem;
  backface-visibility: visible;
  transition-timing-function: ease;
  transition-property: transform;
  transform-origin: left center;
  background: linear-gradient(to right,#e1ddd8 0,#fffbf6 100%);
  box-shadow: inset 0 -.00521rem .01042rem rgba(50,50,50,.1),inset -.00521rem 0 .00521rem rgba(150,150,150,.2);
  border-radius: 0 .02604rem .02604rem 0
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-1 {
  right: -.00521rem;
  transition-duration: .3s;
  transform: rotateY(-13deg);
  z-index: 9
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-2 {
  right: -.01042rem;
  transition-duration: .25s;
  transform: rotateY(-11deg);
  z-index: 8
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-3 {
  right: -.01563rem;
  transition-duration: .2s;
  transform: rotateY(-9deg);
  z-index: 7
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-3 > img {
  width: 100%;
  height: 100%
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 {
  right: -.02083rem;
  transition-duration: .3s;
  transform: rotateY(-7deg);
  z-index: 3
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_wrap .book-page-4_btn {
  display: flex;
  border-radius: .5em;
  border: .00521rem solid #005bac;
  font-size: .09375rem;
  overflow: hidden
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_wrap .book-page-4_btn .view-pdf {
  padding: .5em 1em;
  color: #005bac;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_wrap .book-page-4_btn:hover .view-pdf {
  background: #005bac;
  color: #005bac
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_wrap .book-page-4_btn:hover .view-pdf:hover {
  color: #fff;
  text-decoration: none
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-5 {
  right: -.02604rem;
  transition-duration: .3s;
  transform: rotateY(-5deg);
  z-index: 2
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-back {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(106%);
  height: 100%;
  transform: rotateY(-3deg);
  transform-origin: left center;
  transform-style: preserve-3d;
  z-index: 1
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-back > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform: rotateY(0)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-back > :first-child img {
  width: 100%;
  height: 100%
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-back > :last-child {
  position: absolute;
  top: .02083rem;
  bottom: .02083rem;
  left: 0;
  right: .02083rem;
  background: #fffbec;
  transform-origin: left center;
  transform: rotateY(-1deg)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-back > :last-child::before {
  content: "";
  position: absolute;
  bottom: -.02083rem;
  left: .05208rem;
  right: .05208rem;
  height: .02083rem;
  background: 0 0;
  box-shadow: 0 0 .15625rem .02604rem rgba(51,51,51,.8);
  transform: rotateX(80deg)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-front {
  transform: rotateY(-142deg)
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-page.book-page-1 {
  transform: rotateY(-137deg);
  transition-duration: .6s
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-page.book-page-2 {
  transform: rotateY(-127deg);
  transition-duration: .7s
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-page.book-page-3 {
  transform: rotateY(-115deg);
  transition-duration: .8s
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-page.book-page-4 {
  transform: rotateY(-12deg);
  transition-duration: .9s
}
.single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book:hover .book-page.book-page-5 {
  transition-duration: .75s
}
.single-home-page.sy-culture-page .periodical .periodical-swiper {
  position: relative;
  padding: .15625rem 0 .46875rem
}
.single-home-page.sy-culture-page .periodical .periodical-swiper .before {
  position: absolute;
  z-index: -1;
  height: 80%;
  width: 1.5625rem;
  background: #fff;
  content: "";
  left: -1.5625rem
}
.single-home-page.sy-culture-page .periodical .periodical-swiper .before.z-index {
  z-index: 10
}
.single-home-page.sy-culture-page .periodical .periodical-swiper .after {
  position: absolute;
  z-index: 10;
  height: 90%;
  width: 1.5625rem;
  background: #fff;
  content: "";
  right: -1.5625rem
}
.single-home-page.sy-culture-page .periodical .periodical-swiper .after.z-index {
  z-index: 10
}
.single-home-page.sy-culture-page .periodical .swiper {
  padding: 0 0 .36458rem;
  overflow: visible;
  z-index: auto
}
.single-home-page.sy-culture-page .periodical .swiper .swiper-wrapper {
  z-index: auto
}
.single-home-page.sy-culture-page .periodical .swiper .banner-pagination {
  left: 50%;
  transform: translate(-50%,0);
  width: 40%;
  top: auto;
  bottom: 0;
  border-radius: .02604rem;
  overflow: hidden;
  height: .03125rem;
  background: #ececec
}
.single-home-page.sy-culture-page .periodical .swiper .banner-pagination .swiper-pagination-progressbar-fill {
  background: #005bac
}
.single-home-page.sy-culture-page .periodical .swiper .swiper-slide {
  position: relative;
  z-index: 6
}
.single-home-page.sy-culture-page .periodical .swiper .swiper-slide.swiper-slide-prev {
  z-index: -1
}
.single-home-page.sy-culture-page .periodical .swiper .swiper-slide.swiper-slide-prev .book-list {
  display: none
}
.single-home-page.sy-culture-page .periodical .periodical-item {
  margin: 0 auto;
  width: .9375rem;
  padding: .02604rem .3125rem 0 .3125rem;
  background: url(assets/img/culture-thumb-bg.png) no-repeat -.07813rem 0;
  background-size: contain;
  position: relative;
  top: .05208rem;
  transition: top .3s
}
.single-home-page.sy-culture-page .periodical .periodical-item a {
  color: #333
}
.single-home-page.sy-culture-page .periodical .periodical-item a:hover {
  color: #005bac;
  text-decoration: none
}
.single-home-page.sy-culture-page .periodical .periodical-item:hover {
  top: 0
}
.single-home-page.sy-culture-page .periodical .periodical-item .thumb {
  width: 100%;
  margin-bottom: .10417rem
}
.single-home-page.sy-culture-page .periodical .periodical-item .thumb img {
  width: .9375rem;
  height: 1.29688rem
}
.single-home-page.sy-culture-page .periodical .periodical-item .title {
  padding-top: .10417rem;
  height: .3125rem;
  overflow: hidden;
  width: .88542rem;
  font-size: .07292rem
}
.single-home-page.sy-culture-page .periodical .banner-button-next,
.single-home-page.sy-culture-page .periodical .banner-button-prev {
  position: absolute;
  border: 1PX solid #ddd;
  width: .20833rem;
  height: .20833rem;
  left: 50%;
  margin-left: -3.90625rem;
  margin-top: -.52083rem;
  top: 50%;
  line-height: .20833rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center
}
.single-home-page.sy-culture-page .periodical .banner-button-next i,
.single-home-page.sy-culture-page .periodical .banner-button-prev i {
  color: #ddd;
  font-size: .08333rem
}
.single-home-page.sy-culture-page .periodical .banner-button-next:hover,
.single-home-page.sy-culture-page .periodical .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff
}
.single-home-page.sy-culture-page .periodical .banner-button-next {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -4.0625rem
}
.single-home-page.about-page .single-home-header {
  display: block
}
.single-home-page.about-page .single-home-header .title p {
  font-size: .08333rem;
  text-indent: 2em;
  margin-bottom: .10417rem
}
.single-home-page.about-page .single-home-header .intro {
  width: 100%;
  color: #fff;
  height: .83333rem;
  padding-top: .10417rem;
  display: flex;
  text-align: center;
  justify-content: flex-end
}
.single-home-page.about-page .single-home-header .intro .li {
  flex: 1;
  text-align: center;
  display: inline-block
}
.single-home-page.about-page .single-home-header .intro .li:nth-child(1) {
  text-align: left
}
.single-home-page.about-page .single-home-header .intro .li:nth-child(1) span {
  padding-left: .07813rem
}
.single-home-page.about-page .single-home-header .intro .li:nth-child(3) {
  text-align: right
}
.single-home-page.about-page .single-home-header .intro .li:nth-child(3) span {
  padding-right: .09375rem
}
.single-home-page.about-page .single-home-header .intro .li p {
  font-size: .15625rem;
  line-height: .26042rem;
  font-weight: 700;
  padding: 0;
  margin: 0
}
.single-home-page.about-page .single-home-header .intro .li b {
  font-size: .23958rem;
  position: relative;
  top: .03125rem
}
.single-home-page.about-page .single-home-header .intro .li span {
  line-height: .26042rem;
  display: block;
  font-size: .10417rem
}
.single-home-page.about-page .single-home-header .video {
  border-radius: .05208rem;
  border: .01042rem solid #fff;
  overflow: hidden;
  margin: 0 auto .41667rem;
  width: 100%
}
.single-home-page.about-page .single-home-header .video video {
  width: 100%;
  height: 100%;
  border-radius: .05208rem;
  -o-object-fit: contain;
  object-fit: contain
}
.single-home-page.about-page .single-home-header .video video:focus {
  outline: 0
}
.single-home-page.about-page .course {
  background: url(assets/img/about-bg-1.png) no-repeat center 0;
  padding-bottom: .52083rem;
  background-size: cover
}
.single-home-page.about-page .course .course-body {
  padding: .26042rem 0 .36458rem;
  border-radius: .05208rem;
  background: #fff;
  overflow: hidden
}
.single-home-page.about-page .course .course-body .year-box {
  height: .52083rem;
  margin-bottom: .26042rem;
  position: relative;
  padding: 0 .46875rem 0
}
.single-home-page.about-page .course .course-body .year-box::after {
  position: absolute;
  content: '';
  height: .00521rem;
  left: .46875rem;
  right: .46875rem;
  bottom: .15625rem;
  background: rgba(153,153,153,.2)
}
.single-home-page.about-page .course .course-body .year-box .swiper-pagination {
  top: auto;
  bottom: -2.08333rem;
  background: #ececec;
  border-radius: .02604rem;
  overflow: hidden;
  height: .03125rem
}
.single-home-page.about-page .course .course-body .year-box .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #005bac
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide {
  width: .52083rem;
  text-align: center;
  height: .52083rem
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide .year {
  flex: 1;
  font-size: .125rem;
  position: relative;
  height: .41667rem;
  cursor: pointer
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide .year i {
  width: .05208rem;
  height: .05208rem;
  background: #999;
  border-radius: 50%;
  position: absolute;
  display: block;
  left: 50%;
  bottom: .02604rem;
  transform: translate(-50%,0);
  transition: all .3s
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide .year i::before {
  content: '';
  position: absolute;
  width: .11458rem;
  height: .11458rem;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: rgba(153,153,153,.26);
  z-index: 3;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide .year i::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: rgba(0,91,172,.12);
  z-index: 4;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide.swiper-slide-thumb-active .year {
  color: #005bac;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide.swiper-slide-thumb-active .year i {
  background: #005bac;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide.swiper-slide-thumb-active .year i::before {
  transition: all .3s;
  background: rgba(0,91,172,.26)
}
.single-home-page.about-page .course .course-body .year-box .swiper-slide.swiper-slide-thumb-active .year i::after {
  transition: all .3s;
  width: .1875rem;
  height: .1875rem;
  background: rgba(0,91,172,.12)
}
.single-home-page.about-page .course .course-body .menus {
  height: .52083rem;
  margin-bottom: .26042rem
}
.single-home-page.about-page .course .course-body .menus ul {
  display: flex;
  text-align: center;
  position: relative;
  height: .41667rem
}
.single-home-page.about-page .course .course-body .menus ul ::after {
  position: absolute;
  content: '';
  height: .00521rem;
  left: 0;
  right: 0;
  bottom: .05208rem;
  background: rgba(153,153,153,.2)
}
.single-home-page.about-page .course .course-body .menus ul li {
  flex: 1;
  font-size: .125rem;
  position: relative;
  height: 100%;
  cursor: pointer
}
.single-home-page.about-page .course .course-body .menus ul li i {
  width: .05208rem;
  height: .05208rem;
  background: #999;
  border-radius: 50%;
  position: absolute;
  display: block;
  left: 50%;
  bottom: .02604rem;
  transform: translate(-50%,0);
  transition: all .3s
}
.single-home-page.about-page .course .course-body .menus ul li i::before {
  content: '';
  position: absolute;
  width: .11458rem;
  height: .11458rem;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: rgba(153,153,153,.26);
  z-index: 3;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .menus ul li i::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: rgba(0,91,172,.12);
  z-index: 4;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .menus ul li.current,
.single-home-page.about-page .course .course-body .menus ul li:hover {
  color: #005bac;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .menus ul li.current i,
.single-home-page.about-page .course .course-body .menus ul li:hover i {
  background: #005bac;
  transition: all .3s
}
.single-home-page.about-page .course .course-body .menus ul li.current i::before,
.single-home-page.about-page .course .course-body .menus ul li:hover i::before {
  transition: all .3s;
  background: rgba(0,91,172,.26)
}
.single-home-page.about-page .course .course-body .menus ul li.current i::after,
.single-home-page.about-page .course .course-body .menus ul li:hover i::after {
  transition: all .3s;
  width: .1875rem;
  height: .1875rem;
  background: rgba(0,91,172,.12)
}
.single-home-page.about-page .course .article-list {
  height: 1.82292rem;
  overflow: hidden
}
.single-home-page.about-page .course .article-list .swiper {
  height: 1.82292rem
}
.single-home-page.about-page .course .article-list .swiper .swiper-button-prev {
  left: .15625rem
}
.single-home-page.about-page .course .article-list .swiper .swiper-button-next {
  right: .15625rem
}
.single-home-page.about-page .course .article-item {
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  display: flex;
  padding: 0 .46875rem
}
.single-home-page.about-page .course .article-item .thumb {
  width: 45%;
  height: 1.82292rem;
  margin-right: 5%;
  overflow: hidden
}
.single-home-page.about-page .course .article-item .thumb img {
  width: 100%;
  max-width: 100%;
  max-height: 100%
}
.single-home-page.about-page .course .article-item .intro {
  width: 50%
}
.single-home-page.about-page .course .article-item .intro .year {
  margin-bottom: .10417rem;
  color: #005bac;
  font-weight: 700
}
.single-home-page.about-page .course .article-item .intro .year b {
  font-size: .1875rem;
  padding-right: .07813rem
}
.single-home-page.about-page .course .article-item .intro .year small {
  font-size: .08333rem
}
.single-home-page.about-page .course .article-item .intro .title {
  color: #333;
  font-size: .125rem;
  font-weight: 400;
  height: .15625rem;
  line-height: .15625rem;
  overflow: hidden;
  margin-bottom: .10417rem
}
.single-home-page.about-page .course .article-item .intro .text {
  color: #333;
  max-height: .63542rem;
  overflow: hidden;
  display: block;
  margin-bottom: .26042rem
}
.single-home-page.about-page .course .article-item .intro .text p {
  color: #333;
  font-size: .10417rem
}
.single-home-page.about-page .course .article-item .intro .more {
  font-style: normal;
  display: block
}
.single-home-page.about-page .course .article-item .intro .more a {
  padding: 0 .26042rem;
  border-radius: .15625rem;
  display: inline-block;
  height: .26042rem;
  line-height: .26042rem;
  font-size: .09375rem;
  color: #005bac;
  border: .00521rem solid #005bac;
  transition: background .3s
}
.single-home-page.about-page .course .article-item .intro .more a:hover {
  background: #005bac;
  color: #fff;
  text-decoration: none
}
.single-home-page.about-page .honor {
  position: relative
}
.single-home-page.about-page .honor::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 1.97917rem;
  height: .125rem;
  background: #f7f7f7;
  box-shadow: 0 .07813rem .125rem 0 rgba(51,51,51,.16)
}
.single-home-page.about-page .honor .honor-swiper {
  padding: 0 0 .46875rem
}
.single-home-page.about-page .honor .swiper {
  padding: 0 0 .46875rem
}
.single-home-page.about-page .honor .swiper .banner-pagination {
  left: 50%;
  transform: translate(-50%,0);
  width: 40%;
  top: auto;
  bottom: 0;
  border-radius: .02604rem;
  overflow: hidden;
  height: .03125rem;
  background: #ececec
}
.single-home-page.about-page .honor .swiper .banner-pagination .swiper-pagination-progressbar-fill {
  background: #005bac
}
.single-home-page.about-page .honor .honor-item {
  margin: 0 auto;
  text-align: center;
  width: 1.30208rem;
  height: .98958rem;
  position: relative;
  overflow: hidden
}
.single-home-page.about-page .honor .honor-item ::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: url(assets/img/about-thumb-border.png) no-repeat center center;
  background-size: 100% 100%
}
.single-home-page.about-page .honor .honor-item a {
  color: #333
}
.single-home-page.about-page .honor .honor-item a:hover {
  color: #005bac;
  text-decoration: none
}
.single-home-page.about-page .honor .honor-item .thumb {
  margin: 0 auto;
  overflow: hidden;
  padding: .13021rem;
  height: .70313rem
}
.single-home-page.about-page .honor .honor-item .thumb img {
  max-height: 100%
}
.single-home-page.about-page .honor .honor-item .title {
  padding-top: .10417rem;
  height: .3125rem;
  overflow: hidden;
  width: .88542rem
}
.single-home-page.about-page .honor .banner-button-next,
.single-home-page.about-page .honor .banner-button-prev {
  position: absolute;
  border: 1PX solid #ddd;
  width: .20833rem;
  height: .20833rem;
  left: 50%;
  margin-left: -4.01042rem;
  margin-top: -.54688rem;
  top: 50%;
  line-height: .20833rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s;
  display: flex;
  justify-content: center;
  align-items: center
}
.single-home-page.about-page .honor .banner-button-next i,
.single-home-page.about-page .honor .banner-button-prev i {
  margin-top: .01042rem;
  color: #ddd;
  font-size: .08333rem
}
.single-home-page.about-page .honor .banner-button-next:hover,
.single-home-page.about-page .honor .banner-button-prev:hover {
  background-color: #005bac;
  color: #fff
}
.single-home-page.about-page .honor .banner-button-next {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -4.01042rem
}
.single-home-page.about-page .join {
  text-align: center;
  position: relative;
  padding: 1.5625rem 0 .46875rem
}
.single-home-page.about-page .join .logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  width: 1.22396rem;
  height: 1.22396rem;
  margin-top: -1.5625rem;
  background: url(assets/img/sy-logo-2.png) no-repeat center center;
  background-size: contain
}
.single-home-page.about-page .join .slogan {
  font-size: .125rem;
  color: #333;
  margin-bottom: .26042rem
}
.single-home-page.about-page .join .btn-box {
  text-align: center;
  height: .26042rem
}
.single-home-page.about-page .join .btn-box .btn-join {
  padding: 0 .26042rem;
  border-radius: .15625rem;
  display: inline-block;
  height: .26042rem;
  line-height: .26042rem;
  font-size: .09375rem;
  color: #005bac;
  border: .00521rem solid #005bac;
  transition: background .3s
}
.single-home-page.about-page .join .btn-box .btn-join:hover {
  background: #005bac;
  color: #fff;
  text-decoration: none
}
@media screen and (max-width:1024PX) {
  :root {
    --header-height: 60PX;
    --container-inner-width: 94vw;
    --product-list-inner-width: 90vw;
    --single-exhibition-inner-width: 90vw
  }
  html {
    font-size: 100PX!important
  }
  .header .logo a > img {
    max-width: none;
    max-height: 60%
  }
  .top-search {
    padding: 16PX 0
  }
  .top-search form {
    max-width: 500PX;
    height: 38PX
  }
  .top-search form .top-search-button {
    padding: 0 30PX
  }
  .top-search form .top-search-button .iconfont {
    font-size: .16667rem
  }
  .top-search form .top-search-input {
    font-size: 16PX
  }
  .global-aside {
    width: 40PX
  }
  .global-aside > ul li {
    width: 40PX;
    height: 40PX
  }
  .global-aside > ul li a > .iconfont {
    font-size: 20PX
  }
}
@media screen and (max-width:720PX) {
  body {
    overflow-x: hidden
  }
  .header .logo a > img {
    max-width: none;
    max-height: 60%
  }
  .header .menu {
    position: fixed;
    top: var(--header-height);
    left: 101%;
    width: 100%;
    width: 100vw;
    height: calc(100vh - var(--header-height));
    background: #fff;
    overflow-y: auto;
    transition: all .5s ease;
    z-index: 9999;
    border-top: .00521rem solid rgba(0,0,0,.1)
  }
  .header .menu.active {
    opacity: 1;
    left: 0
  }
  .header .menu > ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto
  }
  .header .menu > ul > .menu-item {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
    border-bottom: 1PX solid rgba(0,0,0,.1);
    padding: 0;
    text-align: left;
    line-height: 20PX
  }
  .header .menu > ul > .menu-item > h3 {
    position: relative;
    width: auto;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0 20PX;
    line-height: 40PX
  }
  .header .menu > ul > .menu-item > h3 a {
    display: inline-block;
    font-size: 16PX;
    color: #333
  }
  .header .menu > ul > .menu-item > h3 i {
    display: block;
    position: absolute;
    right: 15PX;
    z-index: 3;
    margin-top: -20PX;
    top: 50%
  }
  .header .menu > ul > .menu-item > h3:after {
    display: none
  }
  .header .menu > ul > .menu-item > h3::before {
    display: none
  }
  .header .menu > ul > .menu-item > .sub-menu {
    padding: 0;
    border-top: none;
    position: static;
    opacity: 1;
    box-shadow: none;
    border-radius: 0;
    display: none;
    background: 0 0!important;
    transition: all .3s
  }
  .header .menu > ul > .menu-item > .sub-menu .sub-menu-inner {
    padding: 0PX 30PX 20PX
  }
  .header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus {
    width: 100%;
    line-height: 22PX;
    display: block
  }
  .header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus ul li {
    font-size: 14PX;
    display: inline-block
  }
  .header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .menus::before {
    display: none
  }
  .header .menu > ul > .menu-item > .sub-menu .sub-menu-inner .info {
    display: none
  }
  .header .menu > ul > .menu-item > .sub-menu.product-mobile-sub-menu {
    display: block!important
  }
  .header .menu > ul > .menu-item > .sub-menu > .menu-item {
    text-align: left;
    padding: 0
  }
  .header .menu > ul > .menu-item > .sub-menu > .menu-item > a {
    position: relative;
    display: block;
    font-size: 16PX;
    width: 100%;
    font-weight: 400;
    box-sizing: border-box;
    padding: 10PX 30PX 10PX 60PX;
    border-bottom: 1PX solid rgba(0,0,0,.1)
  }
  .header .menu > ul > .menu-item > .sub-menu > .menu-item:last-child > a {
    border-bottom: 0
  }
  .header .menu > ul > .menu-item.current-menu-item i {
    transform: rotate(90deg)
  }
  .header .menu > ul > .menu-item.current-menu-item .sub-menu {
    display: block;
    transition: height .3s
  }
  .header .menu .products-sub-menu {
    display: none!important
  }
  .header .action {
    width: auto;
    justify-content: flex-end
  }
  .header .action .action-item {
    margin-left: 10PX
  }
  .header .action .action-item:last-child {
    margin-right: 0
  }
  .header .action .action-item.search-item {
    display: none
  }
  .header .action .action-item.menus-item {
    display: flex
  }
  .header .action .action-item.close-item {
    display: none
  }
  .header .action .action-item .iconfont {
    font-size: 24PX
  }
  .header .action .action-item .badge {
    margin-top: -20PX;
    right: -10PX;
    min-width: 20PX;
    height: 20PX;
    line-height: 20PX;
    padding: 0 3PX;
    font-size: 12PX
  }
  .header .language {
    font-size: 14PX;
    top: 22PX
  }
  .header .language .icon-earth {
    top: 0;
    width: 14PX;
    height: 14PX
  }
  .header .language span {
    height: 14PX;
    line-height: 14PX
  }
  .header.bg,
  .header:hover {
    background: 0 0;
    transition: ease;
    box-shadow: 0 0
  }
  .header.bg:after,
  .header.bg:before,
  .header:hover:after,
  .header:hover:before {
    display: none
  }
  .header.bg .action .action-item .iconfont,
  .header:hover .action .action-item .iconfont {
    color: #fff
  }
  .header:hover .logo > a {
    background: url(assets/img/logo.png) no-repeat 0 center;
    background-size: 100% 100%
  }
  .header.bg {
    background: #fff
  }
  .header.bg .logo > a {
    background: url(assets/img/logo-2.png) no-repeat 0 center;
    background-size: 100% 100%
  }
  .header.bg .action .action-item .iconfont {
    color: #333
  }
  .header.showMenus {
    background: #fff
  }
  .header.showMenus .logo > a {
    background: url(assets/img/logo-2.png) no-repeat 0 center;
    background-size: 100% 100%
  }
  .header.showMenus .menu {
    left: 0
  }
  .header.showMenus .action .action-item .iconfont {
    color: #333
  }
  .header.showMenus .action .menus-item {
    display: none
  }
  .header.showMenus .action .close-item {
    display: flex
  }
  .footer .footer-server .footer-server-list::before {
    left: 32%
  }
  .footer .footer-server .footer-server-list::after {
    right: 34%
  }
  .footer .footer-server .footer-server-list .footer-server-item {
    width: 22%;
    padding: 0 2% 0 .28646rem
  }
  .footer .footer-top .footer-top-inner .logo {
    display: none!important
  }
  .footer .footer-body-inner .contact-us {
    width: 100%;
    text-align: center;
    font-size: 12PX
  }
  .footer .footer-body-inner .contact-us .tel {
    font-size: 20PX
  }
  .footer .footer-body-inner .qr-list {
    padding-top: .10417rem;
    text-align: center
  }
  .footer .footer-body-inner .qr-list ul li {
    margin: 0 .10417rem
  }
  .footer .footer-body-inner .qr-list ul li .img {
    width: .625rem;
    height: .625rem;
    margin: 0 auto
  }
  .footer .footer-body-inner .menus {
    display: none
  }
  .footer .footer-copyright {
    padding: .07813rem 0
  }
  .footer .footer-copyright p {
    padding: 0 20%;
    font-size: .07292rem
  }
  .global-aside {
    display: none!important
  }
  .home-page .banner .swiper-slide {
    padding-bottom: 300PX
  }
  .home-page .banner .banner-text > h3 {
    font-size: 28PX;
    margin: -.3125rem auto 20PX
  }
  .home-page .banner .banner-text > p {
    font-size: 13PX
  }
  .home-page .banner .banner-link > div.title {
    font-size: 28PX;
    margin: -.3125rem auto 0
  }
  .home-page .banner .banner-link > div.text-one {
    font-size: 14PX;
    margin-top: 25PX
  }
  .home-page .banner .banner-link > div.text-two {
    font-size: 14PX;
    margin-top: .20833rem
  }
  .home-page .banner .banner-link > div.btn-more {
    margin-top: 80PX
  }
  .home-page .banner .banner-link > div.btn-more a {
    font-size: 10PX
  }
  .home-page .banner .banner-link > div.btn-more a i {
    display: none
  }
  .home-page .banner .banner-pagination {
    bottom: 0
  }
  .home-page .banner .banner-button-next,
  .home-page .banner .banner-button-prev,
  .home-page .banner .btn-down {
    display: none
  }
  .home-page .more a {
    font-size: 12PX
  }
  .home-page .common-body {
    padding-bottom: 20PX
  }
  .home-page .common-title {
    padding-top: 20PX
  }
  .home-page .common-title p {
    font-size: 12PX
  }
  .home-page .latest-news .first-news {
    height: 180PX
  }
  .home-page .latest-news .first-news .img {
    width: calc((100% - 10PX)/ 2);
    height: 180PX
  }
  .home-page .latest-news .first-news .text {
    width: 50%;
    box-sizing: border-box;
    padding: 20PX 15PX 0 15PX
  }
  .home-page .latest-news .first-news .text h3 {
    line-height: 18PX;
    height: 36PX;
    margin-bottom: 10PX;
    padding-bottom: 0
  }
  .home-page .latest-news .first-news .text p {
    padding-top: 10PX;
    margin: 0 0 20PX;
    line-height: 18PX;
    font-size: 12PX
  }
  .home-page .latest-news .first-news .text em {
    font-size: 12PX;
    height: 12PX
  }
  .home-page .latest-news .news-list {
    width: 100%
  }
  .home-page .latest-news .news-list .news-item {
    float: left;
    display: inline-block;
    width: calc((100% - 10PX)/ 2);
    margin: 0 10PX 10PX 0
  }
  .home-page .latest-news .news-list .news-item:nth-child(2n) {
    margin-right: 0
  }
  .home-page .latest-news .news-list .news-item:nth-child(3) {
    margin-bottom: 0
  }
  .home-page .latest-news .news-list .news-item:nth-child(4) {
    margin-bottom: 0
  }
  .home-page .latest-news .news-list .news-item a {
    padding: 15PX 15PX 0;
    height: 130PX
  }
  .home-page .latest-news .news-list .news-item h3 {
    font-size: 14PX;
    margin-bottom: 5PX;
    line-height: 18PX;
    height: 35PX
  }
  .home-page .latest-news .news-list .news-item p {
    font-size: 13PX;
    line-height: 16PX;
    height: 32PX;
    margin-bottom: 10PX
  }
  .home-page .latest-news .news-list .news-item em {
    height: 12PX;
    font-size: 12PX
  }
  .home-page .project .common-body .menus {
    top: 20PX;
    width: 100%;
    text-align: center
  }
  .home-page .project .common-body .menus ul {
    line-height: 20PX
  }
  .home-page .project .common-body .menus ul li {
    float: auto;
    margin: 0;
    font-size: 12PX
  }
  .home-page .project .product-list {
    padding-top: 65PX;
    height: auto
  }
  .home-page .project .product-list .product-item {
    padding: 0PX 15PX 15PX;
    height: auto
  }
  .home-page .project .product-list .product-item .img {
    width: 50%;
    height: auto
  }
  .home-page .project .product-list .product-item .img img {
    height: auto;
    border-radius: 3PX
  }
  .home-page .project .product-list .product-item .text {
    box-sizing: border-box;
    padding-right: 10PX;
    width: 50%;
    height: auto
  }
  .home-page .project .product-list .product-item .text .info {
    font-size: 12PX;
    height: 45PX
  }
  .home-page .project .product-list .product-item .text ul {
    display: none;
    margin-bottom: 0
  }
  .home-page .project .product-list .product-item .text .more {
    float: left;
    line-height: 20PX
  }
  .home-page .product {
    height: auto
  }
  .home-page .product .common-body {
    display: block;
    overflow: hidden
  }
  .home-page .product .common-body .menus {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center
  }
  .home-page .product .common-body .menus ul {
    border: none;
    display: flex;
    height: 35PX;
    line-height: 35PX
  }
  .home-page .product .common-body .menus ul li {
    padding: 0;
    height: 35PX;
    line-height: 35PX;
    flex: 1;
    font-size: 14PX;
    font-weight: 400
  }
  .home-page .product .common-body .menus ul li::before {
    display: none
  }
  .home-page .product .common-body .swiper-slide {
    box-sizing: border-box
  }
  .home-page .product .common-body .product-body {
    width: 100%
  }
  .home-page .product .common-body .product-body .sub-product-item {
    padding: 0 10PX 35PX;
    box-sizing: border-box;
    height: auto
  }
  .home-page .product .common-body .product-body .sub-product-item .text {
    width: 50%
  }
  .home-page .product .common-body .product-body .sub-product-item .text .title {
    margin-bottom: 5PX
  }
  .home-page .product .common-body .product-body .sub-product-item .text .info {
    font-size: 12PX;
    margin-bottom: 5PX;
    padding: 0;
    height: 60PX
  }
  .home-page .product .common-body .product-body .sub-product-item .text .more {
    line-height: 1;
    float: left
  }
  .home-page .product .common-body .product-body .sub-product-item .img {
    width: 50%;
    padding-top: 10PX;
    height: auto
  }
  .home-page .product .common-body .product-body .sub-product-item .img img {
    border-radius: 4PX;
    height: auto
  }
  .home-page .product .common-body .product-body .button-next,
  .home-page .product .common-body .product-body .button-prev {
    display: none
  }
  .home-page .product .common-body .product-body .pagination {
    top: auto;
    bottom: 2PX;
    right: auto;
    left: 50%;
    font-size: 12PX;
    font-weight: 400;
    transform: translate(-50%,0)
  }
  .home-page .product .common-body .product-body .pagination span {
    font-size: 12PX;
    font-weight: 400
  }
  .home-page .product .common-body .product-body .pagination span.swiper-pagination-current {
    font-size: 12PX;
    font-weight: 400
  }
  .home-page .company {
    background-size: 100% 100%;
    padding-bottom: .15625rem
  }
  .home-page .company .video {
    margin: 0 auto
  }
  .home-page .company .video.width {
    width: var(--container-inner-width)
  }
  .home-page .company .common-title {
    padding-bottom: 0
  }
  .home-page .company .common-title p {
    text-indent: 2em;
    text-align: left
  }
  .home-page .company .common-title .more {
    padding-top: 0
  }
  .home-page .company .common-body {
    padding-bottom: .13021rem
  }
  .home-page .dang .sideAccordion .list {
    margin: 0 0 10PX;
    width: 100%;
    display: block
  }
  .home-page .dang .sideAccordion .list.current {
    width: 100%
  }
  .home-page .dang .sideAccordion .list:last-child {
    margin-bottom: 0
  }
  .home-page .dang .sideAccordion .list:before {
    left: 0;
    bottom: 0;
    right: 0;
    background: #005bac;
    height: .3125rem
  }
  .home-page .dang .sideAccordion .list .title {
    line-height: .3125rem;
    height: .3125rem;
    width: 50%;
    left: .3125rem;
    top: 2.60417rem
  }
  .home-page .dang .sideAccordion .list .text {
    line-height: .3125rem;
    height: .3125rem;
    width: 70%;
    left: 1.04167rem;
    top: 2.60417rem
  }
  .home-page .dang .sideAccordion .list .icon-line {
    left: .15625rem
  }
  .home-page .dang .sideAccordion .list .btn-more {
    right: .10417rem
  }
  .home-page .dang .sideAccordion .list .btn-more i {
    top: -10PX
  }
  .single-home-page .single-home-header .single-search {
    display: none
  }
  .single-home-page .single-home-banner {
    height: 750PX
  }
  .single-home-page .single-home-banner .img {
    height: 100%
  }
  .single-home-page .single-home-banner .img img {
    height: 100%
  }
  .single-home-page .single-home-page-title {
    line-height: 2.2;
    margin-bottom: .05208rem
  }
  .single-home-page .single-home-page-title .more {
    font-size: 12PX
  }
  .single-home-page .news-list .news-item {
    width: 100%;
    margin: 0 0 .10417rem 0;
    height: auto
  }
  .single-home-page .news-list .news-item .thumb {
    height: auto
  }
  .single-home-page .news-list .news-item .title {
    font-size: 13PX;
    line-height: 16PX;
    margin-bottom: 8PX
  }
  .single-home-page .news-list .news-item .intro {
    margin-bottom: .20833rem;
    font-size: 12PX;
    max-height: 30PX;
    line-height: 14PX
  }
  .single-home-page .news-dynamic .single-home-page-title h2 {
    color: #fff
  }
  .single-home-page .news-dynamic .single-home-page-title .more a {
    color: #fff
  }
  .single-home-page .party-intro {
    display: block
  }
  .single-home-page .party-intro .party-intro-text {
    border-radius: .04167rem;
    width: 100%;
    box-sizing: border-box;
    padding: .10417rem .20833rem .15625rem
  }
  .single-home-page .party-intro .party-intro-framework {
    height: auto;
    width: 100%;
    padding-bottom: .15625rem
  }
  .single-home-page .party-intro .party-intro-framework .img {
    width: 40%;
    margin: 0 auto
  }
  .single-home-page .news-information {
    margin-bottom: .10417rem
  }
  .single-home-page .news-information .news-information-list {
    padding: .13021rem .13021rem 0;
    display: block;
    height: auto
  }
  .single-home-page .news-information .news-information-list .news-information-item {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: .72917rem;
    margin-bottom: .07813rem;
    padding: 0 0 .07813rem;
    border-bottom: .00521rem solid #ddd
  }
  .single-home-page .news-information .news-information-list .news-information-item:last-child {
    border: none
  }
  .single-home-page .news-information .news-information-list .news-information-item .thumb {
    float: left;
    display: inline;
    width: .98958rem;
    height: .72917rem;
    position: relative;
    margin-right: .10417rem
  }
  .single-home-page .news-information .news-information-list .news-information-item .text {
    float: left;
    margin: 0;
    padding: 0;
    width: 75%
  }
  .single-home-page .news-information .news-information-list .news-information-item .text .head {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .78125rem 0 0
  }
  .single-home-page .news-information .news-information-list .news-information-item .text .head .title {
    width: 100%
  }
  .single-home-page .news-information .news-information-list .news-information-item .text .head .date {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
  }
  .single-home-page .news-information .news-information-list .news-information-item .text::after {
    display: none
  }
  .single-home-page .news-information .news-information-list .news-information-item .text::before {
    display: none
  }
  .single-home-page .party-work {
    background-size: 100% 100%;
    padding-bottom: .10417rem
  }
  .single-home-page .labor-wrok .labor-wrok-body {
    display: block;
    margin-bottom: .05208rem
  }
  .single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan {
    width: 100%
  }
  .single-home-page .labor-wrok .labor-wrok-body .labor-wrok-slogan p {
    font-size: .10417rem;
    line-height: 2.2;
    margin-bottom: .10417rem
  }
  .single-home-page .labor-wrok .labor-wrok-body .labor-wrok-list {
    width: 100%
  }
  .single-home-page .party-duty .party-duty-list .party-duty-item {
    width: 100%;
    margin: 0 0 .10417rem 0;
    height: auto
  }
  .single-home-page.about-page .single-home-header .video {
    border: none;
    margin-bottom: 0
  }
  .single-home-page.about-page .course .course-body {
    padding-bottom: 0
  }
  .single-home-page.about-page .course .course-body .year-box {
    padding: 0 .10417rem
  }
  .single-home-page.about-page .course .article-list .swiper .swiper-button-next,
  .single-home-page.about-page .course .article-list .swiper .swiper-button-prev {
    display: none
  }
  .single-home-page.about-page .course .article-item {
    padding: 0 .15625rem
  }
  .single-home-page.about-page .course .article-item .intro .year {
    line-height: .10417rem
  }
  .single-home-page.about-page .course .article-item .intro .text {
    margin-bottom: 0
  }
  .single-home-page.about-page .course .article-item .intro .more {
    margin-left: -.52083rem
  }
  .single-home-page.about-page .honor::after {
    top: 3.38542rem
  }
  .single-home-page.about-page .honor .honor-item {
    width: 3.125rem;
    height: 2.34375rem
  }
  .single-home-page.about-page .honor .honor-item .thumb {
    padding: .20833rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%
  }
  .single-home-page.sy-culture-page .culture-slogan {
    margin-bottom: 20PX
  }
  .single-home-page.sy-culture-page .culture-slogan .culture-slogan-item {
    padding: 10PX 10PX
  }
  .single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .title {
    font-size: 15PX
  }
  .single-home-page.sy-culture-page .culture-slogan .culture-slogan-item .en {
    font-size: 12PX
  }
  .single-home-page.sy-culture-page .leader-slogan {
    padding-bottom: 20PX
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body {
    padding: 30PX 50PX
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list {
    margin: 0 -20PX
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li {
    font-size: 12PX;
    padding: 0 10PX;
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8)
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li b {
    color: #fff
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li:first-child {
    border-top-left-radius: 5PX;
    border-top-right-radius: 5PX
  }
  .single-home-page.sy-culture-page .leader-slogan .leader-slogan-body .leader-slogan-list ul li:last-child {
    border-bottom-left-radius: 5PX;
    border-bottom-right-radius: 5PX
  }
  .single-home-page.sy-culture-page .staff-mien {
    padding-bottom: 0
  }
  .single-home-page.sy-culture-page .staff-mien .staff-mien-item {
    width: 90%;
    margin: 0 auto
  }
  .single-home-page.sy-culture-page .staff-mien .staff-mien-item .thumb {
    height: auto
  }
  .single-home-page.sy-culture-page .staff-mien .staff-mien-item .thumb img {
    height: 100%
  }
  .single-home-page.sy-culture-page .staff-mien .staff-mien-item .title {
    font-size: 14PX
  }
  .single-home-page.sy-culture-page .staff-mien .banner-button-next,
  .single-home-page.sy-culture-page .staff-mien .banner-button-prev {
    margin-top: 0;
    display: none
  }
  .single-home-page.sy-culture-page .periodical .periodical-swiper {
    padding: 0 0 30PX
  }
  .single-home-page.sy-culture-page .periodical .swiper {
    padding: 0
  }
  .single-home-page.sy-culture-page .periodical .swiper .banner-pagination {
    bottom: 10PX
  }
  .single-home-page.sy-culture-page .periodical .book-list {
    transform: scale(.8)
  }
  .single-home-page.sy-culture-page .periodical .book-list .item .title {
    font-size: 16PX;
    line-height: 3
  }
  .single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-front > div {
    z-index: 11
  }
  .single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 {
    z-index: 20
  }
  .single-home-page.sy-culture-page .periodical .book-list .item .cover .wrapper .book .book-page.book-page-4 .book-page-4_btn {
    z-index: 20
  }
  .single-page .single-page-title {
    padding-top: 0;
    line-height: 3
  }
  .single-page .single-menus {
    height: 50PX
  }
  .single-page .single-menus .single-menus-inner ul {
    margin: 0
  }
  .single-page .single-menus .single-menus-inner ul li {
    float: left;
    margin-right: 15PX
  }
  .single-page .single-menus .single-menus-inner ul li a {
    line-height: 50PX;
    font-size: 14PX
  }
  .single-page .single-search {
    padding: 15PX
  }
  .single-page .single-search form {
    padding: 0;
    margin: 0
  }
  .single-page .single-search form .search-select {
    width: 30%
  }
  .single-page .single-search form .search-select .text {
    font-size: 12PX
  }
  .single-page .single-search form .search-select .text i {
    width: 10PX;
    height: 7PX;
    background-size: 100%
  }
  .single-page .single-search form .search-select ul li {
    line-height: 25PX;
    font-size: 12PX
  }
  .single-page .single-search form .search-input {
    width: 46.8%;
    height: 28PX
  }
  .single-page .single-search form .search-input i {
    font-size: 12PX;
    left: 6PX
  }
  .single-page .single-search form .search-input input {
    font-size: 12PX
  }
  .single-page .single-search form .search-button {
    font-size: 12PX;
    height: 28PX
  }
  .single-page .news-list .news-item {
    width: 100%;
    margin: 0 0 .10417rem 0;
    height: auto
  }
  .single-page .news-list .news-item .thumb {
    height: auto
  }
  .single-page .news-list .news-item .date {
    font-size: 13PX;
    margin-bottom: 5PX
  }
  .single-page .news-list .news-item .title {
    font-size: 14PX;
    max-height: 50PX;
    margin-bottom: 5PX
  }
  .single-page .news-list .news-item .intro {
    font-size: 12PX;
    max-height: 40PX;
    line-height: 20PX
  }
  .single-page.product-service-page .smart .menus {
    margin-bottom: 20PX
  }
  .single-page.product-service-page .smart .menus ul li {
    font-size: 12PX;
    width: 60PX;
    margin-right: 30PX
  }
  .single-page.product-service-page .smart .smart-swiper {
    margin-bottom: 0
  }
  .single-page.product-service-page .smart .smart-swiper .banner-button-next,
  .single-page.product-service-page .smart .smart-swiper .banner-button-prev {
    display: none
  }
  .single-page.product-service-page .smart .smart-item {
    height: 350PX
  }
  .single-page.product-service-page .smart .smart-item .intro {
    font-size: 12PX
  }
  .single-page.product-service-page .solution {
    padding: 0 0 20PX
  }
  .single-page.product-service-page .solution .solution-item {
    width: 100%;
    height: auto
  }
  .single-page.product-service-page .solution .solution-item .thumb {
    height: auto
  }
  .single-page.product-service-page .solution .solution-item .title {
    font-size: 16PX;
    top: 6%;
    left: 6%
  }
  .single-page.product-service-page .solution .solution-item .text-one {
    font-size: 14PX;
    line-height: 2;
    top: 12%;
    left: 6%
  }
  .single-page.product-service-page .solution .solution-item .text-two {
    line-height: 3;
    font-size: 14PX;
    top: 15%;
    left: 6%
  }
  .single-page.product-service-page .solution .solution-item .menus ul li {
    margin-bottom: 20PX
  }
  .single-page.product-service-page .solution .solution-item .menus ul li a {
    font-size: 16PX;
    border-radius: 30PX;
    height: 40PX;
    line-height: 40PX
  }
  .single-page.product-service-page .solution .solution-item:hover .title span {
    font-size: 30PX
  }
  .single-page.product-service-page .solution .solution-item:hover .menus {
    top: 30%
  }
  .single-page.product-service-page .solution .banner-button-next,
  .single-page.product-service-page .solution .banner-button-prev {
    display: none
  }
  .single-page.product-service-page .service .intro,
  .single-page.product-service-page .service .slogan,
  .single-page.product-service-page .service .title {
    position: relative;
    z-index: 7
  }
  .single-page.product-service-page .service .intro {
    padding: 7PX;
    border-radius: 5PX;
    width: 58%;
    font-size: 12PX;
    background: rgba(0,0,0,.3);
    color: #fff;
    line-height: 20PX
  }
  .single-page.product-service-page .service .map {
    right: -3%;
    transform: scale(.95)
  }
  .single-page.product-service-page .service-graphic .merit {
    height: auto
  }
  .single-page.product-service-page .service-graphic .merit ul {
    flex-wrap: wrap;
    gap: .05208rem
  }
  .single-page.product-service-page .service-graphic .merit ul li {
    flex: auto;
    width: 25%
  }
  .single-page.product-service-page .service-graphic .graphic .graphic-item {
    height: auto;
    margin: 0 0 10PX;
    padding: 0;
    width: 100%
  }
  .single-page.product-service-page .service-graphic .graphic .graphic-item .thumb {
    height: auto
  }
  .single-page.product-service-page .service-graphic .graphic .graphic-item .intro {
    padding-top: 5PX;
    line-height: 20PX
  }
  .single-page.product-service-page .service-graphic .graphic .graphic-item .intro span {
    font-size: 14PX
  }
  .single-page.product-service-page .service-graphic .graphic .graphic-item .intro p {
    font-size: 12PX
  }
  .single-page.product-project-page .project-introduce {
    margin-bottom: 30PX
  }
  .single-page.product-project-page .project-introduce .project-introduce-item {
    display: block
  }
  .single-page.product-project-page .project-introduce .project-introduce-item .thumb {
    width: 100%
  }
  .single-page.product-project-page .project-introduce .project-introduce-item .text {
    width: 100%;
    box-sizing: border-box;
    padding: 20PX 20PX 0
  }
  .single-page.product-project-page .project-introduce .project-introduce-item .text h3 {
    font-size: 14PX;
    margin-bottom: 10PX
  }
  .single-page.product-project-page .project-introduce .project-introduce-item .text p {
    font-size: 12PX;
    line-height: 1.3;
    height: auto;
    max-height: 80PX
  }
  .single-page.product-project-page .project-advantage {
    padding-bottom: 20PX
  }
  .single-page.product-project-page .project-advantage .project-advantage-list > div {
    padding: 10PX 10PX 10PX 45PX;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 10PX 0
  }
  .single-page.product-project-page .project-advantage .project-advantage-list > div h3 {
    font-size: 13PX;
    line-height: 1.2
  }
  .single-page.product-project-page .project-advantage .project-advantage-list > div p {
    font-size: 12PX
  }
  .single-page.product-project-page .project-advantage .project-advantage-list > div i {
    width: 26PX;
    height: 26PX;
    top: 10PX;
    left: 10PX
  }
  .single-page.product-project-page .project-recommend .project-recommend-list > div {
    width: 100%;
    margin: 0 0 10PX 0;
    padding: 0;
    height: auto
  }
  .single-page.product-project-page .project-recommend .project-recommend-list > div .intro {
    padding: 10PX;
    height: 65PX
  }
  .single-page.product-project-page .project-recommend .project-recommend-list > div .intro h3 {
    margin-bottom: 10PX
  }
  .single-page.product-project-page .project-recommend .project-recommend-list > div .intro em {
    float: left;
    display: inline-block;
    height: 26PX;
    line-height: 26PX;
    font-size: 12PX
  }
  .single-page.investor-page .investment-education .investment-education-list .investment-education-item {
    width: calc((100% - (10PX*1))/ 2);
    margin: 0 10PX 10PX 0;
    padding: 13PX 10PX 0 90PX;
    height: 80PX
  }
  .single-page.investor-page .investment-education .investment-education-list .investment-education-item:nth-child(2n) {
    margin-right: 0
  }
  .single-page.investor-page .investment-education .investment-education-list .investment-education-item .text h3 {
    margin-bottom: 5PX
  }
  .single-page.investor-page .investment-education .investment-education-list .investment-education-item .date {
    padding-top: 15PX;
    left: 10PX;
    top: 10PX;
    text-align: left;
    line-height: 10PX
  }
  .single-page.join-page .join-idea {
    padding-bottom: 20PX
  }
  .single-page.join-page .join-idea .join-idea-body .text {
    width: 100%
  }
  .single-page.join-page .join-idea .join-idea-body .text h3 {
    font-size: 12PX
  }
  .single-page.join-page .join-idea .join-idea-body .thumb {
    display: none
  }
  .single-page.join-page .join-boon {
    padding-bottom: 20PX
  }
  .single-page.join-page .join-boon .join-boon-item ul li {
    width: calc((100% - (10PX*1))/ 2);
    margin: 0 10PX 10PX 0
  }
  .single-page.join-page .join-boon .join-boon-item ul li:nth-child(5n) {
    margin-right: 10PX
  }
  .single-page.join-page .join-boon .join-boon-item ul li:nth-child(2n) {
    margin-right: 0
  }
  .single-page.join-page .join-boon .join-boon-item ul li i {
    margin-bottom: 0
  }
  .single-page.join-page .join-life {
    padding-bottom: 20PX
  }
  .single-page.join-page .join-life .join-life-list .join-life-item:nth-child(2) {
    width: 100%
  }
  .single-page.join-page .join-life .join-life-list .join-life-item:nth-child(3) {
    width: 100%
  }
  .single-page.join-page .join-life .join-life-list .join-life-item:nth-child(4) {
    position: absolute;
    left: 0;
    top: 3.4375rem;
    width: 1.77083rem
  }
  .single-page.join-page .join-life .join-life-list .join-life-item:nth-child(5) {
    width: calc(50% - (.05208rem*1))
  }
  .single-page.join-page .join-life .join-life-list .join-life-item:nth-child(6) {
    width: 49%;
    margin: 0
  }
  .single-page.join-page .join-contact .join-map .join-map-popup {
    width: 290PX
  }
  .single-page.join-page .join-contact .join-map .join-map-popup .text ul li {
    font-size: 12PX
  }
  .single-page.job-page {
    padding-bottom: 20PX
  }
  .single-page.job-page .job-column {
    width: 100%;
    display: block
  }
  .single-page.job-page .job-column .menus {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10PX;
    padding: 0PX 10PX
  }
  .single-page.job-page .job-column .menus ul {
    text-align: center
  }
  .single-page.job-page .job-column .menus ul li {
    display: inline-block;
    border-bottom: none;
    margin: 0 20PX;
    font-size: 14PX
  }
  .single-page.job-page .job-column .menus ul li a .icon-school,
  .single-page.job-page .job-column .menus ul li a .icon-society {
    width: 18PX;
    height: 18PX
  }
  .single-page.job-page .job-column .menus ul li a .icon-arr {
    display: none
  }
  .single-page.job-page .job-column .job-page-body {
    width: 100%;
    padding: 15PX;
    box-sizing: border-box
  }
  .single-page.job-page .job-column .job-page-body .job-search .form .search-input {
    font-size: 12PX
  }
  .single-page.job-page .job-column .job-page-body .condition {
    padding-bottom: 0
  }
  .single-page.job-page .job-column .job-page-body .condition .condition-item {
    padding-left: 60PX
  }
  .single-page.job-page .job-column .job-page-body .condition .condition-item .title {
    font-size: 12PX
  }
  .single-page.job-page .job-column .job-page-body .condition .condition-item ul li a {
    font-size: 12PX
  }
  .single-page.job-page .job-column .job-page-body .condition .condition-item .more-btn {
    font-size: 10PX
  }
  .single-page.job-page .job-column .job-page-body .table ul li {
    font-size: 12PX;
    overflow: hidden
  }
  .single-page.job-page .job-column .job-page-body .table ul li .btn-more i {
    width: 10PX;
    background-size: 100%
  }
  .single-page.job-page .job-column .job-page-body .table .table-body .row .intro {
    padding: 10PX 30PX 10PX 10PX
  }
  .single-page.job-page .job-column .job-page-body .table .table-body .row .intro h2 {
    font-size: 13PX
  }
  .single-page.job-page .job-column .job-page-body .table .table-body .row .intro p {
    font-size: 12PX
  }
  .single-page.job-page .job-column .job-page-body .table .table-body .row .intro .btn-send {
    right: 10PX;
    top: 10PX;
    font-size: 12PX;
    line-height: 30PX;
    height: 30PX;
    border-radius: 30PX
  }
  .single-page.job-page .job-column .job-page-body .table-footer {
    padding: 0
  }
}