.m-home{
  width: 100%;
}

.m-home img{
  width: 100%;
}
.m-home1{
  margin-top: 0;
  padding-top:80px;
}
.m-describe{
  margin-top: 30px;
}

.home-1 .m-h2 .normal .describe,.home-1 .m-h4 .normal .describe{
  color: #fff;
}

.home-1 .m-h2,.home-1 .m-h4{
  background: #000;
  transform: skewY(-21.5deg) translateY(-140px);
  overflow: hidden;
}

.home-1 .m-h2 .normal,.home-1 .m-h4 .normal{
  transform: skewY(21.5deg);
  position: relative;
}

.home-1 .m-h2 .describe,.home-1 .m-h4 .describe{
  position: static;
}

.mh1-img{
  width: 160%;
  position: relative;
  left: 25%;
}

.mh1-img img{
  width: 100%;
}

.m-h2,.m-h3{
  margin-top: 90px;
}
.m-normal{
  margin-top: 80px;
}
.mh2-img{
  position: relative;
  text-align: center;
  bottom: -18vw;
}
.mh2-img img{
  width: 182%;
  position: relative;
  left: -21%;
}

.mh2-img img:last-child{
  position: absolute;
  top: -3%;
  left: 12%;
  width: 83%;
}

.home-1 .m-h3{
  top: -40vw;
}
.mh3-img{
  width: 100%;
  position: relative;
  margin-top: 40px;
}

.mh3-img img{
  width: 100%;
}

.home-1 .m-h4{
  height: auto;
  background: #000;
  transform: skewY(-21.5deg) translateY(-230px);
  overflow: hidden;
}


.mh4-img{
  position: relative;
  text-align: center;
  bottom: -18vw;
}
.mh4-img img{
  width: 120%;
  position: relative;
  padding-bottom: 20vw;
  left: -25%;
}

.mh4-img img:last-child{
  position: absolute;
  top: 2%;
  left: 5%;
  width: 100%;
}

.m-home2{
  position: relative;
  top: -30vw;
  background: url('~@/assets/images/bg_1.jpg') top center no-repeat;
  background-size: 250% auto;
}

.home-2 .mh2-l{
  background: url('~@/assets/images/bg_2.jpg') bottom 9vw center no-repeat;
  background-size: 100% auto;
  padding-bottom:41vw;
}

.home-2 .mh2-l .h2-l-con .c2-t1_bar{
  height: 54vw;
}
.home-2 .mh2-l .h2-l-con .c2-t1_bar img{
  opacity: 1;
  width: 170%;
  left: -20%;
  top: -15vw;
}

.home-2 .mh2-l .h2-l-con>img{
  width: 52vw;
}

.home-2 .h2-l .h2-l-con>span{
  width: 52vw;
  bottom: -14vw;
}


.h6-top{
  position: relative;
  top: -20vw;
}


.home-2 .h6-top .h2-r-con .c2-t2_bar img{
  opacity: 1;
  width: 170%;
  left: -30%;
  top: -15vw;
}
.home-2  .h6-top .h2-r-con{
  margin-top: 25vw;
}

.home-2  .h6-top .h2-r-con .c2-t2_bar{
  height: 54vw;
}
.home-2  .h6-top .h2-r-con>img{
  width: 70vw;
  left: 8vw;
  top: -20vw;
}

.home-2 .h2-r-con .h2-r-con-txt{
  text-align: right;
  position: absolute;
  right: 2vw;
  top: 8vw;
  line-height: 1.2;
  z-index: 100;
  width: 30vw;
  font-size: 14px;
  color: #fff;
  text-align: right;
}
.home-2 .h2-r-con .h2-r-con-txt>p{
  margin-top: 2vw;
}
.home-2 .mh2-l .h2-l-con .fix-t1_bar{
  height: 75vw;
  margin-top: 30vw;
}

.home-2 .mh2-l .h2-l-con .fix-t1_bar img{
  width: 210%;
}

.home-2 .m-expert{
  position: absolute;
  left: 0;
  top: -30%;
}

.m-home3{
  margin-top: 0;
}
.m-review_video_con{
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.home-4 .mh4{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.home-4 .mh4 img{
  width: 100%;
  margin-top: 40px;
}

.home-4 .mh4 .mh4-title{
  width: 88%;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  margin: 20px auto;
}

.home-4 .mh4 .mh4-detail{
  text-align: left;
  line-height: 1.5;
  font-size: 14px;
}

.m-home5{
  margin-top: 100px;
}