html,
body {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", sans-serif;
}

body {
  padding: 0;
  margin: 0;
  border: 0;
  background: #222;
  color: #fff;
}

.hide {
  display: none;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

.bg {
  width: 100%;
}

img {
  width: 100%;
}

.pad-header {
  display: none;
}

header,
header.scroll {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

header {
  position: absolute;
  width: 100%;
  height: 0.78rem;
  top: 0.2rem;
  text-align: center;
  z-index: 101;
  margin: auto;
  opacity: 1;
}

.header-nav {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  /* line-height: 0.33rem; */
  font-weight: 500;
  color: #fff;
}

.header-nav a {
  color: #fff;
  text-decoration: none;
}

.header-nav .get-app-btn {
  display: inline-block;
  position: relative;
  margin-left: 0.26rem;
  padding: 0.05rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  min-width: 76px;
  border-radius: 0.06rem;
  background-color: #0db4ad;
  color: white;
  font-size: 0.12rem;
  text-align: center;
  cursor: pointer;
  margin-top: 0.3rem;
}

.btn-box {
  display: none;
  position: absolute;
  right: 0;
  top: 0.4rem;
  font-size: 0.16rem;
  border-radius: 0.06rem;
}

.pad-btn-box {
  display: none;
  position: absolute;
  right: 0;
  top: 1.4rem;
  font-size: 0.16rem;
  border-radius: 0.06rem;
}

.inner-btn {
  display: none;
}

.btn-box a {
  display: inline-block;
  width: 1.1rem;
  color: #fff;
  text-decoration: none;
  background: gray;
  border-radius: 0.06rem;
}

.pad-btn-box a {
  display: inline-block;
  width: 3rem;
  color: #fff;
  text-decoration: none;
  background: gray;
  border-radius: 0.2rem;
  font-size: .4rem;
}

.pad-btn-box a:hover {
  background: #0db4ad;
}

.btn-box a:hover {
  background: #0db4ad;
}

div.mobile-get-app-btn{
  color: #fff;
  text-decoration: none;
  text-align: center;
}

@media (max-width:980px) {
  .pad-header div.mobile-get-app-btn{
    position: fixed;
    top: -0.3rem;
    right: 2.0rem;
    width: 2.4rem;
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: .4rem;
    margin-top: .5rem;
    background-color: #0db4ad;
    text-align: center;
    border-radius: 0.2rem;
  }
}
@media (max-width:770px) {
  .pad-header div.mobile-get-app-btn{
    position: fixed;
    top: 0.16rem;
    right: 2.54rem;
    width: 3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .4rem;
    margin-top: .5rem;
    background-color: #0db4ad;
    border-radius: 0.2rem;
    text-align: center;
  }
}



.header-nav a + a {
  /* margin-left: 0.54rem; */
  margin-left: 0.3rem;
}


header .logo {
  width: 1rem;
  display: block;
  margin: auto;
  /*cursor: pointer;*/
}

header.disnone {
  opacity: 0;
}

header.scroll {
  position: fixed;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  top: 0;
  z-index: 100;
  background: #000;
  opacity: 0;
}

header.scroll img {
  width: 0.9rem;
  height: 0.426rem;
  float: left;
  margin-top: 0.04rem;
  margin-left: 2.5rem;
  cursor: pointer;
}

header.scroll nav {
  float: right;
  font-size: 0.16rem;
  line-height: 0.5rem;
  font-weight: 500;
  margin-right: 2.5rem;
}

header.scroll nav a {
  color: #fff;
  padding: 0 0.26rem;
  height: 0.5rem;
  display: inline-block;
  text-decoration: none;
}

.active {
  background: -webkit-linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  background: -o-linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  background: -moz-linear-gradient(90deg, #0e84be 0%, #19b192 100%);
}

header.scroll.disblock {
  opacity: 1;
}

#index {
  width: 100%;
  height: 7.2rem;
  background: url("../jpg/banner.jpg") no-repeat;
  background-size: 100%;
  overflow: hidden;
}

#index .banner {
  position: relative;
  z-index: 1;
}

#index .banner .icon1 {
  position: absolute;
  width: 6.1575rem;
  height: 3.1575rem;
  left: 0.9rem;
  top: 2.6rem;
  z-index: 9;
}

#index .banner .icon2 {
  position: absolute;
  width: 5.73rem;
  height: 3.9375rem;
  left: 0.7rem;
  top: 1.7rem;
  z-index: 9;
}

#index .pad-icon {
  display: none;
}

#index .banner .slogan {
  position: absolute;
  width: 5.3rem;
  height: 1.7rem;
  right: 1.7rem;
  top: 2.6rem;
  z-index: 9;
}

#index .banner .slogan img {
  width: 3.13rem;
  height: 0.7rem;
  display: block;
}

