/* Local display runtime: no analytics, cookies, telemetry, or network calls. */
html {
  background: #252525;
  width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0 auto !important;
  background: #252525 !important;
  width: 100%;
  overflow-x: hidden !important;
}

@media (min-width: 513px) {
  html,
  body {
    background-color: #252525 !important;
    background-image: none !important;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: #252525;
    pointer-events: none;
  }

  #g_web {
    position: relative !important;
    z-index: 0;
    width: 512px !important;
    max-width: 512px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

#g_web {
  width: 100% !important;
  max-width: 512px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  background: #fff !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}

#g_web img,
#g_web video,
#g_web canvas,
#g_web svg {
  max-width: 100%;
}

#g_web .webTop,
#g_web .webHeader,
#g_web .webBannerBox,
#g_web .webBanner,
#g_web .webBody,
#g_web .webFooter,
#g_web .form,
#g_web .formMiddle,
#g_web .formMiddleContent,
#g_web .module_content {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#webContainerBox,
.webContainerBox,
.webContainer,
.webLeft,
.webRight,
#webFooter_v3,
#webFooterBox,
.p_footer_nav_wrap,
#J_footer_nav {
  width: 100% !important;
  max-width: 512px !important;
  box-sizing: border-box !important;
}

.p_footer_nav_wrap {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

#J_footer_nav {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

#webFooter_v3 {
  min-height: 116px !important;
  background: #f5f5f5 !important;
}

#webFooter_v3 .footer_content {
  width: 100% !important;
  min-height: 116px !important;
  padding: 16px 8px 24px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: #f5f5f5 !important;
}

#webFooter_v3 .content_item,
#webFooter_v3 .content_item p {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.45 !important;
  white-space: normal !important;
}

#webFooter_v3 .content_item span,
#webFooter_v3 .content_item a {
  display: inline !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  color: #fff !important;
  background-color: #2373c8 !important;
  text-decoration: none !important;
}

#webFooter_v3 .mpsBeian {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  margin: 22px auto 0 !important;
  text-decoration: none !important;
}

#webFooter_v3 .public_security_icon {
  position: relative;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, #f5d34c 0 18%, #d53b2f 19% 35%, #2878c8 36% 62%, #e5aa27 63% 76%, transparent 77%);
}

#webFooter_v3 .public_security_icon::after {
  content: "★";
  position: absolute;
  inset: 0;
  color: #fff3a0;
  font-size: 9px;
  line-height: 22px;
  text-align: center;
}

@media (max-width: 512px) {
  html,
  body {
    background: #fff !important;
  }

  #g_web {
    width: 100% !important;
    box-shadow: none;
  }

  #webFooter_v3 .footer_content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.photoSwipe,
.photoSwipeBox,
.carouselMultiPhoto .content_wrap {
  overflow: hidden;
}

.photoSwipeBox {
  will-change: transform;
}

.photoImageItemContent,
.photoImageItemContent .imgLink {
  display: block;
  width: 100%;
  height: 100%;
}

.photoImageItemContent .imgLink {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.J_img_lazyload[data-local-loaded="1"] {
  opacity: 1 !important;
}

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

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

.noticeMarqueeRow {
  display: inline-flex;
  align-items: center;
  min-width: max-content;
  white-space: nowrap;
  animation: local-notice-marquee 18s linear infinite;
  will-change: transform;
}

.noticeMarquee:hover .noticeMarqueeRow {
  animation-play-state: paused;
}

@keyframes local-notice-marquee {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
  .noticeMarqueeRow { animation-duration: 32s; }
}

/* Restore the original "WHY CHOOSE UE?" panel.  The captured page sized this
   block from a runtime rem value; without that runtime the second line was
   clipped and the transparent background lost its wave texture. */
#module313 {
  position: relative !important;
  height: 96px !important;
  min-height: 96px !important;
  overflow: hidden !important;
  background-color: #fafafa !important;
  background-image: url("mo.faisys.com/image/background/14.jpg") !important;
  background-position: center center !important;
  background-repeat: repeat !important;
  background-size: 320px auto !important;
}

#module313 .formMiddle313,
#module313 .middleCenter313,
#module313 .formMiddleContent313,
#module313 .module_content,
#module313 .fk-formPack,
#module313 #fk-packContent313,
#module313 #formPackContent313 {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 96px !important;
  overflow: visible !important;
  background: transparent !important;
}

#module313 #module316 {
  position: absolute !important;
  left: 40px !important;
  top: 15px !important;
  width: calc(100% - 60px) !important;
  height: auto !important;
  min-height: 64px !important;
  overflow: visible !important;
}

#module313 #module316,
#module313 #module316 .formMiddle,
#module313 #module316 .middleCenter,
#module313 #module316 .moduleContent,
#module313 #module316 .module_content,
#module313 #module316 .fk-editor {
  overflow: visible !important;
}

#module313 #module316 .fk-editor > span {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

#module313 #module316 .fk-editor > span > span > span > span > span > span > span > span > div,
#module313 #module316 .fk-editor div span {
  font-size: 25px !important;
  line-height: 1.28 !important;
}

@media (max-width: 420px) {
  #module313 {
    height: 88px !important;
    min-height: 88px !important;
  }

  #module313 .formMiddle313,
  #module313 .middleCenter313,
  #module313 .formMiddleContent313,
  #module313 .module_content,
  #module313 .fk-formPack,
  #module313 #fk-packContent313,
  #module313 #formPackContent313 {
    min-height: 88px !important;
  }

  #module313 #module316 {
    left: 24px !important;
    top: 14px !important;
    width: calc(100% - 40px) !important;
  }

  #module313 #module316 .fk-editor > span {
    font-size: 15px !important;
  }

  #module313 #module316 .fk-editor > span > span > span > span > span > span > span > span > div,
  #module313 #module316 .fk-editor div span {
    font-size: 22px !important;
  }
}