html {
  font-size: 10vw;
}
.indexbox {
  width: 10rem;
  margin: 0 auto;
  background: url(../images/ydbanner.png) center top no-repeat #46b4ff;
  background-size: 10rem 13.94666667rem;
}
.indexbox .banner {
  height: 13.10666667rem;
}
.indexbox .themezc {
  width: 9.41333333rem;
  margin: 0 auto;
}
.indexbox .themezc a {
  display: block;
  width: 100%;
}
.indexbox .themezc a h2 {
  width: 9.33333333rem;
  margin: 0 auto 0.66666667rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.48rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.indexbox .themezc a p {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.4rem;
  line-height: 0.64rem;
  color: #fff;
}
.indexbox .eqybhj {
  margin: 0.66666667rem auto 0;
  width: 9.33333333rem;
  height: 7.28rem;
}
.indexbox .eqybhj ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.indexbox .eqybhj ul li {
  width: 4.54666667rem;
  height: 3.41333333rem;
}
.indexbox .eqybhj ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexbox .eqybhj ul li a .pic {
  width: 100%;
  height: 2.90666667rem;
}
.indexbox .eqybhj ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .eqybhj ul li a p {
  width: 100%;
  text-align: center;
  font-size: 0.4rem;
  color: #fff;
  margin-top: 0.10666667rem;
}
.indexbox .xzqhq {
  margin: 0.93333333rem auto 0;
  width: 10rem;
  background: #fff;
  padding: 0.93333333rem 0 1.10666667rem;
}
.indexbox .xzqhq .xxqhnew {
  padding-left: 0.22666667rem;
  padding-bottom: 0.4rem;
  width: 9.77333333rem;
  overflow-x: scroll;
  white-space: nowrap;
}
.indexbox .xzqhq .xxqhnew li {
  width: 3.2rem;
  display: inline-block;
  margin-right: 0.26666667rem;
}
.indexbox .xzqhq .xxqhnew li p {
  color: #1e1e1e;
  text-align: center;
  font-size: 0.4rem;
  font-weight: 700;
  margin-bottom: 0.12rem;
  width: 100%;
}
.indexbox .xzqhq .xxqhnew li span {
  color: #313131;
  font-size: 0.21333333rem;
  display: block;
  text-align: center;
  width: 100%;
}
.indexbox .xzqhq .xxqhnew .active p {
  color: #2769ee;
}
.indexbox .xzqhq .xxqhnew .active span {
  color: #2769ee;
}
.indexbox .xzqhq .switchingarea {
  width: 9.46666667rem;
  margin: 0.53333333rem auto 0;
}
.indexbox .xzqhq .switchingarea .switch-swiper {
  width: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul {
  width: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li {
  width: 100%;
  margin-bottom: 0.72rem;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .pic {
  width: 100%;
  height: 5.38666667rem;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .pic a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .pic a img {
  width: 100%;
  height: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text {
  margin: 0.58666667rem auto 0;
  width: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text h2 {
  width: 100%;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text h2 a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3e3e3f;
  font-size: 0.42666667rem;
  font-weight: 700;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text .jsgs {
  margin: 0.58666667rem auto 0;
  width: 100%;
  color: #3e3e3f;
  font-size: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.53333333rem;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text .linchpin {
  margin: 0.61333333rem auto 0;
  background-color: #008ee7;
  border-radius: 0.13333333rem;
  padding: 0.34666667rem 0.17333333rem;
}
.indexbox .xzqhq .switchingarea .switch-swiper ul li .text .linchpin p {
  width: 100%;
  color: #fff;
  font-size: 0.4rem;
  line-height: 0.53333333rem;
}
.indexbox .hdryb {
  background: url(../images/ydhdxgryb.png) top center no-repeat;
  background-size: 10rem 12.89333333rem;
  width: 10rem;
  height: 12.89333333rem;
  margin: 0 auto;
  padding-top: 6.89333333rem;
}
.indexbox .hdryb ul {
  margin: 0 auto;
  width: 8.93333333rem;
  height: 4.53333333rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.indexbox .hdryb ul::-webkit-scrollbar {
  width: 8px;
  height: 5px;
  /**/
}
.indexbox .hdryb ul::-webkit-scrollbar-track {
  background: #f3c49e;
  border-radius: 2px;
}
.indexbox .hdryb ul::-webkit-scrollbar-thumb {
  background: #d59c6e;
  border-radius: 10px;
}
.indexbox .hdryb ul::-webkit-scrollbar-thumb:hover {
  background: #f3c49e;
}
.indexbox .hdryb ul::-webkit-scrollbar-corner {
  background: #f3c49e;
}
.indexbox .hdryb ul::scrollbar {
  width: 8px;
  height: 5px;
  /**/
}
.indexbox .hdryb ul::scrollbar-track {
  background: #f3c49e;
  border-radius: 2px;
}
.indexbox .hdryb ul::scrollbar-thumb {
  background: #d59c6e;
  border-radius: 10px;
}
.indexbox .hdryb ul::scrollbar-thumb:hover {
  background: #f3c49e;
}
.indexbox .hdryb ul::scrollbar-corner {
  background: #f3c49e;
}
.indexbox .hdryb ul li {
  border-bottom: 0.02666667rem solid #e9b574;
  text-align: center;
  display: table;
  width: 100%;
  margin: 0 auto;
  height: 1.46666667rem;
}
.indexbox .hdryb ul li:last-child {
  border-bottom: none;
}
.indexbox .hdryb ul li a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-size: 0.4rem;
  color: #e11b1d;
  font-weight: 700;
}
.indexbox .bsfwt {
  margin: 0.85333333rem auto 0;
  width: 10rem;
}
.indexbox .bsfwt .top {
  background: url(../images/ydhdxgbsfwt.png) center center no-repeat;
  background-size: 10rem 1.33333333rem;
  width: 10rem;
  height: 1.33333333rem;
  margin: 0 auto;
}
.indexbox .bsfwt .bsfwtlist {
  margin: 0.22666667rem auto 0;
  width: 9.62666667rem;
  height: 9rem;
  background: url(../images/ydfwsxhj.png) top center no-repeat;
  background-size: 5.81333333rem 6.44rem;
}
.indexbox .bsfwt .bsfwtlist ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.indexbox .bsfwt .bsfwtlist ul li {
  position: absolute;
}
.indexbox .bsfwt .bsfwtlist ul li:first-child {
  top: 0.64rem;
  right: 0;
  width: 2.70666667rem;
}
.indexbox .bsfwt .bsfwtlist ul li:nth-child(2) {
  top: 4.53333333rem;
  right: 0;
  width: 2.93333333rem;
}
.indexbox .bsfwt .bsfwtlist ul li:nth-child(3) {
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 1.97333333rem;
}
.indexbox .bsfwt .bsfwtlist ul li:nth-child(4) {
  top: 4.53333333rem;
  left: 0;
  width: 1.97333333rem;
}
.indexbox .bsfwt .bsfwtlist ul li:nth-child(5) {
  top: 0.64rem;
  left: 0;
  width: 2.70666667rem;
}
.indexbox .bsfwt .bsfwtlist ul li a {
  display: block;
  width: 100%;
}
.indexbox .bsfwt .bsfwtlist ul li a .pic {
  width: 0.96rem;
  height: 0.96rem;
  margin: 0 auto;
}
.indexbox .bsfwt .bsfwtlist ul li a .pic img {
  width: 100%;
  height: 100%;
}
.indexbox .bsfwt .bsfwtlist ul li a p {
  width: 100%;
  font-size: 0.34666667rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-top: 0.18666667rem;
}
