/* ========== 譁ｰ鬘ｵ閼壽�ｷ蠑?========== */
#foot .foot_main {
  background: #f8f9fa;
  padding: 0.6rem 0;
}

#foot .foot_content {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
}

/* 蟾ｦ萓ｧLogo蜥瑚＃邉ｻ譁ｹ蠑?*/
#foot .foot_left {
  flex-shrink: 0;
  width: 320px;
}

#foot .foot_logo {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  margin-bottom: 0.35rem;
}

#foot .foot_logo img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

#foot .foot_logo .logo_text h2 {
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}

#foot .foot_logo .logo_text p {
  font-size: 0.14rem;
  color: #666;
  margin: 0;
}

#foot .foot_slogan {
  margin-bottom: 0.35rem;
}

#foot .foot_slogan p {
  font-size: 0.22rem;
  color: #333;
  line-height: 1.6;
  margin: 0;
}

#foot .foot_contact {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

#foot .contact_item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

#foot .contact_item i {
  width: 32px;
  height: 32px;
  background: #0066cc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
}

#foot .contact_item span {
  font-size: 0.14rem;
  color: #666;
}

/* 蜿ｳ萓ｧ蟇ｼ闊ｪ闖懷黒 */
#foot .foot_right {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
}

#foot .foot_right dl {
  flex: 1;
}

#foot .foot_right dt {
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

#foot .foot_right dd {
  margin-bottom: 0.1rem;
}

#foot .foot_right dd a {
  font-size: 0.14rem;
  color: #666;
  transition: color 0.3s;
}

#foot .foot_right dd a:hover {
  color: #0066cc;
}

/* 莠檎ｻｴ遐∝玄蝓?*/
#foot .qrcode_wrapper {
  margin-top: 0.6rem;
}

#foot .foot_qrcode {
  display: flex;
  gap: 0.2rem;
  justify-content: center;
}

#foot .qr_item {
  text-align: center;
}

#foot .qr_item img {
  width: 90px;
  height: 90px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 0.1rem;
}

#foot .qr_item p {
  font-size: 0.14rem;
  color: #666;
}

/* 蠎暮Κ迚域揀 */
#foot .foot_bottom {
  background: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 0.25rem 0 0.2rem 0;
}

#foot .foot_bottom p {
  font-size: 0.14rem;
  color: #999;
  text-align: center;
  line-height: 1.6;
  margin: 0;
}


#foot .foot_bottom p a{
  color: #999;
}

.wap_foot_navbox {
  display: none;
}

.m {
  max-width: 1920px;
  width: 100%;
  padding: 0 8%;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}


@media (max-width: 1440px) {
  .m {
      padding: 0 8%;
  }
}


/* 蜩榊ｺ泌ｼ城€る� */
@media (max-width: 1200px) {
  #foot .foot_content {
    flex-wrap: wrap;
  }
  
  #foot .foot_left {
    width: 100%;

  }
  
  #foot .foot_right {
    flex: 1;
  }
  
  #foot .foot_qrcode {
    width: 100%;
    justify-content: center;
  }

  #foot .foot_logo .logo_text h2 {
      font-size: 0.16rem;

  }

  #foot .foot_slogan p {
      font-size: 0.14rem;

  }
}

@media (max-width: 768px) {
  .m {
      padding: 0 30px;
  }
  #foot .foot_main {
      padding: 0.4rem 0;
  }
  #foot .foot_right {
      flex-wrap: wrap;
      gap: 0.2rem;
  }

  #foot .foot_right dl {
      flex: 0 0 100%;
  }

  #foot .foot_right dt {
      font-size: 0.16rem;
  }

  #foot .foot_qrcode {
      gap: 0.15rem;
  }
}

@media (max-width: 576px) {
  .m {
      padding: 0 15px;
  }
  #foot .qr_item img {
      width: 70px;
      height: 70px;
  }
}






.wap_foot_nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: fixed;
  z-index: 990;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #1b59a7;
}

.wap_foot_nav .btn0 .box i {
  color: #fff;
  font-size: 0.16rem;
}

.wap_foot_nav .btn0 .box p {
  font-size: 0.12rem;
  margin-top: 0px;
  color: #fff;
}

.wap_foot_nav .btn0 {
  position: relative;
}

.wap_foot_nav .btn0 .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 0.5rem;
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.wap_foot_nav .ewm {
  display: flex;
  align-items: center;
}

.wap_foot_nav .ewm img {
  width: 80px;
  flex-shrink: 0;
  max-width: inherit;
  height: 80px;
}

.wap_foot_nav h5 {
  white-space: nowrap;
  font-size: 1.25rem;
  font-family: Roboto-Black;
}

.wap_foot_nav .ewm .txt {
  font-size: .8125rem;
  flex-shrink: 0;
  white-space: nowrap;
}

.wap_foot_nav .open.phone {
  position: absolute;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  padding: .5rem 1rem;
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  bottom: 100%;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}

.wap_foot_nav .open.phone span {
  font-size: 12px;
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  opacity: .7;
  font-weight: normal;
}

.wap_foot_nav .btn0:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}

.wap_foot_navbox {
  display: none;
}

@media (max-width: 480px) {
  .wap_foot_navbox {
    display: block;
  }
}  








: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;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
  transform: translate3d(0px,0,0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
  height:100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
  width:100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
      transform: rotate(0deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto
}

.swiper-button-lock {
  display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: 'next'
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none!important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube {
  overflow: visible
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 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
}

body.compensate-for-scrollbar {
  overflow: hidden
}

.fancybox-active {
  height: auto
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute!important;
  top: -9999px;
  visibility: hidden
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}

.fancybox-container * {
  box-sizing: border-box
}

.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease,visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s,visibility 0s ease 0s;
  visibility: visible
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-toolbar {
  right: 0;
  top: 0
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform,opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {
  display: block
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}

.fancybox-slide--image::before {
  display: none
}

.fancybox-slide--html {
  padding: 6px
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5,0,.14,1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform,opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
  cursor: text
}

.fancybox-image,.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}

.fancybox-slide--video .fancybox-content {
  background: #000
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff
}

.fancybox-video,.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.fancybox-button {
  background: rgba(30,30,30,.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}

.fancybox-button,.fancybox-button:visited,.fancybox-button:link {
  color: #ccc
}

.fancybox-button:hover {
  color: #fff
}

.fancybox-button:focus {
  outline: 0
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: 0
}

.fancybox-button div {
  height: 100%
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2) {
  display: none
}

.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1) {
  display: none
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}

.fancybox-navigation .fancybox-button div {
  padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}

.fancybox-caption {
  background: linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}

@supports(padding: max(0px)) {
  .fancybox-caption {
      padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
  }
}

.fancybox-caption--separate {
  margin-top: -50px
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}

@keyframes fancybox-rotate {
  100% {
      transform: rotate(360deg)
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0,0,0) scale(1)
}

@media all and (max-height: 576px) {
  .fancybox-slide {
      padding-left:6px;
      padding-right: 6px
  }

  .fancybox-slide--image {
      padding: 6px 0
  }

  .fancybox-close-small {
      right: -6px
  }

  .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px
  }

  .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px
  }

  @supports(padding: max(0px)) {
      .fancybox-caption {
          padding-left:max(12px,env(safe-area-inset-left));
          padding-right: max(12px,env(safe-area-inset-right))
      }
  }
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.fancybox-share__button:visited,.fancybox-share__button:link {
  color: #fff
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: 0;
  padding: 10px 15px;
  width: 100%
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  width: 212px;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0,0,0,.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
  z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
  opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1
}

@media all and (max-width: 576px) {
  .fancybox-thumbs {
      width:110px
  }

  .fancybox-show-thumbs .fancybox-inner {
      right: 110px
  }

  .fancybox-thumbs__list a {
      max-width: calc(100% - 10px)
  }
}

@font-face {
  font-family: "socialshare";
  src: url("../css/iconfont_56c23603f355438186e7b71cc2b516de.eot");
  src: url("../css/iconfont_56c23603f355438186e7b71cc2b516de.eot?#iefix") format("embedded-opentype"),url("../css/iconfont_5ff10ce874ee4ff4b3b335b1515e639e.woff") format("woff"),url("../css/iconfont_6481f6d45c6d4240a6b6103c50cdcf6b.ttf") format("truetype"),url("../css/iconfont_ed507af89f9f4560a2261ba3e3b5ee42.svg") format("svg")
}

.social-share {
  font-family: "socialshare"!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

.social-share * {
  font-family: "socialshare"!important
}

.social-share .icon-tencent:before {
  content: "\f07a"
}

.social-share .icon-qq:before {
  content: "\f11a"
}

.social-share .icon-weibo:before {
  content: "\f12a"
}

.social-share .icon-wechat:before {
  content: "\f09a"
}

.social-share .icon-douban:before {
  content: "\f10a"
}

.social-share .icon-heart:before {
  content: "\f20a"
}

.social-share .icon-like:before {
  content: "\f00a"
}

.social-share .icon-qzone:before {
  content: "\f08a"
}

.social-share .icon-linkedin:before {
  content: "\f01a"
}

.social-share .icon-diandian:before {
  content: "\f05a"
}

.social-share .icon-facebook:before {
  content: "\f03a"
}

.social-share .icon-google:before {
  content: "\f04a"
}

.social-share .icon-twitter:before {
  content: "\f06a"
}

.social-share a {
  position: relative;
  text-decoration: none;
  margin: 4px;
  display: inline-block;
  outline: 0
}

.social-share .social-share-icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 20px;
  border-radius: 50%;
  line-height: 32px;
  border: 1px solid #666;
  color: #666;
  text-align: center;
  vertical-align: middle;
  transition: background .6s ease-out 0s
}

.social-share .social-share-icon:hover {
  background: #666;
  color: #fff
}

.social-share .icon-weibo {
  color: #ff763b;
  border-color: #ff763b
}

.social-share .icon-weibo:hover {
  background: #ff763b
}

.social-share .icon-tencent {
  color: #56b6e7;
  border-color: #56b6e7
}

.social-share .icon-tencent:hover {
  background: #56b6e7
}

.social-share .icon-qq {
  color: #56b6e7;
  border-color: #56b6e7
}

.social-share .icon-qq:hover {
  background: #56b6e7
}

.social-share .icon-qzone {
  color: #FDBE3D;
  border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
  background: #FDBE3D
}

.social-share .icon-douban {
  color: #33b045;
  border-color: #33b045
}

.social-share .icon-douban:hover {
  background: #33b045
}

.social-share .icon-linkedin {
  color: #0077B5;
  border-color: #0077B5
}

.social-share .icon-linkedin:hover {
  background: #0077B5
}

.social-share .icon-facebook {
  color: #44619D;
  border-color: #44619D
}

.social-share .icon-facebook:hover {
  background: #44619D
}

.social-share .icon-google {
  color: #db4437;
  border-color: #db4437
}

.social-share .icon-google:hover {
  background: #db4437
}

.social-share .icon-twitter {
  color: #55acee;
  border-color: #55acee
}

.social-share .icon-twitter:hover {
  background: #55acee
}

.social-share .icon-diandian {
  color: #307DCA;
  border-color: #307DCA
}

.social-share .icon-diandian:hover {
  background: #307DCA
}

.social-share .icon-wechat {
  position: relative;
  color: #7bc549;
  border-color: #7bc549
}

.social-share .icon-wechat:hover {
  background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0!important
}

.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
  display: block
}

