@charset "UTF-8";
@keyframes rotate-border {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bannerwrap {
  position: relative;
  width: 100%;
  height: 9.2rem;
  overflow: hidden;
}

.bannerwrap .bannerswiper .box img {
  width: 100%;
  height: auto;
}

.bannerwrap .swiper-pagination {
  bottom: 1rem;
  left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bannerwrap .swiper-pagination-bullet {
  width: .2rem;
  height: .2rem;
  background: 0;
  border: .04rem solid #fff;
  opacity: 1;
  margin: 0rem .1rem;
}

.bannerwrap .swiper-pagination-bullet-active {
  background: url(../images/index/banakv.png) no-repeat center;
  width: 1rem;
  height: 1rem;
  border: 0;
}

.bannerwrap .zsjt {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 99;
}

.bannerwrap .zsjt .xzq {
  width: 1rem;
  height: 1rem;
  position: relative;
  animation: jump 5s ease-in-out infinite;
  /* 添加跳一跳动画 */
}

.bannerwrap .zsjt .xzq .xzq1 {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.02rem dashed #fff;
  transform-style: preserve-3d;
  /* 保持子元素的变换独立 */
  animation: rotate-border 3s linear infinite;
  /* 2秒内完成一次旋转，线性过渡，无限循环 */
}

.bannerwrap .zsjt .xzq img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  /* 确保图片不旋转 */
}

@keyframes jump {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-0.5rem);
  }
  60% {
    transform: translateY(-0.25rem);
  }
}

.bannerwrap .swiper-button-next,
.bannerwrap .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: .91rem;
  height: .56rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .91rem .56rem;
  background-position: center;
  background-repeat: no-repeat;
}

.bannerwrap .swiper-button-prev,
.bannerwrap .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/index/banl.png);
  left: 1rem;
  right: auto;
}

.bannerwrap .swiper-button-next,
.bannerwrap .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/index/banr.png);
  right: 1rem;
  left: auto;
}

/*index*/
.index {
  /*第一块*/
}

.index .titles {
  margin-bottom: .5rem;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index .titles .tits1 {
  font-weight: 400;
  font-size: .28rem;
  color: #200f36;
}

.index .tips {
  width: .48rem;
  height: .22rem;
  background: #F4F4F4;
  border-radius: 0.02rem;
  text-align: center;
  line-height: .22rem;
  color: #5400B9;
}

@keyframes underline {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.index .more {
  font-size: .16rem;
  color: #333333;
  text-align: end;
}

.index .more img {
  width: .21rem;
  height: .07rem;
  margin-left: .1rem;
}

.index .more:hover a {
  color: #00458a;
}

.index .one {
  padding-top: .6rem;
  position: relative;
  padding-bottom: .8rem;
}

.index .one .onebigbox {
  display: flex;
}

.index .one .onebigbox .l-panel {
  width: 50%;
  position: relative;
}

.index .one .onebigbox .l-panel .otex {
  background-color: #00458a;
  padding: .1rem .2rem;
}

.index .one .onebigbox .l-panel .otex .toptit {
  margin: .1rem 0rem;
  font-weight: bold;
  font-size: .22rem;
  color: #fff;
}

.index .one .onebigbox .l-panel .otex .decs {
  font-weight: 300;
  font-size: .14rem;
  color: #fff;
  margin-bottom: .2rem;
  opacity: 0.4;
}

.index .one .onebigbox .l-panel .otex .bomtime {
  font-family: Arial;
  font-weight: 400;
  font-size: .14rem;
  color: #666666;
}

.index .one .onebigbox .l-panel .img {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.index .one .onebigbox .l-panel .img img {
  width: 100%;
  height: auto;
  transition: transform 1s ease;
}

.index .one .onebigbox .l-panel .img .onetimes {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .96rem;
  height: .47rem;
  background-color: #1fa386;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .18rem;
  color: #fff;
  text-align: center;
  line-height: .47rem;
}

.index .one .onebigbox .l-panel .tswiper-pagination {
  position: absolute;
  right: 0.2rem;
  top: 4rem;
}

.index .one .onebigbox .l-panel .tswiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  /* 修改指示点颜色 */
  opacity: 0.4;
  margin: 0rem .05rem;
  /* 修改透明度 */
  width: .12rem;
  height: .12rem;
}

.index .one .onebigbox .l-panel .tswiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
  /* 当前激活的指示点颜色 */
  opacity: 1;
}

.index .one .onebigbox .l-panel .onebtn .swiper-button-next,
.index .one .onebigbox .l-panel .onebtn .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: .43rem;
  height: .44rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .43rem .44rem;
  background-position: center;
  background-repeat: no-repeat;
}

