p {
  letter-spacing: 0px; }

@font-face {
  font-family: 'textInfo';
  src: url("../font/SanFranciscoDisplay-Light.otf"); }
@font-face {
  font-family: 'textTitle';
  src: url("../font/SanFranciscoDisplay-Semibold.otf"); }
.font-text-info {
  font-family: 'textInfo'; }

.font-text-title {
  font-family: 'textTitle'; }

main.product-main .swiper-pagination {
  opacity: 0; }
main.product-main .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1; }
  main.product-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #41c5b9; }
main.product-main .text-content {
  color: #fff; }
  main.product-main .text-content .text-title {
    font-size: 0.36rem;
    letter-spacing: 0px;
    font-family: 'textTitle'; }
  main.product-main .text-content .text-info {
    font-size: 0.24rem;
    line-height: 1.3;
    margin-top: .2rem;
    font-family: 'textInfo';
    color: #fff;
    letter-spacing: 0px; }
main.product-main .bottom-phone {
  display: none; }
main.product-main .section-active-after .after::after {
  opacity: 0; }
main.product-main .section-active-after.after::after {
  opacity: 0; }
main.product-main .section-content {
  background-color: #000; }
  main.product-main .section-content .content-bg000 {
    opacity: .5;
    transition: opacity .3s .5s;
    -webkit-transition: opacity .3s .5s; }
main.product-main .section-active-after .content-bg000 {
  opacity: 1; }
main.product-main .after {
  position: relative; }
  main.product-main .after::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    opacity: .7;
    background-color: #000;
    transition: opacity .3s .5s;
    -webkit-transition: opacity .3s .5s; }
main.product-main .section {
  overflow: hidden;
  position: relative; }
  main.product-main .section .tran-01 {
    opacity: 0;
    transition: transform  .8s .5s, opacity .8s .5s;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px); }
  main.product-main .section .tran-02 {
    opacity: 0;
    transition: transform .8s .6s, opacity .8s .6s;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px); }
  main.product-main .section .tran-03 {
    opacity: 0;
    transition: transform .8s .8s, opacity .8s .8s;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px); }
  main.product-main .section .tran-04 {
    opacity: 0;
    transition: transform .8s 1s, opacity .8s 1s;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px); }
  main.product-main .section.section-active .tran-01,
  main.product-main .section.section-active .tran-02,
  main.product-main .section.section-active .tran-03,
  main.product-main .section.section-active .tran-04 {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); }
  main.product-main .section .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  main.product-main .section.banner {
    width: 100%;
    height: 0;
    padding-bottom: 50.46875%;
    background: url("../images/banner.jpg") no-repeat center;
    background-size: contain;
    position: relative; }
    main.product-main .section.banner .text {
      position: absolute;
      left: 1rem;
      top: 3rem;
      z-index: 2; }
      main.product-main .section.banner .text h2 {
        line-height: 1;
        font-size: .48rem;
        color: #434343; }
      main.product-main .section.banner .text .info {
        line-height: 1;
        font-size: .44rem;
        color: #434343; }
      main.product-main .section.banner .text .logo {
        display: block;
        width: 5.15rem;
        height: 0.5rem;
        background: url("../images/banner-logo.png") no-repeat center;
        background-size: 100%;
        margin: .25rem 0; }
      main.product-main .section.banner .text .button {
        margin-top: .5rem; }
        main.product-main .section.banner .text .button .link {
          float: left;
          height: .7rem;
          line-height: .65rem;
          font-size: .3rem;
          border-radius: .08rem;
          border: .03rem solid #434343;
          width: 2.5rem;
          text-align: center;
          margin-right: .4rem;
          transition: opacity .5s; }
          main.product-main .section.banner .text .button .link:hover {
            color: #434343;
            background-color: rgba(0, 0, 0, 0.1); }
          main.product-main .section.banner .text .button .link.active {
            background-color: #41c5b9;
            border-color: #41c5b9;
            color: #fff; }
            main.product-main .section.banner .text .button .link.active:hover {
              background-color: #32aca1;
              border-color: #32aca1; }
  main.product-main .section.section-02 {
    background-color: #fff;
    overflow: hidden;
    padding: 1%; }
    main.product-main .section.section-02 .items {
      overflow: hidden;
      width: 49.4%;
      height: 8.8rem;
      float: left;
      position: relative;
      background-color: #000; }
      main.product-main .section.section-02 .items .text-content {
        color: #fff;
        position: absolute;
        left: 2.56rem;
        top: 0.9rem; }
        main.product-main .section.section-02 .items .text-content .text-title {
          line-height: 1.2; }
        main.product-main .section.section-02 .items .text-content .text-info {
          line-height: 1.3;
          margin-top: .2rem; }
        main.product-main .section.section-02 .items .text-content.text-content-1 {
          width: 5.6rem; }
        main.product-main .section.section-02 .items .text-content.text-content-2 {
          width: 5.8rem; }
      main.product-main .section.section-02 .items.speed {
        background-image: url("../images/section-02-1.jpg");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover; }
        main.product-main .section.section-02 .items.speed .text-content {
          left: 3.1rem; }
      main.product-main .section.section-02 .items.commutes {
        float: right;
        background: url("../images/section-02-2.jpg") no-repeat center bottom;
        background-size: cover; }
      main.product-main .section.section-02 .items .text-speed {
        margin-top: .2rem; }
        main.product-main .section.section-02 .items .text-speed h3 {
          font-size: 0.57rem; }
          main.product-main .section.section-02 .items .text-speed h3 span.mi {
            font-size: 0.24rem; }
        main.product-main .section.section-02 .items .text-speed p {
          padding-top: .1rem;
          display: inline-block;
          border-top: 1px solid #fff;
          font-size: 0.24rem; }
      main.product-main .section.section-02 .items .tips {
        position: absolute;
        right: .4rem;
        bottom: .2rem;
        color: #fff;
        font-size: 0.17rem; }
  main.product-main .section.section-03 {
    background: url("../images/section-03.jpg") no-repeat center center;
    background-size: 100%;
    height: 0;
    padding-bottom: 42.7083333333%;
    position: relative; }
    main.product-main .section.section-03 ul {
      position: absolute;
      top: 50%;
      left: 60%;
      transform: translate(0, -50%); }
      main.product-main .section.section-03 ul li {
        overflow: hidden; }
        main.product-main .section.section-03 ul li.li-2 {
          margin-top: 0.6rem; }
          main.product-main .section.section-03 ul li.li-2 .text {
            padding-top: .15rem; }
      main.product-main .section.section-03 ul .text-content {
        color: #4c4c4c; }
      main.product-main .section.section-03 ul .text {
        margin-left: .2rem;
        padding-top: .1rem;
        float: left; }
        main.product-main .section.section-03 ul .text h2 {
          font-size: 0.48rem;
          line-height: 1; }
        main.product-main .section.section-03 ul .text p {
          letter-spacing: 0px;
          font-size: 0.24rem; }
      main.product-main .section.section-03 ul i {
        float: left;
        width: 1rem;
        height: 1rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%; }
        main.product-main .section.section-03 ul i.icon-25h {
          background-image: url("../images/240vcharge.png"); }
        main.product-main .section.section-03 ul i.icon-5h {
          background-image: url("../images/120Vcharge.png"); }
  main.product-main .section.section-04 {
    padding: .20rem;
    margin: 0 auto; }
    main.product-main .section.section-04 .swiper-slide {
      height: 7.5rem;
      background-color: #3f4545; }
      main.product-main .section.section-04 .swiper-slide .text-content {
        color: #fff;
        position: absolute;
        left: 2.56rem;
        top: 2.8rem; }
        main.product-main .section.section-04 .swiper-slide .text-content .text-title {
          font-size: 0.36rem; }
        main.product-main .section.section-04 .swiper-slide .text-content .text-info {
          color: #fff;
          font-size: 0.24rem;
          line-height: 1.3;
          margin-top: .2rem; }
    main.product-main .section.section-04 .swiper-slide-01 {
      background-image: url("../images/section-04-1.jpg"); }
    main.product-main .section.section-04 .swiper-slide-02 {
      background-image: url("../images/section-04-2.jpg"); }
    main.product-main .section.section-04 .swiper-slide-03 {
      background-image: url("../images/section-04-3.jpg"); }
  main.product-main .section.section-05 {
    position: relative; }
    main.product-main .section.section-05 .swiper-slide {
      height: 9rem;
      background-color: #000; }
    main.product-main .section.section-05 .swiper-slide-01 {
      background-image: url("../images/section-05-1.jpg"); }
    main.product-main .section.section-05 .swiper-slide-02 {
      background-image: url("../images/section-05-2.jpg"); }
    main.product-main .section.section-05 .swiper-nav {
      z-index: 2;
      position: absolute;
      top: 6.4rem;
      width: 11rem;
      left: 50%;
      margin-left: -5rem; }
      main.product-main .section.section-05 .swiper-nav li {
        cursor: pointer;
        width: 4.8rem;
        float: left; }
        main.product-main .section.section-05 .swiper-nav li .text-content {
          opacity: .5; }
          main.product-main .section.section-05 .swiper-nav li .text-content .text-title {
            padding-top: .15rem;
            border-top: 3px solid #fff; }
          main.product-main .section.section-05 .swiper-nav li .text-content .text-info {
            margin-top: .1rem; }
        main.product-main .section.section-05 .swiper-nav li.active .text-content {
          opacity: 1; }
        main.product-main .section.section-05 .swiper-nav li:nth-child(2) {
          float: right; }
    main.product-main .section.section-05 .tips {
      position: absolute;
      right: .4rem;
      bottom: .25rem;
      color: #fff;
      font-size: 0.17rem;
      z-index: 1; }
  main.product-main .section.section-06 {
    padding: 1%; }
    main.product-main .section.section-06 .swiper-slide {
      height: 13rem;
      background-color: #000; }
      main.product-main .section.section-06 .swiper-slide.swiper-slide-01 {
        background-image: url("../images/section-06-1.jpg"); }
      main.product-main .section.section-06 .swiper-slide.swiper-slide-02 {
        background-image: url("../images/section-06-2.jpg"); }
      main.product-main .section.section-06 .swiper-slide.swiper-slide-03 {
        background-image: url("../images/section-06-3.jpg"); }
    main.product-main .section.section-06 i.icon {
      display: block;
      float: left;
      width: 1rem;
      height: 1rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
      main.product-main .section.section-06 i.icon.icon-1 {
        background-image: url("../images/section-06-i1.png"); }
      main.product-main .section.section-06 i.icon.icon-2 {
        background-image: url("../images/section-06-i2.png"); }
      main.product-main .section.section-06 i.icon.icon-3 {
        background-image: url("../images/section-06-i3.png"); }
    main.product-main .section.section-06 .text-content {
      position: absolute;
      left: 0.3rem;
      right: 0.3rem;
      bottom: 0.4rem; }
    main.product-main .section.section-06 ul {
      overflow: hidden; }
      main.product-main .section.section-06 ul li {
        width: 32.65%;
        height: 6.1rem;
        float: left;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: relative; }
        main.product-main .section.section-06 ul li.li-1 {
          background-image: url("../images/section-06-1.jpg"); }
        main.product-main .section.section-06 ul li.li-2 {
          margin: 0 1%;
          background-image: url("../images/section-06-2.jpg"); }
        main.product-main .section.section-06 ul li.li-3 {
          background-image: url("../images/section-06-3-240207.jpg"); }
        main.product-main .section.section-06 ul li .text-col {
          float: left;
          width: 4.5rem; }
  main.product-main .section.section-07 {
    position: relative; }
    main.product-main .section.section-07 .swiper-slide {
      height: 7.25rem; }
    main.product-main .section.section-07 .text-content {
      color: #4c4c4c; }
      main.product-main .section.section-07 .text-content .text-info {
        color: #4c4c4c; }
    main.product-main .section.section-07 .video {
      display: block;
      width: 100%; }
    main.product-main .section.section-07 .swiper-slide-03 {
      background-image: url("../images/section-07-3.jpg"); }
    main.product-main .section.section-07 .swiper-text {
      width: 7.2rem;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      left: 1.35rem;
      z-index: 1; }
      main.product-main .section.section-07 .swiper-text .title-label {
        color: #000; }
      main.product-main .section.section-07 .swiper-text#active-2 .text-content,
      main.product-main .section.section-07 .swiper-text#active-2 .text-content .text-info,
      main.product-main .section.section-07 .swiper-text#active-2 .title-label {
        color: #fff; }
      main.product-main .section.section-07 .swiper-text#active-2 .swiper-nav li i.icon.icon-01 {
        background-position: 0 -2.4rem; }
      main.product-main .section.section-07 .swiper-text#active-2 .swiper-nav li i.icon.icon-02 {
        background-position: -1.22rem -2.4rem; }
    main.product-main .section.section-07 .swiper-nav {
      margin-top: 0.5rem; }
      main.product-main .section.section-07 .swiper-nav li {
        float: left;
        cursor: pointer;
        text-align: center;
        margin-right: .8rem; }
        main.product-main .section.section-07 .swiper-nav li .title-label {
          margin-top: .1rem;
          font-size: .26rem;
          display: block; }
        main.product-main .section.section-07 .swiper-nav li .icon {
          width: 1.1rem;
          height: 1.1rem;
          display: block;
          margin: 0 auto;
          background-size: 3.55rem;
          background-image: url("../images/section-07-icons.png");
          background-repeat: no-repeat; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-01 {
            background-position: 0 0.05rem; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-02 {
            background-position: -1.22rem 0.05rem; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-03 {
            background-position: -2.49rem 0.05rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-01 {
          background-position: 0 -1.16rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-02 {
          background-position: -1.22rem -1.16rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-03 {
          background-position: -2.49rem -1.16rem; }
    main.product-main .section.section-07 .tips {
      font-size: 0.17rem;
      z-index: 1;
      color: #000;
      z-index: 1; }
      main.product-main .section.section-07 .tips.tips-fff {
        color: #fff; }
      main.product-main .section.section-07 .tips.show-m {
        margin-top: 1rem;
        text-align: center; }
      main.product-main .section.section-07 .tips.show-pc {
        position: absolute;
        left: 1.35rem;
        bottom: .25rem; }
  main.product-main .section.section-08 {
    position: relative; }
    main.product-main .section.section-08 .swiper-slide {
      height: 9rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    main.product-main .section.section-08 .text-content {
      color: #4c4c4c; }
    main.product-main .section.section-08 .swiper-slide-01 {
      background-image: url("../images/section-08-1.jpg"); }
    main.product-main .section.section-08 .swiper-slide-02 {
      background-image: url("../images/section-08-2.jpg"); }
    main.product-main .section.section-08 .swiper-slide-03 {
      background-image: url("../images/section-08-3.jpg"); }
    main.product-main .section.section-08 .swiper-nav {
      z-index: 2;
      position: absolute;
      top: 50%;
      right: 1.5rem;
      width: 5rem;
      margin-left: -5.5rem;
      transform: translate(0, -50%); }
      main.product-main .section.section-08 .swiper-nav li {
        cursor: pointer; }
        main.product-main .section.section-08 .swiper-nav li .text-content {
          opacity: .5; }
          main.product-main .section.section-08 .swiper-nav li .text-content .text-title {
            padding-top: .1rem;
            border-top: 3px solid #4c4c4c; }
          main.product-main .section.section-08 .swiper-nav li .text-content .text-info {
            color: #666;
            margin-top: .1rem; }
        main.product-main .section.section-08 .swiper-nav li.active .text-content {
          opacity: 1; }
        main.product-main .section.section-08 .swiper-nav li:nth-child(2) {
          margin: .8rem 0; }
        main.product-main .section.section-08 .swiper-nav li .text-content .text-info {
          margin-top: .1rem; }
  main.product-main .section.section-09 {
    position: relative; }
    main.product-main .section.section-09 .swiper-slide {
      height: 9rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    main.product-main .section.section-09 .swiper-slide-01 {
      background-image: url("../images/section-09-1.jpg"); }
    main.product-main .section.section-09 .swiper-slide-02 {
      background-image: url("../images/section-09-2.jpg"); }
    main.product-main .section.section-09 .swiper-slide-03 {
      background-image: url("../images/section-09-3v2.jpg"); }
    main.product-main .section.section-09 .swiper-nav {
      z-index: 2;
      position: absolute;
      top: 7rem;
      left: 1.4rem; }
      main.product-main .section.section-09 .swiper-nav li {
        cursor: pointer;
        width: 4.7rem;
        float: left; }
        main.product-main .section.section-09 .swiper-nav li .text-content {
          opacity: .5; }
          main.product-main .section.section-09 .swiper-nav li .text-content .text-title {
            padding-top: .1rem;
            border-top: 3px solid #fff; }
          main.product-main .section.section-09 .swiper-nav li .text-content .text-info {
            margin-top: .1rem;
            color: #cbcbcb;
            line-height: 1; }
        main.product-main .section.section-09 .swiper-nav li.active .text-content {
          opacity: 1; }
        main.product-main .section.section-09 .swiper-nav li:nth-child(2) {
          margin: 0 1rem; }
  main.product-main .section.section-specs {
    max-width: 1920px;
    margin: 0 auto; }
    main.product-main .section.section-specs .specs-content {
      width: 90%;
      margin: 0 auto; }
    main.product-main .section.section-specs .spesc-img {
      width: 12.59rem;
      height: 5.2rem;
      margin: 0 auto; }
      main.product-main .section.section-specs .spesc-img .spesc {
        height: 5.2rem;
        width: 50%;
        float: left;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
        main.product-main .section.section-specs .spesc-img .spesc.spesc-1 {
            width: 6.07rem;
          background-image: url("../images/spesc-1-240207v2.jpg"); }
        main.product-main .section.section-specs .spesc-img .spesc.spesc-2 {
            width: 6.52rem;
          background-image: url("../images/spesc-2-240207.jpg"); }
    main.product-main .section.section-specs h2.title {
      text-align: center;
      color: #4c4c4c;
      font-size: 0.6rem;
      font-weight: bold;
      padding-top: 1.1rem;
      padding-bottom: .5rem; }
    main.product-main .section.section-specs .link-specs {
      padding: .7rem 0; }
      main.product-main .section.section-specs .link-specs .link {
        color: #007feb;
        font-size: 0.24rem; }
        main.product-main .section.section-specs .link-specs .link span {
          display: inline-block; }
    main.product-main .section.section-specs table {
      table-layout: fixed;
      width: 100%; }
      main.product-main .section.section-specs table td {
        padding-top: .7rem; }
    main.product-main .section.section-specs span {
      display: block; }
      main.product-main .section.section-specs span.text-title {
        color: #868686;
        font-size: 0.24rem; }
      main.product-main .section.section-specs span.text-info {
        color: #040404;
        font-weight: bold;
        font-size: 0.26rem; }
main.product-main .arrow-left {
  background: url(../images/icon-left.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: .6rem;
  top: 50%;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  z-index: 999; }
main.product-main .arrow-right {
  background: url(../images/icon-right.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  right: .7rem;
  top: 50%;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  z-index: 999; }
@media (max-width: 800px) {
  main.product-main .swiper-pagination {
    opacity: 1; }
  main.product-main .top-navigation {
    display: none; }
  main.product-main .text-content {
    color: #fff; }
    main.product-main .text-content .text-title {
      font-size: 0.66rem;
      font-family: 'textTitle'; }
    main.product-main .text-content .text-info {
      font-size: 0.44rem;
      line-height: 1.3;
      margin-top: .2rem;
      font-family: 'textInfo'; }
  main.product-main .section.banner {
    margin-top: 0;
    background: url("../images/m-banner.jpg") no-repeat center center;
    background-size: cover;
    height: 0;
    padding-bottom: 210.0925925926%; }
    main.product-main .section.banner .text {
      left: 0;
      width: 100%;
      text-align: center;
      top: 4.5rem; }
      main.product-main .section.banner .text h2 {
        font-size: .66rem; }
      main.product-main .section.banner .text .logo {
        margin: .3rem auto 0 auto; }
      main.product-main .section.banner .text .info {
        margin-top: .3rem;
        font-size: .55rem; }
      main.product-main .section.banner .text .button {
        margin: 0.7rem auto 0 auto;
        display: table; }
        main.product-main .section.banner .text .button .link {
          margin-left: .4rem;
          margin-right: .4rem;
          width: 3.7rem;
          height: 1.06rem;
          line-height: 1rem;
          font-size: .46rem; }
  main.product-main .section.section-02 {
    padding: 0; }
    main.product-main .section.section-02 .items {
      width: 100%;
      height: 16.6rem; }
      main.product-main .section.section-02 .items .text-content {
        top: 2rem; }
        main.product-main .section.section-02 .items .text-content.text-content-1 {
          width: 7.6rem; }
        main.product-main .section.section-02 .items .text-content h3 .font-text-title {
          font-size: 0.9rem; }
      main.product-main .section.section-02 .items .tips {
        width: 60%; }
  main.product-main .section.section-03 {
    background: url("../images/m-section-03.jpg") no-repeat center center;
    background-size: cover;
    height: 0;
    padding-bottom: 148.1481481481%; }
    main.product-main .section.section-03 ul {
      padding: 0 .12rem;
      position: absolute;
      left: 1rem;
      top: 3.4rem;
      right: 0;
      transform: none; }
      main.product-main .section.section-03 ul i {
        width: 1.6rem;
        height: 1.4rem; }
      main.product-main .section.section-03 ul .text {
        width: 7.2rem;
        margin-left: .4rem;
        padding-top: .2rem;
        float: left; }
        main.product-main .section.section-03 ul .text h2 {
          font-size: 0.66rem;
          line-height: 1; }
        main.product-main .section.section-03 ul .text p {
          font-size: 0.38rem; }
  main.product-main .section.section-04 {
    height: 12.6rem;
    padding: 0; }
    main.product-main .section.section-04 .swiper-slide {
      height: 12.6rem; }
      main.product-main .section.section-04 .swiper-slide .text-content {
        text-align: center;
        top: 8rem;
        left: 0;
        width: 100%;
        padding: 0 0.2rem; }
        main.product-main .section.section-04 .swiper-slide .text-content .text-title {
          font-size: 0.66rem; }
        main.product-main .section.section-04 .swiper-slide .text-content .text-info {
          font-size: 0.44rem; }
    main.product-main .section.section-04 .swiper-slide-01 {
      background-image: url("../images/m-section-04-1.jpg"); }
    main.product-main .section.section-04 .swiper-slide-02 {
      background-image: url("../images/m-section-04-2.jpg"); }
    main.product-main .section.section-04 .swiper-slide-03 {
      background-image: url("../images/m-section-04-3.jpg"); }
  main.product-main .section.section-05 {
    height: 13.6rem; }
    main.product-main .section.section-05 .swiper-slide {
      height: 13.6rem; }
    main.product-main .section.section-05 .text-content {
      text-align: center;
      top: 8.5rem;
      position: absolute;
      left: 0;
      padding: 0 0.5rem;
      width: 100%; }
    main.product-main .section.section-05 .swiper-slide-01 {
      background-image: url("../images/m-section-05-1.jpg"); }
    main.product-main .section.section-05 .swiper-slide-02 {
      background-image: url("../images/m-section-05-2.jpg"); }
    main.product-main .section.section-05 .swiper-pagination {
      bottom: 1.2rem; }
  main.product-main .section.section-06 {
    padding: 0; }
    main.product-main .section.section-06 .text-content {
      position: absolute;
      left: 0;
      width: 100%;
      padding: 0 .3rem;
      top: 10rem; }
    main.product-main .section.section-06 i.icon {
      width: 1.5rem;
      height: 1.5rem; }
  main.product-main .section.section-07 {
    height: 18rem; }
    main.product-main .section.section-07 .swiper-slide {
      height: 18rem; }
      main.product-main .section.section-07 .swiper-slide.swiper-slide-01 {
        background-image: url("../images/m-section-07-02.jpg"); }
        main.product-main .section.section-07 .swiper-slide.swiper-slide-01 .swiper-slide-o0 {
          width: 100%;
          height: 100%;
          opacity: 0;
          background: url("../images/m-on.jpg") no-repeat center center;
          background-size: cover;
          animation: mymove 4s infinite;
          -webkit-animation: mymove 4s infinite; }
      main.product-main .section.section-07 .swiper-slide.swiper-slide-02 {
        background-image: url("../images/m-section-07-01.gif"); }
      main.product-main .section.section-07 .swiper-slide.swiper-slide-03 {
        background-image: url("../images/m-section-07-03.jpg"); }
    main.product-main .section.section-07 .swiper-text {
      text-align: center;
      left: 10%;
      width: 80%;
      top: 1.2rem;
      transform: none;
      -webkit-transform: none; }
      main.product-main .section.section-07 .swiper-text .swiper-nav {
        margin: 1rem auto 0 auto;
        display: table;
        overflow: hidden;
        padding-left: .8rem; }
      main.product-main .section.section-07 .swiper-text#active-2 .swiper-nav li i.icon.icon-01 {
        background-position: 0 -3.4rem; }
      main.product-main .section.section-07 .swiper-text#active-2 .swiper-nav li i.icon.icon-02 {
        background-position: -1.75rem -3.4rem; }
    main.product-main .section.section-07 .swiper-nav {
      margin-top: 0.5rem; }
      main.product-main .section.section-07 .swiper-nav li {
        float: left;
        cursor: pointer;
        text-align: center;
        margin-right: .8rem; }
        main.product-main .section.section-07 .swiper-nav li .title-label {
          margin-top: .1rem;
          font-size: .26rem;
          display: block; }
        main.product-main .section.section-07 .swiper-nav li .icon {
          width: 1.5rem;
          height: 1.5rem;
          display: block;
          margin: 0 auto;
          background-image: url("../images/section-07-icons.png");
          background-repeat: no-repeat;
          background-size: 5rem; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-01 {
            background-position: 0 0; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-02 {
            background-position: -1.75rem 0.05rem; }
          main.product-main .section.section-07 .swiper-nav li .icon.icon-03 {
            background-position: -3.5rem 0.05rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-01 {
          background-position: 0 -1.7rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-02 {
          background-position: -1.75rem -1.7rem; }
        main.product-main .section.section-07 .swiper-nav li.active i.icon.icon-03 {
          background-position: -3.5rem -1.7rem; }
  main.product-main .section.section-08 {
    height: 12.4rem; }
    main.product-main .section.section-08 .swiper-slide {
      height: 12.4rem; }
      main.product-main .section.section-08 .swiper-slide .text-content {
        position: absolute;
        left: 0;
        top: 8rem;
        width: 100%;
        padding: 0 .5rem;
        text-align: center; }
        main.product-main .section.section-08 .swiper-slide .text-content .text-info {
          color: #4c4c4c; }
      main.product-main .section.section-08 .swiper-slide.swiper-slide-01 {
        background-image: url("../images/m-section-08-1.jpg"); }
      main.product-main .section.section-08 .swiper-slide.swiper-slide-02 {
        background-image: url("../images/m-section-08-2.jpg"); }
      main.product-main .section.section-08 .swiper-slide.swiper-slide-03 {
        background-image: url("../images/m-section-08-3.jpg"); }
  main.product-main .section.section-09 {
    height: 12.3rem; }
    main.product-main .section.section-09 .swiper-slide {
      height: 12.3rem; }
      main.product-main .section.section-09 .swiper-slide .text-content {
        position: absolute;
        left: 0;
        top: 8rem;
        width: 100%;
        text-align: center; }
  main.product-main .section.section-specs .spesc-img {
    width: 100%;
    height: auto; }
    main.product-main .section.section-specs .spesc-img .spesc {
      width: 100%;
      height: 8rem;
      float: none; }
  main.product-main .section.section-specs span.text-title {
    font-size: .44rem; }
  main.product-main .section.section-specs span.text-info {
    font-size: .50rem; }
  main.product-main .section.section-specs .link-specs .link {
    font-size: .50rem; } }
@keyframes mymove {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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