.select-wrapper {
  font: 14px;
  width: 240px;
  height: 34px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  * display: inline;
  * float: left;
  * margin-right: 10px;
  border: 1px solid #e3e3e3
}

.select-wrapper.focus {
  border: 1px solid #94abc3
}

.select-button {
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  outline: 0;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis
}

.select-down {
  position: absolute;
  top: 0!important;
  right: 12px;
  height: 100%;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.select-down.on svg {
  transform: rotate(180deg)
}

.disabled {
  color: #ccc
}

.select-list {
  z-index: 2;
  position: absolute;
  left: 0;
  border-radius: 4px;
  padding-top: 10px
}

.select-list ul {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 34px;
  max-height: 240px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  box-sizing: border-box
}

.select-list ul li {
  width: auto;
  height: 34px;
  padding-left: 10px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  color: #333;
  font-size: 13px
}

.select-list ul li.selected,.select-list ul li:hover {
  background: #f5f7fa
}

.select-button-disable {
  color: #ccc;
  width: 238px;
  height: 34px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  cursor: pointer;
  padding-left: 10px;
  overflow: hidden;
  text-align: left;
  outline: 0
}

.select-down-disable {
  color: #ccc;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 34px
}

.select-wrapper {
  height: 100%!important;
  width: 100%!important
}

.select-button {
  width: 100%!important;
  height: 100%!important
}

.select-list {
  width: 100%!important;
  top: 100%!important;
  display: none
}

.select-wrapper {
  border: 0!important;
  position: relative;
  z-index: 1
}

.select-list ul li {
  padding-left: 1.125rem;
  z-index: 9;
  position: relative
}

.select-list ul {
  position: relative;
  padding: 10px 0
}

.select-list:before {
  content: " ";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 17px;
  background: #fff;
  border: 1px solid #e4e7ed;
  transform: rotate(45deg);
  z-index: 1;
  border-right: 0;
  border-bottom: 0
}

.select-list ul:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  z-index: 2
}

@font-face {
  font-family: "iconfont";
  src: url('../css/font_4675988_ajty3b7jq7h.woff2') format('woff2'),url('../css/font_4675988_ajty3b7jq7h.woff') format('woff'),url('../css/font_4675988_ajty3b7jq7h.ttf') format('truetype')
}

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

.icon-xiazai1:before {
  content: "\e7de"
}

.icon-sanjiaojiantoushang:before {
  content: "\e66b"
}

.icon-shejilinian:before {
  content: "\e7d8"
}

.icon-rencai:before {
  content: "\e64f"
}

.icon-huiyikaihuitaolun:before {
  content: "\e611"
}

.icon-mti-chuanzhen:before {
  content: "\e779"
}

.icon-24gl-paperPlane:before {
  content: "\e94b"
}

.icon-arrowdown-copy-copy-copy:before {
  content: "\ef2c"
}

.icon-fanhuiliebiao:before {
  content: "\e6ac"
}

.icon-065chakandingdan:before {
  content: "\e643"
}

.icon-xiazai:before {
  content: "\e612"
}

.icon-wendang:before {
  content: "\e614"
}

.icon-youjiantou:before {
  content: "\e61b"
}

.icon-dizhi:before {
  content: "\e629"
}

.icon-zhixiangyou-copy:before {
  content: "\ef2d"
}

.icon-xiala-copy-copy:before {
  content: "\ebdb"
}

.icon-xiala:before {
  content: "\e61c"
}

.icon-zuojiantou:before {
  content: "\e625"
}

.icon-zhixiangzuo:before {
  content: "\e8f6"
}

.icon-zhixiangyou:before {
  content: "\e8f7"
}

.icon-close:before {
  content: "\e6f2"
}

.icon-zuo1:before {
  content: "\e61a"
}

.icon-xiala-copy:before {
  content: "\ebcd"
}

.icon-zuo1-copy:before {
  content: "\ebd5"
}

.icon-zuo1-copy2:before {
  content: "\ebd7"
}

.icon-zuo1-copy-copy:before {
  content: "\ebd8"
}

.icon-jjj-copy:before {
  content: "\ebd9"
}

.icon-jjj-copy-copy:before {
  content: "\ebda"
}

.icon-weixin:before {
  content: "\e679"
}

.icon-shouhuodizhi:before {
  content: "\e64e"
}

.icon-weixin1:before {
  content: "\e628"
}

.icon-diqiu:before {
  content: "\e62e"
}

.icon-xinlangweibo:before {
  content: "\e69e"
}

.icon-fanhuidingbu:before {
  content: "\e6c4"
}

.icon-kefu:before {
  content: "\e88f"
}

.icon-jianzhu:before {
  content: "\e613"
}

.icon-youbian:before {
  content: "\e62a"
}

.icon-sousuo:before {
  content: "\e62f"
}

.icon-chuanzhen:before {
  content: "\e6b3"
}

.icon-24gl-phoneLoudspeaker:before {
  content: "\e94f"
}

.icon-dianhua:before {
  content: "\e842"
}

.icon-youxiang:before {
  content: "\e62a"
}

.icon-liuyan:before {
  content: "\e600"
}

.icon-toutiao:before {
  content: "\e6fc"
}

.icon-jiantouzuoshang:before {
  content: "\e85e"
}

.icon-jiantouzuoshang-copy:before {
  content: "\e950"
}








#header,
#nav ul li>a,
.top_menu {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}

#header {
z-index: 999;
width: 100%;
position: fixed;
top: 0;
z-index: 998;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
background: rgba(255, 255, 255, 1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#header>.m {
display: flex;
height: 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 0;
justify-content: space-between;
align-items: center;
position: static;
}

#header .fr {
display: flex;
justify-content: space-between;
flex-grow: 1;
max-width: 26rem;
}

#logo {
flex-shrink: 0;
margin-right: 1.4rem;
}

#logo a {
display: flex;
height: 100%;
align-items: center;
}

#logo img {
width: 2.58rem;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}

#logo .img01 {
display: block;
}

#logo .img02 {
display: none;
}

#nav {
flex-grow: 1;
}

#nav ul {
display: flex;
flex-grow: 1;
justify-content: space-around;
}

#nav ul li {
position: relative;
z-index: 0;
text-align: center;
font-size: 0;
}

#nav ul li>a {
display: block;
font-size: 0.18rem;
font-weight: bold;
color: #333;
line-height: 0.9rem;
overflow: hidden;
text-align: center;
position: relative;
z-index: 1;
display: inline-block;
}

#nav ul li>a:before {
content: "";
width: 11px;
height: 11px;
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
background: url(../css/nav_star.png) center no-repeat;
background-size: contain;
transform: translateX(-50%);
transition: 0.3s ease-in-out;
transform-origin: center;
}

#nav ul li>a:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
background: #fff;
transform: translateX(-50%);
transition: 0.3s ease-in-out;
transform-origin: center;
}

#nav ul li.on>a:before,
#nav ul li:hover>a:before {
opacity: 1;
}

/* #nav ul li>a:after{content: ""; width: 100%; height: 0; position: absolute;bottom: 0;left: 0; opacity: 0; background: #00479d; z-index: -1;
transition: 0.3s ease-in-out;  transform-origin: center;} */

#nav li .sub {
position: absolute;
min-width: 12.5rem;
padding-top: .5rem;
left: 50%;
top: 100%;
z-index: 999;
transform-origin: 0 0 0;
transform: translateY(10px) translateX(-50%);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}

#nav li .sub .box {
padding: 0;
text-align: center;
background: #fff;
border-radius: 1rem;
min-width: 100%;
width: auto;
}

#nav li .sub a {
padding: 0 1rem 0 1.5rem;
transition: .3s;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
font-size: 1rem;
color: #969696;
line-height: 2.375rem;
white-space: nowrap;
}

#nav li .sub a:hover,
#nav li .sub dd>a:hover {
color: #00479d;
}

#nav li .sub i {
transition: 0s;
font-size: 1.5rem;
}

#nav li:hover .sub {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
transform: translateY(0px) translateX(-50%);
}

#nav li .sub dl dl {
min-width: 12.5rem;
position: absolute;
left: 100%;
margin-left: 2px;
background: #fff;
border-radius: 1rem;
padding: 1rem 0;
transform: translateY(-2.375rem);
opacity: 0;
visibility: hidden;
}

#nav li .sub .box>dl {
position: relative;
left: 0;
padding: 1rem 0;
min-width: 12.5rem;
}

#nav li .sub dl dd:hover>dl {
opacity: 1;
visibility: visible;
}

.top_menu_box {
display: flex;
margin-left: 0.2rem;
}

.top_menu_box .top_menu {
display: flex;
align-items: center;
position: relative;
z-index: 1;
}

.btn_language {
display: flex;
align-items: center;
transition: .5s;
justify-content: center;
width: 7.625rem;
height: 100%;
}

.btn_language a {
display: flex;
align-items: center;
}

.top_menu_box .top_menu svg {
width: 1.25rem;
height: 1.25rem;
}

.top_menu_box .top_menu.btn_language svg path {
fill: #fff;
}

.top_menu_box .top_menu svg:nth-child(3) {
width: .625rem;
height: .625rem;
}

.top_menu_box .top_menu span {
margin-left: .75rem;
margin-right: .75rem;
font-size: .875rem;
color: #fff;
transition: .5s;
}

.top_menu_box .btn_search i {
font-size: 0.25rem;
}

.top_menu_box .top_menu.on svg path {
fill: #fff;
}

.language_sub {
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: rgba(255, 255, 255, 1);
border: 1px solid #eee;
border-radius: 0;
opacity: 0;
visibility: hidden;
transition: .5s;
transform-origin: top;
transform: scaleY(0);
}