.index .one .onebigbox .l-panel .onebtn .swiper-button-prev,
.index .one .onebigbox .l-panel .onebtn .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/index/onel.png);
  left: .2rem;
  right: auto;
}

.index .one .onebigbox .l-panel .onebtn .swiper-button-next,
.index .one .onebigbox .l-panel .onebtn .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/index/oner.png);
  right: .2rem;
  left: auto;
}

.index .one .onebigbox .l-panel:hover img {
  transform: scale(1.1);
}

.index .one .onebigbox .right-panel {
  margin-left: .5rem;
  width: 50%;
}

.index .one .onebigbox .right-panel .newslist {
  position: relative;
}

.index .one .onebigbox .right-panel .newslist .news-content .list {
  border-top: 0.01rem solid #E8E8E8;
  padding: .2rem;
}

.index .one .onebigbox .right-panel .newslist .news-content .list .list-tit {
  display: flex;
  justify-content: space-between;
  font-size: .16rem;
}

.index .one .onebigbox .right-panel .newslist .news-content .list .list-tit a {
  width: 86%;
  font-size: .16rem;
  color: #333;
}

.index .one .onebigbox .right-panel .newslist .news-content .list .list-tit p {
  width: 10%;
}

.index .one .onebigbox .right-panel .newslist .news-content .active {
  background-color: #eaf4ff;
}

.index .one .onebigbox .right-panel .newslist .news-content .active .list-tit a {
  color: #00458a;
}

.index .two {
  background-color: #f7fbff;
  padding-top: .6rem;
  position: relative;
  padding-bottom: .8rem;
}

.index .two .twocont {
  display: flex;
  justify-content: space-between;
}

.index .two .twocont .twol {
  width: 50%;
}

.index .two .twocont .twol .two-lunbo {
  position: relative;
}

.index .two .twocont .twol .two-lunbo .img {
  width: 100%;
  height: 4rem;
  overflow: hidden;
  position: relative;
}

.index .two .twocont .twol .two-lunbo .img img {
  width: 100%;
  height: auto !important;
  transition: transform 1.5s ease;
}

