.--platform--in-pc {
  .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    /* Fix of Webkit flickering */
    z-index: 1;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0, 0, 0);
    -o-transition-timing-function: ease;
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

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

  .swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  /* IE10 Windows Phone 8 Fixes */
  .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
  }

  .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
  }
}

.--platform--in-ipad-mobile {
  @font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal;
  }

  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;

    /* Fix of Webkit flickering */
    z-index: 1;
  }

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

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

  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    transform: translate3d(0, 0, 0);
  }

  .swiper-container-android .swiper-slide {
    transform: translate3d(0, 0, 0);
  }

  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }

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

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

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

  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }

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

  /* 3D Effects */
  .swiper-container-3d {
    perspective: 1200px;
  }

  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

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

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

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

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

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

  /* CSS Mode */
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;

    /* For Firefox */
    -ms-overflow-style: none;

    /* For Internet Explorer and Edge */
  }

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

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

  .swiper-container-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-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }

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

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

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

  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * 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-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
  }

  .swiper-button-next {
    right: 10px;
    left: auto;
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }

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

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

  .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }

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

  .swiper-button-prev.swiper-button-white,
  .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #fff;
  }

  .swiper-button-prev.swiper-button-black,
  .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000;
  }

  .swiper-button-lock {
    display: none;
  }

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

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

  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
  }

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

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
  }

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

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

  .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(0.66);
  }

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

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

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

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

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

  .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }

  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
  }

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

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }

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

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

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }

  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }

  /* Progress */
  .swiper-pagination-progressbar {
    background: rgba(0, 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }

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

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

  .swiper-pagination-white {
    --swiper-pagination-color: #fff;
  }

  .swiper-pagination-black {
    --swiper-pagination-color: #000;
  }

  .swiper-pagination-lock {
    display: none;
  }

  /* Scrollbar */
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }

  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }

  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }

  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    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 > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .swiper-slide-zoomed {
    cursor: move;
  }

  /* Preloader */
  :root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
  }

  .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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }

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

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

  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg);
    }
  }

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

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

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

  .swiper-container-cube .swiper-slide-active {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-container-flip .swiper-slide-active {
    pointer-events: auto;
  }

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

  .swiper-container-cube {
    overflow: visible;
  }

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

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

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

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

  .swiper-container-cube .swiper-slide-shadow-top,
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
  }

  .swiper-container-flip {
    overflow: visible;
  }

  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-container-flip .swiper-slide-shadow-top,
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

