@font-face {
  font-family: 'NINEPIN';
  src: url('/catalog/view/javascript/font/lcd/NINEPIN_0.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.font-ninepin {
  font-family: 'NINEPIN';
}
@media only screen and (max-width: 1024px) {
  .f-size-50 {
    font-size: 38px;
  }
  .f-size-30 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 735px) {
  .f-size-50 {
    font-size: 32px;
  }
  .f-size-30 {
    font-size: 18px;
  }
}
.titlist {
  margin-bottom: 40px;
  color: #fff;
  display: inline-block;
  margin-right: 100px;
}
.titlist:last-child {
  margin-bottom: 0;
}
.titlist .xiaotit {
  font-size: 30px;
}
.titlist .datit {
  font-size: 80px;
  line-height: 1.5;
}
.titlist:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 735px) {
  .titlist {
    margin-right: 19vw;
  }
  .titlist .xiaotit {
    font-size: 5vw;
  }
  .titlist .datit {
    font-size: 13vw;
  }
}
.renzheng {
  background-image: url();
}
.lv1 {
  background: #121211;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  height: 850px;
  min-height: 700px;
}
.lv1 .level-tit {
  padding-bottom: 20px;
}
.lv1 .media-box {
  width: 1000px;
  max-width: 85%;
  margin: auto;
}
.lv1 .media-txt {
  width: 30%;
}
.lv1 .media-img {
  width: 70%;
}
.lv1 .titlist {
  color: #0f94d6 ;
}
.lv1 .xiaotit {
  font-size: 20px;
}
.lv1 .datit {
  font-size: 60px;
}
.lv1 .inner-box {
  padding: 28% 15px 6%;
  position: relative;
  z-index: 2;
}
.lv1img {
  background: url("/image/catalog/product/charger/s65/banner2.png?20181224") no-repeat;
  background-size: contain;
  background-position: center;
  width: 1203px;
  height: 850px;
  position: absolute;
  bottom: 0;
  left: 355px;
  z-index: 1;
}
@media only screen and (max-width: 1850px) {
  .lv1img {
    left: 34%;
    max-width: 65vw;
    max-height: 63vw;
  }
}
@media only screen and (max-width: 1450px) {
  .lv1 .inner-box {
    padding-top: 10%;
    padding-left: 5%;
  }
  .lv1img {
    background-image: url("/image/catalog/product/charger/s65/banner2_m.png");
    left: 26%;
    max-width: 79vw;
    max-height: 77vw;
    bottom: -5%;
  }
}
@media only screen and (max-width: 1080px) {
  .lv1 {
    height: auto;
    min-height: 500px;
    padding-bottom: 5%;
  }
  .lv1 .range {
    position: relative;
  }
  .lv1 .titlist {
    display: inline-block;
  }
  .lv1 .inner-box {
    text-align: center;
  }
  .lv1img {
    position: relative;
    width: 132vw;
    max-width: 120vw;
    max-height: 90vw;
    left: -12vw;
    height: 81vw;
    bottom: 0;
    margin-top: -15vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv1 .media-txt,
  .lv1 .media-img {
    width: 100%;
  }
  .lv1 .titlist {
    display: inline-block;
    text-align: center;
  }
  .lv1img {
    height: 88vw;
    max-height: 129vw;
    margin-top: -19vw;
  }
}
.lv2 {
  background-color: #090909;
  padding: 6% 0;
}
.lv2 .level-txt {
  width: 959px;
  max-width: 75% ;
  margin: auto;
}
.lv2 .level-icon-box {
  margin: auto;
  width: 959px;
  max-width: 100%;
  margin-top: 80px;
  text-align: center;
  border-top: 1px solid #444;
  padding-top: 100px;
}
.lv2 .level-icon-item {
  display: inline-block;
  padding: 0 15px 30px;
  width: 180px;
  vertical-align: top;
}
.lv2 .level-icon-txt {
  padding: 10px 0;
}
.lv2 .level-icon {
  background: url("/image/catalog/product/charger/s65/icon.png");
  background-size: cover;
  width: 77px;
  height: 77px;
  margin: auto;
}
.lv2 .icon2 {
  background-position-x: 12.5%;
}
.lv2 .icon3 {
  background-position-x: 25%;
}
.lv2 .icon4 {
  background-position-x: 37.5%;
}
.lv2 .icon5 {
  background-position-x: 50%;
}
.lv2 .icon6 {
  background-position-x: 62.5%;
}
.lv2 .icon7 {
  background-position-x: 75%;
}
.lv2 .icon8 {
  background-position-x: 87.5%;
}
.lv2 .icon9 {
  background-position-x: 100%;
}
.lv2 .lv2txt-txt {
  font-size: 24px;
  font-weight: bold;
  background-color: #242424;
  width: 80px;
  padding: 10px;
  height: 80px;
  line-height: 28px;
  border-radius: 30%;
  margin-bottom: 20px;
}
.lv2 .lv2txtnum {
  font-size: 46px;
  line-height: 60px;
}
.lv2 .lv2-txt {
  color: #b7b7b7;
}
.lv2 .lv2txt-item {
  display: inline-block;
  padding: 0 18.8px;
  vertical-align: top;
  position: relative;
}
.lv2 .youxian {
  margin-bottom: 0;
}
.lv2 .lv2xian {
  height: 10px;
  border-bottom: 1px solid #aaa;
  position: absolute;
  width: 100%;
  margin-bottom: 10px;
}
.lv2 .lv2xian-diyi {
  border-left: 1px solid #aaa;
  left: 50%;
}
.lv2 .lv2xian-dier {
  border-right: 1px solid #aaa;
  right: 50%;
}
.lv2 .lv2-2-4s {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 100%;
  width: 100%;
  top: calc(100% + 20px);
}
.lv2img,
.lv2img-zezhao {
  background-image: url("/image/catalog/product/charger/s65/lv2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 776px;
  height: 738px;
  max-height: 81vw;
  max-width: 85vw;
}
.lv2img-zezhao {
  background-image: url("/image/catalog/product/charger/s65/lv2zezao.jpg");
}
.lv2img-box {
  padding: 80px 0;
}
.lv2img-box.active .lv2img-zezhao {
  opacity: 0;
  -webkit-transition: opacity 3s 0.5s;
  transition: opacity 3s 0.5s;
}
.huanhang {
  display: none;
  height: 54px;
}
@media only screen and (max-width: 1020px) {
  .lv2 {
    padding: 80px 0;
  }
  .lv2 .level-icon-item {
    width: 152px;
  }
}
@media only screen and (max-width: 768px) {
  .lv2 .level-icon-box {
    width: 90%;
  }
  .lv2 .level-icon-item {
    width: 32%;
  }
  .lv2 .lv2txt-item {
    padding: 0 7vw;
  }
  .huanhang {
    display: block;
  }
}
@media only screen and (max-width: 468px) {
  .lv2 .level-icon-box {
    width: 90%;
  }
  .lv2 .level-icon-item {
    width: 32%;
  }
  .lv2 .lv2txt-item {
    padding: 0 3vw;
  }
  .huanhang {
    display: block;
  }
}
@media only screen and (max-width: 735px) {
  .lv2 {
    padding: 60px 0;
  }
  .lv2 .level-icon-item {
    font-size: 12px;
  }
  .lv2 .level-txt {
    max-width: 90%;
  }
}
@media only screen and (max-width: 468px) {
  .lv2 .level-icon {
    width: 50px;
    height: 50px;
  }
  .lv2 .level-icon-box {
    margin-top: 50px;
  }
}
.newlv3 {
  background-color: #161616;
}
.newlv3 .newlv3img-svg {
  width: 50%;
  height: 55%;
  position: absolute;
  right: 10%;
  top: 41%;
}
.newlv3 .newlv3txt {
  position: absolute;
  top: 44%;
  left: 91%;
  width: 40%;
  opacity: 0;
  -webkit-transition: opacity .8s;
  transition: opacity .8s;
}
.newlv3 .lv3path {
  stroke-dasharray: 900 5000;
  stroke-dashoffset: 900;
}
.newlv3 .lv3circle {
  opacity: 0;
}
.newlv3img {
  background-image: url("/image/catalog/product/charger/s65/new3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 60vw;
  height: 65vw;
  margin-top: -13vw;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .newlv3img {
    margin-left: -7vw;
  }
  .newlv3 .newlv3txt {
    width: 50%;
  }
}
@media only screen and (max-width: 650px) {
  .newlv3 .newlv3txt {
    width: 60%;
  }
}
@media only screen and (max-width: 468px) {
  .newlv3img {
    margin-left: -12vw;
  }
  .newlv3 .newlv3txt {
    width: 90%;
  }
}
.lv3 {
  background: url("/image/catalog/product/charger/s65/3.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  padding: 20% 0;
}
.lv3 .inner-box {
  text-align: center;
  width: 700px;
  max-width: 90%;
  margin: auto;
}
.lv3.cn .inner-box {
  width: 800px;
}
@media only screen and (max-width: 735px) {
  .lv3 {
    background-image: url("/image/catalog/product/charger/s65/3m.jpg");
    padding: 30vw 0;
  }
}
.lv4 {
  padding: 100px 0  30px;
  background: #161616;
}
.lv4 .level-tit {
  padding-left: 15px;
  padding-right: 15px;
}
.lv4 .level-txt {
  width: 900px;
  max-width: 90%;
  margin: auto;
}
.lv4 .inner-box {
  padding-bottom: 38vw;
}
.lv4 .level-container {
  position: relative;
  z-index: 3;
}
.lv4img {
  background: url("/image/catalog/product/charger/s65/new4.jpg") no-repeat;
  background-size: contain;
  width: 80vw;
  height: 112vw;
  position: absolute;
  top: 0;
  z-index: 2;
}
.lv4xt60 {
  background: url("/image/catalog/product/charger/s65/4.png") no-repeat;
  background-size: contain;
  width: 73%;
  height: 70%;
  top: 28%;
  position: absolute;
  left: 66%;
  -webkit-transform: translate(35%, 18%);
  transform: translate(35%, 18%);
  transition: transform .8s linear .5s;
}
.lv4xt60.active {
  -webkit-transform: translate(0);
  transform: translate(0);
}
@media only screen and (max-width: 1205px) {
  .lv4 .inner-box {
    padding-bottom: 4vw;
    padding-top: 41vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv4 {
    padding: 60px 0;
  }
}
.lv5 {
  background: #1d1e22;
  overflow: hidden;
}
.lv5 .media-box {
  width: 1920px;
  max-width: 100%;
  margin: auto;
}
.lv5 .media-img,
.lv5 .media-txt {
  width: 50%;
}
.lv5 .lv5-box {
  height: 1000px;
  position: relative;
}
.lv5 .inner-box {
  padding: 0 20% 0 100px;
}
.lv5 .lv5img2 {
  display: none;
}
.lv5 .media-txt {
  position: relative;
  z-index: 2;
}
.lv5-video {
  position: absolute;
  right: -11%;
  top: 57.9%;
  width: 380px;
  height: 460px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lv5-video video {
  width: 100%;
}
.lv5-video .lv5-videohide,
.lv5-video video {
  display: inline-block;
  vertical-align: middle;
}
.lv5-video .lv5-videohide {
  height: 100%;
}
.lv5img {
  background: url("/image/catalog/product/charger/s65/new5.jpg") no-repeat;
  background-size: contain;
  background-position: right center;
  width: 1191px;
  height: 900px;
  position: absolute;
  right: 0;
  bottom: 0%;
}
@media only screen and (max-width: 1200px) {
  .lv5 .lv5-box {
    height: 800px;
    position: relative;
  }
  .lv5-video {
    right: -11.1%;
    top: 57.85%;
  }
}
@media only screen and (max-width: 1000px) {
  .lv5 .lv5-box {
    height: 85vw;
    position: relative;
  }
  .lv5 .inner-box {
    padding: 0 50px 0 50px;
  }
  .lv5img {
    width: 938px;
    height: 742px;
  }
  .lv5-video {
    right: -105.984px;
    top: 427.75px;
    width: 300px;
  }
}
@media only screen and (max-width: 735px) {
  .lv5 {
    padding: 50px 0 0;
  }
  .lv5 .media-img,
  .lv5 .media-txt {
    width: 100%;
  }
  .lv5 .media-img {
    display: none;
  }
  .lv5 .lv5img2 {
    display: block;
  }
  .lv5 .lv5-box {
    height: 468px;
  }
  .lv5img {
    background-image: url("/image/catalog/product/charger/s65/new5.jpg");
    right: 25%;
    bottom: 0%;
    width: 498px;
    height: 480px;
  }
  .lv5-video {
    right: -10.7%;
    top: 72.05%;
    width: 158px;
    height: 344px;
  }
}
@media only screen and (max-width: 500px) {
  .lv5img {
    bottom: -16%;
  }
  .lv5 .lv5-box {
    height: 380px;
  }
}
.lv6 {
  background: #1d1e20;
  padding-top: 80px;
}
.lv6 .level-container {
  max-width: 1330px;
}
.lv6 .level-tit,
.lv6 .level-txt {
  width: 979px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  padding: 0 5%;
  z-index: 2;
}
.lv6img {
  background: url("/image/catalog/product/charger/s65/new6.jpg") no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1330px;
  max-width: 100%;
  height: 839px;
  max-height: 56.6vw;
  margin-top: -120px;
}
.lv6num {
  position: absolute;
  left: 27.1%;
  width: 46.6%;
  color: #fff;
  font-size: 46px;
  top: 49.3%;
  letter-spacing: 6px;
  line-height: 1.4;
}
@media only screen and (max-width: 1420px) {
  .lv6num {
    font-size: 3.3vw;
    letter-spacing: 0.43vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv6 {
    padding-top: 60px;
  }
  .lv6img {
    margin-top: -50px;
  }
}
.lv7 {
  background: url("/image/catalog/product/charger/s65/7.jpg") no-repeat;
  background-position: right;
  background-size: cover;
  height: 52.1vw;
  padding-top: 6%;
}
.lv7 .inner-box {
  width: 95%;
  margin: auto;
}
.lv7 .level-txt {
  width: 660px;
}
@media only screen and (max-width: 1200px) {
  .lv7 {
    padding-top: 80px;
    height: 82.1vw;
  }
  .lv7 .level-txt {
    width: 50vw;
    margin: auto;
  }
  .lv7 .inner-box {
    width: 90%;
    margin: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 735px) {
  .lv7 {
    background-image: url("/image/catalog/product/charger/s65/7m.jpg");
    background-position: top;
    background-size: contain;
    background-color: #020305;
    padding-top: 60vw;
    height: auto;
  }
}
@media only screen and (max-width: 468px) {
  .lv7 {
    padding-top: 80vw;
  }
}
.renzheng {
  background: url("/image/catalog/product/powerSystem/psu/efuel380/8.jpg") no-repeat;
  background-position: center;
  background-size: cover;
}
.renzheng .inner-box {
  width: 1100px;
  max-width: 90%;
  margin: 0 auto;
  padding: 15% 0;
}
.renzheng img {
  max-width: 80%;
}