.top_menu_box .top_menu:hover .language_sub {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}

.language_sub a {
display: block;
text-align: left;
justify-content: flex-start !important;
padding: 1rem 2rem;
text-transform: uppercase;
padding-left: 23%;
font-size: .9375rem;
color: #666;
position: relative;
z-index: 1;
transition: .5s;
}

.language_sub a:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #eee;
position: absolute;
left: 0;
top: 0;
transition: .5s;
}

.language_sub a:after {
content: "";
display: block;
width: 3px;
height: 0;
background: #00479d;
position: absolute;
left: 0;
bottom: 0;
transition: .5s;
}

.language_sub a.on:after {
height: 100%;
}

.language_sub a:hover:after {
height: 100%;
top: 0;
bottom: auto;
}


#header.xg {
background: rgba(255, 255, 255, 1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#header.xg #nav ul li>a {
color: #333;
}

/* #header.xg #nav ul li.on>a:after{ opacity: 1; height: 100%; top: 0; bottom: auto; } */
#header.xg #nav ul li>a:before {
background: #00479d;
}

#header.xg #logo .img01 {
display: block;
}

#header.xg #logo .img02 {
display: none;
}

#header.xg .btn_language {
background: #00479d;
}

#header.xg #nav ul li.on>a {
color: #00479d !important;
}

#header.xg #nav ul li:hover>a {
color: #00479d;
}

#header.xg .top_menu_box .btn_search i {
color: #333;
}

.n_index {
padding-top: 5.625rem;
}

.n_index #header {
background: rgba(255, 255, 255, 1);
}

.n_index #header {
background: rgba(255, 255, 255, 1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.n_index #header #nav ul li>a {
color: #333;
}

.n_index #header #nav ul li>a:before {
background: #00479d;
}

/* .n_index #header #nav ul li.on>a:after{ opacity: 1; height: 100%; top: 0; bottom: auto; } */
.n_index #header #logo .img01 {
display: block;
}

.n_index #header #logo .img02 {
display: none;
}

.n_index #header .btn_language {
background: #00479d;
}

.n_index #header #nav ul li.on>a {
color: #00479d !important;
}

/* .n_index #header #nav ul li:hover>a {color: #00479d !important;}  */
.n_index #header .top_menu_box .btn_search i {
color: #333;
}

/*謇区惻蟇ｼ闊ｪ蠑€蟋?/
#m_header {
display: none;
height: 4.5rem;
position: fixed;
top: 0;
width: 100%;
z-index: 996;
transition: .5s;
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#m_header .m {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

#m_header #m_logo img {
height: 26px;
max-width: 220px;
object-fit: contain;
}

#m_header .top_menu_box {
display: flex;
margin-right: 4rem;
}

#m_header .top_menu_box .btn_search i {
color: #333;
}

#m_header .top_menu_box .top_menu span {
color: #333;
}

#m_header .top_menu_box .top_menu.btn_language svg path {
fill: #333;
}

.m_nav_list {
width: 100%;
}

.m_nav_list::-webkit-scrollbar {
display: none
}

#m_nav .top_search {
display: flex;
justify-content: center;
margin-right: 0;
margin-top: 1rem;
margin-bottom: 1rem;
}

/*謳懃ｴ｢*/
.top_search {
display: flex;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
opacity: 0;
transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transform: translateY(30px);
}

#m_nav.act .top_search {
opacity: 1;
transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
transform: translateY(0);
}

.top_search form {
width: 304px;
height: 46px;
background: none;
border-radius: 26px;
border: 1px solid rgb(255 255 255 / 63%);
display: flex;
align-items: center;
justify-content: space-between;
}

.top_search form .input {
width: 100px;
height: 100%;
background: none;
border: 0;
flex-grow: 1;
color: #fff;
padding-left: 20px;
}

.top_search form .button {
width: 46px;
height: 100%;
cursor: pointer;
background: url(../css/search-btn.svg) center no-repeat;
background-size: 23px !important;
border: 0;
outline: 0;
color: #fff;
}

.top_search form .button:active {
background: url(../css/search-btn.svg) center no-repeat;
}

.top_search form .input::-webkit-input-placeholder {
color: #fff;
}

.top_search form .input::-moz-placeholder {
color: #fff;
}

.top_search form .input::-moz-placeholder {
color: #fff;
}

.top_search form .input:-ms-input-placeholder {
color: #fff;
}

.top_search form .input:focus::-webkit-input-placeholder {
color: transparent;
}

.top_search form .input:focus:-moz-placeholder {
color: transparent;
}

.top_search form .input:focus::-moz-placeholder {
color: transparent;
}

.top_search form .input:focus:-ms-input-placeholder {
color: transparent;
}

#m_nav {
z-index: 997;
position: fixed;
background: #ffffff;
background-size: cover;
width: 100%;
height: 100vh;
right: 0;
top: 0;
display: none;
padding: 50px 0;
overflow: hidden;
pointer-events: none;
transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
display: block;
overflow: auto;
visibility: hidden;
opacity: 0;
transform-origin: left;
}

#m_nav::-webkit-scrollbar {
display: none;
}

#m_nav.act {
pointer-events: auto;
top: 0;
visibility: visible;
opacity: 1;
transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav>ul>li {
width: 80%;
overflow: hidden;
padding: 0;
margin: 0 auto;
}

#m_nav>ul>li+li {
border-top: 1px solid rgb(220 220 220 / 10%);
}

#m_nav li .a {
display: block;
}

#m_nav li h3 {
line-height: 4.5rem;
height: 4.5rem;
color: #000;
padding: 0;
font-size: 1.25rem;
display: flex;
justify-content: space-between;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

#m_nav li .a {
flex-grow: 1;
}

#m_nav li .a span {
display: block;
position: absolute;
top: 0;
right: 10px;
width: 20px;
height: 50px;
text-align: center;
}

#m_nav li i {
font-size: 0;
}

#m_nav .title i {
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
width: 30px;
height: 4.5rem;
opacity: .8;
float: right;
display: inline-block;
background: url(../css/arrow_down.svg) center no-repeat;
background-size: 14px;
}

#m_nav li.on.title i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

#m_nav .on.title i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

#m_nav li {
display: block;
width: 100%;
}

#m_nav .slide_nav {
position: absolute;
left: 0;
height: 70px;
z-index: 998;
padding: 15px;
top: 0;
width: 100%;
}

#m_nav .title .list {
display: none;
position: relative;
width: 100%;
z-index: 9;
left: 0;
margin-left: 0;
background: none;
border: 0;
clear: both;
padding-bottom: 1rem;
}

#m_nav .title .list span {
background: none;
}

#m_nav .title .list span a:hover {
color: #00479d;
}

#m_nav .title .list a {
display: block;
font-size: 1rem;
color: #666;
text-align: left;
line-height: 2.5rem;
border: 0;
transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
}

/*荳臥ｺｧ蟇ｼ闊ｪ 蠑€蟋?/
#m_nav .title .list .void>a {
background-size: 10px;
position: relative;
}

#m_nav .title .list .void>a:before {
content: "ﾂｷ";
position: absolute;
left: -1em;
font-size: 12px;
font-weight: bold;
}

#m_nav .title .list span {
position: relative;
display: block;
}

#m_nav .title .list span .sub {
position: static;
width: 100%;
display: block !important;
overflow: hidden;
}

#m_nav .title .sub a {
background: none;
font-size: .875rem;
opacity: .8;
min-width: 50%;
float: left;
display: inline-block;
color: #999;
}

.nav_mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.4);
display: none;
}

#m_nav li h3 {
transform: translateY(50px);
opacity: 0;
}

#m_nav li .list a {
transform: translateY(50px);
opacity: 0;
}

#m_nav.act li h3 {
transform: translateY(0);
transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
opacity: 1;
}

#m_nav.act .list a {
transform: translateY(0);
transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
opacity: 1;
}


/*====遘ｻ蜉ｨ遶ｯ蟇ｼ闊?===*/
#m_n_nav {
display: none;
line-height: 50px;
position: relative;
z-index: 9;
width: 100%;
background: #00479d;
}

#n_n_title {
display: flex;
align-items: center;
justify-content: space-between;
}

#bnt_back {}

#bnt_back svg {
vertical-align: middle;
width: 26px;
height: 26px;
}

#bnt_back svg path {
fill: #fff;
}

#m_n_nav i {}

#m_n_nav h1 {
font-size: 14px;
color: #fff;
text-align: center;
margin: 0;
line-height: 50px;
}

#bnt_sub_nav {
cursor: pointer;
color: #fff;
font-size: 18px;
}

#bnt_sub_nav svg {
fill: #fff;
height: 20px;
vertical-align: middle;
width: 20px;
}

#bnt_sub_nav img {
display: block;
height: 15px;
}

#bnt_sub_nav.on img {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}

#sub_nav_content {
background: #fff;
display: none;
box-shadow: 0 0 5px #999;
z-index: 9;
}

#sub_nav_content ul {
padding: 10px;
}

#sub_nav_content ul li {
display: block;
line-height: 28px;
margin: 1rem 0;
}

#sub_nav_content ul li a {
display: block;
border-left: 2px solid #00479d;
height: 30px;
line-height: 30px;
font-size: 14px;
padding-left: 10px;
color: #535455;
}

#sub_nav_content ul li.on a {
color: #00479d;
}

#sub_nav_content dl {
font-size: 0;
overflow: hidden;
background: #fff;
padding: 10px 0;
border-top: 1px solid #e7e7e7;
}

#sub_nav_content dt {
position: relative;
background: #fff;
z-index: 999;
margin-bottom: 0;
}

#sub_nav_content dt a {
margin: 0 20px;
display: block;
color: #5b5349;
line-height: 30px;
font-size: 15px;
font-weight: 400;
vertical-align: top;
font-family: Alibaba-PuHuiTi-Regular;
}

#sub_nav_content dt a i {
position: absolute;
right: 15px;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
background: #fafafb;
}

#sub_nav_content dt.title i {
opacity: 1;
filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
background: #fafafb;
}

#sub_nav_content dt.title_on a {
color: #00479d;
border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
color: #00479d;
}

#sub_nav_content dt.last a {
border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
color: #00479d;
}

#sub_nav_content dd {}

#sub_nav_content dd .box {
padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
padding: 0 25px;
line-height: 30px;
font-size: 13px;
color: #5b5349;
display: block;
height: 30px;
}

#sub_nav_content dd a.on {
color: #00479d;
}

