.p1 {
  height: 8.8rem;
  background: url(../img/index/p1-bg.jpg) top center no-repeat;
  background-size: cover;
}

.p1-cont {
  padding: 1.25rem 0 0 3.4rem;
  box-sizing: border-box;
}

.p1-cont .p1-tit {
  width: 8.45rem;

}

.p1-cont .p1-desc {
  width: 8.6rem;
  margin-top: .2rem;
  margin-bottom: 2.7rem;
  padding-top: .2rem;
  border-top: 1px solid #c9cbcd;
  font-size: .21rem;
  line-height: .28rem;
  color: #231815;
}

.p1 .btn {

  display: flex;
  align-items: center;
}

.p1 .btn .buy {
  margin-right: .15rem;
  width: 1.45rem;
  height: 1.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/banner-icon1.png) center no-repeat;
  background-size: 100%;
  font-size: .3rem;
  font-weight: bold;
  line-height: 1.2em;
  color: #fff;
}

.p1 .btn .txt {
  background: url(../img/index/more-ar.png) left center no-repeat;
  background-size: .19rem;
  padding-left: .3rem;
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
}

.p2 {
  height: 8.8rem;
  background: #eaeaea;
}

.p2 .p2-cont {
  padding-top: 1.1rem;

}

.p2 .p2-tit {
  padding-bottom: .25rem;
  margin-bottom: 1.2rem;
  padding-left: 1.7rem;
  width: 7.55rem;
  border-bottom: .05rem solid #00e26b;
  box-sizing: border-box;
}

.p2 .p2-tit .num {
  width: 2.32rem;
  height: .9rem;
}

.p2 .p2-tit .big {
  display: flex;
  align-items: end;
  font-size: .5rem;
  color: #3d3a39;
}

.p2 .p2-tit .small {
  font-size: .4rem;
  font-weight: bold;
  color: #3d3a39;
}
.p2 .p2-cont {
  position: relative;
}
.p2 .p2-cont .tab-tit {
  margin-left: 1.7rem;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 5.25rem;
}

.p2 .p2-cont .tab-tit::after {
  content: "";
  position: absolute;
  top: -.75rem;
  left: 50%;
  margin-left: -.3rem;
  width: .62rem;
  height: .55rem;
  background: url(../img/index/p2-icon.png) center no-repeat;
  background-size: 100%;
}

.p2 .p2-cont .tab-tit span {
  margin-bottom: .85rem;
  width: 5.25rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size: .56rem;
  font-weight: bold;
  color: #fff;
  cursor: default;

  background: #b2b2b2;
}

.p2 .p2-cont .tab-tit span.now {
  background: #008451;
}
.p2 .p2-cont .tab-cont {
  position: absolute;
  top: 0;
  right: 0;
  width: 11.07rem;
  height: 8.8rem;
}
.p2 .p2-cont .tab-cont .swiper-item {
  display: none;
}

.p2 .p2-cont .p2-more a {
  margin-left: 1.7rem;
  padding: 0 .4rem;
  display: inline-block;
  line-height: .46rem;
  font-size: .4rem;
  font-weight: bold;
  color: #008451;
  border: 1px solid #008451;
  box-sizing: border-box;
  border-radius: .23rem;
}

.p3 .p3-tit {
  padding: .7rem 0 .3rem 0;
  font-size: .55rem;
  color: #3d3a39;
  text-align: center;
}

.p3 .video-box {
  position: relative;
  width: 19.2rem;
  height: 6.94rem;
}

.p3 .video-box .cover-img {
  width: 100%;
}

.p3 .video-box .play-icon {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.p3 .video-box  .player {
  width: 100%;
  height: 100%;
}

.p4 {
  height: 8.8rem;
  background: url(../img/index/p4-bg.jpg) top center no-repeat;
  background-size: cover;
}

.p4-cont {
  padding-top: .9rem;
  width: 14.5rem;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.p4-cont .scroll-box {
  position: relative;
}

.p4-cont .scroll-box::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: .9rem;
  background: #00e26b;
  top: -.05rem;
  left: -.05rem;
}

.p4-cont .p4-scroll {
  position: relative;
  width: 3.85rem;
  flex: 0 0 3.85rem;
  height: 7.8rem;
  overflow: hidden;
  background: #fff;
  padding: .05rem;
}

.p4-cont .p4-scroll .swiper-slide {
  width: 3.85rem;
  height: 1.95rem;
  background: #fff;

}

.p4-cont .p4-scroll img {
  width: 3.85rem;
  height: 1.95rem;

}

.p4-cont .p4-right {
  width: 9.2rem;
  flex: 0 0 9.2rem;
}

.p4-cont .p4-tit {
  font-size: .55rem;
  color: #3d3a39;
  margin-bottom: .25rem;
}

.p4-cont .p4-desc {
  font-size: .23rem;
  line-height: .36rem;
}