.icon.icon-feat-mobile-stat {
  width: 98px;
  height: 93.1px;
  background-size: 98px, 93.1px;
  background-image: url("/images/icons/icon-mobile-stat.png"); }

.icon.icon-feat-website-stat {
  width: 98px;
  height: 93.1px;
  background-size: 98px, 93.1px;
  background-image: url("/images/icons/icon-website-stat.png"); }

.icon.icon-feat-hcat {
  width: 98px;
  height: 93.1px;
  background-size: 98px, 93.1px;
  background-image: url("/images/icons/icon-hcat.png"); }

.icon.icon-feat-tu {
  width: 98px;
  height: 93.1px;
  background-size: 98px, 93.1px;
  background-image: url("/images/icons/icon-tu.png"); }

@media screen and (max-width: 1436px) {
  .icon.icon-feat-mobile-stat {
    width: 78.4px;
    height: 74.48px;
    background-size: 78.4px, 74.48px;
    background-image: url("/images/icons/icon-mobile-stat.png"); }
  .icon.icon-feat-website-stat {
    width: 78.4px;
    height: 74.48px;
    background-size: 78.4px, 74.48px;
    background-image: url("/images/icons/icon-website-stat.png"); }
  .icon.icon-feat-hcat {
    width: 78.4px;
    height: 74.48px;
    background-size: 78.4px, 74.48px;
    background-image: url("/images/icons/icon-hcat.png"); }
  .icon.icon-feat-tu {
    width: 78.4px;
    height: 74.48px;
    background-size: 78.4px, 74.48px;
    background-image: url("/images/icons/icon-tu.png"); } }

@media screen and (max-width: 1280px) {
  .icon.icon-feat-mobile-stat {
    width: 68.6px;
    height: 65.17px;
    background-size: 68.6px, 65.17px;
    background-image: url("/images/icons/icon-mobile-stat.png"); }
  .icon.icon-feat-website-stat {
    width: 68.6px;
    height: 65.17px;
    background-size: 68.6px, 65.17px;
    background-image: url("/images/icons/icon-website-stat.png"); }
  .icon.icon-feat-hcat {
    width: 68.6px;
    height: 65.17px;
    background-size: 68.6px, 65.17px;
    background-image: url("/images/icons/icon-hcat.png"); }
  .icon.icon-feat-tu {
    width: 68.6px;
    height: 65.17px;
    background-size: 68.6px, 65.17px;
    background-image: url("/images/icons/icon-tu.png"); } }

.icon-home-product {
  background-image: url("/images/icons/icon_home.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-home-product {
      background-image: url("/images/icons/icon_home@2x.png");
      background-size: 1116px 760px; } }
  .icon-home-product.icon-home-product__mobile {
    background-position: -45px -80px; }
  .icon-home-product.icon-home-product__website {
    background-position: -335px -65px; }
  .icon-home-product.icon-home-product__adtrack {
    background-position: -625px -65px; }
  .icon-home-product.icon-home-product__push {
    background-position: -55px -310px; }
  .icon-home-product.icon-home-product__ip {
    background-position: -335px -310px; }
  .icon-home-product.icon-home-product__tu {
    background-position: -615px -310px; }
  .icon-home-product.icon-home-product__cloud {
    background-position: -890px -310px; }
  .icon-home-product.icon-home-product__terminal {
    background-position: -80px -560px; }
  .icon-home-product.icon-home-product__handset {
    background-position: -340px -560px; }
  .icon-home-product.icon-home-product__global {
    background-position: -600px -560px; }
  .icon-home-product.icon-home-product__database {
    background-position: -855px -560px; }

.logo {
  display: inline-block;
  background-size: 1152px 1433px;
  background-image: url("/images/home-sprite.png"); }

.logo {
  width: 170px;
  height: 64px; }

.logo-yy {
  background-position: -32px -44px; }

.logo-me {
  background-position: -332px -44px; }

.logo-weihui {
  background-position: -632px -44px; }

.logo-huya {
  background-position: -932px -44px; }

.logo-100edu {
  background-position: -32px -189px; }

.logo-edu24ol {
  background-position: -332px -189px; }

.logo-51talk {
  background-position: -632px -189px; }

.logo-xsteach {
  background-position: -932px -189px; }

.logo-joy2u {
  background-position: -32px -330px; }

.logo-tianlaichuanyin {
  background-position: -332px -330px; }

.logo-zhengrenqiang {
  background-position: -632px -330px; }

.logo-yunkezaixian {
  background-position: -932px -330px; }

@keyframes bump {
  from {
    bottom: 20px; }
  to {
    bottom: 30px; } }

#page-down-arrow {
  width: 50px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  margin-left: -25px;
  z-index: 100;
  font-size: 30px;
  animation-name: bump;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  cursor: pointer; }

@keyframes bounce {
  0%, 100% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(-15deg); }
  75% {
    transform: rotate(15deg); }
  85% {
    transform: rotate(-15deg); } }