#index .banner .slogan .title1 {
  font-size: 0.24rem;
  line-height: 0.44rem;
  color: #fff;
}

#index .banner .slogan .text {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #c1c1c1;
}

.scroll-aw {
  position: absolute;
  width: 0.38rem;
  height: 1.285rem;
  left: 50%;
  top: -0.87em;
  margin-left: -0.19rem;
  z-index: 99;
  background: url(../png/scroll.png) center bottom no-repeat;
  background-size: 100%;
}

.scroll-aw .cont {
  position: relative;
  width: 0.38rem;
  height: 1.285rem;
}

.scroll-aw .aw1,
.scroll-aw .aw2 {
  position: absolute;
  width: 0.04rem;
  height: 0.31rem;
  z-index: 9;
  left: 0.12rem;
  background: url(../png/scroll_aw.png) center bottom no-repeat;
}

.scroll-aw .aw2 {
  top: 0.1rem;
  left: 0.195rem;
}

#index .banner .scroll-aw.scroll {
  height: 0;
  opacity: 0;
}

#index-cont {
  position: relative;
  width: 100%;
}

.page-title {
  width: 100%;
  height: 0.37rem;
  font-size: 0.37rem;
  line-height: 0.37rem;
  padding-top: 0.75rem;
  text-align: center;
}

.service {
  width: 100%;
  height: 7.2rem;
  background: url("../jpg/service_bg.jpg") 0 0 no-repeat;
  background-size: 100%;
}

.service .cont {
  position: relative;
  height: 7.2rem;
  margin: 0 auto;
}

.service .service-list {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin: 0.4rem 1rem 0;
}
.service .service-mobile-list {
  display: none;
}

.service .item {
  position: relative;
  width: 2.91rem;
  height: 4.12rem;
  margin: auto;
}

.service .item2,
.service .item4 {
  margin-top: 0.8rem;
}

.service .item .item-desc {
  width: 2.91rem;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 0.21rem;
}

.service .item .item-title {
  font-size: 0.28rem;
  font-weight: 700;
  line-height: 0.33rem;
}

.service .item-underline {
  width: 0.25rem;
  height: 0.08rem;
  border-radius: 4px;
  margin: 0.2rem auto;
  background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
}

.service .item .item-text {
  font-size: 0.16rem;
  line-height: 0.21rem;
  word-break: break-word;
}

.features {
  width: 100%;
  height: 7.2rem;
  background: url(../jpg/features_bg.jpg) 0 0 no-repeat;
}

