html {
  font-size: 10vw;
}
.indexbox {
  padding-bottom: 0.4rem;
  background: url(../images/yd_hyfw1.png) top center no-repeat #ffedef;
  background-size: 100% 6.81333333rem;
}
.indexbox .banner {
  height: 5.48rem;
}
.indexbox .hd {
  margin: 0 auto;
  width: 10rem;
  height: 1.53333333rem;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 99%);
  background-blend-mode: normal, normal;
}
.indexbox .hd .selection {
  margin: 0 auto;
  width: 6.16rem;
  height: 0.73333333rem;
}
.indexbox .hd .selection li {
  width: 3.08rem;
  height: 100%;
  float: left;
}
.indexbox .hd .selection li .item {
  color: #303030;
  font-size: 0.48rem;
  width: 88px;
  display: block;
  float: right;
  font-weight: 700;
}
.indexbox .hd .selection li:first-child {
  width: 3.06666667rem;
  border-right: #dbdbdb 0.01333333rem solid;
}
.indexbox .hd .selection li:first-child .item {
  float: left;
}
.indexbox .hd .selection .active .item {
  width: 1.92rem;
  color: #da1808;
  font-size: 0.48rem;
}
.indexbox .hd .selection .active .item::after {
  content: "";
  display: block;
  width: 0.58666667rem;
  height: 0.04rem;
  background-color: #da1808;
  border-radius: 0.02666667rem;
  margin: 0.21333333rem auto 0;
}
.indexbox .hd .selection .activ .item {
  width: 1.92rem;
  color: #ff9228;
  font-size: 0.48rem;
}
.indexbox .hd .selection .activ .item::after {
  content: "";
  display: block;
  width: 0.58666667rem;
  height: 0.04rem;
  background-color: #ff9228;
  border-radius: 0.02666667rem;
  margin: 0.21333333rem auto 0;
}
.indexbox .hywyk {
  width: 9.57333333rem;
  height: 13.33333333rem;
  margin: 0 auto;
  background: url(../images/yd_hywyk.png) center no-repeat;
  background-size: 9.57333333rem 13.33333333rem;
  border-radius: 0.48rem;
  padding: 1.33333333rem 0 0 0.53333333rem;
}
.indexbox .hywyk ul {
  width: 8.37333333rem;
}
.indexbox .hywyk ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .hywyk ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .hywyk ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.56rem;
  width: 0.56rem;
  height: 0.66666667rem;
}
.indexbox .hywyk ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .hywyk ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .hywyk ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .hywyc {
  margin: 1.06666667rem auto 0;
  width: 9.6rem;
  height: 7.50666667rem;
  background: url(../images/yd_hywyc.png) center center no-repeat;
  background-size: 9.6rem 7.50666667rem;
  border-radius: 0.48rem;
  padding: 1.32rem 0 0 0.53333333rem;
}
.indexbox .hywyc ul {
  width: 8.37333333rem;
}
.indexbox .hywyc ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .hywyc ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .hywyc ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.46666667rem;
  width: 0.74666667rem;
  height: 0.64rem;
}
.indexbox .hywyc ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .hywyc ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .hywyc ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .hywyb {
  margin: 1.06666667rem auto 0;
  width: 9.6rem;
  height: 7.44rem;
  background: url(../images/yd_hywyb.png) center center no-repeat;
  background-size: 9.6rem 7.44rem;
  border-radius: 0.48rem;
  padding: 1.32rem 0 0 0.53333333rem;
}
.indexbox .hywyb ul {
  width: 8.37333333rem;
}
.indexbox .hywyb ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .hywyb ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .hywyb ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.48rem;
  width: 0.73333333rem;
  height: 0.82666667rem;
}
.indexbox .hywyb ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .hywyb ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .hywyb ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .hywyw {
  width: 9.62666667rem;
  height: 18.45333333rem;
  margin: 1.06666667rem auto 0;
  background: url(../images/yd_hywyw.png) center center no-repeat;
  background-size: 9.62666667rem 18.45333333rem;
  padding: 1.32rem 0 0 0.52rem;
}
.indexbox .hywyw ul {
  width: 8.38666667rem;
}
.indexbox .hywyw ul li {
  width: 8.38666667rem;
  height: 3.69333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
}
.indexbox .hywyw ul li h2 {
  margin: 0 auto;
  width: 7.56rem;
  height: 1.45333333rem;
  border-bottom: 0.01333333rem solid #e8e8e8;
}
.indexbox .hywyw ul li h2 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .hywyw ul li h2 a i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.48rem;
  height: 0.44rem;
  background: url(../images/hywywxt.png) center center no-repeat;
  background-size: 0.48rem 0.44rem;
}
.indexbox .hywyw ul li h2 a span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6.77333333rem;
  color: #212121;
  font-size: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexbox .hywyw ul li p {
  margin: 0.26666667rem auto 0;
  width: 7.34666667rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6e6e6e;
  font-size: 0.32rem;
  line-height: 0.48rem;
}
.indexbox .hywyw ul li p .xq {
  color: #d61412;
}
.indexbox .wxts {
  margin: 0.8rem auto 0;
  width: 9.36rem;
}
.indexbox .wxts .top {
  width: 2rem;
  font-size: 0.4rem;
  color: #c13931;
  font-weight: 700;
}
.indexbox .wxts ul {
  margin: 0.48rem auto 0;
  width: 8.42666667rem;
}
.indexbox .wxts ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  color: #212121;
  font-size: 0.32rem;
  margin-bottom: 0.46666667rem;
}
.indexbox .wxts ul li .itenmna {
  width: 1.73333333rem;
  color: #d12827;
}
.indexbox .wxts ul li span {
  width: 6.69333333rem;
}
.indexbox .sywyk {
  display: none;
  width: 9.57333333rem;
  height: 13.33333333rem;
  margin: 0 auto;
  background: url(../images/yd_sywyk.png) center no-repeat;
  background-size: 9.57333333rem 13.33333333rem;
  border-radius: 0.48rem;
  padding: 1.33333333rem 0 0 0.53333333rem;
}
.indexbox .sywyk ul {
  width: 8.37333333rem;
}
.indexbox .sywyk ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .sywyk ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .sywyk ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.56rem;
  width: 0.56rem;
  height: 0.66666667rem;
}
.indexbox .sywyk ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .sywyk ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .sywyk ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .sywyc {
  display: none;
  margin: 1.06666667rem auto 0;
  width: 9.6rem;
  height: 7.50666667rem;
  background: url(../images/yd_sywyc.png) center center no-repeat;
  background-size: 9.6rem 7.50666667rem;
  border-radius: 0.48rem;
  padding: 1.32rem 0 0 0.53333333rem;
}
.indexbox .sywyc ul {
  width: 8.37333333rem;
}
.indexbox .sywyc ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .sywyc ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .sywyc ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.46666667rem;
  width: 0.74666667rem;
  height: 0.64rem;
}
.indexbox .sywyc ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .sywyc ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .sywyc ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .sywyb {
  display: none;
  margin: 1.06666667rem auto 0;
  width: 9.6rem;
  height: 7.44rem;
  background: url(../images/yd_sywyb.png) center center no-repeat;
  background-size: 9.6rem 7.44rem;
  border-radius: 0.48rem;
  padding: 1.32rem 0 0 0.53333333rem;
}
.indexbox .sywyb ul {
  width: 8.37333333rem;
}
.indexbox .sywyb ul li {
  width: 100%;
  height: 1.45333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
  margin-bottom: 0.45333333rem;
}
.indexbox .sywyb ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .sywyb ul li a .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.48rem;
  width: 0.73333333rem;
  height: 0.82666667rem;
}
.indexbox .sywyb ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .sywyb ul li a .fgx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.45333333rem;
  width: 0.01333333rem;
  height: 0.56rem;
  background-color: #f24b49;
}
.indexbox .sywyb ul li a h2 {
  width: 6.38666667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.24rem;
  color: #212121;
  font-weight: 600;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexbox .sywyw {
  display: none;
  width: 9.62666667rem;
  height: 18.45333333rem;
  margin: 1.06666667rem auto 0;
  background: url(../images/yd_sywyw.png) center center no-repeat;
  background-size: 9.62666667rem 18.45333333rem;
  padding: 1.32rem 0 0 0.52rem;
}
.indexbox .sywyw ul {
  width: 8.38666667rem;
}
.indexbox .sywyw ul li {
  width: 8.38666667rem;
  height: 3.69333333rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 0.01333333rem #dbdbdb;
}
.indexbox .sywyw ul li h2 {
  margin: 0 auto;
  width: 7.56rem;
  height: 1.45333333rem;
  border-bottom: 0.01333333rem solid #e8e8e8;
}
.indexbox .sywyw ul li h2 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .sywyw ul li h2 a i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.48rem;
  height: 0.44rem;
  background: url(../images/sywywxt.png) center center no-repeat;
  background-size: 0.48rem 0.44rem;
}
.indexbox .sywyw ul li h2 a span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6.77333333rem;
  color: #212121;
  font-size: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexbox .sywyw ul li p {
  margin: 0.26666667rem auto 0;
  width: 7.34666667rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6e6e6e;
  font-size: 0.32rem;
  line-height: 0.48rem;
}
.indexbox .sywyw ul li p .xq {
  color: #d61412;
}