.index .two .twocont .twol .two-lunbo .img .otex {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  bottom: 0;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top {
  display: flex;
  justify-content: space-between;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top .gtit {
  width: 85%;
  padding: .1rem .2rem;
  margin: .1rem 0rem;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top .gtit .toptit {
  font-size: .2rem;
  color: #fff;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top .twoltime {
  width: 20%;
  font-family: Arial !important;
  font-weight: 400;
  font-size: .16rem;
  color: #fff;
  background-color: #00458a;
  padding: .1rem;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top .twoltime p:nth-child(1) {
  font-size: .22rem;
  font-weight: bold;
}

.index .two .twocont .twol .two-lunbo .img .otex .onetex-top .twoltime .line {
  width: 40%;
  height: .01rem;
  background-color: #eaf4ff;
  margin: .08rem 0rem;
}

.index .two .twocont .twol .two-lunbo .twswiper-pagination {
  position: absolute;
  right: 0.2rem;
  top: 4rem;
}

.index .two .twocont .twol .two-lunbo .twswiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  /* 修改指示点颜色 */
  opacity: 0.4;
  margin: 0rem .05rem;
  /* 修改透明度 */
  width: .12rem;
  height: .12rem;
}

.index .two .twocont .twol .two-lunbo .twswiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
  /* 当前激活的指示点颜色 */
  opacity: 1;
}

.index .two .twocont .twol .two-lunbo .onebtn .tswiper-button-next,
.index .two .twocont .twol .two-lunbo .onebtn .tswiper-button-prev {
  position: absolute;
  top: 50%;
  width: .43rem;
  height: .44rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .43rem .44rem;
  background-position: center;
  background-repeat: no-repeat;
}

.index .two .twocont .twol .two-lunbo .onebtn .tswiper-button-prev,
.index .two .twocont .twol .two-lunbo .onebtn .tswiper-container-rtl .tswiper-button-next {
  background-image: url(../images/index/onel.png);
  left: .2rem;
  right: auto;
}

.index .two .twocont .twol .two-lunbo .onebtn .tswiper-button-next,
.index .two .twocont .twol .two-lunbo .onebtn .tswiper-container-rtl .tswiper-button-prev {
  background-image: url(../images/index/oner.png);
  right: .2rem;
  left: auto;
}

.index .two .twocont .twol .two-lunbo:hover img {
  transform: scale(1.1);
}

.index .two .twocont .twol .two-list {
  position: relative;
}

.index .two .twocont .twol .two-list .news-content .list {
  border-top: 0.01rem solid #E8E8E8;
  padding: .2rem;
}

.index .two .twocont .twol .two-list .news-content .list .list-tit {
  display: flex;
  justify-content: space-between;
  font-size: .16rem;
}

.index .two .twocont .twol .two-list .news-content .list .list-tit a {
  width: 86%;
  font-size: .16rem;
  color: #333;
}

.index .two .twocont .twol .two-list .news-content .list .list-tit p {
  width: 10%;
}

.index .two .twocont .twol .two-list .news-content .active {
  background-color: #eaf4ff;
}

.index .two .twocont .twol .two-list .news-content .active .list-tit a {
  color: #00458a;
}

.index .two .twocont .twor {
  width: 46%;
  margin-left: .5rem;
}

.index .two .twocont .twor .tlist-box ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: .26rem;
}

.index .two .twocont .twor .tlist-box ul li .twtexts {
  width: 70%;
}

.index .two .twocont .twor .tlist-box ul li .twtexts a {
  font-size: .18rem;
  font-weight: bold;
}

.index .two .twocont .twor .tlist-box ul li .twtexts p {
  font-size: .16rem;
  font-family: Arial, Helvetica, sans-serif !important;
  margin-top: .2rem;
}

.index .two .twocont .twor .tlist-box ul li .img {
  width: 2rem;
  height: 1.03rem;
  overflow: hidden;
  margin-left: .5rem;
}

.index .two .twocont .twor .tlist-box ul li .img:hover img {
  transform: scale(1.1);
}

.index .two .twocont .twor .tlist-box ul li .img img {
  width: 100%;
  height: auto;
  transition: transform 1s ease;
}

.index .three {
  display: flex;
  justify-content: space-between;
  padding-top: .6rem;
  position: relative;
  padding-bottom: .8rem;
}

.index .three .threel {
  width: 50%;
}

.index .three .threel .lthcont ul li {
  background-color: #f7fbff;
  padding: .28rem;
  margin-bottom: .2rem;
}

.index .three .threel .lthcont ul li:hover {
  background-color: #00458a;
  background: url(../images/index/16.png) no-repeat center;
  background-size: 100% 2.21rem;
}

.index .three .threel .lthcont ul li:hover .time {
  color: #fff;
}

.index .three .threel .lthcont ul li:hover a {
  color: #fff;
}

.index .three .threel .lthcont ul li a {
  font-size: .2rem;
  font-weight: bold;
}

.index .three .threel .lthcont ul li a p {
  margin-bottom: .4rem;
}

.index .three .threel .lthcont ul li .time {
  display: flex;
  align-items: center;
  margin-top: .1rem;
  font-size: .16rem;
}

.index .three .threel .lthcont ul li .time .tx {
  background-color: #1fa386;
  color: #fff;
  padding: .05rem .2rem;
  border-radius: .2rem;
  margin-right: .1rem;
}

.index .three .threer {
  width: 46%;
}

.index .three .threer .thcont ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: .2rem;
  padding: .2rem;
  border: 0.01rem dashed #b5d3f1;
}

.index .three .threer .thcont ul li:hover {
  background-color: #edf6ff;
}

.index .three .threer .thcont ul li .thcont-ltext {
  width: 80%;
}

.index .three .threer .thcont ul li .thcont-ltext a span {
  font-size: .18rem;
  font-weight: bold;
}

.index .three .threer .thcont ul li .thcont-ltext .lines {
  display: flex;
  align-items: center;
  margin-top: .2rem;
}

.index .three .threer .thcont ul li .thcont-ltext .lines p:nth-child(1) {
  width: 13%;
  height: 0.01rem;
  background-color: #00458a;
}

.index .three .threer .thcont ul li .thcont-ltext .lines p:nth-child(2) {
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  border: 0.01rem solid #00458a;
}

.index .three .threer .thcont ul li .th-time {
  width: 15%;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: center;
}

.index .three .threer .thcont ul li .th-time p:nth-child(1) {
  font-size: .16rem;
  color: #333;
  background-color: #eaf4ff;
  padding: .05rem 0rem;
}