.btn_liaojie {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 14.0625rem;
  height: 3.125rem;
  gap: 1rem;
  border-radius: 1.5rem;
  font-size: 1.125rem;
  background: #fff;
  color: #00479d;
}

.btn_liaojie i {
  font-weight: bold;
  font-size: .875rem;
  transition: .5s;
}

.btn_liaojie:hover i {
  transform: translateX(10px);
}

#banner .arr {
  display: flex;
  align-items: center;
  justify-content: center;
}

#banner .arr span {
  color: #fff;
  font-size: 1.25rem;
}

@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

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

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

@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

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

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

.btn_border {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 14.0625rem;
  height: 3.4375rem;
  transition: .5s;
  gap: 1rem;
  border-radius: 1.5rem;
  font-size: 1.125rem;
  border: 2px solid #fff;
  color: #fff;
}

.btn_border i {
  font-weight: bold;
  font-size: .875rem;
  transition: 0s;
}

/* .btn_border:hover i{ transform: translateX(10px);} */
.btn_border:hover {
  background: #fff;
  color: #00479d;
}

#n_main {}


.search_btn {
  display: flex;
  align-items: center;
  color: #333;
  margin-right: 0.4rem;
  cursor: pointer;
}

.search_btn i {
  font-size: 1.5rem;
}

.search-dialog-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 70vh;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: .6s
}

.search-dialog-box:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  transition: .6s;
  left: 0;
  right: 0;
  z-index: 1;
}

.search-dialog-box.on:before {
  height: 100%
}

.search-dialog-box .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  display: none
}

.search-dialog-box .search-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: height .8s cubic-bezier(.77, 0, .175, 1)
}

.search-dialog-box .wrap-inner {
  transform: translateY(100%);
  transition: .6s
}

.header-right .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  transition: all .5s .8s
}

.search-dialog {
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}

.search-dialog .search-inner {
  overflow: hidden;
  margin-top: 0
}

.search-dialog .search-input {
  overflow: hidden;
  display: flex;
  width: 50rem;
  margin: 0 auto;
  padding: 0 0 0 1.5rem;
  background-color: rgba(255, 255, 255, .1);
  box-sizing: border-box;
  transition: all .3s;
  max-width: 94%
}

.search-dialog .search-input input[type=text] {
  float: left;
  height: 4.5rem;
  flex-grow: 1;
  background-color: transparent;
  font-size: 1.25rem;
  color: #fff;
  transition: all .3s
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input .submit,
.search-dialog .search-input .clear-btn {
  height: 4.5rem;
  width: 3.5rem
}

.search-dialog .search-input .submit {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

.search-tit {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.search-dialog-box.on {
  opacity: 1;
  visibility: visible
}

.search-dialog-box.on .search-bg {
  height: 100vh
}

.search-dialog-box.on .wrap-inner {
  transform: translateY(0)
}

.pub-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  z-index: 10;
  right: 1.5rem;
  top: 1.35rem;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 100%
}

.pub-close:hover {
  transform: rotate(180deg)
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spin2 {
  to {
    transform: rotate(-1turn)
  }
}

@keyframes spin-reverse {
  from {
    transform: rotate(1turn)
  }
}

@keyframes spin-reverse2 {
  from {
    transform: rotate(-1turn)
  }
}

.pub-close {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.search-dialog-box:before {
  background-image: -moz-linear-gradient(270deg, #084f9b 20%, transparent 100%);
  background-image: -webkit-linear-gradient(270deg, #084f9b 20%, transparent 100%);
  background-image: -ms-linear-gradient(270deg, #084f9b 20%, transparent 100%);
}

.s_liaojie {
  width: 100%;
  overflow: hidden;
  background: url(../images/s_liaojie_bg.jpg) left bottom no-repeat;
}

.s_liaojie .m {
  display: flex;
  gap: 13.75rem;
}

.s_liaojie .left {
  flex-shrink: 0;
}

.s_liaojie .left h2 {
  font-size: 1.875rem;
  color: #3e3b38;
  font-weight: bold;
}

.s_liaojie .left h3 {
  font-size: 3rem;
  line-height: 4rem;
  color: #00479d;
  font-weight: 900;
  margin: 1.75rem 0 2.5rem;
}

.btn_liaojie2 {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  color: #353434;
  font-size: 1rem;
  font-weight: bold;
}

.btn_liaojie2 span {
  width: 4.1875rem;
  height: 4.1875rem;
  border-radius: 50%;
  color: #fff;
  background: #00479d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_liaojie2 span i {}

.btn_liaojie2:hover span i {}

.s_liaojie .right {}

.s_liaojie .right .txt {
  font-size: 1.125rem;
  color: #414141;
  line-height: 2.25rem;
  margin-bottom: 3rem;
}

.s_liaojie .right .img {
  width: 100%;
}







video {
  display: block
}

.img video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ar_article {
  font-size: 1.0625rem;
  color: #414141;
  line-height: 2.375rem;
  text-align: justify
}

.ar_article strong {
  font-weight: bold
}

.ar_article caption {
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  padding: .875rem 1.75rem;
  font-size: 1.25rem;
  color: #000
}

.ar_article table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  margin: 1.5rem 0
}

.ar_article td,.ar_article th {
  padding: .875rem 1.75rem;
  border: 1px solid #dadbdf
}

.ar_article th {
  color: #333;
  background: #f9f9f9;
  font-size: 1.375rem
}

.ar_article td {
  font-size: 1.125rem;
  color: #212121
}

.ar_article td p,.ar_article th p {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: inherit
}

.ar_article img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 0;
  display: inline-block
}

.ar_article p:first-child img:first-child {
  margin-top: 0
}

.ar_article img:last-child {
  margin-bottom: 0
}

.ar_article img:first-child {
  margin-top: 0
}

.ar_article p:last-child img:last-child {
  margin-bottom: 0
}

.ar_article video {
  max-width: 100%;
  display: inline-block
}

.ar_article a {
  color: #363636
}

.ar_article ul li,.ar_article ol li {
  padding-bottom: 0!important;
  margin-bottom: 0!important
}

.ar_article ul li p,.ar_article ol li p {
  padding-bottom: 0;
  margin-bottom: 3px!important
}

.ar_article ul li {
  list-style: disc;
  margin-left: 1.625rem
}

.ar_article ol li {
  list-style: decimal;
  margin-left: 1.625rem
}

.ar_article h1 {
  font-size: 2.125rem;
  color: #000
}

.ar_article h2 {
  font-size: 1.875rem;
  color: #000
}

.ar_article h3 {
  font-size: 1.75rem;
  color: #000
}

.ar_article h4 {
  font-size: 1.5rem;
  color: #000
}

.ar_article h5 {
  font-size: 1.25rem;
  color: #333;
  white-space: normal
}

.ar_article h6 {
  font-size: 1.125rem;
  color: #333
}

@media(max-width: 480px) {
  .ar_article h1 {
      font-size:1.875rem
  }

  .ar_article h2 {
      font-size: 1.75rem
  }

  .ar_article h3 {
      font-size: 1.625rem
  }

  .ar_article h4 {
      font-size: 1.375rem
  }

  .ar_article td,.ar_article th {
      padding: .75rem .375rem
  }
}

::-webkit-input-placeholder {
  color: #a6a6a6
}

::-moz-placeholder {
  color: #a6a6a6
}

::-moz-placeholder {
  color: #a6a6a6
}

::-ms-input-placeholder {
  color: #a6a6a6
}

:focus::-webkit-input-placeholder {
  color: transparent!important
}

:focus:-moz-placeholder {
  color: transparent!important
}

:focus::-moz-placeholder {
  color: transparent!important
}

:focus:-ms-input-placeholder {
  color: transparent!important
}

:focus:-ms-input-placeholder {
  color: transparent!important
}

.flexcenter {
  display: flex;
  align-items: center;
  justify-content: center
}

.flexcenter.column {
  flex-direction: column
}

.flexend {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.flexbetween {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#fileupload_jlsc .col-lg-12 {
  padding: 0!important
}

#fileupload_jlsc {
  height: 40px;
  display: flex;
  align-items: center
}

#fileupload_jlsc .btn.blue:not(.btn-outline) {
  background: #626262;
  border: 0!important
}

.weiyuanse:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: .5s
}

.miaodian,.maodian {
  position: relative;
  transform: translateY(-5.625rem);
  display: block
}

:before,:after {
  display: block
}

body {
  font-size: 100%;
  line-height: 1.1;
  width: 100%;
  position: relative;
  font-weight: 400;
  overflow-x: hidden;
  background: #fff
}

.jianbian01 {
  background-image: -moz-linear-gradient(0deg,#af1e28 0,rgba(175,30,40,0) 100%);
  background-image: -webkit-linear-gradient(0deg,#af1e28 0,rgba(175,30,40,0) 100%);
  background-image: -ms-linear-gradient(0deg,#af1e28 0,rgba(175,30,40,0) 100%)
}

.jianbian02 {
  background-image: -moz-linear-gradient(270deg,transparent 0,rgba(0,0,0,.5) 100%);
  background-image: -webkit-linear-gradient(270deg,transparent 0,rgba(0,0,0,.5) 100%);
  background-image: -ms-linear-gradient(270deg,transparent 0,rgba(0,0,0,.5) 100%)
}

.defs {
  position: absolute;
  width: 0;
  height: 0
}

@keyframes roll {
  from {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(359deg)
  }
}

.swiper-button-disabled {
  opacity: .3!important
}

.swiper-button-lock {
  opacity: 0!important
}

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

.swiper-button-prev i:after,.swiper-button-next i: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 i:after {
  content: 'prev'
}

.swiper-button-next i:after {
  content: 'next'
}

button {
  cursor: pointer;
  outline: 0;
  border: 0
}

.tc_close {
  cursor: pointer
}

* {
  padding: 0;
  margin: 0
}

img {
  max-width: 100%
}

video {
  max-width: 100%
}

#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog {
  box-sizing: content-box
}

.j_tab {
  display: table;
  width: 100%;
  height: 100%
}

.j_tab_cel {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  min-width: 0
}

*:before,*:after {
  box-sizing: border-box
}

a {
  color: inherit
}

a:focus {
  outline: none!important
}

h4,.h4,h5,.h5,h6,.h6,h1,.h1,h2,.h2,h3,.h3,p {
  margin: 0
}

img {
  max-width: 100%;
  max-height: 100%
}

.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  object-fit: cover;
  display: block
}

.pic img {
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s
}

li:hover .img img {
  transform: scale(1.05) rotate(.1deg);
  -webkit-transform: scale(1.05) rotate(.1deg);
  -moz-transform: scale(1.05) rotate(.1deg);
  -ms-transform: scale(1.05) rotate(.1deg);
  -o-transform: scale(1.05) rotate(.1deg)
}

.box:hover .img img {
  transform: scale(1.05) rotate(.1deg);
  -webkit-transform: scale(1.05) rotate(.1deg);
  -moz-transform: scale(1.05) rotate(.1deg);
  -ms-transform: scale(1.05) rotate(.1deg);
  -o-transform: scale(1.05) rotate(.1deg)
}

svg {
  max-width: 100%;
  max-height: 100%
}

.ovh {
  overflow: hidden;
  width: 100%
}

.draw_h {
  width: 4.125rem!important;
  height: 4.125rem!important;
  display: block;
  border-radius: 50%;
  text-align: center;
  position: relative
}

.draw_h:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(100%,100%,100%,.5);
  border-radius: 50%
}

svg.drawcircle {
  position: absolute;
  top: 0;
  left: 0;
  overflow: inherit;
  display: block;
  pointer-events: none
}

svg.drawcircle circle {
  fill: none;
  box-sizing: border-box;
  stroke-width: 2;
  stroke: none;
  stroke-dasharray: 0,188.49;
  stroke-dashoffset: 188.49;
  transition: all .3s linear 0s
}

.draw_h .icon {
  fill: #626262;
  vertical-align: middle;
  transition: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.draw_h:hover svg.drawcircle circle {
  stroke: #fff;
  stroke-dasharray: 188.49,0;
  stroke-dashoffset: 188.49;
  -webkit-transition: all .7s cubic-bezier(0.11,0.57,0.58,1);
  transition: all .7s cubic-bezier(0.11,0.57,0.58,1)
}

.draw_h:hover .icon {
  fill: #0081cc
}

.txtovh1 {
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh2 {
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh3 {
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh4 {
  overflow: hidden;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh5 {
  overflow: hidden;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh6 {
  overflow: hidden;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh7 {
  overflow: hidden;
  -webkit-line-clamp: 7;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtovh8 {
  overflow: hidden;
  -webkit-line-clamp: 8;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.txtleft {
  text-align: left!important
}

.txtcenter {
  text-align: center!important
}

.ico_tgl {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.875rem;
  height: 3.875rem
}

.ico_tgl img {
  display: block
}

.ico_tgl .img02 {
  display: none
}

.ico_tgl:hover .img01,li:hover .ico_tgl .img01 {
  display: none
}

.ico_tgl:hover .img02,li:hover .ico_tgl .img02 {
  display: block
}

.img_zd>img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

svg {
  display: block
}

:focus {
  outline: 0
}

input,button,a {
  outline: 0
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e3e3e3;
  margin: 1em 0;
  padding: 0
}

input,select {
  vertical-align: top
}

li,ul {
  list-style-type: none
}

img {
  border: 0
}

a {
  text-decoration: none
}

a:link,a:hover,a:active,a:visited {
  text-decoration: none
}

input,textarea {
  outline: 0;
  border: 0
}

textarea {
  resize: none
}

h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {
  font-weight: normal;
  font-style: normal
}

ul,li {
  list-style: none;
  margin: 0;
  padding: 0
}

.fl {
  float: left
}

.fr {
  float: right
}

.img {
  overflow: hidden
}

.h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.h5 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.clear {
  clear: both
}

.img_db {
  width: 100%;
  position: relative
}

.img_db:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60.9%;
  position: static!important
}

.img_db img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.img_db video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.img_db .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.img_db .pic img {
  position: static;
  width: auto;
  height: auto;
  object-fit: contain
}

path {
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.img_zd {
  position: relative;
  width: 100%;
  overflow: hidden
}

.img_zd .img_hezi {
  padding-bottom: 60%!important
}

.img_zd>img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.box_table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%
}

.box_table_cell {
  display: table-cell;
  vertical-align: middle
}

.box_table_cell * {
  white-space: normal;
  word-wrap: break-word
}

.relative {
  position: relative
}

.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc.act {
  opacity: 1;
  visibility: visible
}

.tc.center {
  display: flex;
  align-items: center;
  justify-content: center
}

.tc_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8)
}

.tc_close {
  position: absolute;
  right: .75rem;
  top: .75rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc_close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}

.tc_btn {
  cursor: pointer
}

.tc_ewm {
  width: 14rem;
  height: auto;
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 2rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.tc_ewm img {
  width: 10rem;
  height: 10rem;
  margin-bottom: 1rem
}

.tc_ewm p {
  font-size: .875rem!important;
  color: #333!important;
  font-weight: bold
}

.tc_ewm div {
  font-size: .875rem!important;
  color: #999!important
}

input {
  font-weight: normal;
  background: 0;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-weight: normal
}

.btn_flashcenter {
  position: relative;
  overflow: hidden;
  transition: .52s
}

.btn_flashcenter .anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%
}

.btn_flashcenter .anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%
}

.btn_flashcenter .anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%
}

.btn_flashcenter:hover .anim {
  -moz-animation: anim-out .75s;
  -webkit-animation: anim-out .75s;
  animation: anim-out .75s
}

.btn_flashcenter:hover .anim:after {
  -moz-animation: anim-out-pseudo .75s;
  -webkit-animation: anim-out-pseudo .75s;
  animation: anim-out-pseudo .75s
}

.btn_flashcenter:hover .anim {
  -moz-animation: anim-out .75s;
  -webkit-animation: anim-out .75s;
  animation: anim-out .75s
}

.btn_flashcenter:hover .anim:after {
  -moz-animation: anim-out-pseudo .75s;
  -webkit-animation: anim-out-pseudo .75s;
  animation: anim-out-pseudo .75s
}

@-webkit-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent
  }
}

@-moz-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent
  }
}

@-ms-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent
  }
}

@keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent
  }
}

