html,
body {
  width: 100%;
  height: 100%;
  position: relative;
}
.jd-info {
  width: 45%;
  height: 23.23529412rem;
  margin-top: 1.76470588rem;
  position: relative;
  overflow: hidden;
}
.jd-info .swiper-wrapper .swiper-slide a .fonts {
  height: 2.76470588rem;
  padding-bottom: 1.17647059rem;
  color: #fff;
  text-align: center;
  line-height: 2.76470588rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.jd-info .swiper-pagination-bullet {
  width: 1.17647059rem;
  height: 0.29411765rem;
  border-radius: 0.58823529rem;
  background: #fff;
  opacity: 1;
}
.jd-info .swiper-pagination-bullet-active {
  background: #F4C900;
}
.head-info {
  width: calc(55% - 23px);
  height: 23.23529412rem;
  margin-top: 1.76470588rem;
  overflow: hidden;
  /* .tab-hd{ margin-top: -5/@r;} */
}
.head-info .tab-bd {
  margin-top: 0.29411765rem;
}
.hf-xc {
  margin-top: 1.35294118rem;
  position: relative;
  overflow: hidden;
}
.hf-xc .hfSwiper .swiper-wrapper .swiper-slide a {
  height: 6.17647059rem;
  display: block;
}
.hf-xc .hfSwiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zwgk-boxs {
  width: calc(50% - 11.5px);
  margin-top: 1.35294118rem;
}
.zwgk-boxs .zwgk-box {
  height: 17.88235294rem;
  padding: 1.35294118rem;
  border: 0.05882353rem solid #dfeaf9;
  background-color: #f2f6fa;
  box-sizing: border-box;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd {
  margin-top: 0.58823529rem;
  overflow: hidden;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul {
  margin-right: -1.05882353rem;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li {
  width: 50%;
  float: left;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li a {
  margin: 1.05882353rem 1.05882353rem 0 0;
  padding: 0.94117647rem 0;
  text-align: center;
  border: 0.05882353rem solid #c3d3e4;
  display: block;
  background: #f9fbfd;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li a img {
  height: 3.29411765rem;
  margin-right: 0.29411765rem;
  display: inline-block;
  vertical-align: middle;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li a span {
  font-size: 1.11764706rem;
  color: #13559f;
  font-weight: bold;
  line-height: 3.29411765rem;
  letter-spacing: 0.05882353rem;
  vertical-align: middle;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li a:hover {
  background-color: #fff;
}
.zwgk-boxs .zwgk-box .zfxxgk-bd ul li a:hover img {
  animation: jumpBoxHandler 1.5s infinite;
}
.zwgk-boxs .zwgk-box .zfxxgkml-bd {
  margin-top: 0.58823529rem;
  overflow: hidden;
}
.zwgk-boxs .zwgk-box .zfxxgkml-bd ul {
  margin-right: -1.05882353rem;
}
.zwgk-boxs .zwgk-box .zfxxgkml-bd ul li {
  width: 33.33%;
  float: left;
}
.zwgk-boxs .zwgk-box .zfxxgkml-bd ul li a {
  margin: 1.05882353rem 1.05882353rem 0 0;
  padding: 0 0.58823529rem;
  line-height: 3.05882353rem;
  text-align: center;
  border: 0.05882353rem solid #c3d3e4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  background: #f9fbfd;
  box-sizing: border-box;
}
.zwgk-boxs .zwgk-box .zfxxgkml-bd ul li a:hover {
  font-weight: bold;
  background-color: #fff;
}
.jczwgk-boxs {
  margin-top: 1.35294118rem;
  padding: 1.35294118rem 0.76470588rem;
  border: 0.05882353rem solid #dfeaf9;
  background-color: #f2f6fa;
  box-sizing: border-box;
}
.jczwgk-boxs .zw-lm {
  margin: 0 0.58823529rem;
}
.jczwgk-boxs .jczwgk-box {
  margin-top: 1.17647059rem;
  overflow: hidden;
  position: relative;
}
.jczwgk-boxs .jczwgk-box .swiper-wrapper .swiper-slide {
  width: 50%;
}
.jczwgk-boxs .jczwgk-box .swiper-wrapper .swiper-slide a {
  height: 5.35294118rem;
  margin: 0 0.58823529rem;
  display: block;
  overflow: hidden;
}
.jczwgk-boxs .jczwgk-box .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jczwgk-boxs .jczwgk-box .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.jczwgk-boxs .jczwgk-box .jc-next,
.jczwgk-boxs .jczwgk-box .jc-prev {
  width: 1.64705882rem;
  height: 1.64705882rem;
  top: 2.94117647rem;
}
.jczwgk-boxs .jczwgk-box .jc-next:after,
.jczwgk-boxs .jczwgk-box .jc-prev:after {
  content: "" !important;
}
.jczwgk-boxs .jczwgk-box .jc-next {
  right: 0.58823529rem;
}
.jczwgk-boxs .jczwgk-box .jc-prev {
  left: 0.58823529rem;
}
.zwgk-new-boxs {
  width: calc(50% - 11.5px);
  margin-top: 1.17647059rem;
}
.zwgk-new-boxs .tab-bd .infos-box {
  height: 18.23529412rem;
  overflow: hidden;
}
.zwgk-new-boxs .tab-bd .infos-box .infolist li:nth-child(n+8) {
  display: none;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-hd-small {
  overflow: hidden;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-hd-small ul {
  margin-right: -0.76470588rem;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-hd-small ul li {
  width: 25%;
  float: left;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-hd-small ul li a {
  margin: 0.76470588rem 0.76470588rem 0 0;
  padding: 0.47058824rem 0;
  color: #13559f;
  text-align: center;
  border: 0.05882353rem solid #13559f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-hd-small ul li.active a {
  color: #fff;
  font-weight: bold;
  background-color: #13559f;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-bd-small {
  margin-top: 0.29411765rem;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-bd-small .info-box {
  display: none;
}
.zwgk-new-boxs .tab-bd .infos-box .tab-bd-small .info-box .infolist li {
  line-height: 2.52941176rem;
}
.xc-boxs {
  margin: 1.17647059rem -0.58823529rem -0.58823529rem -0.58823529rem;
  padding-bottom: 1.76470588rem;
  overflow: hidden;
  position: relative;
}
.xc-boxs .swiper-wrapper .swiper-slide {
  width: 33.33%;
}
.xc-boxs .swiper-wrapper .swiper-slide a {
  height: 6.64705882rem;
  margin: 0 0.58823529rem;
  display: block;
  overflow: hidden;
}
.xc-boxs .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xc-boxs .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.xc-boxs .swiper-pagination {
  bottom: 0;
}
/****通用样式****/
.zw-lm {
  background: url(../images/yjtc_bg_zfxxgklm.png) repeat-x center;
}
.zw-lm .span-box {
  min-width: 14.11764706rem;
  max-width: 17.05882353rem;
  margin: 0 auto;
  background-color: #f2f6fa;
  font-size: 0;
  text-align: center;
  vertical-align: top;
}
.zw-lm .span-box i {
  width: 0.47058824rem;
  height: 0.47058824rem;
  margin: 0 1.17647059rem;
  border-radius: 50%;
  transform: scale(0.9);
  transform-origin: 0% center;
  background-color: #13559f;
  display: inline-block;
  vertical-align: middle;
}
.zw-lm .span-box span {
  font-size: 1.29411765rem;
  color: #13559f;
  font-weight: bold;
  line-height: 1.76470588rem;
  text-align: center;
  letter-spacing: 0.11764706rem;
  display: inline-block;
  vertical-align: middle;
}
.tab-hd {
  overflow: hidden;
}
.tab-hd ul li {
  width: 20%;
  float: left;
}
.tab-hd ul li a {
  height: 2.47058824rem;
  font-size: 1.23529412rem;
  color: #757575;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.tab-hd ul li a i {
  width: 0;
  height: 0.17647059rem;
  background: #13559f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tab-hd ul li.active a {
  color: #13559f;
  font-weight: bold;
}
.tab-hd ul li.active a i {
  width: 2.35294118rem;
}
.tab-bd .infos-box {
  display: none;
  overflow: hidden;
}
/****通用动效****/
@keyframes jumpBoxHandler {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}