.index .three .threer .thcont ul li .th-time p:nth-child(2) {
  font-size: .36rem;
  color: #fff;
  background-color: #00458a;
}

.index .four {
  position: relative;
  padding-bottom: .8rem;
}

.index .four .img {
  width: 100%;
  height: 7.7rem;
  overflow: hidden;
}

.index .four .img .four-img {
  height: 7.7rem;
  width: 100%;
  position: relative;
}

.index .four .img .four-img img {
  width: 100%;
}

.index .four .img .four-img .vd {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  width: 1.13rem;
  height: 1.13rem;
}

.index .four .img .four-img .vd img {
  width: 100%;
}

.index .four .img .four-img .vd::after {
  content: "";
  display: block;
  position: absolute;
  left: -15%;
  top: -16%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  animation: ripple 2s infinite;
}

.index .four .img .four-img .vd::before {
  content: "";
  display: block;
  position: absolute;
  left: -15%;
  top: -16%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  animation: ripple 3s infinite;
}

@keyframes ripple {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.index .four .img .video {
  width: 100%;
  height: auto;
}

.index .four .four-cont {
  width: 85%;
  position: absolute;
  left: 7%;
  top: 6.5rem;
  background-color: #ffffff;
  margin: 0rem auto;
}

.index .four .four-cont .contents {
  padding-top: .5rem;
}

.index .four .four-cont .contents .four-cont-title {
  font-size: .28rem;
}

.index .four .four-cont .contents .four-cont-text {
  display: flex;
  justify-content: space-between;
  margin-top: .2rem;
}

.index .four .four-cont .contents .four-cont-text p {
  width: 50%;
  font-size: .14rem;
  color: #999;
}

.index .four .four-cont .contents .four-cont-text .forimg {
  width: 3.2rem;
}

.index .four .four-cont .contents .four-cont-text .forimg img {
  width: 100%;
}

.index .four .four-cont .contents .num {
  border-top: 0.01rem solid #E8E8E8;
  border-bottom: 0.01rem solid #E8E8E8;
  padding: .1rem 0rem;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.index .four .four-cont .contents .num .num-box {
  width: 22%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index .four .four-cont .contents .num .num-box .nfl .num1 {
  font-size: .36rem;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold;
}

.index .four .four-cont .contents .num .num-box .nfl .num1 span {
  font-size: .14rem;
  color: #881f1f;
}

.index .four .four-cont .contents .num .num-box .nfl p:nth-child(2) {
  font-size: .14rem;
  color: #999;
}

.index .four .four-cont .contents .num .num-box img {
  width: .38rem;
  height: .38rem;
}

.index .five {
  margin-top: 2.5rem;
  padding-bottom: .8rem;
}

.index .five .thlb {
  position: relative;
}

.index .five .thlb .achieveswiper .box {
  width: 4.4rem;
  overflow: hidden;
  border-radius: 0.04rem;
}

.index .five .thlb .achieveswiper .box:hover .img img {
  transform: scale(1.1);
}

.index .five .thlb .achieveswiper .box .img {
  width: 4.4rem;
  overflow: hidden;
}

.index .five .thlb .achieveswiper .box .img img {
  width: 100%;
  transition: transform 1.5s ease;
}

.index .five .thlb .achieveswiper .box .text2 {
  width: 100%;
  color: #000;
  margin-top: .3rem;
}

.index .five .thlb .achieveswiper .box .text2 a {
  font-weight: bold;
  font-size: .2rem;
  color: #200f36;
}

.index .five .thlb .achieveswiper .box .text2 .tto {
  font-size: .14rem;
  color: #999;
  margin: .1rem 0rem;
}

.index .five .thlb .swiper-button-next2,
.index .five .thlb .swiper-button-prev2 {
  position: absolute;
  top: 50%;
  width: .91rem;
  height: .56rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .91rem .56rem;
  background-position: center;
  background-repeat: no-repeat;
}

.index .five .thlb .swiper-button-prev2,
.index .five .thlb .swiper-container-rtl .swiper-button-next2 {
  background-image: url(../images/index/thl.png);
  left: -1.3rem;
  right: auto;
}

.index .five .thlb .swiper-button-next2,
.index .five .thlb .swiper-container-rtl .swiper-button-prev2 {
  background-image: url(../images/index/thr.png);
  right: -1rem;
  left: auto;
}

.phone {
  display: none;
}

/*小屏幕*/
@media screen and (max-width: 1200px) {
  .top {
    display: none;
  }
  .phone {
    display: block;
  }
}