@-webkit-keyframes anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@-moz-keyframes anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@-ms-keyframes anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@keyframes anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

.splitlist {
  line-height: 1.2;
  overflow: hidden;
  white-space: pre-wrap
}

.splitlist.flag span {
  -webkit-animation: fadeInRight 1.2s forwards;
  animation: fadeInRight 1.2s forwards
}

.splitlist span {
  font-family: inherit;
  width: auto;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
  opacity: 0;
  display: inline-block
}

.splitlist span.letters {
  color: #0054A3
}

.photoActives {
  position: relative;
  overflow: hidden
}

.photoActives .photoActive {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 3
}

.photoActives.reset_photoActive .photoActive {
  bottom: -100%;
  -webkit-transition: 1.3s;
  transition: 1.3s;
  -webkit-transition-timing-function: var(--ease-in-out-b);
  transition-timing-function: var(--ease-in-out-b)
}

#nav_btn_box {
  height: 100%;
  z-index: 998;
  margin-left: 20px;
  position: fixed;
  height: 0.7rem;
  right: 0;
  top: 0;
  display: none
}

#nav_btn_box .m {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0!important
}

#nav_btn_box.on {
  background: 0
}

#nav_btn .point.on .navbtn::after,#nav_btn .point.on .navbtn::before {
  background: #a0a0a0
}

#nav_btn {
  cursor: pointer;
  text-align: center;
  z-index: 99999;
  padding-bottom: 4px;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  outline: 0;
  box-shadow: none
}

#nav_btn .point {
  display: inline-block;
  width: 1.875rem;
  height: 22px;
  position: relative;
  outline: 0
}

#nav_btn .navbtn {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 2px;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  background: #999
}

#nav_btn .navbtn::after,#nav_btn .navbtn::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: '';
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  background: #999
}

.ny #nav_btn .navbtn::after,.ny #nav_btn .navbtn::before {
  background: #999
}

#nav_btn .navbtn::after {
  top: -6px
}

#nav_btn .navbtn::before {
  top: 6px
}

#nav_btn .point.on .navbtn {
  background: transparent
}

#nav_btn .point.on .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0
}

#nav_btn .point.on .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0
}

.nav-menu-btn {
  position: relative;
  display: block;
  float: right;
  width: 20px;
  height: 38px;
  cursor: pointer;
  transition: all .3s;
  z-index: 10;
  transform: scale(.8)
}

.nav-menu-btn.enter .menu-btn {
  transition-duration: .1s;
  transition-delay: .4s
}

.nav-menu-btn.enter .menu-btn:before,.nav-menu-btn.enter .menu-btn:after {
  opacity: 0
}

.nav-menu-btn.enter .menu-btn:before {
  left: -50%;
  right: 100%;
  transform: translate(-100%,0)
}

.nav-menu-btn.enter .menu-btn:after {
  left: 100%;
  right: -50%;
  transform: translate(100%,0)
}

.nav-menu-btn.enter .up {
  top: 17px;
  transform: rotate(45deg);
  height: 3px
}

.nav-menu-btn.enter .down {
  bottom: 18px;
  transform: rotate(-45deg);
  height: 3px
}

.nav-menu-btn.leave .menu-btn:before,.nav-menu-btn.leave .menu-btn:after {
  opacity: 1;
  transform: translate(0,0)
}

.nav-menu-btn.leave .menu-btn:before {
  left: 0;
  right: 50%
}

.nav-menu-btn.leave .menu-btn:after {
  left: 50%;
  right: 0
}

.menu-btn {
  position: absolute;
  display: block;
  width: 100%;
  height: 9px
}

.menu-btn:before,.menu-btn:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  background: #aaa;
  transition: all .3s;
  border-radius: 3px
}

.menu-btn:before {
  left: 0;
  right: 55%
}

.menu-btn:after {
  left: 55%;
  right: 0
}

.menu-btn.up {
  top: 10px
}

.menu-btn.down {
  bottom: 8px
}

.mtrans,.mtrans:hover {
  -webkit-transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
  -moz-transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
  transition: all .8s cubic-bezier(.19,1,.22,1) 0s;
  -ms-transition: all .8s cubic-bezier(.19,1,.22,1) 0s
}

.menu-handler {
  z-index: 1000000;
  background: rgba(0,0,0,0.35);
  width: 48px;
  height: 45px;
  cursor: pointer;
  position: relative;
  transition: all .3s cubic-bezier(.445,.145,.355,1);
  -webkit-transition: all .3s cubic-bezier(.445,.145,.355,1);
  -moz-transition: all .3s cubic-bezier(.445,.145,.355,1);
  transform: scale(.7)
}

.menu-handler .box {
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative
}