#first-section {
  display: table;
  width: 100%; }
  #first-section .display-table-row {
    display: table-row; }
  #first-section .slider-wrapper {
    overflow: hidden;
    min-height: 300px;
    position: relative; }
  #first-section #slider {
    width: 10000%;
    transition-property: margin-left;
    transition-duration: .3s; }
  #first-section .slide {
    height: 100%;
    float: left;
    width: 1%;
    position: relative; }
  #first-section .slide-image {
    width: 100%; }
  #first-section .slide-dots {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 3; }
    #first-section .slide-dots .dot {
      width: 10px;
      height: 10px;
      background-color: #fff;
      border-radius: 50%;
      display: inline-block;
      margin: 0 4px;
      transition-property: width, border-radius, background-color;
      transition-duration: .3s;
      cursor: pointer; }
      #first-section .slide-dots .dot.active {
        width: 36px;
        border-radius: 4px; }
      #first-section .slide-dots .dot:hover {
        background-color: #333; }
  #first-section .slide--content {
    position: absolute;
    height: 400px;
    top: 50%;
    margin-top: -150px;
    left: 20%;
    z-index: 5; }
    #first-section .slide--content .qrcode {
      width: 150px;
      margin-right: 30px;
      box-sizing: content-box; }
    #first-section .slide--content .download-btns {
      position: relative;
      height: 140px;
      width: 180px; }
      #first-section .slide--content .download-btns .btn-wrapper {
        position: absolute;
        top: 50%;
        margin-top: -70px;
        width: 100%;
        height: 100%; }
      #first-section .slide--content .download-btns .btn {
        display: block;
        width: 100%;
        line-height: 42px;
        padding: 8px;
        font-size: 15px;
        border: 1px solid #fff;
        color: #fff;
        background-size: cover;
        border-radius: 2px;
        transition-property: border, box-shadow;
        transition-duration: .3s;
        transition-timing-function: ease-out; }
        #first-section .slide--content .download-btns .btn:first-child {
          margin-bottom: 20px; }
      #first-section .slide--content .download-btns .icon-home {
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin-right: 5px; }
  #first-section .slide--title {
    margin-bottom: 1.5em; }
  #first-section .slide--slogan {
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px; }
  #first-section .slide--misc {
    margin-top: 40px; }
  #first-section .slide--circle {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    transition: all .5s ease-out; }
  #first-section .slide--circle--layer {
    width: 400px;
    height: 400px;
    background-size: cover;
    position: absolute;
    right: 15%;
    bottom: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: ease-out; }
    #first-section .slide--circle--layer.circle {
      background-image: url("/images/slide-mobile-app-circle.png");
      transform: translateZ(100px); }
    #first-section .slide--circle--layer.elements {
      background-image: url("/images/slide-mobile-app-elements.png");
      transform: translateZ(70px); }
    #first-section .slide--circle--layer.phone {
      background-image: url("/images/slide-mobile-app-phone.png");
      transform: translateZ(50px); }
    #first-section .slide--circle--layer.website-bg {
      background-image: url("/images/slide-website-stat-bg.png");
      transform: translateZ(50px); }
    #first-section .slide--circle--layer.website-block {
      background-image: url("/images/slide-website-stat-block.png");
      transform: translateZ(100px); }
  #first-section .brief {
    padding: 60px 0;
    background-color: #f5f5f5;
    height: 250px; }
    #first-section .brief h2 {
      margin-top: 0;
      margin-bottom: 1em; }
    #first-section .brief .summary {
      color: #a9a9a9;
      line-height: 2em;
      font-size: 14px; }
      #first-section .brief .summary p {
        margin: 0; }

@media all and (max-width: 1440px) {
  #first-section .slide--slogan {
    font-size: 18px; }
  #first-section .slide--content {
    height: 300px;
    margin-top: -120px;
    left: 15%; }
    #first-section .slide--content .qrcode {
      width: 120px; }
    #first-section .slide--content .download-btns {
      height: 120px; }
      #first-section .slide--content .download-btns .btn-wrapper {
        margin-top: -60px; }
      #first-section .slide--content .download-btns .btn {
        line-height: 32px;
        font-size: 13px; }
  #first-section #slide-website-stat .slide--content {
    margin-top: -100px; } }

@media screen and (max-width: 1280px) {
  #first-section .brief h2 {
    margin-bottom: 0.7em; }
  #first-section #slide-mobile-app-title {
    height: 32px; }
  #first-section .slide--content .download-btns {
    margin-top: 20px; }
    #first-section .slide--content .download-btns .btn-wrapper {
      margin-bottom: 24px; }
  #first-section .slide--content .qrcode {
    width: 120px;
    margin-top: 20px; }
  #first-section .slide--misc {
    margin-top: 30px; } }