.sec-video-top{position:relative;box-sizing:border-box;height:517px} .sec-video-video{position:absolute;top:-265px;width:888px;height:499px;border-radius:20px} .sec-video-video .video-cover{position:absolute;width:100%;height:100%;top:0;left:0} .sec-video-video video{width:100%;height:100%;border-radius:20px;object-fit:cover} .sec-video-video video:focus{outline:none} .sec-video-waves{width:140px;height:140px} .sec-video-waves, .sec-video-waves li{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .sec-video-waves li{width:100%;height:100%;background:hsla(0,0%,100%,.2);border-radius:50%;opacity:0;-webkit-animation:sec-video-waves 2s ease-in-out 0s infinite;animation:sec-video-waves 2s ease-in-out 0s infinite}@-webkit-keyframes sec-video-waves{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:1}50%{opacity:.9}to{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}}@keyframes sec-video-waves{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:1}50%{opacity:.9}to{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}} .sec-video-waves li:nth-child(2){width:86%;height:86%} .sec-video-waves li:nth-child(3){width:70%;height:70%} .sec-video-description{padding:0 262px;text-align:center} .sec-video-description p{width:410px;color:#666;text-align:left} .sec-video-description p {font-size:18px;line-height:35px}@-webkit-keyframes mobile-sec-video-waves{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:1}50%{opacity:.9}to{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}}@keyframes mobile-sec-video-waves{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:1}50%{opacity:.9}to{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}} .the-affix{right:0;top:369px;position:fixed;z-index:100} .the-affix .the-affix-content{box-sizing:border-box;width:77px;height:222px;padding:21px 0;background-color:#fff;border-radius:5px 0 0 5px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)} .the-affix .the-affix-content li{text-align:center;margin-bottom:23px;cursor:pointer;position:relative} .the-affix .the-affix-content li .modal{position:absolute;z-index:20;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-170px;display:none;width:150px;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:5px;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:100%} .the-affix .the-affix-content li .modal.index-qr{height:150px;background-image:url(https://h5static1.ihumand.com/website/assets/images/index_wechat.8dd68481.jpg)} .the-affix .the-affix-content li .modal.num{text-align:center;padding:10px 0} .the-affix .the-affix-content li .icon{background-size:100%;background-position:50%;background-repeat:no-repeat;margin:0 auto} .the-affix .the-affix-content li .icon.wechat{width:30px;height:25px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/wechat.32c82cbf.png)} .the-affix .the-affix-content li .icon.phone{width:22px;height:27px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/phone.6fc04072.png)} .the-affix .the-affix-content li .icon.top{width:22px;height:24px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/top.caddf2a4.png)} .the-affix .the-affix-content li .text{font-size:14px;color:#333;margin-top:6px} .the-affix .the-affix-content li .text {font-family:FZLANTYJW} .the-affix .the-affix-content li:last-child{margin-bottom:0} .the-affix .animal, .the-affix .animals{position:absolute;background-size:100%;background-position:50%;background-repeat:no-repeat;z-index:-1}@-webkit-keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@-webkit-keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}}@keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}} .the-affix .molly{top:32px;left:-46px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/molly.33bb8e77.png)} .the-affix .molly.animal{-webkit-animation:molly-move .8s;animation:molly-move .8s} .the-affix .xiaohu{top:-107px;left:0;width:54px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohu.42a4a286.png)} .the-affix .xiaohu.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .flash{top:-107px;left:0;width:76px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/flash.21f3c048.png)} .the-affix .flash.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .rainbow{top:-107px;left:0;width:48px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/rainbow.17cdb958.png)} .the-affix .rainbow.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .pinyin{top:-107px;left:0;width:57px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/pinyin.10f68e56.png);background-position:bottom} .the-affix .pinyin.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .boy{top:-107px;left:0;width:47px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/boy.e9b9c046.png)} .the-affix .boy.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .bird{top:-83px;left:14px;width:66px;height:93px;background-image:url(https://h5static1.ihumand.com/website/assets/images/bird.f8230538.png);background-position:bottom} .the-affix .bird.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .yuwen{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/yuwen.9fbec5a3.png);background-size:100px 100px;background-position:center 26px} .the-affix .yuwen.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .classify{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/classify.2495aeab.png);background-position:bottom} .the-affix .classify.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .writing{top:-72px;left:6px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/writing.1c30e6e8.png)} .the-affix .writing.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .xiaohuajia{top:-61px;left:-15px;width:81px;height:63px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohuajia.1756deb4.png)} .the-affix .xiaohuajia.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .baike{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/baike.84e54949.png);background-size:160px 100px;background-position:center 30px} .the-affix .baike.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s}@-webkit-keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}} .the-affix .animals{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .the-affix .animals.xiaohu{-webkit-animation:show-xiaohu 1.2s;animation:show-xiaohu 1.2s;-webkit-animation-delay:.6s;animation-delay:.6s} .the-affix .animals.flash{-webkit-animation:show-flash 1.2s;animation:show-flash 1.2s;-webkit-animation-delay:.3s;animation-delay:.3s} .the-affix .animals.rainbow{-webkit-animation:show-rainbow 1.2s;animation:show-rainbow 1.2s} .the-affix .animals.pinyin{-webkit-animation:show-pinyin 1.2s;animation:show-pinyin 1.2s;-webkit-animation-delay:.9s;animation-delay:.9s} .the-affix .animals.boy{-webkit-animation:show-boy 1.2s;animation:show-boy 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s} .the-affix .animals.bird{-webkit-animation:show-bird 1.2s;animation:show-bird 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s} .header{position:relative;padding-bottom:62px} .header {z-index:1} .header-bottom{padding:0 45px} .header-description h3{box-sizing:border-box;font-size:50px;padding-top:8px;margin-bottom:23px} .header-description h5{font-size:25px} .header-title-box{margin-bottom:25px} .header-icon{width:108px;height:108px;margin-right:24px} .header-text{color:#666;line-height:30px} .header-text {width:655px;font-size:18px}.jingdu-banner{position:relative;width:100%;height:960px;background-image:url(https://h5static1.ihumand.com/website/assets/images/banner.ad30faa2.jpg)}.jingdu-banner .logo{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/logo.f0f9b8e2.png);background-repeat:no-repeat;width:108px;height:108px;position:absolute;left:318px;top:211px}.jingdu-banner .app-name{position:absolute;left:438px;top:213px;width:349px;height:71px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/title.36d9d17b.png);background-repeat:no-repeat}.jingdu-banner .app-slogan{position:absolute;left:440px;top:286px;font-size:28px;font-family:FZLANTYJW_ZHONGCU;color:#fff;line-height:1}.jingdu-banner .icon-list{position:absolute;top:370px;left:314px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.jingdu-banner .row-item{text-align:center;margin-right:29px;position:relative}.jingdu-banner .row-item-bg{width:105px;height:105px;background-size:100% 100%;background-position:0 0}.jingdu-banner .row-item-text{white-space:nowrap;text-align:center}.jingdu-banner .row-item-text{font-size:18px;font-family:FZLANTYJW_ZHONGCU;color:#fff;line-height:28px;text-shadow:1px 2px 2px #2575d1}.jingdu-banner .row-item-1 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_1.8c6b1481.png)}.jingdu-banner .row-item-2 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_2.008f9677.png)}.jingdu-banner .row-item-3 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_3.278f32e5.png)}.jingdu-banner .row-item-4 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_4.96e8bd5f.png)}.jingdu-banner .row-item-5 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_5.59abcd59.png)}.jingdu-banner .row-item-6 .row-item-bg{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_6.172d5b9f.png)}.jingdu-banner .content{width:775px;height:248px;position:absolute;top:536px;left:315px;background-image:url(https://h5static1.ihumand.com/website/assets/images/content_bg.4f349c76.png);box-sizing:border-box;font-size:18px;font-family:FZLANTYJW;color:#fff;line-height:28px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 38px} .normal-main{margin-top:-4px} .normal-main .section{position:relative;width:100%;overflow:hidden} .normal-main .section>img{width:100%} .normal-main .section .row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center} .normal-main .section .section-content, .normal-main .section .section-head{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .normal-main .section .section-head{font-size:40px;font-family:FZLANTYJW_ZHONGCU;color:#fff;white-space:nowrap;text-align:center} .normal-main .section.section-1{height:960px;background:linear-gradient(-69deg,#3d99ee,#79cef3)} .normal-main .section.section-1 .section-head{top:221px;color:#fff} .normal-main .section.section-1 .section-content{top:321px} .normal-main .section.section-1 .section-content .right{width:424px;height:452px;background-repeat:no-repeat;background-position:50%;background-size:100%;background-image:url(https://h5static1.ihumand.com/website/assets/images/right_bg.da076594.png);margin-left:20px;box-sizing:border-box} .normal-main .section.section-1 .section-content .right {padding:25px 90px 0 29px} .normal-main .section.section-1 .section-content .right .right-title{font-size:24px;font-family:FZLANTYJW_ZHONGCU;color:#1a84da;margin-bottom:8px} .normal-main .section.section-1 .section-content .right .right-text{font-size:18px;font-family:FZLANTYJW;color:#545454;line-height:24px} .normal-main .section.section-2{height:960px;background-color:#f7f7f7} .normal-main .section.section-2 .section-head{top:80px;color:#333} .normal-main .section.section-2 .section-content{top:199px} .normal-main .section.section-2 .section-content .gallery{position:relative} .normal-main .section.section-2 .section-content .gallery .gallery-preview{width:860px;height:670px} .normal-main .section.section-2 .section-content .gallery .thumbnail{position:absolute;width:155px;height:101px;cursor:pointer;transition:all .3s ease} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-active{width:197px;height:136px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-1{top:112px;left:-132px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-1.thumbnail-active{top:82px;left:-152px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-2{top:244px;left:-162px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-2.thumbnail-active{top:236px;left:-182px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-3{top:390px;left:-132px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-3.thumbnail-active{top:390px;left:-152px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-4, .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-4.thumbnail-active{top:147px;right:-138px} .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-5, .normal-main .section.section-2 .section-content .gallery .thumbnail.thumbnail-5.thumbnail-active{top:357px;right:-144px} .normal-main .section.section-3{position:relative;width:100%;height:960px;background-image:url(https://h5static1.ihumand.com/website/assets/images/bg.065b6c50.png)} .normal-main .section.section-3 .left{white-space:nowrap;position:absolute;left:342px;top:336px} .normal-main .section.section-3 .left .title{margin-bottom:16px;font-size:40px;line-height:50px;color:#333} .normal-main .section.section-3 .left .title {font-family:FZLANTYJW_ZHONGCU} .normal-main .section.section-3 .left .section-subhead{margin:20px 0;font-size:36px} .normal-main .section.section-3 .left .download{margin-right:20px} .normal-main .section.section-3 .left .download .download-btn{width:284px;height:80px;background-repeat:no-repeat;background-position:50%;background-size:100%;display:block} .normal-main .section.section-3 .left .download .download-btn.ios{background-image:url(https://h5static1.ihumand.com/website/assets/images/ios_download.956e85de.png);margin-bottom:20px} .normal-main .section.section-3 .left .download .download-btn.android{background-image:url(https://h5static1.ihumand.com/website/assets/images/android_download.bc9d8f81.png);margin-bottom:20px} .normal-main .section.section-3 .left .qr{width:181px;height:181px;background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu.604d9edf.png)} .normal-main .section.section-3 .right{width:922px;height:775px;position:absolute;top:171px;right:139px;background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu.955391b4.png) no-repeat;background-size:auto 100%;background-position:50%} .sec-video{border-radius:14px;overflow:hidden;position:relative;padding-bottom:0} .sec-video h2{position:relative;width:892px;color:#fff;text-align:center;margin:0 auto} .sec-video h2 {font-size:60px} .sec-video h2:after, .sec-video h2:before{position:absolute;content:"";width:51px;height:51px;background:url(https://h5static1.ihumand.com/website/assets/images/video_quot.f598a94f.png)} .sec-video h2:before{left:0;top:0} .sec-video h2:after{right:0;bottom:0;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)} .sec-video h4{font-size:30px;margin-bottom:28px} .sec-video h2{width:100%} .sec-video h2:before{top:-22px} .sec-video h2:before {left:327px} .sec-video h2:after {left:1026px} .sec-video h4{color:#f7a500} .sec-video-bottom{position:relative;padding-bottom:67px;background:#fff;box-shadow:0 40px 80px 0 rgba(223,231,247,.5)} .sec-video-bottom-box{position:relative;box-sizing:border-box;padding-top:234px;width:892px;margin:0 auto} .sec-video .sec-video-bottom{padding:0;background:transparent;box-shadow:none!important} .sec-video .sec-video-bottom-box{padding:0;margin:0;width:794px;height:452px;background:#fff;border-radius:14px;position:relative} .sec-video .sec-video-bottom-box .sec-video-video{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:766px;height:432px} .sec-video .sec-video-bottom .video-cover{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:794px;height:452px} .sec-video-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer} .sec-video-btn.pause-btn{width:94px;height:94px} .sec-video-btn.play-btn{width:96px;height:96px} .sec-video .sec-video-btn.play-btn{width:133px;height:133px;background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/sec_video_play.ba984cf2.png) no-repeat} .footer{position:relative;background-image:linear-gradient(-40deg,#3b79e5,#569df4)} .footer-pic{position:absolute;display:block;width:580px;height:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .footer-main{position:relative;box-sizing:border-box;padding-top:48px;padding-bottom:72px;z-index:1} .footer .columns{width:1280px;margin:0 auto 50px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;color:#fff} .footer .columns .column .column-list li{font-size:16px;line-height:30px} .footer .columns .column .column-list li:first-child{font-size:18px;margin-bottom:18px} .footer .columns .column .column-list li {font-family:FZLANTYJW_ZHONGCU} .footer .columns .column .column-list li a{color:#fff} .footer .columns .column .column-list li a {font-family:FZLANTYJW} .footer .columns .column .column-list-investor-report{cursor:pointer} .footer .columns .column .column-list-investor-report {font-family:FZLANTYJW} .footer .others ul:first-of-type{margin-bottom:.5em} .footer .helper, .footer .others{color:#fff;font-size:16px;margin-top:30px} .footer .helper , .footer .others {font-family:FZLANTYJW} .footer .helper a, .footer .others a{color:#fff;font-size:15px} .footer .helper ul, .footer .others ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center} .footer .helper ul:last-child, .footer .others ul:last-child{margin-top:.5em} .footer .helper ul li, .footer .others ul li{white-space:nowrap} .footer .helper ul li.divider, .footer .others ul li.divider{margin:0 16px} .footer .helper .owner, .footer .others .owner{margin-top:20px;text-align:center} .footer .helper{margin-top:0;padding-top:.5em}
.home{background-color:#f4f9fd;color:#666}@media screen and (max-width:1920px){.home{width:1920px}}@media screen and (max-width:750px){.home{width:750px}}@media screen and (min-width:1940px){.home{width:1920px;margin:0 auto}}.safety-content{position:relative;box-sizing:border-box;width:1400px;margin:0 auto}.text-align-right{text-align:right}.text-align-center{text-align:center}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none}a,button,img,input,textarea{outline:0}a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}.fl{float:left}.fr{float:right}.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;zoom:1}body,html{-webkit-overflow-scrolling:touch;line-height:1;overflow:visible!important;opacity:1!important}
@font-face{font-family:HYCuYuan;src:url(https://h5static1.ihumand.com/website/assets/fonts/HYCuYuan.f1263846.ttf)}@font-face{font-family:FZLANTYJW_ZHONGCU;src:url(https://h5static1.ihumand.com/website/assets/fonts/FZLANTYJW_ZHONGCU.91715800.ttf)}@font-face{font-family:FZLANTYJW;src:url(https://h5static1.ihumand.com/website/assets/fonts/FZLANTYJW.605246b1.ttf)}@font-face{font-family:Roboto-Regular;src:url(https://h5static1.ihumand.com/website/assets/fonts/Roboto-Regular.28fbad01.ttf)}@font-face{font-family:Roboto-Bold;src:url(https://h5static1.ihumand.com/website/assets/fonts/Roboto-Bold.4864797f.ttf)}
.display-flex{display:-webkit-flex;display:flex}.display-inline-flex{display:-webkit-inline-flex;display:inline-flex}.inherit-height{height:inherit}.flex-col{-webkit-flex-direction:column;flex-direction:column}.flex-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row{-webkit-flex-direction:row;flex-direction:row}.flex-row-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-row-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-row-center{-webkit-justify-content:center;justify-content:center}.flex-row-between{-webkit-justify-content:space-between;justify-content:space-between}.flex-row-around{-webkit-justify-content:space-around;justify-content:space-around}.flex-col-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-col-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-col-center{-webkit-align-items:center;align-items:center}.flex-col-baseline{-webkit-align-items:baseline;align-items:baseline}.flex-0{-webkit-flex:0;flex:0}.flex-1{-webkit-flex:1;flex:1}.flex-2{-webkit-flex:2;flex:2}.flex-3{-webkit-flex:3;flex:3}.flex-4{-webkit-flex:4;flex:4}
@-webkit-keyframes nav-fade-in{0%{top:0;opacity:0}to{top:90px;opacity:1}}@keyframes nav-fade-in{0%{top:0;opacity:0}to{top:90px;opacity:1}}@-webkit-keyframes lang-fade-in{0%{top:20px;opacity:0}to{top:60px;opacity:1}}@keyframes lang-fade-in{0%{top:20px;opacity:0}to{top:60px;opacity:1}}@-webkit-keyframes menu-show{0%{opacity:0}to{opacity:1}}@keyframes menu-show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes menu-hide{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes menu-hide{0%{opacity:1}to{opacity:0;visibility:hidden}}@-webkit-keyframes header-news-text-move{0%{-webkit-transform:translateY(44px);transform:translateY(44px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes header-news-text-move{0%{-webkit-transform:translateY(44px);transform:translateY(44px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:.2;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:.2;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mobileFadeIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileFadeIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes showOpa{0%{opacity:0}to{opacity:1}}@keyframes showOpa{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hideOpa{0%{opacity:1}to{opacity:0}}@keyframes hideOpa{0%{opacity:1}to{opacity:0}}@-webkit-keyframes join-card-recruit-remark{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes join-card-recruit-remark{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mobile-join-card-recruit-remark{0%{top:10px}to{top:-10px}}@keyframes mobile-join-card-recruit-remark{0%{top:10px}to{top:-10px}}.header-show-opa{-webkit-animation:showOpa 2s .6s both;animation:showOpa 2s .6s both}.fadeIn {-webkit-animation:fadeIn 1s 0s forwards;animation:fadeIn 1s 0s forwards}.show-opa{-webkit-animation:showOpa 1s .5s forwards;animation:showOpa 1s .5s forwards}
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translateZ(0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translateZ(0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translateZ(0);-o-transition-timing-function:ease;-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translateZ(0);-ms-transition-timing-function:ease;transition-property:left,top,-webkit-transform;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translateZ(0);transition-timing-function:ease;box-sizing:initial} .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{float:left;box-sizing:initial} .swiper-wp8-horizontal{-ms-touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
 .nav{position:fixed;top:0;left:50%;width:100%;height:78px;background-color:initial;font-size:18px;z-index:1000;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;border-bottom:1px solid hsla(0,0%,90.2%,.2)} .nav .nav-box{max-width:1400px;height:inherit;margin:0 auto} .nav .nav-box a, .nav .nav-box li{touch-action:none} .nav .nav-box .nav-logo{position:relative;width:133px;height:51px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/logo.112e395a.png);margin-top:10px;z-index:1} .nav .nav-box .nav-logo__on{background:url(https://h5static1.ihumand.com/h5/www/website/cms/logo_on.d712b843.png)} .nav .nav-tab{margin-right:38px} .nav .nav-tab {font-family:FZLANTYJW} .nav .nav-tab>li{position:relative;float:left;height:78px;line-height:78px;text-align:center;cursor:pointer;box-sizing:border-box;margin:0 20px} .nav .nav-tab>li>a{position:relative;display:block;color:inherit;background:transparent;z-index:1;height:100%;transition:background-image .3s,background-color .3s,color .3s} .nav .nav-tab .nav-tab-about.on>a, .nav .nav-tab .nav-tab-download.on>a, .nav .nav-tab .nav-tab-electronics.on>a, .nav .nav-tab .nav-tab-home.on>a, .nav .nav-tab .nav-tab-investor.on>a, .nav .nav-tab .nav-tab-new.on>a, .nav .nav-tab .nav-tab-offline.on>a, .nav .nav-tab .nav-tab-online.on>a{border-bottom:1px solid #fff} .nav .nav-tab .nav-tab-investor.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-new.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-offline.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-online.on:hover .nav-tab-products{opacity:1;visibility:visible;top:78px;-webkit-animation:nav-fade-in .6s;animation:nav-fade-in .6s} .nav .nav-tab .nav-tab-offline .nav-tab-products{width:552px} .nav .nav-tab .nav-tab-new .nav-tab-products{width:240px} .nav .nav-tab .nav-tab-new .nav-tab-products ul{display:-webkit-flex;display:flex} .nav .nav-lan{position:relative;display:inline-block;margin-left:166px!important;z-index:1} .nav .nav-lan>span{box-sizing:border-box;display:block;width:55px;height:78px;line-height:78px;text-align:center;cursor:pointer} .nav .nav-lan>span i{display:inline-block;width:10px;height:8px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/down_arrow_on.27cc3812.png)!important;background-size:100%;background-position:50%} .nav .nav-lan>span .icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/down_arrow.2e0a2081.png)!important} .nav .nav-lan>span a{color:inherit} .nav .nav-lan .drop-down{position:absolute;top:60px;left:0;opacity:0;visibility:hidden;background:hsla(0,0%,100%,.9);border-radius:5px;width:100%;box-shadow:0 0 6px rgba(0,0,0,.1)} .nav .nav-lan .drop-down .drop-down-content .drop-down-item{height:40px;line-height:40px;font-size:18px;text-align:left;padding-left:5px} .nav .nav-lan .drop-down .drop-down-content .drop-down-item a{color:#777c92;display:block} .nav .nav-lan-cn{border-top-left-radius:inherit;border-bottom-left-radius:inherit} .nav .nav-lan-en{border-top-right-radius:inherit;border-bottom-right-radius:inherit} .nav .nav-tab-language.on:hover .drop-down{opacity:1!important;visibility:visible!important;-webkit-animation:lang-fade-in .4s;animation:lang-fade-in .4s} .nav .nav-tab-products{position:absolute;visibility:hidden;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:702px;padding-bottom:56px;background:hsla(0,0%,100%,.9);border-radius:20px;opacity:0;zoom:.8} .nav .nav-tab-products .nav-tab-shadow{height:40px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/shadow.c8492c33.png);margin-bottom:16px;border-radius:20px 20px 0 0} .nav .nav-tab-products .nav-tab-content{padding-left:60px} .nav .nav-tab-products .nav-tab-content>ul{margin-bottom:42px} .nav .nav-tab-products .nav-tab-content>ul:last-of-type{margin-bottom:0} .nav .nav-tab-products .nav-tab-content li{width:114px;margin-right:42px} .nav .nav-tab-products .nav-tab-content.offline li{width:120px;margin-right:36px} .nav .nav-tab-products .nav-tab-content.offline .nav-tab-icon{width:120px;height:120px} .nav .nav-tab-products .nav-tab-content .nav-tab-icon{display:block;width:100px;height:100px;margin:0 auto 10px;-webkit-transform:scale(.96);transform:scale(.96);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s} .nav .nav-tab-products .nav-tab-content .nav-tab-icon:hover{-webkit-transform:scale(1);transform:scale(1)} .nav .nav-tab-products .nav-tab-content .nav-tab-aicoding .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/aicoding100.905a456c.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-aireading .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/aireading100.8d0aaa19.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-pinyin .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/pinyin100.5da8ae66.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-english .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/english100.1ca420f8.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-shizi .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/shizi100.47d8a846.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-math .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/math100.8fe67071.png)} .nav .nav-tab-products .nav-tab-desc{color:#777c92;line-height:1} .nav .nav-tab-products .nav-tab-desc {font-size:16px} .nav .nav-tab-products .nav-tab-desc i{display:inline-block;width:8px;height:10px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/right_arrow.35a009aa.png)} .nav .nav-tab-products .nav-tab-book .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/book100.f994dbd7.png)} .nav .nav-tab-products .nav-tab-story .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/story100.125137bc.png)} .nav .nav-tab-products .nav-tab-baike .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/baike100.a84ceb2d.png)} .nav .nav-tab-products .nav-tab-reading .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/reading100.cf733e64.png)} .nav .nav-tab-products .nav-tab-reading .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-jump .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/jump100.2739429f.png)} .nav .nav-tab-products .nav-tab-jump .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-biancheng .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/biancheng100.b9f0d2b9.png)} .nav .nav-tab-products .nav-tab-chengyu .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/chengyu100.2a686f16.png)} .nav .nav-tab-products .nav-tab-chengyu .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-classify .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/classify100.8a0cc76c.png)} .nav .nav-tab-products .nav-tab-xiaohuajia .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/xiaohuajia100.cfe8667b.png)} .nav .nav-tab-products .nav-tab-writing .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/writing100.77601182.png)} .nav .nav-tab-products .nav-tab-chaoneng .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/chaoneng100.fed3af95.png)} .nav .nav-tab-products .nav-tab-jingdu .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu100.0386bbb5.png)} .nav .nav-tab-products .nav-tab-eclass .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/eclass120.06847b14.png)} .nav .nav-tab-products .nav-tab-kindergarten .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/kindergarten120.2ca26f30.png)} .nav .nav-tab-products .nav-tab-train .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/train120.c66afd68.png)} .nav .nav-tab-investor a{white-space:nowrap} .nav .nav-tab-investor .nav-tab-products{width:auto} .nav .nav-tab-investor .nav-tab-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-left:60px} .nav .nav-tab-investor .nav-tab-content {padding-right:72px} .nav .nav-tab-investor-relation {width:100px} .nav .nav-tab-investor-relation-icon{width:100px;height:100px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/relation100.81750ba0.png);margin:0 auto 10px} .nav .nav-tab-investor-relation .nav-tab-desc{display:block} .nav .nav-tab-investor-report{margin-left:42px;width:100px} .nav .nav-tab-investor-report-icon{width:100px;height:100px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/esg100.26bb0f26.png);margin:0 auto 10px} .nav .nav-tab-investor-report .nav-tab-desc{position:relative} .nav .nav-tab-investor-report .nav-tab-desc {line-height:20px;text-align:left;padding-left:16px} .nav .nav-tab-investor-report .nav-tab-desc i{position:absolute;right:-12px;top:16px}

.rDialog{position:fixed}.rDialog-wrap{position:relative;background:hsla(0,0%,100%,.9);border:4px solid #fff;border-radius:20px}.rDialog-wrap {padding:26px 26px 32px}.rDialog-header-download {width:72px;height:72px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/download.c214dafa.gif);margin:0 auto 14px}.rDialog-header-error {width:72px;height:72px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/error.93c82645.png);margin:0 auto 14px}.rDialog-content{color:#333;text-align:center;width:auto!important}.rDialog-content {font-family:FZLANTYJW}.rDialog-content {font-size:16px;line-height:1}.rDialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=30);opacity:.3}
 .the-affix{right:0;top:369px;position:fixed;z-index:100} .the-affix .the-affix-content{box-sizing:border-box;width:77px;height:222px;padding:21px 0;background-color:#fff;border-radius:5px 0 0 5px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)} .the-affix .the-affix-content li{text-align:center;margin-bottom:23px;cursor:pointer;position:relative} .the-affix .the-affix-content li .modal{position:absolute;z-index:20;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-170px;display:none;width:150px;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:5px;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:100%} .the-affix .the-affix-content li .modal.index-qr{height:150px;background-image:url(https://h5static1.ihumand.com/website/assets/images/index_wechat.8dd68481.jpg)} .the-affix .the-affix-content li .modal.num{text-align:center;padding:10px 0} .the-affix .the-affix-content li .icon{background-size:100%;background-position:50%;background-repeat:no-repeat;margin:0 auto} .the-affix .the-affix-content li .icon.wechat{width:30px;height:25px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/wechat.32c82cbf.png)} .the-affix .the-affix-content li .icon.phone{width:22px;height:27px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/phone.6fc04072.png)} .the-affix .the-affix-content li .icon.top{width:22px;height:24px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/top.caddf2a4.png)} .the-affix .the-affix-content li .text{font-size:14px;color:#333;margin-top:6px} .the-affix .the-affix-content li .text {font-family:FZLANTYJW} .the-affix .the-affix-content li:last-child{margin-bottom:0} .the-affix .animal, .the-affix .animals{position:absolute;background-size:100%;background-position:50%;background-repeat:no-repeat;z-index:-1}@-webkit-keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@-webkit-keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}}@keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}} .the-affix .molly{top:32px;left:-46px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/molly.33bb8e77.png)} .the-affix .molly.animal{-webkit-animation:molly-move .8s;animation:molly-move .8s} .the-affix .xiaohu{top:-107px;left:0;width:54px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohu.42a4a286.png)} .the-affix .xiaohu.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .flash{top:-107px;left:0;width:76px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/flash.21f3c048.png)} .the-affix .flash.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .rainbow{top:-107px;left:0;width:48px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/rainbow.17cdb958.png)} .the-affix .rainbow.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .pinyin{top:-107px;left:0;width:57px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/pinyin.10f68e56.png);background-position:bottom} .the-affix .pinyin.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .boy{top:-107px;left:0;width:47px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/boy.e9b9c046.png)} .the-affix .boy.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .bird{top:-83px;left:14px;width:66px;height:93px;background-image:url(https://h5static1.ihumand.com/website/assets/images/bird.f8230538.png);background-position:bottom} .the-affix .bird.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .yuwen{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/yuwen.9fbec5a3.png);background-size:100px 100px;background-position:center 26px} .the-affix .yuwen.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .classify{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/classify.2495aeab.png);background-position:bottom} .the-affix .classify.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .writing{top:-72px;left:6px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/writing.1c30e6e8.png)} .the-affix .writing.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .xiaohuajia{top:-61px;left:-15px;width:81px;height:63px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohuajia.1756deb4.png)} .the-affix .xiaohuajia.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .baike{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/baike.84e54949.png);background-size:160px 100px;background-position:center 30px} .the-affix .baike.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s}@-webkit-keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}} .the-affix .animals{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .the-affix .animals.xiaohu{-webkit-animation:show-xiaohu 1.2s;animation:show-xiaohu 1.2s;-webkit-animation-delay:.6s;animation-delay:.6s} .the-affix .animals.flash{-webkit-animation:show-flash 1.2s;animation:show-flash 1.2s;-webkit-animation-delay:.3s;animation-delay:.3s} .the-affix .animals.rainbow{-webkit-animation:show-rainbow 1.2s;animation:show-rainbow 1.2s} .the-affix .animals.pinyin{-webkit-animation:show-pinyin 1.2s;animation:show-pinyin 1.2s;-webkit-animation-delay:.9s;animation-delay:.9s} .the-affix .animals.boy{-webkit-animation:show-boy 1.2s;animation:show-boy 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s} .the-affix .animals.bird{-webkit-animation:show-bird 1.2s;animation:show-bird 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s}