.menu-handler::after {
  width: 48px;
  height: 45px;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border: 5px solid rgba(0,0,0,.3);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: intervalHamburgerBorder;
  animation-name: intervalHamburgerBorder;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

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

  80% {
      -webkit-transform: scale(1.6);
      transform: scale(1.6)
  }

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

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

  80% {
      -webkit-transform: scale(1.6);
      transform: scale(1.6)
  }

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

.hamburger {
  width: 45px;
  height: 45px;
  display: block;
  position: relative;
  cursor: pointer;
  float: right;
  z-index: 110;
  margin-top: 50px;
  margin-right: 20px;
  border: 1px solid #fff;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent
}

.menu-handler .burger {
  width: 26px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  z-index: 5;
  top: 13px;
  left: 50%;
  margin: 0 0 0 -13px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center
}

.menu-handler .burger-2 {
  top: 21px
}

.menu-handler .burger-3 {
  top: 29px
}

.menu-handler.active .burger-1 {
  top: 22px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}

.menu-handler.active .burger-2 {
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  left: -100%
}

.menu-handler.active .burger-3 {
  top: 22px;
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg)
}

.fp-viewing-page1 .menu-handler {
  opacity: 0;
  visibility: hidden
}

.nicescroll-cursors {
  border: 0!important;
  background-color: rgba(66,66,66,.5)!important
}

@keyframes clipPathLeft {
  0% {
      clip-path: polygon(30% 44%,65% 44%,65% 63%,30% 63%)
  }

  100% {
      clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
  }
}

@keyframes clipPathDown {
  0% {
      clip-path: polygon(0 0,0 0,0 100%,0% 100%)
  }

  10% {
      clip-path: polygon(0 0,100% 0,100% 78%,0 36%)
  }

  100% {
      clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
  }
}

@keyframes fadeUpAni {
  0% {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }

  100% {
      opacity: 1;
      transform: translate3d(0,0%,0)
  }
}

@keyframes opacityAni {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

.menubtn {
  width: 23px;
  height: 23px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center
}

.menubtn span {
  display: block;
  width: 23px;
  height: 2px;
  background: #383635;
  position: relative;
  vertical-align: middle;
  -webkit-transition-duration: .3s,.3s;
  -moz-transition-duration: .3s,.3s;
  -ms-transition-duration: .3s,.3s;
  -o-transition-duration: .3s,.3s;
  transition-duration: .3s,.3s;
  -webkit-transition-delay: .3s,0s;
  -moz-transition-delay: .3s,0s;
  -ms-transition-delay: .3s,0s;
  -o-transition-delay: .3s,0s;
  transition-delay: .3s,0s
}

.menubtn span:after,.menubtn span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #383635;
  -webkit-transition-duration: .3s,.3s;
  -moz-transition-duration: .3s,.3s;
  -ms-transition-duration: .3s,.3s;
  -o-transition-duration: .3s,.3s;
  transition-duration: .3s,.3s;
  -webkit-transition-delay: .3s,0s;
  -moz-transition-delay: .3s,0s;
  -ms-transition-delay: .3s,0s;
  -o-transition-delay: .3s,0s;
  transition-delay: .3s,0s
}

.menubtn span:before {
  top: -6px;
  -webkit-transition-property: top,transform;
  -moz-transition-property: top,transform;
  -ms-transition-property: top,transform;
  -o-transition-property: top,transform;
  transition-property: top,transform
}

.menubtn span:after {
  bottom: -6px;
  -webkit-transition-property: bottom,transform;
  -moz-transition-property: bottom,transform;
  -ms-transition-property: bottom,transform;
  -o-transition-property: bottom,transform;
  transition-property: bottom,transform
}

.menubtn.active span {
  background-color: transparent;
  -webkit-transition-delay: 0s,0s;
  -moz-transition-delay: 0s,0s;
  -ms-transition-delay: 0s,0s;
  -o-transition-delay: 0s,0s;
  transition-delay: 0s,0s
}

.menubtn.active span:after,.menubtn.active span:before {
  -webkit-transition-delay: 0s,.3s;
  -moz-transition-delay: 0s,.3s;
  -ms-transition-delay: 0s,.3s;
  -o-transition-delay: 0s,.3s;
  transition-delay: 0s,.3s
}

.menubtn.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.menubtn.active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.tc_btn {
  cursor: pointer
}

.tc_video {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  background: 0;
  position: relative
}

.video {
  clip-path: inset(50% 0 50% 0)
}

.act .video {
  clip-path: inset(0 0 0 0);
  transition: 1.5s clip-path .5s
}

.tc_video #my-video {
  position: relative;
  height: 0;
  padding-top: 60%
}

.tc_video #my-video video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.tc_video .tc_close {
  display: block;
  position: absolute;
  top: -2rem;
  right: -3rem;
  border-radius: 50%
}

.video-js {
  width: 100%!important;
  height: 100%!important
}

.video-js .vjs-big-play-button {
  left: 50%!important;
  top: 50%!important;
  margin-left: calc(-1.6rem - 5px);
  margin-top: calc(-1.6rem - 5px);
  background-color: rgba(0,0,0,0)!important
}

video {
  object-fit: fill
}

.vjs-poster {
  background-size: cover!important
}

.s_video .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.s_video .btn_play {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border-radius: 50%
}

.s_video .btn_play svg {
  width: 1.5rem
}

.btn_play:after,.btn_play:before {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #fff;
  border-radius: 50%;
  border-width: 2px;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform
}

.btn_play:after {
  opacity: 0;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.btn_play:hover:after,.btn_play:hover:before {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s
}

.btn_play:hover:before {
  opacity: 0;
  -webkit-transform: scale(1.4);
  transform: scale(1.4)
}

.btn_play:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.s_video .mask p {
  font-size: .875rem;
  color: #fff;
  margin-top: 1rem
}

.s_video {
  position: relative
}

.hvr-bounce-to-bottom {
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
  transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66)
}

.btn_xx2 {
  width: 10.25rem;
  height: 3rem;
  transition: .5s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #1353e8;
  color: #fff;
  font-size: 1rem
}

.hvr-shutter-in-horizontal {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.animimg {
  border-radius: 5px;
  clip-path: inset(0 0 100% 0)
}

.animimg.aos-animate {
  clip-path: inset(0 0 0 0)
}

[class^="hvr-"] {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  text-decoration: none;
  color: #666;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.pro_canshu .ar_article table tbody tr:first-child {
  background: #efeff1 ;
}

.ar_article td {
  width: auto !important;
}


#m_header {
  display: none;
}


@media(min-width:1601px) {
  html {
      font-size: 16px
  }
}

@media(min-width:1400px) and (max-width:1600px) {
  html {
      font-size: 14px
  }
}

@media(min-width:640px) and (max-width:1399px) {
  html {
      font-size: 13px
  }
}

@media(min-width:481px) and (max-width:639px) {
  html {
      font-size: 13px
  }
}

@media(min-width:329px) and (max-width:480px) {
  html {
      font-size: 13px
  }
}

.wap {
  display: none
}

@media(max-width:1440px) {



  .s_news .bd .right {
      width: 34.5rem
  }

  .s_news01 ul li .img {
      width: 17rem;
      height: 10.5rem
  }

  .s_news02 .img {
      height: 21.6875rem
  }

  .n_xiangmu ul {
      gap: 3.5rem
  }

  .n_banner {
      height: 36rem
  }

  .pad_top {
      padding-top: 6rem
  }

  .pad_bot {
      padding-bottom: 6rem
  }

  .n_case_xq .bd {
      gap: 6rem
  }

  .pro_bn .pic img {
      max-height: 38rem
  }

  .js_chengguo ul {
      gap: 5.5rem 6rem
  }

  .js_fuwu .bd ul {
      gap: 2rem
  }

  .js_zizhu .center img {
      width: 34rem
  }
}



@media(max-width:1280px) {


  .pad_top {
      padding-top: 5rem
  }

  .pad_bot {
      padding-bottom: 5rem
  }

  #logo {
      margin-right: 2.5rem
  }

  .n_about .box1,
  .about_shuzi .m {
      gap: 7rem
  }
}

@media(max-width:1200px) {
  #nav {
      margin-right: 1.5rem
  }

  #header {
      display: none
  }

  #m_header {
      display: block
  }

  #nav_btn_box {
      display: block
  }

  .n_nav {
      display: none
  }

  #m_n_nav {
      display: block
  }

  .web {
      display: none
  }

  .wap {
      display: block
  }

  span.wap {
      display: inline
  }

  .online_q {
      display: none
  }




  .s_liaojie .m {
      gap: 7rem
  }

  .btn_language>a {
      height: 0.5rem;
      display: none;
  }

  .n_xiangmu ul {
      gap: 2.5rem
  }

  .n_banner {
      height: 30rem
  }

  .n_xiazai ul {
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem
  }

  .right_con {
      width: 20rem
  }

  .main_con .line {
      margin: 0 2rem
  }

  .n_about .box1,
  .about_shuzi .m {
      flex-direction: column;
      gap: 0
  }

  .pro_bn .txt h2 {
      font-size: 3rem
  }

  .js_zizhu .center img {
      width: 27rem
  }
}

@media(max-width:1190px) {


  .sim_function .img,
  .pro_gongneng01 .bd {
      height: 37rem
  }

  .sim_function .txt {
      width: 38rem
  }

  #banner .img ,
  .hmFocus_item {
      height: 40vh
  }

  #banner .txt h3 {
      font-size: 4.25rem
  }

  .s_about .m {
      gap: 5.5rem
  }

  .s_buju .center {
      position: relative;
      top: 0;
      left: 0;
      width: 100%
  }

  .s_buju .left {
      width: auto
  }

  .s_buju .hd ul {
      grid-template-columns: repeat(3, 1fr)
  }

  .sim_function .txt {
      padding: 5rem 3rem
  }

 

  .s_news .bd .right {
      width: 28rem
  }

  .s_news01 ul li .img {
      width: 14rem;
      height: 9.5rem
  }

  .s_news02 .img {
      height: 18.6875rem
  }

  .n_case_xq .bd {
      flex-direction: column;
      gap: 4rem
  }

  .about_cyl .arr_left {
      left: 2rem
  }

  .about_cyl .arr_right {
      right: 2rem
  }

  .js_zizhu ul li .con {
      width: 17.5rem
  }

  .js_chengguo ul {
      gap: 3.5rem 4rem
  }
}

