#product-banner {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #product-banner .slider-containter {
    width: 100%;
    text-align: center; }
    #product-banner .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #product-banner .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #product-banner .slider-containter .banner-img .img-mobile {
        display: none; }
      #product-banner .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #product-banner .slider-containter .banner-img .btn a.link-btn {
          display: block;
          width: 1.05103rem;
          height: .241736rem;
          border: solid 1px #fff;
          font-size: 0.14714rem;
          line-height: 0.24174rem;
          color: #fff;
          cursor: pointer; }
          #product-banner .slider-containter .banner-img .btn a.link-btn:hover {
            border-color: rgba(75, 171, 253, 0.8); }
  #product-banner .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #product-banner .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #product-banner .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

@media screen and (max-width: 768px) {
  #product-banner .slider-containter .banner-img .img {
    display: none; }
  #product-banner .slider-containter .banner-img .img-mobile {
    display: inline; }
  #product-banner .slider-containter .banner-img .btn a.link-btn {
    display: block;
    width: 2.10206rem;
    height: 0.60434rem;
    line-height: 0.60434rem;
    font-size: 0.36786rem; } }

.sg-fontfamily {
  font-family: "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }

.sg-banner {
  width: 100%;
  height: 2.9283rem;
  background-image: url("/templates/website/res/img/sg_banner.png");
  background-size: cover; }

.sg-brief {
  width: 100%;
  height: 1.5373rem;
  box-sizing: border-box;
  border-bottom: 1px #ccc solid;
  background-image: url("/templates/website/res/img/sg1.png");
  background-size: cover; }

.robot-banner {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #3069BA;
  background-image: url("/templates/website/res/img/robot_banner.jpg");
  background-size: cover;
  background-position-x: center; }
  .robot-banner .banner-content {
    height: 100%;
    overflow: hidden; }

.btn-1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 16.5%;
  width: 0.79353rem;
  line-height: 0.25225rem;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  font-size: 0.11561rem;
  color: #fdfdfd;
  cursor: pointer; }
  @media screen and (max-width: 990px) {
    .btn-1 {
      left: 10%;
      width: 1.5077rem;
      line-height: 0.47927rem;
      font-size: 0.21966rem; } }
  @media screen and (max-width: 768px) {
    .btn-1 {
      top: 55%;
      width: 1.98381rem;
      line-height: 0.63062rem;
      font-size: 0.28903rem; } }
  @media screen and (max-width: 500px) {
    .btn-1 {
      left: 40%;
      top: 42%; } }

.mobile-btn {
  display: none; }

@media screen and (max-width: 768px) {
  .mobile-btn {
    display: block; }
  .pc-btn {
    display: none; } }

.banner-content-texts {
  font-family: Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.4px;
  color: #fefefe;
  float: left;
  width: 40%;
  height: 100%;
  padding: 60px 0 0 16.5%;
  box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .banner-content-texts {
      width: 50%; } }
  @media screen and (max-width: 990px) {
    .banner-content-texts {
      padding: 60px 0 0 10%; } }
  @media screen and (max-width: 500px) {
    .banner-content-texts {
      padding: 10% 10% 15%;
      width: 100%;
      text-align: center;
      height: auto; } }
  .banner-content-texts .banner-title {
    font-size: 2em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 14px; }
  .banner-content-texts p {
    line-height: 1.5em;
    margin: 0; }