@keyframes dot-rotate {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

#second-section {
  position: relative;
  min-height: 600px;
  padding-top: 50px; }
  #second-section .product-tabs {
    width: 1084px;
    text-align: center;
    margin: 0 auto 50px; }
    #second-section .product-tabs .tab {
      display: inline-block;
      width: 170px;
      margin: 0 40px;
      padding: 5px 50px;
      border-radius: 50px;
      color: #000;
      font-size: 22px;
      cursor: pointer;
      transition: all .2s ease-in; }
      #second-section .product-tabs .tab.active {
        color: #fff;
        background-color: #07cc9e; }
  #second-section .product-list {
    display: none;
    width: 1084px;
    margin: 0 auto; }
    #second-section .product-list .product {
      float: left;
      text-align: center;
      width: 360px;
      padding: 20px 50px;
      border-left: 1px solid #ededed;
      border-right: 1px solid #ededed; }
      #second-section .product-list .product:nth-child(3n+1) {
        border-right: none; }
      #second-section .product-list .product:nth-child(3n) {
        border-left: none; }
    #second-section .product-list .product--icon {
      width: 180px;
      height: 130px;
      margin: 0 auto 30px; }
    #second-section .product-list .product--title {
      color: #000;
      width: 85%;
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      margin: 0 auto 1em; }
    #second-section .product-list .product--slogan {
      color: #999;
      font-size: 14px;
      line-height: 1.8em;
      width: 85%;
      margin: 0 auto 30px; }
    #second-section .product-list .product--entry {
      display: inline-block;
      border: 1px solid #07cc9e;
      padding: 5px 20px;
      font-size: 14px;
      box-shadow: none;
      color: #07cc9e;
      background-color: #fff; }
      #second-section .product-list .product--entry:hover {
        color: #fff;
        background-color: #07cc9e; }
    #second-section .product-list.active {
      display: block; }
  #second-section .stats {
    margin-top: 35px;
    padding: 150px 0;
    background-color: whitesmoke;
    background-image: url("/images/home/stats-bg.png");
    background-size: 100% 100%; }
  #second-section .stat {
    text-align: left; }
    #second-section .stat h3 {
      margin: 0;
      font-size: 28px;
      font-weight: bold; }
    #second-section .stat p {
      margin-top: 2px;
      font-size: 14px;
      color: #999; }
    #second-section .stat .inner {
      margin-right: 15px; }
  #second-section .stat-block {
    height: 65px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 30px;
    margin-right: 30px; }
    #second-section .stat-block .icon-home-product {
      width: 70px;
      height: 70px;
      display: inline-block;
      position: relative;
      top: 4px;
      margin-right: 16px; }
    #second-section .stat-block .inner {
      display: inline-block;
      position: relative;
      top: -8px; }
    #second-section .stat-block:hover .icon-home-product {
      animation: bounce 0.5s alternate; }

@media screen and (max-width: 1440px) {
  #second-section .stats {
    padding: 120px 0; }
  #second-section .stat-block .icon-home-product {
    margin-right: 12px; } }

@media screen and (max-width: 1280px) {
  #second-section .product-tabs {
    width: 964px; }
  #second-section .product-list {
    width: 964px; }
    #second-section .product-list .product {
      width: 320px; }
    #second-section .product-list .product--slogan {
      min-height: 80px; }
  #second-section .stats {
    margin-top: 30px;
    padding: 100px 0; }
  #second-section .stat-block {
    margin-left: 15px;
    margin-right: 15px; }
    #second-section .stat-block .icon-home-product {
      margin-right: 10px; }
  #second-section .stat h3 {
    font-size: 24px; }
  #second-section .stat p {
    font-size: 13px; } }

#third-section {
  width: 100%; }
  #third-section .partners {
    margin-bottom: 30px; }
    #third-section .partners h2 {
      margin-top: 92px;
      margin-bottom: 92px; }
  #third-section .partner-row {
    height: 100px; }
  #third-section .partner-block {
    height: 100%;
    text-align: center; }
    #third-section .partner-block:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    #third-section .partner-block .partner-logo {
      display: inline-block;
      vertical-align: middle; }

@media screen and (max-width: 1440px) {
  #third-section .partners h2 {
    margin-top: 62px;
    margin-bottom: 62px; }
  #third-section .partner-blocks {
    margin-top: 50px; } }

@media screen and (max-width: 1280px) {
  #third-section .partner-blocks {
    margin-top: 20px; }
  #third-section .partner-row {
    height: 100px; } }

html, body {
  height: 100%;
  background-color: #fff; }

#fullpage {
  background-color: #fff;
  padding-top: 0; }

.page-section {
  position: relative; }

#home .hiido-common-navbar {
  background-color: transparent; }
  #home .hiido-common-navbar::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    transition: opacity .3s ease;
    opacity: 0; }
  #home .hiido-common-navbar.fixed::before {
    background-color: #27292f;
    opacity: 1; }

/*# sourceMappingURL=home.css.map */