@media(max-width:768px) {
  .pad_top {
      padding-top: 5rem !important
  }

  .pad_bot {
      padding-bottom: 5rem !important
  }

  .xs_jianju {
      margin-left: -5px !important;
      margin-right: -5px !important
  }

  .xs_jianju li {
      padding-left: 5px !important;
      padding-right: 5px !important
  }



  #banner .txt h3 {
      font-size: 3rem
  }

  .btn_liaojie {
      width: 12rem
  }

  .btn_border {
      width: 12rem
  }

  .s_liaojie .m {
      flex-direction: column
  }

  .s_about .m {
      flex-direction: column
  }

  .s_about .right {
      width: 100%
  }

  .s_shuzi ul {
      display: flex;
      justify-content: space-between;
      gap: 1rem
  }

  .s_shuzi ul li {
      width: auto
  }

  .s_shuzi ul li div span {
      font-size: 4rem
  }

  .s_about .tt h2 {
      font-size: 2.5rem
  }

  .s_tt h2 {
      font-size: 2.5rem
  }

  .sim_function .txt {
      width: 29rem
  }

  .sim_function .txt h4 {
      font-size: 2rem
  }

  .s_buju .hd ul li {
      gap: 1rem
  }

  .s_buju .hd ul {
      grid-template-columns: repeat(2, 1fr)
  }

  .s_buju .outbox {
      align-items: flex-end
  }

  .s_news .bd {
      flex-direction: column-reverse;
      gap: 2rem
  }

  .s_news .bd .right {
      width: 100%
  }

  .s_news02 .img {
      height: auto
  }

  .s_news01 ul li .img {
      height: auto
  }


  .s_lianxi .tt h4 {
      font-size: 2.75rem
  }

  .n_tt {
      margin-bottom: 3rem
  }

  .n_tt h3 {
      font-size: 2.5rem
  }

  .n_zizhi ul.ul2 {
      grid-template-columns: repeat(2, 1fr)
  }

  .main_con {
      flex-direction: column;
      gap: 1.5rem
  }

  .right_con {
      width: 100%
  }

  .n_news02 ul {
      grid-template-columns: 1fr 1fr
  }

  .lc_box .lc_txt {
      width: 22rem;
      left: 3rem;
      top: 3rem;
      height: 26rem
  }

  .lc_box .lc_pic {
      height: 25rem
  }

  .n_lianxi .bd {
      grid-template-columns: 1fr
  }

  .n_lianxi .img {
      border-radius: .9375rem .9375rem 0 0
  }

  .n_lianxi .txt {
      border-radius: 0 0 .9375rem .9375rem
  }

  .n_chengzhang .arrbox .arr {
      width: 3.5rem;
      height: 3.5rem
  }

  .about_shuzi .right ul li .box span {
      font-size: 3rem
  }

  .about_shuzi .right ul li .ico {
      width: 4rem;
      height: 4rem
  }

  .about_cyl .hd .swiper {
      margin: 0 3rem
  }

  .about_cyl .item .box {
      gap: 2.5rem
  }

  .about_cyl .item .txt h4 {
      font-size: 1.75rem;
      margin-bottom: 1rem
  }

  .about_cyl .item .txt .cyl_shuzi ul {
      gap: 2rem
  }

  .about_cyl .hd a {
      padding: .5rem 1rem 1.25rem
  }

  .about_cyl .hd {
      margin-bottom: 3rem
  }

  .about_cyl .item .box {
      flex-direction: column !important
  }

  .about_cyl .item .txt,
  .about_cyl .item .img {
      width: 100%
  }

  .pro_ys .outbox .bd img {
      width: 16rem
  }

  .pro_ys .outbox .hd ul li .box .ico {
      width: 5rem;
      height: 5rem;
      padding: 10px
  }

  .pro_ys .outbox .hd ul li .box .txt {
      width: 10rem
  }

  .pro_ys .outbox .hd ul li .box .txt h4 {
      font-size: 1.25rem
  }

  .pro_ys .outbox .hd ul li:nth-child(1) {
      top: 3rem
  }

  .pro_ys .outbox .hd ul li:nth-child(2) {
      top: 3rem
  }

  .pro_ys .outbox .hd ul li:nth-child(3) {
      bottom: 4rem
  }

  .pro_ys .outbox .hd ul li:nth-child(4) {
      bottom: 4rem
  }

  .pro_bn {
      height: 40rem
  }

  .pro_bn .txt h2 {
      font-size: 2.5rem
  }

  .pro_bn .pic img {
      max-height: 24rem
  }

  .fa_tt h3 {
      font-size: 2.25rem
  }

  .fa_tt i {
      width: 2rem
  }

  .n_fangan .arrbox .arr {
      width: 3.75rem;
      height: 3.75rem
  }

  .pro_zizhi .hd ul {
      gap: 4rem
  }

  .js_zizhu .center img {
      width: 22rem
  }

  .js_zizhu ul li .con {
      width: 15.5rem
  }

  .js_zizhu ul li h4 {
      font-size: 1.75rem;
      margin-bottom: 1rem
  }

  .js_zizhu ul li:nth-child(3) {
      top: calc(100% + 2rem)
  }

  .js_zizhu .bd {
      margin-bottom: 15rem
  }

  .js_xietong .tt {
      font-size: 2rem;
      margin-bottom: 2.25rem
  }

  .js_fuwu .bd ul {
      grid-template-columns: 1fr 1fr
  }

  .js_yanfa ul {
      gap: 1.75rem
  }

  .js_fuwu .hd ul {
      gap: 3rem
  }
}

