html {
  font-size: 10vw;
}
.indexbox {
  background: url(../images/ydbanner.png) center top no-repeat #ffefe6;
  padding-bottom: 0.53333333rem;
  background-size: 10rem 8.02666667rem;
}
.indexbox .banner {
  height: 7.02666667rem;
  margin: 0 auto;
  width: 10rem;
  position: relative;
}
.indexbox .banner .jzdtbt {
  position: absolute;
  top: 0.2rem;
  right: 0.26666667rem;
  width: 2.70666667rem;
  height: 0.62666667rem;
  background-color: rgba(255, 255, 255, 0.53);
  border-radius: 0.32rem;
  text-align: center;
  line-height: 0.62666667rem;
}
.indexbox .banner .jzdtbt a {
  color: #e34235;
  font-size: 0.32rem;
  font-weight: 700;
}
.indexbox .stories {
  margin: 0 0.12rem 0 0.25333333rem;
  width: 9.62666667rem;
  height: 5.30666667rem;
  background: url(../images/ydstories.png) center center no-repeat;
  background-size: 9.62666667rem 5.30666667rem;
  padding: 0.52rem 0 0 1.34666667rem;
}
.indexbox .stories p {
  width: 7.61333333rem;
  font-size: 0.34666667rem;
  color: #fff;
  line-height: 0.53333333rem;
}
.indexbox .videoview {
  margin: 0.96rem auto 0;
  width: 10rem;
  height: 4.93333333rem;
  background: url(../images/ydvideobj.png) center center no-repeat;
  background-size: 10rem 4.93333333rem;
}
.indexbox .videoview video {
  object-fit: fill;
  margin: 0 auto;
  height: 100%;
  width: 9.49333333rem;
  display: block;
}
.indexbox .xfqd {
  margin: 0.89333333rem auto 0;
  width: 10rem;
}
.indexbox .xfqd .top {
  width: 100%;
  height: 1.37333333rem;
  background: url(../images/ydgzqd.png) center center no-repeat;
  background-size: 10rem 1.37333333rem;
}
.indexbox .xfqd .conter {
  height: 19.21333333rem;
  width: 10rem;
  margin: 0.53333333rem auto 0;
  background: url(../images/ydqdbj.png) center center no-repeat;
  background-size: 10rem 19.21333333rem;
  padding-top: 0.44rem;
}
.indexbox .xfqd .conter .xfqdhd {
  width: 9.44rem;
  margin: 0 auto;
  height: 3.65333333rem;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.indexbox .xfqd .conter .xfqdhd li {
  width: 2.85333333rem;
  height: 0.90666667rem;
  background: url(../images/ydxzbj.png) center center no-repeat;
  background-size: 2.85333333rem 0.90666667rem;
  text-align: center;
  line-height: 0.90666667rem;
  color: #6e6e6e;
  font-size: 0.4rem;
}
.indexbox .xfqd .conter .xfqdhd .xfactive {
  background: url(../images/ydonxzbj.png) center center no-repeat;
  background-size: 2.85333333rem 0.90666667rem;
  color: #fff;
  font-weight: 600;
}
.indexbox .xfqd .conter .xfqd-swiper {
  margin: 1.18666667rem auto 0;
  width: 9.22666667rem;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide {
  width: 100%;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide h2 {
  width: 9.01333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide h2 i {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  background-color: #e14e25;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  margin-right: 0.2rem;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide h2 span {
  display: block;
  width: 6.81333333rem;
  color: #e14e25;
  font-size: 0.45333333rem;
  font-weight: 700;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide .fgx {
  margin: 0.21333333rem auto 0;
  width: 9.01333333rem;
  height: 0.05333333rem;
  border-top: 0.01333333rem solid #e03021;
  border-bottom: 0.01333333rem solid #e03021;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul {
  margin: 0.48rem auto 0;
  width: 9.22666667rem;
  height: 12.26666667rem;
  overflow-y: auto;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul::-webkit-scrollbar {
  display: none;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul li {
  width: 100%;
  padding: 0.45333333rem 0.32rem 0.48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul li:nth-child(2n) {
  background-color: #fdf3f0;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul li p {
  width: 32%;
  font-size: 0.32rem;
  color: #212121;
  text-align: center;
}
.indexbox .xfqd .conter .xfqd-swiper .swiper-slide ul li p:last-child {
  text-align: left;
}
.indexbox .xgzc {
  margin: 0.89333333rem auto 0;
  width: 10rem;
}
.indexbox .xgzc .top {
  width: 10rem;
  height: 0.77333333rem;
  background: url(../images/ydxgzc.png) center center no-repeat;
  background-size: 10rem 0.77333333rem;
  position: relative;
}
.indexbox .xgzc .top .more {
  position: absolute;
  top: 50%;
  right: 0.26666667rem;
  transform: translateY(-50%);
  color: #e83223;
  font-size: 0.32rem;
}
.indexbox .xgzc ul {
  margin: 0.52rem auto 0;
  width: 9.46666667rem;
}
.indexbox .xgzc ul li {
  width: 100%;
  height: 2.68rem;
  background-color: #ffffff;
  box-shadow: inset 0.08rem 0px 0px 0px #ed5d53;
  border: solid 0.01333333rem #fadfe0;
  margin-bottom: 0.45333333rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: space-evenly;
}
.indexbox .xgzc ul li h2 {
  width: 8.96rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexbox .xgzc ul li h2 i {
  width: 0.52rem;
  height: 0.53333333rem;
  background: url(../images/xgzctb.png) no-repeat;
  background-size: 0.52rem 0.53333333rem;
}
.indexbox .xgzc ul li h2 a {
  width: 8.26666667rem;
  color: #212121;
  font-size: 0.37333333rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexbox .xgzc ul li p {
  width: 8.30666667rem;
  margin-left: 0.65333333rem;
  color: #b6b6b6;
  font-size: 0.32rem;
  line-height: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexbox .nwwd {
  margin: 0.89333333rem auto 0;
  width: 10rem;
}
.indexbox .nwwd .top {
  width: 100%;
  height: 0.77333333rem;
  background: url(../images/ydnwwd.png) center center no-repeat;
  background-size: 10rem 0.77333333rem;
}
.indexbox .nwwd .project {
  margin-top: 0.53333333rem;
  width: 10rem;
  height: 8.05333333rem;
  background: url(../images/ydnwwditbj.png) center center no-repeat;
  background-size: 10rem 8.04rem;
  padding-top: 0.49333333rem;
}
.indexbox .nwwd .project ul {
  width: 9.49333333rem;
  margin: 0 auto;
  height: 6.36rem;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.indexbox .nwwd .project ul li {
  width: 2.96rem;
  height: 2.96rem;
  background-color: #fefbf5;
  box-shadow: 0px 0.06666667rem 0.17333333rem 0px rgba(92, 34, 10, 0.52);
  border-radius: 0.14666667rem;
  display: flex;
  justify-content: center;
  align-content: start;
  flex-wrap: wrap;
}
.indexbox .nwwd .project ul li .pic {
  height: 1.70666667rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexbox .nwwd .project ul li .pic img {
  width: 0.82666667rem;
  height: 0.82666667rem;
}
.indexbox .nwwd .project ul li .text {
  width: 100%;
  height: 0.74666667rem;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
}
.indexbox .nwwd .project ul li .text p {
  color: #0d1313;
  font-size: 0.34666667rem;
  text-align: center;
}
.indexbox .nwwd .project ul .active {
  width: 2.96rem;
  height: 2.96rem;
  background-color: #fffbf4;
  box-shadow: 0px 0.06666667rem 0.17333333rem 0px rgba(100, 30, 0, 0.52);
  border: 0.01333333rem solid #fa3a35;
  border-radius: 0.14666667rem;
  position: relative;
}
.indexbox .nwwd .project ul .active::after {
  content: "";
  display: block;
  width: 0.38666667rem;
  height: 0.37333333rem;
  background: url(../images/ydselect.png) center center no-repeat;
  background-size: 0.38666667rem 0.37333333rem;
  position: absolute;
  right: -0.01333333rem;
  top: -0.01333333rem;
  border-top-right-radius: 0.14666667rem;
}
.indexbox .nwwd .project ul .active .text p {
  font-weight: 600;
  color: #ff4e20;
}
.indexbox .nwwd .nwwd-swiper {
  margin: 0.54666667rem auto 0;
  width: 9.84rem;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide {
  width: 100%;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide ul {
  width: 100%;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide ul li {
  width: 100%;
  height: 3.56rem;
  background: url(../images/ydconbj.png) center center no-repeat;
  background-size: 9.84rem 3.56rem;
  padding-top: 0.53333333rem;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide ul li h2 {
  width: 8.4rem;
  margin: 0 auto;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide ul li h2 a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #212121;
  font-size: 0.4rem;
  font-weight: 600;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide ul li p {
  margin: 0.69333333rem 0 0 0.45333333rem;
  color: #696969;
  font-size: 0.32rem;
  width: 8.61333333rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide .jzgd {
  border-bottom: 0.01333333rem solid #ed5a34;
  width: 1.92rem;
  margin: 0.53333333rem auto 0;
}
.indexbox .nwwd .nwwd-swiper .swiper-slide .jzgd a {
  font-size: 0.4rem;
  color: #ed5a34;
}