@charset "utf-8";
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}
.top {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 99999999;
}
.top .fl,
.top .fr {
  font-size: 0;
  vertical-align: middle;
}
.top .fl a,
.top .fr a {
  padding: 0 0.625rem;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.625rem;
  display: inline-block;
  background: url(../images/yjtc_bg_header_a.png) no-repeat right center;
}
.top .fl a:nth-of-type(1),
.top .fr a:nth-of-type(1) {
  padding-left: 0;
}
.top .fl a:nth-last-of-type(1),
.top .fr a:nth-last-of-type(1) {
  padding-right: 0;
  background: none !important;
}
.index-menu {
  width: 100%;
  position: absolute;
  top: 1.625rem;
  z-index: 9999;
  display: none;
  overflow: hidden;
  background-color: rgba(17, 81, 153, 0.9);
}
.index-menu .main {
  position: relative;
}
.index-menu .main .bmxz-hd {
  padding: 1.375rem 0 0.9375rem 0;
  color: #ffffff;
  font-weight: bold;
}
.index-menu .main .bmxz-bd {
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #f5f5f5;
}
.index-menu .main .bmxz-bd:nth-last-of-type(1) {
  padding-bottom: 1.125rem;
  border-bottom: 0;
}
.index-menu .main .bmxz-bd li {
  width: 16.66%;
  float: left;
  line-height: 2rem;
}
.index-menu .main .bmxz-bd li a {
  font-size: 0.9375rem;
  color: #ffffff;
}
.index-menu .main .close {
  position: absolute;
  top: 1.125rem;
  right: 0rem;
  cursor: pointer;
}
.banner {
  width: 100%;
  height: calc(100% - 6.8125rem);
  overflow: hidden;
  position: relative;
}
.banner .top-bg {
  width: 100%;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 83, 147, 0), rgba(0, 83, 147, 0.5));
}
.banner .mySwiper2 {
  width: 100%;
  height: 100%;
}
.banner .mySwiper2 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.banner .mySwiper2 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .mySwiper2 .myswiper2-next,
.banner .mySwiper2 .myswiper2-prev {
  width: 2.25rem;
  height: 2.25rem;
}
.banner .mySwiper2 .myswiper2-next:after,
.banner .mySwiper2 .myswiper2-prev:after {
  content: "";
}
.banner .mySwiper2 .myswiper2-next {
  right: 18px;
}
.banner .mySwiper2 .myswiper2-prev {
  left: 0;
}
.banner .dw-logo {
  width: 27.25rem;
  position: absolute;
  top: 6.25rem;
  left: 50%;
  right: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.banner .dw-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .dw-nav {
  width: 100%;
  background-color: rgba(19, 85, 159, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.banner .dw-nav .home {
  display: none;
}
.banner .dw-nav .pc-nav ul li {
  height: 4.125rem;
}
.banner .dw-nav .pc-nav ul li a {
  line-height: 4.125rem;
}
.banner .dw-nav .pc-nav ul li a i {
  background-color: #3a6ea9;
}
.banner .dw-btn {
  width: 2.8125rem;
  height: 2.8125rem;
  background: url(../images/yjtc_bg_qh.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: 5.625rem;
  right: 1.25rem;
  z-index: 999;
  animation: indexBoxHandler 2s infinite;
  cursor: pointer;
}
.banner .dw-btn img {
  width: 100%;
  height: 100%;
}
.index-head {
  display: none;
}
.index-head .header .index-logo {
  margin: 5rem 0 5.4375rem 0;
}
.index-head .header .search {
  margin: 5.375rem 0 5.5625rem 0;
}
.index-main {
  height: 0;
  overflow: hidden;
}
.head-first {
  background: url(../images/yjtc-bg-headfirst.png) no-repeat top center;
  overflow: hidden;
}
.head-first .main {
  margin: 1.5rem auto 0 auto;
  padding-bottom: 1.125rem;
  position: relative;
}
.head-first .main #announcement {
  height: 2.6875rem;
  margin: -0.125rem 3.75rem 0 6.25rem;
}
.head-first .main #announcement h2 {
  height: 2.6875rem;
  font-size: 1.625rem;
  color: #13559f;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.head-first .main .qt {
  margin: 0 0 0 3.75rem;
}
.head-first .main .qt ul {
  margin-right: -0.9375rem;
}
.head-first .main .qt ul li {
  width: 25%;
  float: left;
}
.head-first .main .qt ul li a {
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
  line-height: 1.5rem;
  text-align: center;
  background: url(../images/yjtc_bg_first_a.png) no-repeat right center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
}
.head-first .main .qt ul li:nth-last-of-type(1) a {
  background: none;
}
.head-first .main .head-first-img {
  width: 6.25rem;
  height: 6.25rem;
  position: absolute;
  top: -1.5rem;
  left: 0;
}
.index-main .jd-info {
  width: 45%;
  height: 27.625rem;
  margin-top: 1.5625rem;
  position: relative;
  overflow: hidden;
}
.index-main .jd-info .jdSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.index-main .jd-info .jdSwiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  display: block;
}
.index-main .jd-info .jdSwiper .swiper-wrapper .swiper-slide a .fonts {
  height: 2.9375rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  line-height: 2.9375rem;
  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;
}
.index-main .jd-info .jdSwiper .swiper-pagination-bullet {
  width: 1.5625rem;
  height: 0.3125rem;
  border-radius: 0.625rem;
  background: #fff;
  opacity: 1;
}
.index-main .jd-info .jdSwiper .swiper-pagination-bullet-active {
  background: #F4C900;
}
.index-main .head-info {
  width: calc(55% - 1.4375rem);
  margin-top: 1.5625rem;
  overflow: hidden;
}
.index-main .head-info .tab-hd ul li {
  width: 20%;
  float: left;
}
.index-main .head-info .tab-hd ul li a {
  font-size: 1.25rem;
  color: #757575;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-main .head-info .tab-hd ul li a i {
  width: 0;
  height: 0.1875rem;
  margin: 0.625rem auto 0 auto;
  background: #13559f;
  display: block;
}
.index-main .head-info .tab-hd ul li.active a {
  color: #13559f;
  font-weight: bold;
}
.index-main .head-info .tab-hd ul li.active a i {
  width: 2.5rem;
}
.index-main .head-info .tab-bd .infos-box {
  display: none;
}
.index-main .head-info .btn-bbb {
  height: 4.625rem;
  margin-top: 0.375rem;
  background: url(../images/yjtc_bg_bbb.png) no-repeat center center;
  border: 0.0625rem solid #ffffff;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .head-info .btn-bbb:hover {
  border: 0.0625rem solid #dbe5f1;
  background: url(../images/yjtc_bg_bbb_hover.png) no-repeat center center;
}
.index-main .head-info .btn-bbb .fl,
.index-main .head-info .btn-bbb .fr {
  box-sizing: border-box;
}
.index-main .head-info .btn-bbb .fl a,
.index-main .head-info .btn-bbb .fr a {
  line-height: 4.625rem;
  text-align: center;
  display: block;
}
.index-main .head-info .btn-bbb .fl a img,
.index-main .head-info .btn-bbb .fr a img,
.index-main .head-info .btn-bbb .fl a span,
.index-main .head-info .btn-bbb .fr a span {
  display: inline-block;
  vertical-align: middle;
}
.index-main .head-info .btn-bbb .fl {
  width: 50%;
}
.index-main .head-info .btn-bbb .fl a {
  width: 100%;
  display: inline-block;
  font-size: 1.1875rem;
  color: #1f5ea4;
  font-weight: bold;
}
.index-main .head-info .btn-bbb .fl a img {
  width: 1.75rem;
  margin-right: 0.625rem;
}
.index-main .head-info .btn-bbb .fl a:hover img {
  margin-right: 1.25rem;
}
.index-main .head-info .btn-bbb .fr {
  width: 50%;
  box-sizing: border-box;
}
.index-main .head-info .btn-bbb .fr a img {
  width: 6.25rem;
  margin-top: -0.1875rem;
}
.index-main .xczt {
  margin-top: 1.5625rem;
  margin-right: -1.25rem;
  position: relative;
  overflow: hidden;
}
.index-main .xczt .swiper-wrapper .swiper-slide {
  width: 33.33%;
}
.index-main .xczt .swiper-wrapper .swiper-slide a {
  height: 6.625rem;
  margin-right: 1.25rem;
  display: block;
  overflow: hidden;
}
.index-main .xczt .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-main .xczt .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);
}
.index-main .xczt .xczt-next,
.index-main .xczt .xczt-prev {
  width: 1.875rem;
  height: 1.875rem;
  top: 4.15625rem;
}
.index-main .xczt .xczt-next:after,
.index-main .xczt .xczt-prev:after {
  content: "" !important;
}
.index-main .xczt .xczt-next {
  right: 1.0625rem;
}
.index-main .xczt .xczt-prev {
  left: 0;
}
.index-main .mk {
  margin-top: 1.5625rem;
  border-bottom: 0.21875rem solid #2d73cb;
}
.index-main .mk .main {
  position: relative;
}
.index-main .mk .lm {
  width: 14.6875rem;
  height: 2.5rem;
  margin: 0 auto -1px auto;
  background-image: url(../images/yjtc-bg-lm.png);
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
}
.index-main .mk .lm a {
  font-size: 1.3125rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 2.5625rem;
  letter-spacing: 0.125rem;
  display: block;
}
.index-main .mk .zcwd-jqr {
  height: 2.625rem;
  margin-top: -0.1875rem;
  float: left;
  animation: hxBoxHandler 2s infinite;
}
.index-main .mk .ykb-img {
  height: 2.0625rem;
  margin-top: 0.1875rem;
  float: left;
  animation: ykbBoxHandler 2s infinite;
}
.index-main .mk .link-more {
  position: absolute;
  top: -0.25rem;
  right: 0;
}
.index-main .mk .link-more .more {
  margin-left: 0.9375rem;
  padding: 0.1875rem 0.9375rem 0.5rem 0.9375rem;
  float: left;
  border-radius: 0.1875rem;
  background: url(../images/yjtc-img-jt.png) no-repeat 92% center #13559f;
  border: 1px solid #13559f;
  display: inline-block;
}
.index-main .mk .link-more .more span {
  margin-right: 0.375rem;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.index-main .mk .link-more .more img {
  height: 0.5625rem;
  display: inline-block;
  vertical-align: middle;
}
.index-main .mk .link-more .more:hover {
  text-align: center;
  background: url(../images/yjtc-img-jt_hover.png) no-repeat 92% center #ffffff;
}
.index-main .mk .link-more .more:hover span {
  color: #13559f;
}
.index-main .mk .link-more .more:hover img {
  display: none;
}
.index-main .zfxxgk .lm {
  background: url(../images/yjtc_bg_zfxxgk.png) repeat-x center;
}
.index-main .zfxxgk .lm span {
  width: 12.1875rem;
  margin: 1.25rem auto;
  font-size: 1.3125rem;
  color: #13559f;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.125rem;
  background-color: #fff;
  display: block;
}
.index-main .zfxxgk .lm-bd ul {
  margin-right: -1.25rem;
}
.index-main .zfxxgk .lm-bd ul li {
  width: 25%;
  float: left;
}
.index-main .zfxxgk .lm-bd ul li a {
  margin-right: 1.25rem;
  padding: 1rem 0;
  text-align: center;
  border: 0.0625rem solid #e8eff7;
  display: block;
  background: #f2f6fa;
}
.index-main .zfxxgk .lm-bd ul li a img {
  height: 3.5rem;
  margin-right: 0.3125rem;
  display: inline-block;
  vertical-align: middle;
}
.index-main .zfxxgk .lm-bd ul li a span {
  font-size: 1.25rem;
  color: #13559f;
  font-weight: bold;
  line-height: 3.5rem;
  letter-spacing: 0.0625rem;
  vertical-align: middle;
}
.index-main .zfxxgk .lm-bd ul li a:hover {
  background-color: #eef3f9;
}
.index-main .zfxxgk .lm-bd ul li a:hover img {
  animation: jumpBoxHandler 1.5s infinite;
}
.index-main .zfxxgkml {
  margin-top: 1.5625rem;
  overflow: hidden;
}
.index-main .zfxxgkml .infos-ml {
  width: calc(66% - 1.4375rem);
}
.index-main .zfxxgkml .infos-ml .tab-hd {
  margin-top: -0.1875rem;
}
.index-main .zfxxgkml .infos-ml .tab-hd ul li {
  width: 16.66%;
  float: left;
}
.index-main .zfxxgkml .infos-ml .tab-hd ul li a {
  font-size: 1.25rem;
  color: #757575;
  display: inline-block;
}
.index-main .zfxxgkml .infos-ml .tab-hd ul li a i {
  width: 0;
  height: 0.1875rem;
  margin: 0.625rem 0 0 0;
  background: #13559f;
  display: block;
}
.index-main .zfxxgkml .infos-ml .tab-hd ul li.active a {
  color: #13559f;
  font-weight: bold;
}
.index-main .zfxxgkml .infos-ml .tab-hd ul li.active a i {
  width: 2.5rem;
}
.index-main .zfxxgkml .infos-ml .tab-bd {
  margin-top: 0.3125rem;
}
.index-main .zfxxgkml .infos-ml .tab-bd .infos-box {
  margin-bottom: -0.5rem;
  display: none;
}
.index-main .zfxxgkml .btns-ml {
  width: 34%;
  margin-top: -0.125rem;
  position: relative;
}
.index-main .zfxxgkml .btns-ml .btns {
  overflow: hidden;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .slides li .slide {
  overflow: hidden;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .slides li .slide dl {
  margin: 0.1875rem -0.875rem 0 0;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .slides li .slide dl dt {
  width: 50%;
  float: left;
  display: block;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .slides li .slide dl dt a {
  margin: 0.875rem 0.875rem 0 0;
  padding: 1.1875rem 0.625rem;
  text-align: center;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .slides li .slide dl dt a:hover {
  font-weight: bold;
  border: 1px solid #dfeaf9;
  background: #f2f6fa;
  letter-spacing: 0.1875rem;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-direction-nav {
  display: inline-block;
  position: absolute;
  top: 0.3125rem;
  right: 0;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-direction-nav li {
  float: left;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-direction-nav li a {
  width: 1.3125rem;
  height: 1.375rem;
  margin-left: 0.5rem;
  font-size: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-direction-nav li a.flex-prev {
  background-image: url(../images/yjtc_bg_ml_lf.png);
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-direction-nav li a.flex-next {
  background-image: url(../images/yjtc_bg_ml_rf.png);
}
.index-main .zfxxgkml .btns-ml .btns .flexslider .flex-control-paging {
  display: none;
}
.index-main .zfxxgkml .btns-ml .d-btn a {
  margin: 0.875rem 0 0 0;
  padding: 1.5rem 0.625rem;
  text-align: center;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.index-main .zfxxgkml .btns-ml .d-btn a:hover {
  font-weight: bold;
  border: 1px solid #dfeaf9;
  background: #f2f6fa;
  letter-spacing: 0.1875rem;
}
.index-main .zwgk-xc {
  margin-top: 1.25rem;
  position: relative;
  overflow: hidden;
}
.index-main .zwgk-xc .zwSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.index-main .zwgk-xc .zwSwiper .swiper-wrapper .swiper-slide a {
  height: 7.125rem;
  display: block;
}
.index-main .zwgk-xc .zwSwiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-main .ykb-bs {
  margin-top: 1.5625rem;
  overflow: hidden;
}
.index-main .ykb-bs ul {
  margin-right: -1.5625rem;
}
.index-main .ykb-bs ul li {
  width: 33.33%;
  float: left;
}
.index-main .ykb-bs ul li .box-bg {
  margin-right: 1.5625rem;
}
.index-main .ykb-bs ul li .box-bg .boxs {
  padding: 0.5rem;
  background: #f2f6fa;
}
.index-main .ykb-bs ul li .box-bg .boxs .box {
  background-color: #fff;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .bg {
  height: 9.125rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .bg a {
  font-size: 1.3125rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 7.8125rem;
  display: block;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .bg.bg-1 {
  background-image: url(../images/yjtc_bg_bsfw_mk01.png);
}
.index-main .ykb-bs ul li .box-bg .boxs .box .bg.bg-2 {
  background-image: url(../images/yjtc_bg_bsfw_mk02.png);
}
.index-main .ykb-bs ul li .box-bg .boxs .box .bg.bg-3 {
  background-image: url(../images/yjtc_bg_bsfw_mk03.png);
}
.index-main .ykb-bs ul li .box-bg .boxs .box .tip {
  height: 2.75rem;
  margin: -1.375rem 1.5625rem;
  padding: 0 0.625rem;
  color: #757575;
  text-align: center;
  line-height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  background-color: #f9f9f9;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-bs {
  height: 11.375rem;
  padding: 1.875rem 1.25rem;
  box-sizing: border-box;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-bs ul {
  margin: 0;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-bs ul li {
  float: left;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-bs ul li a {
  margin-top: 1.1875rem;
  color: #757575;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-bs ul li a:hover {
  color: #13559f;
  font-weight: bold;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-1 ul li {
  width: 50%;
}
.index-main .ykb-bs ul li .box-bg .boxs .box .infos-2 ul li {
  width: 33.33%;
}
.index-main .ykb-bs ul li:nth-of-type(1):hover .box-bg .boxs .box .tip {
  background-color: #7abede;
}
.index-main .ykb-bs ul li:nth-of-type(2):hover .box-bg .boxs .box .tip {
  background-color: #dcaeea;
}
.index-main .ykb-bs ul li:nth-of-type(3):hover .box-bg .boxs .box .tip {
  background-color: #aae0e3;
}
.index-main .ykb-bs ul li:hover .box-bg .boxs .box {
  cursor: pointer;
}
.index-main .ykb-bs ul li:hover .box-bg .boxs .box .bg {
  height: 8.5rem;
}
.index-main .ykb-bs ul li:hover .box-bg .boxs .box .tip {
  color: #fff;
}
.index-main .ykb-bs ul li:hover .box-bg .boxs .box .infos-bs {
  height: 12rem;
}
.index-main .ykb-btn {
  margin-top: 1.5625rem;
  overflow: hidden;
}
.index-main .ykb-btn ul {
  margin-right: -1.3125rem;
}
.index-main .ykb-btn ul li {
  width: 25%;
  float: left;
}
.index-main .ykb-btn ul li .box {
  margin-right: 1.3125rem;
  display: block;
}
.index-main .ykb-btn ul li .box a {
  padding: 0 0.625rem;
  text-align: center;
  line-height: 4.875rem;
  display: block;
  border: 1px solid #dbe7f2;
  background: url(../images/yjtc_bg_bsfw_btn.png) no-repeat center bottom;
  background-size: cover;
  box-sizing: border-box;
  position: relative;
}
.index-main .ykb-btn ul li .box a span {
  font-size: 1.1875rem;
  color: #13559f;
  font-weight: bold;
  letter-spacing: 0.125rem;
  position: relative;
  z-index: 1;
}
.index-main .ykb-btn ul li .box a i {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: url(../images/yjtc_bg_bsfw_btn_hover.png) no-repeat center bottom;
  background-size: cover;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .ykb-btn ul li .box a:hover {
  border: 1px solid #b3c7dc;
}
.index-main .ykb-btn ul li .box a:hover span {
  color: #fff;
  letter-spacing: 0.1875rem;
}
.index-main .ykb-btn ul li .box a:hover i {
  width: 100%;
}
.index-main .ykb-xc {
  margin-top: 1.5625rem;
  position: relative;
  overflow: hidden;
}
.index-main .ykb-xc .zwSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.index-main .ykb-xc .zwSwiper .swiper-wrapper .swiper-slide a {
  height: 7.125rem;
  display: block;
}
.index-main .ykb-xc .zwSwiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-main .hdjl-box {
  width: calc(50% - 0.78125rem);
  margin-top: 1.5625rem;
  position: relative;
  overflow: hidden;
}
.index-main .hdjl-box .gkxx-a {
  position: absolute;
  top: 1.0625rem;
  right: 0;
}
.index-main .hdjl-box .gkxx-a a {
  margin-left: 0.9375rem;
  padding: 0.3125rem 0.8125rem 0.375rem 0.8125rem;
  float: right;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0.125rem;
  border: 1px solid #477bbc;
  background-color: #477bbc;
  display: inline-block;
}
.index-main .hdjl-box .gkxx-a a:hover {
  color: #477bbc;
  background-color: #fff;
}
.index-main .hdjl-box .gkxx-infos {
  margin-top: 0.625rem;
}
.index-main .hdjl-box .gkxx-infos ul li {
  padding-left: 1.625rem;
  background-image: url(../images/yjtc_bg_hdjl_xxlist.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.index-main .hdjl-box .yjzj-infos {
  margin-top: 0.625rem;
}
.index-main .hdjl-btn {
  margin-top: 0.625rem;
  overflow: hidden;
}
.index-main .hdjl-btn ul {
  margin-right: -1.25rem;
}
.index-main .hdjl-btn ul li {
  width: 25%;
  float: left;
}
.index-main .hdjl-btn ul li .box {
  margin-right: 1.25rem;
  display: block;
}
.index-main .hdjl-btn ul li .box a {
  padding: 0 0.9375rem;
  text-align: center;
  line-height: 4.875rem;
  display: block;
  border: 1px solid #dbe7f2;
  box-sizing: border-box;
  position: relative;
}
.index-main .hdjl-btn ul li .box a span {
  font-size: 1.1875rem;
  color: #13559f;
  font-weight: bold;
  letter-spacing: 0.125rem;
  position: relative;
  z-index: 1;
}
.index-main .hdjl-btn ul li .box a i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.index-main .hdjl-btn ul li .box a i.bg-1 {
  background-image: url(../images/yjtc_bg_hdjl_btn01.png);
}
.index-main .hdjl-btn ul li .box a i.bg-2 {
  background-image: url(../images/yjtc_bg_hdjl_btn02.png);
}
.index-main .hdjl-btn ul li .box a i.bg-3 {
  background-image: url(../images/yjtc_bg_hdjl_btn03.png);
}
.index-main .hdjl-btn ul li .box a i.bg-4 {
  background-image: url(../images/yjtc_bg_hdjl_btn04.png);
}
.index-main .hdjl-btn ul li .box a:hover {
  border: 0.0625rem solid rgba(19, 85, 159, 0.65);
  background-color: rgba(19, 85, 159, 0.65);
}
.index-main .hdjl-btn ul li .box a:hover span {
  color: #fff;
  letter-spacing: 0.1875rem;
}
.index-main .hdjl-btn ul li .box a:hover i {
  height: 0;
}
.index-main .ztzl {
  margin-top: 2.5rem;
  margin-right: -1.3125rem;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}
.index-main .ztzl .swiper-wrapper .swiper-slide {
  width: 25%;
}
.index-main .ztzl .swiper-wrapper .swiper-slide a {
  height: 14.0625rem;
  margin-right: 1.3125rem;
  display: block;
  overflow: hidden;
}
.index-main .ztzl .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-main .ztzl .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);
}
.index-main .ztzl .swiper-pagination {
  bottom: -0.0625rem;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.lm a,
.lm span {
  font-size: 1.25rem;
  color: #13559f;
  font-weight: bold;
  display: block;
}
.lm i {
  width: 2.5rem;
  height: 0.1875rem;
  margin-top: 0.625rem;
  background: #13559f;
  display: block;
}
@keyframes indexBoxHandler {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes jumpBoxHandler {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes hxBoxHandler {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-10px, 0px);
  }
  50% {
    transform: translate(8px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ykbBoxHandler {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, -3px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}