@media(max-width:480px) {
  .pad_top {
      padding-top: 3rem !important
  }

  .pad_bot {
      padding-bottom: 3rem !important
  }

  .m {
      padding: 0 15px
  }

  .n_banner {
      height: 12rem
  }

  .n_banner h3 {
      margin-bottom: 1rem;
      font-size: 1.875rem
  }

  .pro_gongneng01 .hdtabnav ul li .ico {
      width: 2.25rem;
      height: 2.25rem
  }

  .sim_function {
      flex-direction: column
  }

  .sim_function .img,
  .pro_gongneng01 .bd {
      height: auto
  }

  .sim_function .img {
      width: 100%
  }

  .sim_function .txt {
      padding: 3rem 2rem
  }

  .sim_function .txt h4 {
      font-size: 1.5rem
  }

  .pro_gongneng01 .arr {
      width: 3rem;
      height: 3rem;
      top: 23rem;
      border: 0;
      background: rgba(255, 255, 255, 0.9)
  }

  .sim_function .txt h4 {
      margin-bottom: 1.25rem
  }

  .sim_function .txt .con {
      margin-bottom: 1.25rem
  }

  .pro_gongneng01 .bd {
      padding-bottom: 0
  }

  .sim_function .txt .arr2 {
      width: 2.75rem;
      height: 2.75rem
  }

  /* 堆叠布局移动端样式 */
  .stacked-layout {
      gap: 1rem;
  }

  .stacked-layout .main-feature .img,
  .stacked-layout .sub-feature .img {
      height: 25rem;
  }

  .stacked-layout .sub-features {
      flex-direction: column;
      gap: 1rem;
  }

  #m_header .top_menu_box .search_btn {
      margin-right: 0
  }

  #banner .txt h3 {
      font-size: 1.875rem;
      margin-bottom: 1rem
  }

  .btn_liaojie {
      width: 10rem
  }

  .btn_border {
      width: 10rem
  }

  #banner .txt p {
      font-size: 1.25rem;
      margin-bottom: 1.5rem
  }

  .draw_h {
      width: 3rem;
      height: 3rem
  }

  .s_liaojie .left h3 {
      font-size: 2rem;
      line-height: 3rem;
      margin: 1rem 0 1rem
  }

  .s_liaojie .left h2 {
      font-size: 1.5rem
  }

  .s_liaojie .m {
      gap: 2.5rem
  }

  .s_shuzi ul {
      display: grid;
      grid-template-columns: 1fr 1fr
  }

  .s_shuzi ul li:nth-child(even) {
      justify-self: flex-start
  }

  .pro_gongneng01 .arr {
      display: none
  }

  .s_buju .outbox {
      flex-direction: column;
      align-items: center;
      gap: 2.5rem
  }

  .s_buju .hd ul {
      gap: 2rem
  }

  .s_tt {
      margin-bottom: 2.5rem
  }

  .s_buju .left {
      width: 100%
  }

  .s_hd {
      flex-direction: column;
      align-items: flex-start;
      gap: 2rem
  }

  .btn_liaojie3 {
      width: 10rem
  }

  .s_news .bd {
      gap: 1rem
  }

  .s_news01 ul li {
      padding: 1.25rem 0
  }

  

  .s_buju .right {
      width: 100%
  }

  .s_news01 ul li .img {
      width: 11rem
  }

  .s_news01 ul li .txt p {
      display: none
  }

  .s_news01 ul li .txt h4 {
      -webkit-line-clamp: 2;
      line-height: 1.7;
      font-size: 1.125rem
  }

  .s_lianxi .tt h4 {
      font-size: 2.5rem;
      line-height: 1.5;
      margin-bottom: 2rem
  }

  .s_lianxi .btn_border {
      width: 10rem;
      height: 3rem
  }

  .s_news02 .txt {
      padding: 2rem
  }

  #banner .arr {
      display: none
  }

  #m_header .top_menu_box {
      margin-right: 2rem;
      display: none;
  }

  .btn_liaojie2 span {
      width: 3.5rem;
      height: 3.5rem
  }

  .s_tt h2 {
      font-size: 2rem
  }

  .s_about .tt h4 {
      margin-bottom: .75rem
  }

  .s_about .tt h2 {
      font-size: 2rem
  }

  .s_about .con {
      margin-bottom: 1.5rem
  }

  .hdtabnav ul li a h4 {
      font-size: 1rem;
      margin-top: .5rem
  }

  .s_buju .center {
      width: 879px
  }

  .s_buju {
      padding-bottom: 0 !important
  }

  .s_news {
      padding-top: 0 !important
  }

  .page .box {
      gap: 6px
  }

  .page .box a {
      min-width: 2.75rem;
      height: 2.75rem
  }

  .n_xiangmu ul {
      grid-template-columns: 1fr
  }

  .n_tt {
      margin-bottom: 2rem
  }

  .n_tt h3 {
      font-size: 2rem
  }

  .n_banner .m h3 {
      font-size: 2.25rem;
      margin-bottom: 0
  }

  .n_banner .m p {
      font-size: 1.125rem
  }

  .n_xiangmu .txt h4 {
      font-size: 1.25rem
  }

  .n_xiangmu .txt {
      padding: 1.25rem 10px;
      line-height: 2rem
  }

  .page .box {
      margin-top: 2.5rem
  }

  .n_case_xq .tt h3 {
      font-size: 1.625rem;
      line-height: 1.5
  }

  .n_case_xq .bd {
      gap: 2rem
  }

  .case_shuzi {
      gap: 10px
  }

  .case_shuzi li div {
      width: 7.5rem;
      height: 7.5rem
  }

  .n_xiazai ul {
      grid-template-columns: 1fr
  }

  .n_xiazai ul li .txt .bot {
      margin-top: 2rem
  }

  .n_xiazai ul li .txt {
      padding: 2rem
  }

  .n_zizhi ul.ul1 {
      grid-template-columns: repeat(1, 1fr)
  }

  .n_zizhi ul.ul2 {
      grid-template-columns: repeat(1, 1fr)
  }

  .n_zizhi ul li .box h4 {
      font-size: 1.125rem
  }

  .main_con {
      padding: 2rem 1.5rem
  }

  .ar_title h1 {
      font-size: 1.75rem;
      margin-bottom: .75rem
  }

  .ar_title {
      padding-bottom: 1rem;
      margin-bottom: 1.5rem
  }

  .n_news01 {
      flex-direction: column
  }

  .n_news01 .picbox {
      width: 100%
  }

  .n_news01 .txtbox {
      width: 100%
  }

  .n_news01 .swiper .img {
      height: auto
  }

  .n_news01 .txtbox {
      padding: 2rem
  }

  .n_news01 .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px
  }

  .n_news02 ul {
      grid-template-columns: 1fr
  }

  .n_news02 ul li .txt {
      padding: 2rem 1.5rem
  }

  .n_news02 ul li .txt h2 {
      margin-top: 1rem;
      margin-bottom: 1.5rem;
      font-size: 1.25rem
  }

  .n_news01 .txt h2 {
      font-size: 1.375rem;
      line-height: 1.5
  }

  .lc_list ul li {
      gap: 1.5rem;
      display: grid;
      grid-template-columns: 4rem 12px 1fr
  }

  .lc_list ul li .dot {
      width: 12px;
      height: 12px;
      margin-top: 1rem
  }

  .lc_list ul li .txt {
      width: 100%
  }

  .lc_list::before {
      left: 6rem
  }

  .lc_list ul li .year {
      font-size: 2.5rem
  }

  .lc_list ul li+li {
      margin-top: 2rem
  }

  .lc_list ul li .txt {
      text-align: left !important
  }

  .lc_box .lc_txt h4 {
      font-size: 1.5rem
  }

  .lc_box .lc_txt h3 {
      font-size: 1.25rem
  }

  .lc_box .lc_txt h3 span {
      font-size: 3.5rem
  }

  .lc_box .lc_txt {
      width: 17rem;
      left: 2rem;
      top: 2rem;
      height: 22rem
  }

  .lc_box .lc_pic {
      height: 21rem
  }

  .n_liulan form {
      grid-template-columns: 1fr
  }

  .n_liulan .textareabox {
      grid-column: 1/2
  }

  .n_liulan .group .span {
      margin-bottom: .75rem
  }

  .n_liulan .button {
      height: 3.5rem
  }

  .n_liulan .bd {
      padding: 1.5rem 2rem 3rem
  }

  .n_liulan .group .input {
      padding: 0 1.25rem
  }

  .n_liulan .tt {
      font-size: 2rem
  }

  .n_lianxi .txt {
      padding: 2rem 1.75rem
  }

  .n_lianxi .txt h3 {
      font-size: 1.75rem;
      margin-bottom: 1.5rem
  }

  .n_lianxi .txt .box {
      flex-direction: column
  }

  .n_lianxi ul li p {
      font-size: 1.125rem
  }

  .n_lianxi ul li .ico {
      width: 2.875rem;
      height: 3rem;
      margin-right: 8px
  }

  .n_lianxi ul li+li {
      margin-top: 1rem
  }

  #box li {
      width: 100% !important
  }

  #box li.on {
      width: 100% !important
  }

  #box ul {
      flex-direction: column;
      gap: 2rem
  }

  #box li .box {
      height: 12.5rem
  }

  .n_chengzhang .s_hd {
      align-items: center;
      justify-content: center
  }

  .n_chengzhang .s_hd .n_tt {
      text-align: center
  }

  .n_tt p {
      font-size: 1.125rem;
      margin-top: 1.5rem;
      line-height: 1.7
  }

  #box li img {
      width: 3rem
  }

  #box li h4 {
      font-size: 1.375rem;
      margin-top: 1rem
  }

  .n_zhaopin ul li h4 {
      font-size: 1.125rem
  }

  .n_zhaopin ul li p {
      font-size: 1rem
  }

  .n_zhaopin ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem
  }

  .n_zhaopin ul li {
      width: 100%;
      border: 0 !important
  }

  .n_zhaopin ul li:nth-child(2) {
      grid-column: 1/3;
      grid-row: 2/3
  }

  .n_zhaopin .n_tt {
      margin-bottom: 2rem
  }

  .s_hd {
      margin-bottom: 2.25rem
  }

  #box li .box {
      padding: 2rem
  }

  .n_chengzhang .arrbox .arr {
      width: 3rem;
      height: 3rem
  }

  .about_shuzi .right ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem
  }

  .about_shuzi .right ul li {
      width: 100%;
      text-align: center
  }

  .about_cyl .hd .swiper {
      margin: 0 2rem
  }

  .about_cyl .arr {
      width: 2rem;
      height: 2rem
  }

  .about_cyl .arr_left {
      left: 1rem
  }

  .about_cyl .arr_right {
      right: 1rem
  }

  .about_cyl .hd .ico {
      width: 2rem;
      height: 3rem
  }

  .about_cyl .m+.con {
      margin-top: 3rem;
      padding-top: 2rem
  }

  .n_about .box2 .mask {
      padding-bottom: 1.5rem
  }

  .about_cyl .item+.item {
      margin-top: 3rem
  }

  .about_shuzi .right ul {
      margin-top: 2rem
  }

  .pro_bn .bd {
      flex-direction: column-reverse;
      gap: 3rem
  }

  .pro_bn {
      height: auto;
      padding: 3rem 0 4rem
  }

  .pro_bn .txt h2 {
      font-size: 2rem
  }

  .pro_bn .txt {
      width: 100%;
      text-align: center
  }

  .pro_bn .txt .pro_shuzi {
      margin: 1.5rem 0 3rem;
      display: inline-block
  }

  .pro_bn .txt h2 {
      margin-bottom: .5rem
  }

  .pro_bn .btn_down {
      margin: 0 auto
  }

  .pro_ys .outbox .hd ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem
  }

  .pro_ys .outbox .hd ul li {
      position: static !important;
      text-align: center !important
  }

  .pro_ys .outbox .hd ul li .box {
      flex-direction: column !important;
      justify-content: flex-start !important
  }

  .pro_ys .outbox {
      display: flex;
      flex-direction: column-reverse;
      gap: 3rem
  }

  .pro_ys .outbox .bd img {
      width: 12rem
  }

  .pro_renzheng .img {
      width: 5.5rem
  }

  .pro_renzheng .box {
      padding: 1rem 1.625rem;
      gap: 1.25rem;
      height: 7.25rem
  }

  .pro_renzheng h4 {
      font-size: 1.25rem
  }

  .pro_bn .txt h4 {
      font-size: 1.875rem
  }

  .pro_bn .pic img {
      max-height: 18rem
  }

  .pro_zizhi .hd ul {
      gap: 3rem
  }

  .pro_zizhi .hd {
      margin-bottom: .5rem
  }

  .pro_zizhi .arrbox {
      margin-top: 1.5rem
  }

  .fa_hd {
      margin-bottom: 1.5rem
  }

  .n_fangan .arrbox .arr,
  .pro_zizhi .arrbox .arr {
      width: 3rem;
      height: 3rem
  }

  .fa_tt h3 {
      font-size: 1.875rem
  }

  .n_fangan .box {
      flex-direction: column-reverse;
      gap: 2.5rem;
      padding: 2rem
  }

  .n_fangan .img {
      width: 100%
  }

  .js_zizhu .center img {
      width: 100%
  }

  .js_zizhu ul li {
      position: static;
      transform: none !important;
      text-align: left !important;
      margin-top: 2rem
  }

  .js_zizhu ul li .con {
      width: 100%
  }

  .js_zizhu .bd {
      margin-bottom: 0
  }

  .js_zizhi {
      margin-top: 4rem
  }

  .js_fuwu .bd ul {
      grid-template-columns: 1fr
  }

  .js_fuwu .bd ul li h4 {
      height: auto
  }

  .js_fuwu .bd ul li i {
      margin: 1.5rem 0 1.5rem
  }

  .js_fuwu .bd ul li {
      height: 18rem;
      padding: 2.125rem 2.25rem
  }

  .js_yanfa ul {
      grid-template-columns: 1fr
  }

  .js_chengguo ul {
      grid-template-columns: 1fr 1fr;
      gap: 2rem
  }

  .js_chengguo ul li p {
      height: 2rem
  }

  #js_banner {
      height: 23rem
  }

  .client-wall .tier .pic {
      width: 12rem;
      height: 6rem
  }

  .client-wall .holder {
      height: 6rem
  }

  .s_lianxi {
      height: auto;
  }
  #banner .slick-arrow {
      display: none !important;
  }

  #foot .foot_bottom {

    padding: 0.25rem 0 0.7rem 0;
  }
}




.sdztcbg{
  margin: 0 auto;
  background: url(../images/ztcbg.jpg) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 10.8rem;
}

.sdztcbg .ztcbox{
  text-align: center;
  padding-top: 2.4rem;

}

.sdztcbg .ztcbox img{
  display: block;
  margin: 0 auto;
  width: 2.9rem;
  height: 2.9rem;
}

.sdztcbg .ztcbox h5{
  font-size: 0.2rem;
  color: #333333;
  font-weight: bold;
  margin: 0.3rem auto 0.25rem auto;
}

.sdztcbg .ztcbox p{
  font-size: 0.26rem;
  color: #1e40af;
  font-weight: bold;
}


@media (max-width: 768px) {
  .sdztcbg{
    height: auto;
  }
  
  .sdztcbg .ztcbox{
    padding: 0.5rem 0 2rem 0;
  
  }
  
  .sdztcbg .ztcbox img{
    width: 2rem;
    height: 2rem;
  }
  
  .sdztcbg .ztcbox h5{
    font-size: 0.14rem;
    margin: 0.15rem auto 0.1rem auto;
  }
  
  .sdztcbg .ztcbox p{
    font-size: 0.16rem;
  }

}