.banner-imgs {
  float: left;
  width: 60%;
  padding: 0 0 0 10%;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  line-height: 400px; }
  @media screen and (max-width: 1200px) {
    .banner-imgs {
      width: 50%; } }
  @media screen and (max-width: 990px) {
    .banner-imgs {
      padding: 0 0 0 10%; } }
  @media screen and (max-width: 500px) {
    .banner-imgs {
      line-height: 20px;
      width: 100%;
      padding: 0;
      text-align: center; } }
  .banner-imgs .banner-imgs-pc {
    float: left;
    height: 100%; }
    .banner-imgs .banner-imgs-pc img {
      vertical-align: middle;
      max-width: 95%; }
    @media screen and (max-width: 500px) {
      .banner-imgs .banner-imgs-pc {
        display: none; } }
  .banner-imgs .banner-imgs-phone {
    position: relative;
    float: left; }
    @media screen and (max-width: 500px) {
      .banner-imgs .banner-imgs-phone {
        float: none; } }
    .banner-imgs .banner-imgs-phone img {
      vertical-align: middle;
      position: relative;
      padding-left: 10px;
      top: 140px;
      max-width: 95%; }
      @media screen and (max-width: 500px) {
        .banner-imgs .banner-imgs-phone img {
          top: 0; } }

.robot-sg {
  border-bottom: 1px solid transparent;
  text-align: center;
  padding: 30px 0;
  font-family: Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; }
  .robot-sg h2 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-top: 0; }
  .robot-sg p {
    font-size: 14px;
    padding: 0 10%;
    line-height: 1.72em;
    letter-spacing: 1.4px;
    color: #939499;
    text-align: center;
    margin-bottom: 0; }

.robot-sg2 {
  padding: 1px 0; }
  .robot-sg2 h3 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    margin: 40px 0 10px 0; }
  .robot-sg2 .sg2-qr {
    text-align: center; }

.robot-features-title {
  position: relative; }
  .robot-features-title h2 {
    font-family: Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 28px;
    margin: 0;
    padding-top: 50px;
    position: relative;
    top: 10px; }

.feature-col-content,
.feature,
.feature-nav {
  font-family: Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; }

.robot-features ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0; }
  .robot-features ul > li {
    list-style: none;
    display: block; }

