html {
  font-size: 10vw;
}
.indexbox .banner {
  width: 100%;
  height: 4.70666667rem;
  background: url(../images/banner_m.png) no-repeat center top;
  background-size: 100% 100%;
}
.indexbox .conter {
  width: 100%;
  margin-top: 0.44rem;
}
.indexbox .conter .nav-swiper {
  height: 1rem;
  width: 100%;
}
.indexbox .conter .nav-swiper .swiper-slide {
  width: 3rem;
  height: 0.85333333rem;
  margin-left: 0.41333333rem;
  background-color: #e5e5e5;
  border-radius: 0.18666667rem;
}
.indexbox .conter .nav-swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.34666667rem;
  line-height: 0.85333333rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexbox .conter .nav-swiper .avtive {
  background-color: #db461f;
}
.indexbox .conter .nav-swiper .avtive a {
  color: #fff;
}
.indexbox .conter .news {
  width: 9.2rem;
  margin: 0.44rem auto;
}
.indexbox .conter .news .section {
  display: none;
  width: 100%;
}
.indexbox .conter .news .section ul {
  width: 100%;
}
.indexbox .conter .news .section ul li {
  width: 9.2rem;
  height: 6.8rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.53333333rem 0px rgba(100, 21, 8, 0.3), inset 0px 0.05333333rem 0.26666667rem 0px rgba(0, 0, 0, 0.17);
  border-radius: 0.26666667rem;
  border: solid 0.06666667rem #ff947f;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.indexbox .conter .news .section ul li h2 {
  width: 8.50666667rem;
  height: 1.33333333rem;
  background-color: #fff1eb;
  border-radius: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexbox .conter .news .section ul li h2 a {
  display: block;
  width: 7.8rem;
  color: #a43a00;
  font-size: 0.37333333rem;
}
.indexbox .conter .news .section ul li p {
  width: 7.81333333rem;
  font-size: 0.32rem;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.indexbox .conter .news .section ul li .more {
  width: 2.69333333rem;
  height: 0.69333333rem;
  background-color: #e05539;
  border-radius: 0.18666667rem;
  text-align: center;
  line-height: 0.69333333rem;
  font-size: 0.32rem;
  color: #fff;
}
.indexbox .conter .news .section .pic {
  margin: 0.72rem auto 0;
  width: 9.2rem;
}
.indexbox .conter .news .section .pic a {
  display: block;
  width: 9.2rem;
  height: 1.94666667rem;
  margin-bottom: 0.38666667rem;
}
.indexbox .conter .news .section .pic a img {
  width: 100%;
  height: 100%;
}