.features .cont {
  position: relative;
  width: 11.2rem;
  height: 7.2rem;
  margin: 0.5rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
.features .mobile-cont {
  display: none;
}
.features .dot {
  display: none;
}

.features .item {
  width: 5.6rem;
  display: flex;
}

.features .item-content {
  padding: 0.3rem;
}

.features .item-title {
  font-size: 0.22rem;
  font-weight: 700;
}

.features ul {
  font-size: 0.16rem;
  line-height: 0.27rem;
  font-weight: lighter;
}

.features ul li {
  margin-left: -0.1rem;
}

.features .item1-img {
  width: 1.5rem;
  height: 1.2rem;
}

.features .item2-img {
  width: 1.2rem;
  height: 1.2rem;
}

.features .item-underline {
  width: 0.2rem;
  height: 0.06rem;
  border-radius: 4px;
  margin: 0.2rem 0;
  background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
}

.devices {
  width: 100%;
  height: 7.2rem;
}
.devices .devices-mobile-cont {
  display: none;
}

.devices .cont {
  position: relative;
  width: 13.4rem;
  height: 5.5rem;
  margin: 0 auto;
}

.devices .item {
  position: absolute;
  width: 2.64rem;
  height: 2.64rem;
  top: 1rem;
}
.devices .item .title {
  width: 2.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.24rem;
  text-align: center;
}
.devices .item .subtitle {
  font-size: 0.18rem;
}

.devices .item.two,
.devices .item.four,
.devices .item.six,
.devices .item.eight {
  top: 2.36rem;
}

.devices .item.one {
  background: url(../png/devices_1.png) center no-repeat;
  background-size: 100%;
}

.devices .item.two {
  left: 1.35rem;
  background: url(../png/devices_2.png) center no-repeat;
  background-size: 100%;
}

.devices .item.three {
  left: 2.7rem;
  background: url(../png/devices_3.png) center no-repeat;
  background-size: 100%;
}
.devices .item.three .title {
  width: 2.5rem;
}

.devices .item.four {
  left: 4.04rem;
  background: url(../png/devices_4.png) center no-repeat;
  background-size: 100%;
}

.devices .item.five {
  right: 5.38rem;
  background: url(../png/devices_5.png) center no-repeat;
  background-size: 100%;
}

.devices .item.six {
  right: 4.04rem;
  background: url(../png/devices_6.png) center no-repeat;
  background-size: 100%;
}

.devices .item.seven {
  right: 2.7rem;
  background: url(../png/devices_7.png) center no-repeat;
  background-size: 100%;
}

.devices .item.eight {
  top: 2.37rem;
  right: 1.35rem;
  background: url(../png/devices_8.png) center no-repeat;
  background-size: 100%;
}

.devices .item.nine {
  right: 0;
  background: url(../png/devices_9.png) center no-repeat;
  background-size: 100%;
}

.partners {
  width: 100%;
  height: 7.2rem;
}

.partners .cont {
  position: relative;
  width: 11.7rem;
  margin: 0 auto;
}

.partners .img {
  position: absolute;
  width: 5.85rem;
  height: 4.875rem;
  top: 0.3rem;
  left: 0;
  background: url(../jpg/partners_img.jpg) center no-repeat;
  background-size: 100%;
}

.partners .icon {
  position: absolute;
  width: 5.85rem;
  height: 4.875rem;
  top: 0.3rem;
  left: auto;
  right: 0;
  background: #fff;
  padding: 0.55rem 0.4rem;
  box-sizing: border-box;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.partners .mobile-icon {
  display: none;
}
.partners .icon-item {
  height: 0.45rem;
}
.partners .line {
  display: flex;
  justify-content: space-around;
}

.partners .kaios {
  width: 0.75rem;
  background: url("../png/kaios_logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .nokia {
  width: 1.08rem;
  background: url("../png/nokia.png") no-repeat center;
  background-size: 100% auto;
}
.partners .hisense {
  width: 1.11rem;
  background: url("../png/hisense.png") no-repeat center;
  background-size: 100% auto;
}
.partners .tcl {
  width: 0.76rem;
  background: url("../png/the_tcl_corporation.png") no-repeat center;
  background-size: 100% auto;
}
.partners .zte {
  width: 0.53rem;
  background: url("../png/zte-logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .panas {
  width: 1.44em;
  background: url("../png/panasonic_logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .mobile {
  width: 1.08em;
  background: url("../png/china-mobile.png") no-repeat center;
  background-size: 100% auto;
}
.partners .tpv {
  width: 0.93rem;
  background: url("../png/tpvlogo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .tom {
  width: 1.59rem;
  background: url("../png/tomtom.png") no-repeat center;
  background-size: 100% auto;
}
.partners .e-lead {
  width: 1.4rem;
  background: url("../png/e-lead.png") no-repeat center;
  background-size: 100% auto;
}
.partners .beijer {
  width: 0.87rem;
  background: url("../png/beijer.png") no-repeat center;
  background-size: 100% auto;
}
.partners .benq {
  width: 0.94rem;
  background: url("../png/benq-logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .zeas {
  width: 0.85rem;
  background: url("../png/zeas.png") no-repeat center;
  background-size: 100% auto;
}
.partners .bullitt {
  width: 1.17rem;
  background: url("../png/bullitt_logo_white.png") no-repeat center;
  background-size: 100% auto;
}
.partners .doro {
  width: 1.05rem;
  background: url("../png/doro_logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .maxcom {
  width: 1.35rem;
  background: url("../png/maxcom_logo_01.png") no-repeat center;
  background-size: 100% auto;
}
.partners .optoma {
  width: 1.29rem;
  background: url("../png/optoma-logo.png") no-repeat center;
  background-size: 100% auto;
}
.partners .delta {
  width: 1.5rem;
  background: url("../png/delta-alrline.png") no-repeat center;
  background-size: 100% auto;
}
.contact {
  width: 100%;
  height: 7.2rem;
  position: relative;
}

.contact .cont {
  width: 6.1rem;
  margin: 0.3rem auto 0;
  color: #fff;
  font-size: 0.16rem;
}

.contact input {
  width: 6.1rem;
  height: 0.38rem;
  background: #4e7285;
  border: none;
  margin-bottom: 0.2rem;
  padding: 0 0.25rem;
  box-sizing: border-box;
  color: #fff;
  outline: none;
  font-size: 0.16rem;
}

.contact textarea {
  width: 6.1rem;
  height: 1.7rem;
  background: #4e7285;
  color: #fff;
  border: none;
  margin-bottom: 0.2rem;
  padding: 0.25rem;
  box-sizing: border-box;
  outline: none;
  font-size: 0.16rem;
}

.contact button {
  width: 6.1rem;
  height: 0.38rem;
  margin-bottom: 0.2rem;
  border: none;
  outline: none;
  font-size: 0.15rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
}

.contact button:active,
.contact button:focus {
  border: 1px solid #fff;
}

.contact footer {
  font-size: 0.14rem;
  line-height: 0.33rem;
  color: #c1c1c1;
  text-align: center;
}

.contact .dialog {
  display: none;
  position: fixed;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0.3rem;
  background: #fff;
  border-radius: 4px;
  font-size: 0.18rem;
  color: #111;
  padding: 0.2rem 0.3rem;
}

@media screen and (max-width: 1024px) {
  .header-container {
    display: none;
  }

  .pad-header {
    position: fixed;
    width: 100%;
    height: 1.2rem;
    top: 0;
    display: block;
    z-index: 98;
  }

  .pad-header .pad-logo {
    position: fixed;
    width: 1.064rem;
    height: 0.504rem;
    top: 0.3rem;
    left: 0.5rem;
    display: block;
    z-index: 99;
    cursor: pointer;
  }

  .pad-header .pad-menu {
    position: fixed;
    width: 1.23rem;
    height: 1.23rem;
    background: url("../png/pad-menu.png") no-repeat;
    background-size: 100%;
    top: 0;
    right: 0.5rem;
    display: block;
    z-index: 99;
  }
  .pad-header-bg {
    background: #000;
  }

  .pad-menu:hover {
    transform: scale(1.1);
  }

  .pad-nav {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 0.4rem;
    width: 4.5rem;
    height: 100%;
    background: #222222;
    z-index: 100;
  }

  .pad-nav .close {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 0.3rem;
    right: 0.3rem;
    background: url("../jpg/close.jpg") no-repeat;
    background-size: 100%;
    clear: both;
  }

  .pad-nav a {
    color: #fff;
    font-size: 0.4rem;
    height: 0.8rem;
    padding: 0 0.3rem;
    text-decoration: none;
    display: block;
  }

  .pad-nav .menu-1 {
    margin-top: 0.7rem;
  }

  #index {
    width: 100%;
    height: 13.34rem;
    background: url("../jpg/pad-home-bg.jpg") no-repeat;
    background-size: 100%;
    overflow: hidden;
  }

  #index .banner {
    position: relative;
    z-index: 1;
  }

  #index .banner .icon1 {
    display: none;
  }

  #index .banner .icon2 {
    display: none;
  }

  #index .pad-icon {
    display: block;
  }

  #index .banner .slogan {
    position: relative;
    width: 8.4rem;
    text-align: center;
    height: 3.1rem;
    right: 0;
    top: 0;
    margin: 2.8rem auto 0;
    z-index: 9;
  }

  #index .banner .slogan img {
    width: 4.38rem;
    height: 0.98rem;
    margin: auto;
  }

  #index .banner .slogan .title1 {
    font-size: 0.39rem;
    line-height: 1.1rem;
    color: #fff;
  }

  #index .banner .slogan .text {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #c1c1c1;
  }

  .scroll-aw {
    position: absolute;
    width: 0.53rem;
    height: 1.799rem;
    left: 50%;
    top: -1.2em;
    margin-left: -0.26rem;
    z-index: 99;
    background: url(../png/scroll.png) center bottom no-repeat;
    background-size: 100%;
  }

  .scroll-aw .cont {
    position: relative;
    width: 0.53rem;
    height: 1.799rem;
  }

  .scroll-aw .aw1,
  .scroll-aw .aw2 {
    position: absolute;
    width: 0.056rem;
    height: 0.43rem;
    z-index: 9;
    left: 0.168rem;
    background: url(../png/scroll_aw.png) center bottom no-repeat;
  }

  .scroll-aw .aw2 {
    top: 0.14rem;
    left: 0.273rem;
  }

  #index .banner .scroll-aw.scroll {
    height: 0;
    opacity: 0;
  }

  #index-cont {
    position: relative;
    width: 100%;
  }

  .service {
    width: 100%;
    height: 19.6rem;
    background: url("../jpg/pad-service-bg.jpg") no-repeat;
    background-size: 100%;
  }

  .service .cont {
    position: relative;
    height: 19.6rem;
    margin: 0 auto;
  }

  .service .service-list {
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0.4rem 1rem 0;
  }

  .service .item {
    position: relative;
    width: 5.46rem;
    height: 7.7rem;
    margin: auto;
  }

  .service .item2,
  .service .item4 {
    margin-top: 0.8rem;
  }

  .service .item .item-desc {
    width: 5.46rem;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 0.29rem;
  }

  .service .item .item-title {
    font-size: 0.53rem;
    font-weight: 700;
    line-height: 0.61rem;
  }

  .service .item-underline {
    width: 0.35rem;
    height: 0.11rem;
    border-radius: 4px;
    margin: 0.31rem auto;
    background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  }

  .service .item .item-text {
    font-size: 0.3rem;
    line-height: 0.39rem;
    word-break: break-word;
  }

  .features {
    width: 100%;
    height: 15.46rem;
    background: url("../jpg/pad-feature-bg.jpg") no-repeat;
    background-size: 100%;
  }

  .features .cont {
    position: relative;
    width: 11.2rem;
    height: 7.2rem;
    margin: 0.5rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
  }

  .features .item {
    width: 4.92rem;
    display: block;
  }

  .features .item-content {
    padding: 0;
  }

  .features .item-title {
    font-size: 0.42rem;
    line-height: 0.61rem;
    font-weight: 700;
  }

  .features ul {
    font-size: 0.31rem;
    line-height: 0.51rem;
    font-weight: lighter;
  }

  .features ul li {
    margin-left: -0.3rem;
  }

  .features .item1-img {
    width: 2.1rem;
    height: 1.68rem;
  }

  .features .item2-img {
    width: 1.68rem;
    height: 1.68rem;
  }

  .features .item-underline {
    width: 0.28rem;
    height: 0.08rem;
    border-radius: 4px;
    margin: 0.35rem 0;
    background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  }

  .devices {
    width: 100%;
    height: 14.34rem;
    background: url("../jpg/pad-devices-bg.jpg") no-repeat;
    background-size: 100%;
  }

  .devices .cont {
    position: relative;
    width: 10.97rem;
    height: 10.97rem;
    margin: 0 auto;
  }

  .devices .item {
    position: absolute;
    top: 0;
    left: 0;
  }

  .devices .item .title {
    width: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.4rem;
    text-align: center;
    font-weight: 700;
  }
  .devices .item .subtitle {
    font-size: 0.18rem;
  }

  .devices .item.one {
    top: 0.4rem;
    width: 3.88rem;
    height: 3.88rem;
    background: url(../png/pad-device-item-01.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.two {
    top: 0.4rem;
    left: 3.74rem;
    width: 3.88rem;
    height: 3.46rem;
    background: url(../png/pad-device-item-02.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.three {
    top: 0.4rem;
    left: 7.48rem;
    width: 3.46rem;
    height: 3.88rem;
    background: url(../png/pad-device-item-03.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.four {
    top: 4.1rem;
    left: 0;
    width: 3.88rem;
    height: 3.48rem;
    background: url(../png/pad-device-item-04.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.five {
    top: 3.74rem;
    left: 3.74rem;
    width: 3.48rem;
    height: 4.24rem;
    background: url(../png/pad-device-item-05.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.six {
    top: 4.1rem;
    left: 7.1rem;
    width: 3.88rem;
    height: 3.48rem;
    background: url(../png/pad-device-item-06.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.seven {
    top: 7.43rem;
    right: 0;
    width: 3.88rem;
    height: 3.88rem;
    background: url(../png/pad-device-item-07.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.eight {
    top: 7.81rem;
    left: 3.34rem;
    right: 0;
    width: 3.88rem;
    height: 3.48rem;
    background: url(../png/pad-device-item-08.png) center no-repeat;
    background-size: 100%;
  }

  .devices .item.nine {
    top: 7.43rem;
    left: 7.1rem;
    right: 0;
    width: 3.88rem;
    height: 3.88rem;
    background: url(../png/pad-device-item-09.png) center no-repeat;
    background-size: 100%;
  }

  .page-title {
    width: 100%;
    height: 0.7rem;
    font-size: 0.7rem;
    line-height: 0.7rem;
    padding-top: 1.1rem;
    text-align: center;
  }

  .partners {
    width: 100%;
    height: 12.65rem;
    background: url("../jpg/pad-partners-bg.jpg") no-repeat;
    background-size: 100%;
    margin: auto;
  }

  .partners .cont {
    width: 11rem;
    font-size: 0;
    text-align: center;
    margin: 0.56rem auto 0;
  }

  .partners .img {
    display: none;
  }

  .partners .icon {
    position: relative;
    width: 10.97rem;
    height: 9.14rem;
  }
  .partners .icon-item {
    height: 0.77rem;
  }
  .partners .kaios {
    width: 1.54rem;
  }
  .partners .nokia {
    width: 2.38rem;
  }
  .partners .hisense {
    width: 2.18rem;
  }
  .partners .tcl {
    width: 1.16rem;
  }
  .partners .zte {
    width: 0.99rem;
  }
  .partners .panas {
    width: 2.78rem;
  }
  .partners .mobile {
    width: 2.03rem;
  }
  .partners .tpv {
    width: 1.37rem;
  }
  .partners .tom {
    width: 2.96rem;
  }
  .partners .e-lead {
    width: 2.6rem;
  }
  .partners .beijer {
    width: 1.62rem;
  }
  .partners .benq {
    width: 1.76rem;
  }
  .partners .zeas {
    width: 1.58rem;
  }
  .partners .bullitt {
    width: 2.18rem;
  }
  .partners .doro {
    width: 1.96rem;
  }
  .partners .maxcom {
    width: 2.52rem;
  }
  .partners .optoma {
    width: 2.4rem;
  }
  .partners .delta {
    width: 2.8rem;
  }

  .contact {
    width: 100%;
    height: 10.6875rem;
    position: relative;
    background: url("../jpg/pad-contact-bg.jpg") no-repeat;
  }
  .contact .page-title {
    padding-top: 0.8rem;
  }

  .contact .cont {
    width: 11.25rem;
    margin: 0.5rem auto 0;
    color: #fff;
    font-size: 0.25rem;
  }

  .contact input {
    width: 11rem;
    height: 0.7rem;
    padding: 0 0.35rem;
    font-size: 0.25rem;
  }

  .contact textarea {
    width: 11rem;
    height: 2rem;
    margin-bottom: 0.35rem;
    padding: 0.35rem;
    font-size: 0.25rem;
  }

  .contact button {
    width: 11rem;
    height: 0.7rem;
    margin-bottom: 0.5rem;
    font-size: 0.28rem;
  }

  .contact button:active,
  .contact button:focus {
    border: 1px solid #fff;
  }

  .contact footer {
    font-size: 0.25rem;
  }

  .contact .dialog {
    display: none;
    position: fixed;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    line-height: 0.4rem;
    background: #fff;
    border-radius: 4px;
    font-size: 0.28rem;
    padding: 0.2rem 0.6rem;
  }
}

@media (max-width: 480px) {
  .header-container {
    display: none;
  }

  .pad-header {
    position: fixed;
    width: 100%;
    height: 2.4rem;
    top: 0;
    display: block;
    z-index: 98;
  }

  .pad-header .pad-logo {
    position: fixed;
    width: 3.37rem;
    height: 1.6rem;
    top: 0.4rem;
    left: 0.54rem;
    display: block;
    z-index: 99;
  }

  .pad-header .pad-menu {
    position: fixed;
    width: 2rem;
    height: 2rem;
    background: url("../png/pad-menu.png") no-repeat;
    background-size: 100%;
    top: 0.3rem;
    right: 0.54rem;
    display: block;
    z-index: 99;
  }

  .pad-menu:hover {
    transform: scale(1.1);
  }

  .pad-nav {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 0.8rem;
    width: 8rem;
    height: 100%;
    background: #222222;
    z-index: 100;
  }

  .pad-nav .close {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: 0.6rem;
    right: 0.6rem;
    background: url("../jpg/close.jpg") no-repeat;
    background-size: 100%;
    clear: both;
  }

  .pad-nav a {
    color: #fff;
    font-size: 0.6rem;
    height: 1.6rem;
    padding: 0 0.6rem;
    text-decoration: none;
    display: block;
  }

  .pad-nav .menu-1 {
    margin-top: 0.7rem;
  }

  #index {
    width: 100%;
    height: 21rem;
    background: url("../jpg/mobile-home-bg.jpg") no-repeat;
    background-size: 100%;
  }

  #index .banner .slogan {
    position: relative;
    width: 100%;
    text-align: center;
    height: 8.1rem;
    right: 0;
    top: 0;
    margin: 3.9rem auto 0;
    z-index: 9;
  }

  #index .banner .slogan img {
    width: 9.39rem;
    height: 2.1rem;
    margin: auto;
  }

  #index .banner .slogan .title1 {
    margin-top: 0.9rem;
    font-size: 0.9rem;
    line-height: 1rem;
    color: #fff;
  }

  #index .banner .slogan .text {
    margin-top: 0.4rem;
    padding: 0 0.6rem;
    font-size: 0.6rem;
    line-height: 0.8rem;
    color: #c1c1c1;
  }

  .scroll-aw {
    display: none;
  }

  #index-cont {
    position: relative;
    width: 100%;
  }

  .page-title {
    width: 100%;
    height: 1.32rem;
    font-size: 1.32rem;
    line-height: 1.32rem;
    padding-top: 1rem;
    padding-bottom: 0.7rem;
    text-align: center;
  }

  .service {
    width: 100%;
    height: 21.9rem;
    background: url("../jpg/mobile_services-bg.jpg") no-repeat;
    background-size: 100%;
  }

  .service .service-list {
    display: none;
  }
  .service .service-mobile-list {
    position: relative;
    width: 11rem;
    height: 21.9rem;
    display: block;
    margin: 0.4rem auto 0;
    z-index: 90;
  }
  .service .service-slide-container {
    position: relative;
    width: 11rem;
    height: 15.6rem;
    display: block;
    z-index: 90;
    overflow: hidden;
  }
  .service .service-slide-wrap {
    position: relative;
    width: 44rem;
    height: 15.6rem;
    display: flex;
  }

  .service .item {
    /*position: relative;*/
    width: 11rem;
    height: 16.5rem;
    flex-shrink: 0;
    /*display: none;*/
    /*margin: auto;*/
  }
  .service .item-active {
    display: block;
  }

  .service .item2,
  .service .item4 {
    margin-top: 0;
  }

  .service .item .item-desc {
    width: 10.8rem;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 0.29rem;
  }

  .service .item .item-title {
    font-size: 1.14rem;
    font-weight: 700;
    line-height: 1.32rem;
  }

  .service .item-underline {
    width: 0.84rem;
    height: 0.24rem;
    border-radius: 4px;
    margin: 0.6rem auto;
    background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  }

  .service .item .item-text {
    font-size: 0.66rem;
    line-height: 0.84rem;
    word-break: break-word;
    padding: 0 0.5rem;
  }
  .service .service-dot {
    display: block;
    text-align: center;
    margin-top: 0.2rem;
  }

  .service .service-dot span {
    width: 0.3rem;
    height: 0.3rem;
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
  }
  .service .service-dot .dot-active {
    background: #fff;
  }

  .features {
    width: 100%;
    height: 20.52rem;
    background: url("../jpg/mobile-features-bg.jpg") no-repeat;
    background-size: 100%;
  }
  .features .page-title {
    padding-top: 2.4rem;
  }

  .features .cont {
    display: none;
  }
  .features .mobile-cont {
    position: relative;
    width: 11rem;
    height: 15rem;
    margin: 0.5rem auto 0;
    display: block;
    z-index: 90;
  }
  .features .feature-slide-container {
    position: relative;
    width: 11rem;
    height: 13rem;
    overflow: hidden;
    z-index: 90;
  }
  .feature-slide-wrap {
    width: 44rem;
    height: 13rem;
    display: flex;
  }

  .features .item {
    width: 11em;
    flex-shrink: 0;
    display: block;
    text-align: center;
    height: 13rem;
    padding: 0 0.2rem;
  }
  .features .item-active {
    display: block;
  }

  .features .item-content {
    padding: 0;
    z-index: 90;
  }

  .features .item-title {
    font-size: 0.9rem;
    line-height: 1.33rem;
    font-weight: 700;
    text-align: left;
  }

  .features ul {
    font-size: 0.66rem;
    line-height: 1.08rem;
    font-weight: 400;
    text-align: left;
  }

  .features ul li {
    margin-left: -0.4rem;
  }

  .features .item1-img {
    width: 4.5rem;
    height: 3.2rem;
  }

  .features .item2-img {
    width: 3.6rem;
    height: 3.6rem;
  }

  .features .item-underline {
    width: 0.84rem;
    height: 0.24rem;
    border-radius: 4px;
    margin: 0.6rem 0;
    background: linear-gradient(90deg, #0e84be 0%, #19b192 100%);
  }

  .features .feature-dot {
    display: block;
    text-align: center;
    margin-top: 0.2rem;
  }

  .features .feature-dot span {
    width: 0.3rem;
    height: 0.3rem;
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
  }
  .features .feature-dot .dot-active {
    background: #fff;
  }

  .devices {
    width: 100%;
    height: 17.88rem;
    background: url("../jpg/mobile-devices-bg.jpg") no-repeat;
    background-size: 100%;
  }

  .devices .cont {
    display: none;
  }
  .devices .devices-mobile-cont {
    position: relative;
    width: 11.64rem;
    margin: 0 auto;
    /*height: 10.97rem;*/
    display: block;
    z-index: 90;
  }
  .devices .mobile-slide-container {
    position: relative;
    width: 11.64rem;
    border: 1px solid #ccc;
    margin: 0.7rem auto 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  .devices .mobile-slide-wrap {
    width: 104rem;
    display: flex;
  }

  .devices .device-dot {
    text-align: center;
    margin-top: 0.2rem;
  }

  .devices .device-dot span {
    width: 0.3rem;
    height: 0.3rem;
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
  }
  .devices .device-dot .dot-active {
    width: 0.3rem;
    height: 0.3rem;
    background: #fff;
    border: 1px solid #fff;
  }

  .devices .devices-mobile-cont .item {
    position: relative;
    /*display: none;*/
    top: 0;
    left: 0;
    right: 0;
    width: 11.64rem;
    height: 11.64rem;
    margin: 0;
    box-sizing: content-box;
  }
  .devices .item .title {
    width: 7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.9rem;
    text-align: center;
    font-weight: 700;
  }
  .devices .item .subtitle {
    font-size: 0.45rem;
  }
  .devices .item.device-item-active {
    display: block;
  }

  .devices .item.one {
    background: url(../png/mobile-device-item-01.png) no-repeat;
    background-size: 100%;
  }

  .devices .item.two {
    background: url(../png/mobile-device-item-02.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.three {
    word-break: break-word;
    background: url(../png/mobile-device-item-03.png) center
      no-repeat;
    background-size: 100%;
  }
  .devices .item.three .title {
    width: 7rem;
  }

  .devices .item.four {
    background: url(../png/mobile-device-item-04.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.five {
    background: url(../png/mobile-device-item-05.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.six {
    background: url(../png/mobile-device-item-06.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.seven {
    background: url(../png/mobile-device-item-07.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.eight {
    background: url(../png/mobile-device-item-08.png) center
      no-repeat;
    background-size: 100%;
  }

  .devices .item.nine {
    background: url(../png/mobile-device-item-09.png) center
      no-repeat;
    background-size: 100%;
  }

  .partners {
    width: 100%;
    height: 17.7rem;
    background: url("../jpg/mobile-partners-bg.jpg") no-repeat;
    background-size: 100%;
    margin: auto;
  }

  .partners .cont {
    width: 11.7rem;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
  }

  .partners .img {
    display: none;
  }

  .partners .icon {
    position: relative;
    background: url("../jpg/mobile-partners-icon.jpg") no-repeat;
    background-size: 100%;
    width: 11.7rem;
    height: 14.41rem;
  }
  .partners .icon {
    display: none;
  }
  .partners .mobile-icon {
    position: relative;
    display: block;
    background: #fff;
    background-size: 100%;
    width: 11.7rem;
    height: 13.41rem;
    padding: 1.2rem 0.8rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .partners .icon-item {
    height: 1.05rem;
  }
  .partners .kaios {
    width: 1.99rem;
  }
  .partners .nokia {
    width: 2.79rem;
  }
  .partners .hisense {
    width: 3.12rem;
  }
  .partners .tcl {
    width: 2.14rem;
  }
  .partners .zte {
    width: 1.49rem;
  }
  .partners .panas {
    width: 4.03rem;
  }
  .partners .mobile {
    width: 2.94rem;
  }
  .partners .tpv {
    width: 2.05rem;
  }
  .partners .tom {
    width: 3.2rem;
  }
  .partners .e-lead {
    width: 3.8rem;
  }
  .partners .beijer {
    width: 2.2rem;
  }
  .partners .benq {
    width: 2.5rem;
  }
  .partners .zeas {
    width: 2.3rem;
  }
  .partners .bullitt {
    width: 3.2rem;
  }
  .partners .doro {
    width: 2.9rem;
  }
  .partners .maxcom {
    width: 3rem;
  }
  .partners .optoma {
    width: 2.7rem;
  }
  .partners .delta {
    width: 3rem;
  }
  .contact {
    width: 100%;
    height: 22.8rem;
    position: relative;
    background: url("../jpg/mobile-contact-bg.jpg") no-repeat;
  }

  .contact .page-title {
    padding-top: 1.3rem;
  }

  .contact .cont {
    width: 12rem;
    margin: 0.8rem auto 0;
    color: #fff;
    font-size: 0.54rem;
  }

  .contact input {
    width: 100%;
    height: 1.5rem;
    padding: 0 0.6rem;
    font-size: 0.54rem;
    margin-bottom: 0.6rem;
  }

  .contact textarea {
    width: 100%;
    height: 4rem;
    margin-bottom: 0.6rem;
    padding: 0.6rem;
    font-size: 0.54rem;
  }

  .contact button {
    width: 100%;
    height: 1.5rem;
    margin-bottom: 1rem;
    font-size: 0.6rem;
  }

  .contact footer {
    font-size: 0.54rem;
  }

  .contact .dialog {
    display: none;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    text-align: center;
    line-height: 1rem;
    background: #fff;
    border-radius: 4px;
    font-size: 0.6rem;
    padding: 0.4rem 0.6rem;
  }
  /* 切换语言按钮样式 */

  /* .lang {
    padding: 10px 15px;
  } */
  /* .translate_wrapper lang {
    text-align: center;
  } */
  .lang.selected {
    display: none;
  }

  .lang span.lang-txt {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }

  .lang span.lang-txt {
    position: relative;
    top: -1px;
    font-weight: 700;
  }

  .lang span span {
    color: #999;
    font-weight: 400;
  }

  /* .lang span.fa {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 3px;
  } */

  /*more lang*/
  .more_lang {
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
    -moz-transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
    -o-transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
    -ms-transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
    transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
  }

  .translate_wrapper.active .more_lang {
    display: block;
  }

  .more_lang.active {
    opacity: 1;
    transform: translateY(-0px);
  }
  .more_lang .lang:hover {
    background: #5766b2;
    color: #fff;
  }
  /* .mobile-get-app-btn {

    position: fixed;
    background-size: 100%;
    top: 0.28rem;
    right: 2.5rem;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    width: 1.1rem;
    min-width: 76px;
    height: 1.45rem;
    border-radius: 0.18rem;
    background-color: #57bcef;
    color: white;
    float: right;
    font-size: 0.15rem;
    text-align: center;
    line-height: 1.45rem;
    cursor: pointer;
    margin-top: 0.3rem;
  } */
}