.feature-row {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  .feature-row::after {
    content: " ";
    display: block;
    height: 0;
    clear: both; }

.feature-col {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  padding: 0;
  margin: 0;
  float: left; }
  .feature-col.resp {
    display: none; }
  .feature-col.resp-hide {
    display: block; }
  @media screen and (max-width: 700px) {
    .feature-col {
      width: 100%; }
      .feature-col.resp {
        display: block; }
      .feature-col.resp-hide {
        display: none; } }

.feature-col-content {
  height: 500px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  list-style: none; }
  .feature-col-content.left {
    text-align: left;
    padding-left: 30%; }
    @media screen and (max-width: 700px) {
      .feature-col-content.left {
        padding-left: 15%;
        padding-right: 15%;
        text-align: center; } }
  .feature-col-content.right {
    text-align: left;
    padding-left: 20%;
    padding-right: 10%; }
    @media screen and (max-width: 700px) {
      .feature-col-content.right {
        padding-left: 15%;
        padding-right: 15%;
        text-align: center; } }
  @media screen and (max-width: 700px) {
    .feature-col-content {
      height: auto; } }
  .feature-col-content.texts {
    position: relative;
    color: #111;
    font-size: 26px;
    line-height: 500px; }
    @media screen and (max-width: 700px) {
      .feature-col-content.texts {
        padding-left: 0;
        margin: 0 auto;
        width: 50%;
        text-align: center;
        padding: 50px 0;
        line-height: 20px; } }
    @media screen and (max-width: 500px) {
      .feature-col-content.texts {
        width: 90%; } }
    .feature-col-content.texts .texts-titlewrapper {
      position: relative; }
      .feature-col-content.texts .texts-titlewrapper .texts-title {
        position: relative;
        z-index: 1;
        font-weight: 400;
        font-size: 26px;
        line-height: 26px;
        color: #111; }
        @media screen and (max-width: 700px) {
          .feature-col-content.texts .texts-titlewrapper .texts-title {
            text-align: left; } }
      .feature-col-content.texts .texts-titlewrapper .texts-xh {
        position: absolute;
        z-index: 0;
        top: -.35em;
        font-size: 2.35em;
        line-height: 26px;
        left: -.6em;
        color: #dedede;
        display: block;
        font-weight: 400;
        letter-spacing: 8px; }
      .feature-col-content.texts .texts-titlewrapper .texts-bar {
        display: block;
        height: 8px;
        background-color: #40c272;
        width: 70px;
        margin-top: 0.7em; }
    .feature-col-content.texts .texts-body {
      font-size: 16px;
      line-height: 16px;
      color: #939499;
      font-weight: 400;
      line-height: 2em; }
      @media screen and (max-width: 700px) {
        .feature-col-content.texts .texts-body {
          text-align: left; } }
    .feature-col-content.texts .textswrapper {
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
  .feature-col-content.test2 {
    line-height: 500px; }
    @media screen and (max-width: 700px) {
      .feature-col-content.test2 {
        padding-bottom: 50px;
        line-height: 20px; } }
    .feature-col-content.test2 img {
      vertical-align: middle;
      max-width: 100%;
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); }
      .feature-col-content.test2 img.nbs {
        box-shadow: none; }

.shoukai-col-content,
.shoukai,
.shoukai-nav {
  font-family: Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; }

.shoukai-content ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0; }
  .shoukai-content ul > li {
    list-style: none;
    display: block; }

.shoukai-content .content {
  display: none; }
  .shoukai-content .content.js-active {
    display: block; }

.shoukai-row {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  .shoukai-row::after {
    content: " ";
    display: block;
    height: 0;
    clear: both; }

.shoukai-col {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  padding: 0;
  margin: 0;
  float: left; }
  .shoukai-col.resp {
    display: none; }
  .shoukai-col.resp-hide {
    display: block; }
  @media screen and (max-width: 700px) {
    .shoukai-col {
      width: 100%; }
      .shoukai-col.resp {
        display: block; }
      .shoukai-col.resp-hide {
        display: none; } }
  .shoukai-col.col1 {
    padding-left: 1.8741rem; }
    @media screen and (max-width: 1200px) {
      .shoukai-col.col1 {
        padding-left: 1.3rem; } }
    @media screen and (max-width: 990px) {
      .shoukai-col.col1 {
        padding-left: 0.8rem; } }
    @media screen and (max-width: 700px) {
      .shoukai-col.col1 {
        padding-left: 0;
        padding-right: 0; } }
  .shoukai-col.col2 {
    padding-right: 1.3177rem; }
    @media screen and (max-width: 1200px) {
      .shoukai-col.col2 {
        padding-right: 1.3rem; } }
    @media screen and (max-width: 990px) {
      .shoukai-col.col2 {
        padding-right: 0.8rem; } }
    @media screen and (max-width: 700px) {
      .shoukai-col.col2 {
        padding-left: 0;
        padding-right: 0; } }

.shoukai-col-content {
  height: 500px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  list-style: none; }
  @media screen and (max-width: 700px) {
    .shoukai-col-content {
      height: auto; } }
  .shoukai-col-content.manytexts {
    padding-top: 160px; }
    @media screen and (max-width: 700px) {
      .shoukai-col-content.manytexts {
        padding-top: 1rem; } }
    .shoukai-col-content.manytexts.left {
      padding-right: 0.7321rem; }
      @media screen and (max-width: 700px) {
        .shoukai-col-content.manytexts.left {
          padding-left: 1rem;
          padding-right: 1rem; } }
    .shoukai-col-content.manytexts.right {
      padding-left: 0.7321rem; }
      @media screen and (max-width: 990px) {
        .shoukai-col-content.manytexts.right {
          padding-left: 50px; } }
      @media screen and (max-width: 700px) {
        .shoukai-col-content.manytexts.right {
          padding-left: 1rem;
          padding-right: 1rem; } }
    .shoukai-col-content.manytexts .texts {
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
      .shoukai-col-content.manytexts .texts .texts-title {
        font-size: 24px;
        line-height: 24px;
        color: #40C271;
        margin: 0; }
      .shoukai-col-content.manytexts .texts .texts-body {
        font-size: 16px;
        line-height: 1.5em;
        color: #939393;
        margin: 40px 0 0 0; }
  .shoukai-col-content.manyimages.right {
    padding-left: 0.7321rem; }
    @media screen and (max-width: 990px) {
      .shoukai-col-content.manyimages.right {
        padding-left: 50px; } }
    @media screen and (max-width: 700px) {
      .shoukai-col-content.manyimages.right {
        padding-left: 0; } }
  .shoukai-col-content.manyimages .image-container {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    display: inline-block;
    line-height: 500px; }
    @media screen and (max-width: 700px) {
      .shoukai-col-content.manyimages .image-container {
        text-align: center;
        margin: 1rem 0;
        height: auto; } }
    .shoukai-col-content.manyimages .image-container img {
      display: inline-block;
      max-height: 90%;
      max-width: 100%;
      vertical-align: middle;
      box-shadow: 0px 0px 50px 0px rgba(8, 8, 8, 0.32); }
      .shoukai-col-content.manyimages .image-container img.nbs {
        box-shadow: none; }
      @media screen and (max-width: 700px) {
        .shoukai-col-content.manyimages .image-container img {
          width: 80%;
          height: auto; } }

.shoukai-row:nth-of-type(odd) {
  background-color: #f7f7f7; }

.shoukai-row:nth-of-type(even) {
  background-color: white; }

.btn-wrapper {
  width: 100%;
  text-align: center; }
  .btn-wrapper .btn {
    display: inline-block;
    width: 0.9375rem;
    height: 0.26042rem;
    text-align: center;
    line-height: 0.26042rem;
    font-size: 0.125rem;
    letter-spacing: 2.4px;
    color: #fff;
    background-color: #007bc0;
    border-radius: 6px;
    cursor: pointer; }
    @media screen and (max-width: 900px) {
      .btn-wrapper .btn {
        width: 1.14583rem;
        height: 0.36458rem;
        line-height: 0.36458rem;
        font-size: 0.14583rem; } }
    @media screen and (max-width: 768px) {
      .btn-wrapper .btn {
        width: 4.55729rem;
        height: 1.17188rem;
        line-height: 1.17188rem;
        font-size: 0.52083rem; } }
    .btn-wrapper .btn:hover {
      background-color: rgba(0, 123, 192, 0.8); }

.shoukai-nav-title {
  background-color: #f7f7f7;
  height: 80px; }
  .shoukai-nav-title h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center; }
  .shoukai-nav-title .bar {
    width: 50px;
    height: 5px;
    background-color: #40c272;
    margin: 0 auto; }

.shoukai-nav > ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 80%;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 700px) {
    .shoukai-nav > ul {
      padding: 10px 0; } }
  .shoukai-nav > ul li {
    display: block;
    display: inline-block;
    list-style: none;
    padding: 2em 1.3em; }
    @media screen and (max-width: 700px) {
      .shoukai-nav > ul li {
        padding: 0.3rem 0.2rem;
        display: block;
        width: 120px;
        margin: 0 auto; } }
    .shoukai-nav > ul li:hover {
      cursor: pointer; }
    .shoukai-nav > ul li.js-active {
      border-bottom: 4px solid #40c272;
      color: #40c272; }
      .shoukai-nav > ul li.js-active span {
        transform: translate3d(0, 8px, 0); }
    .shoukai-nav > ul li span {
      font-size: 24px;
      display: inline-block;
      transform: translate3d(0, 0, 0);
      transition: color 0.3s, transform 0.3s; }

.shoukai-qr .a {
  height: 266px;
  position: relative;
  text-align: center; }
  .shoukai-qr .a img {
    top: 180px;
    position: relative; }

.shoukai-qr .b {
  height: 174px;
  background-color: #b7f6cf; }
  .shoukai-qr .b p {
    margin: 0;
    padding-top: 110px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-family: "PingFang-SC-Regular", Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; }