.jq22 a {
  display: inline-block;
}
.banner {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  transition: all 0.5s;
  width: 60px;
  height: 60px;
  border: #ffffff 1px solid;
  border-radius: 100%;
}
.banner .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.banner .swiper-button-prev {
  left: 3%;
  background: url(../images/index/i1.png) center no-repeat;
}
.banner .swiper-button-prev:hover {
  border: rgba(255, 255, 255, 0) 1px solid;
  background: rgba(0, 0, 0, 0.2) url(../images/index/i1.png) center no-repeat;
}
.banner .swiper-button-next {
  right: 3%;
  background: url(../images/index/i2.png) center no-repeat;
}
.banner .swiper-button-next:hover {
  border: rgba(255, 255, 255, 0) 1px solid;
  background: rgba(0, 0, 0, 0.2) url(../images/index/i2.png) center no-repeat;
}
.banner .swiper-slide {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}
/* .banner .swiper-slide .slide-inner{
  opacity: 0;
}
.banner .swiper-slide.curr .slide-inner{
  opacity: 1;
} */
.banner .swiper-slide .slide-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.banner .swiper-slide .pc,
.banner .swiper-slide .mobile {
  position: relative;
  width: 100%;
  height: 100vh;
}
.banner .swiper-slide .videoBg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .swiper-slide .bacImg {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 3s;
}
.banner .swiper-slide .textImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner .swiper-slide .mobile {
  display: none;
}
.banner .swiper-slide .video_obj {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}
.banner .swiper-slide.swiper-slide-active .bacImg {
  transform: scale(1.03);
}
.banner .swiper-slide.swiper-slide-active .textImg {
  visibility: visible;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: fadeInUp150;
  animation-name: fadeInUp150;
}
.banner .pos {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 3;
  width: 100%;
}
.banner .pos .w1500 {
  position: relative;
  margin-bottom: 30px;
  height: 34px;
}
.banner .pos .swiper-num {
  position: absolute;
  z-index: 2;
  left: 0%;
  bottom: 0;
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: baseline;
  font-family: Arial;
}
.banner .pos .lit_box {
  margin-right: 2px;
}
.banner .pos .lit {
  font-size: 20px;
}
.banner .pos img {
  width: 100%;
}
.banner .swiper-pagination {
  bottom: auto;
  left: auto;
  right: 0%;
  top: 12px;
  display: flex;
  justify-content: end;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.7s;
  opacity: 0.2;
  margin: 0 0 0 8px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #000;
  cursor: pointer;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 40px;
  background: #093b94;
}
.banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
  margin: 0 30px 0 0;
}
.header img {
  width: 100%;
}
.header .img2 {
  display: none;
}
.header.header_fixed .img1 {
  display: none;
}
.header.header_fixed .img2 {
  display: block;
}
.more {
  transition: all 0.7s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 18px;
  line-height: 50px;
  border-radius: 50px;
  border: #0f419a 1px solid;
  overflow: hidden;
}
.more::before {
  transition: all 0.7s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  content: "";
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background: #0f419a;
}
.more i {
  transition: all 0.7s;
  position: relative;
  z-index: 2;
  padding-right: 14px;
  font-size: 16px;
  color: #0f419a;
}
.more em {
  transition: all 0.7s;
  position: relative;
  z-index: 2;
  width: 9px;
  height: 9px;
  background: url(../images/icon/i7.png) center no-repeat;
  background-size: 15px;
}
.more:hover::before {
  transition: all 0.7s;
  transform: translate(-50%, -50%) scale(1);
}
.more:hover i {
  transition: all 0.7s;
  color: #fff;
}
.more:hover em {
  background-image: url(../images/icon/i7s.png);
}
.more.white,
.more.blue {
  padding: 0;
  border: #0f419a 0px solid;
}
.more.white::before,
.more.blue::before {
  display: none;
}
.more.white:hover em,
.more.blue:hover em {
  transition: all 0.7s;
  transform: rotate(360deg);
}
.more.white i {
  color: #fff;
}
.more.white em {
  background-image: url(../images/icon/i7s.png);
}
.more.white2 {
  border: #fff 1px solid;
}
.more.white2::before {
  background: #fff;
}
.more.white2 i {
  color: #fff;
}
.more.white2 em {
  background-image: url(../images/icon/i7s.png);
}
.more.white2:hover i {
  color: #0f419a;
}
.more.white2:hover em {
  background-image: url(../images/icon/i7.png);
}
.more.blue i {
  color: #0f419a;
}
.more.blue em {
  background-image: url(../images/icon/i7.png);
}
.title .flex {
  margin-bottom: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title .flex b {
  font-size: 34px;
  color: #093b94;
  font-weight: bold;
}
.title .tit_text {
  width: 718px;
}
.title .tit_text b {
  margin-bottom: 26px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.title .tit_text p {
  margin-bottom: 26px;
  font-size: 18px;
  line-height: 34px;
  color: #333;
}
.ind01 {
  padding: 110px 0;
  background: url(../images/index/ind01_bac.png) center no-repeat;
  background-size: 100% 100%;
}
.ind01 .top {
  margin: 20px auto 35px;
  height: 60px;
  overflow: hidden;
  border-top: #e5e5e5 1px solid;
  border-bottom: #e5e5e5 1px solid;
}
.ind01 .top .pic {
  margin: 13px 0;
  padding-left: 54px;
  width: 90px;
  line-height: 32px;
  font-size: 18px;
  color: #c80e0e;
  font-weight: bold;
  border-right: #e5e5e5 1px solid;
  background: url(../images/icon/i30.png) left center no-repeat;
}
.ind01 .top .jq22 {
  float: left;
  margin-left: 16px;
  width: calc(100% - 170px);
}
.ind01 .top .jq22 a {
  margin-right: 42px;
  line-height: 60px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.ind01 .top .jq22 a:hover {
  color: #093b94;
}
.ind01 .cen a {
  float: left;
  width: calc(37.4% - 32px);
  height: 264px;
  color: #fff;
}
.ind01 .cen a:nth-child(1) {
  margin-right: 32px;
  width: 62.6%;
  height: 560px;
}
.ind01 .cen a:nth-child(2) {
  margin-bottom: 32px;
}
.ind01 .cen a .pic {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.ind01 .cen a .pic i {
  transition: all 0.7s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind01 .cen a .posTime {
  position: absolute;
  left: 30px;
  top: 30px;
  transition: all 0.5s;
  padding: 6px 15px;
  line-height: 24px;
  border-radius: 10px;
  font-family: "poppins";
  background: rgba(9, 59, 148, 0.8);
}
.ind01 .cen a .posTime i {
  font-weight: bold;
  font-size: 24px;
}
.ind01 .cen a .posTime em {
  font-size: 14px;
}
.ind01 .cen a .posText {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: calc(100% - 60px);
}
.ind01 .cen a .posText b {
  max-height: 32px;
  line-height: 32px;
  font-size: 20px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.ind01 .cen a .posText p {
  margin-top: 20px;
  max-height: 52px;
  line-height: 26px;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ind01 .cen a:hover .pic i {
  transition: all 0.7s;
  transform: scale(1.1);
}
.ind01 .bot {
  margin-top: 50px;
}
.ind01 .bot a {
  float: left;
  margin-right: 2.6%;
  padding-bottom: 28px;
  width: 31.6%;
  border-bottom: #dcdcdc 1px solid;
}
.ind01 .bot a:nth-child(3) {
  margin-right: 0;
}
.ind01 .bot a b {
  margin-bottom: 30px;
  height: 64px;
  line-height: 32px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ind01 .bot a span {
  float: left;
  font-size: 17px;
  color: #bbb;
  font-family: "poppins";
}
.ind01 .bot a .more {
  line-height: 25px;
  border-radius: 0;
}
.ind01 .bot a .more i {
  color: #bbb;
}
.ind01 .bot a .more em {
  background-image: url(../images/icon/i7ss.png);
}
.ind01 .bot a:hover b {
  font-weight: bold;
  color: #093b94;
}
.ind02 {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.ind02 .mode1 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../images/index/ind02_bac1.jpg) center no-repeat;
  background-size: cover;
}
.ind02 .mode1 .next {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
}
.ind02 .mode1 .next .text {
  margin-top: -10vh;
  width: 100vw;
  flex-shrink: 0;
  text-align: center;
}
.ind02 .mode1 .next .text i {
  margin-bottom: 40px;
  font-size: 44px;
  color: #093b94;
  font-weight: bold;
}
.ind02 .mode1 .next .text b {
  margin-bottom: 60px;
  font-size: 48px;
  font-weight: bold;
  color: #333;
}
.ind02 .mode1 .next .text p {
  font-size: 18px;
  line-height: 36px;
  color: #333;
  font-family: "Arial";
}
.ind02 .mode1 .next .cen {
  position: relative;
  width: 100vw;
  flex-shrink: 0;
  height: 100vh;
}
.ind02 .mode1 .next .cen video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  transform: translateX(-40%) scale(0.35);
  mix-blend-mode: darken;
}
.ind02 .mode1 .next .cen .tit {
  position: absolute;
  left: 8%;
  bottom: 11vh;
  transform: translateY(11vh);
  width: 84%;
  font-size: 40px;
  height: 140px;
  line-height: 140px;
  font-weight: bold;
  color: #fff;
}
.ind02 .mode1 .next .cen .tit .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ind02 .mode1 .next .cen .tit .over p {
  opacity: 0;
}
.ind02 .mode2 {
  display: flex;
  align-items: center;
  height: 100vh;
  background: url(../images/index/hubBg.jpg) center 0 no-repeat;
  background-size: cover;
  position: relative;
}
.ind02 .mode2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 621px;
  height: 280px;
  background: url(../images/index/hubBgAfter.png) center no-repeat;
  background-size: cover;
  z-index: -1;
}
.ind02 .mode2 .next {
  position: relative;
  width: 100%;
  height: 82vh;
  min-height: 680px;
  overflow: hidden;
}
.ind02 .mode2 .next .pic {
  position: absolute;
  width: 48%;
  height: 79.4%;
  overflow: hidden;
}
.ind02 .mode2 .next .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}
.ind02 .mode2 .next .pic p {
  position: absolute;
  left: 6%;
  bottom: 6%;
  width: 88%;
  font-size: 22px;
  color: #fff;
}
.ind02 .mode2 .next .pic.pic1 {
  left: 0;
  top: 0;
  z-index: 3;
  border-radius: 60px 0 60px 0;
}
.ind02 .mode2 .next .pic.pic2 {
  right: 0;
  bottom: 0;
  width: 20%;
  height: 33.8%;
  border-radius: 30px 0 30px 0;
}
.ind02 .mode2 .next .text {
  position: absolute;
  width: 48%;
}
.ind02 .mode2 .next .text b {
  margin-top: 25px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.ind02 .mode2 .next .text span {
  margin-bottom: 36px;
  font-size: 22px;
  line-height: 34px;
  color: #333;
  font-weight: bold;
}
.ind02 .mode2 .next .text p {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 34px;
  color: #666;
}
.ind02 .mode2 .next .text a i{
    padding-right: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    background: url(../images/mobile/icon/icon-3s.png) right center no-repeat;
    background-size: 7px auto;
}
.ind02 .mode2 .next .text a:hover i{
    color: #0f419a;
    background-image: url(../images/mobile/icon/icon-3.png);
}
.ind02 .mode2 .next .text.text1 {
  right: 0;
  top: 0;
  transform: translateY(0);
}
.ind02 .mode2 .next .text.text2 {
  left: 0;
  bottom: 0;
  transform: translateY(103%);
}
@media (max-height: 781px) {
  .ind02 .title {
    margin-bottom: 40px;
  }
}
.ind03 {
  padding: 100px 0;
  background: #f5f5f7;
  /* .SwiperYear {
        background: #f2f7ff;
        .swiper-slide {
            z-index: 2;
            width: calc(100% / 7);
            line-height: 126px;
            cursor: pointer;
            i{
                transition: all 0.5s;
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
                width: 0px;
                height:3px;
                background: #0f419a;
            }
            b{
                font-size: 20px;
                color: #666;
                text-align: center;
                font-weight: bold;
            }
            &.swiper-slide-thumb-active{
                i{
                    transition: all 0.5s;
                    width: 100%;
                }
                b{
                    color: #0f419a;
                }
            }
        }
    } */
}
.ind03 .w1500 {
  position: relative;
}
.ind03 .SwiperText {
  margin-bottom: 20px;
  width: 100%;
}
.ind03 .SwiperText .swiper-slide {
  transition: all 0.5s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ind03 .SwiperText .swiper-slide .pic {
  position: relative;
  width: 69%;
  height: 550px;
  overflow: hidden;
}
.ind03 .SwiperText .swiper-slide .pic::after {
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 1;
  width: 50%;
  height: 100%;
  background: url(../images/icon/i26.png) left center no-repeat;
  background-size: auto 100%;
  content: "";
}
.ind03 .SwiperText .swiper-slide .pic::before {
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 1;
  width: 50%;
  height: 100%;
  background: url(../images/icon/i27.png) right center no-repeat;
  background-size: auto 100%;
  content: "";
}
.ind03 .SwiperText .swiper-slide .pic .em1 {
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 1;
  width: 100%;
  height: 50%;
  background: url(../images/icon/i28.png) top center no-repeat;
  background-size: 100% auto;
  content: "";
}
.ind03 .SwiperText .swiper-slide .pic .em2 {
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
  width: 100%;
  height: 50%;
  background: url(../images/icon/i29.png) bottom center no-repeat;
  background-size: 100% auto;
  content: "";
}
.ind03 .SwiperText .swiper-slide .pic i {
  width: 100%;
  height: 100%;
}
.ind03 .SwiperText .swiper-slide .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}
.ind03 .SwiperText .swiper-slide .text {
  margin-left: 2px;
  width: 29%;
  color: #333;
}
.ind03 .SwiperText .swiper-slide .text .icon {
  margin-bottom: 25px;
  width: 60px;
}
.ind03 .SwiperText .swiper-slide .text .icon img {
  width: 100%;
}
.ind03 .SwiperText .swiper-slide .text b {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: bold;
}
.ind03 .SwiperText .swiper-slide .text p {
    margin-bottom: 40px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.ind03 .SwiperText .swiper-slide .text .flex{
    display: flex;
}
.ind03 .SwiperText .swiper-slide .text a i {
    padding-right: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    background: url(../images/mobile/icon/icon-3s.png) right center no-repeat;
    background-size: 7px auto;
}
.ind03 .SwiperText .swiper-slide .text a:hover i{
    color: #0f419a;
    background-image: url(../images/mobile/icon/icon-3.png);
}
.ind03 .SwiperText .swiper-slide.swiper-slide-active {
  opacity: 1;
  transition: all 0.5s;
}
.ind03 .pos_swiper {
  /* position: absolute;
        left:0;
        bottom: 0;
        width: 100%;
        z-index: 1; */
}
.ind03 .SwiperYear {
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 4px;
  width: calc(100% - 108px);
}
.ind03 .SwiperYear .lie {
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  height: 1px;
  background: url(../images/icon/i4.png) center repeat-x;
}
.ind03 .SwiperYear .swiper-slide {
  z-index: 2;
  width: calc(100% / 7);
  cursor: pointer;
}
.ind03 .SwiperYear .swiper-slide i {
  position: relative;
  margin: 0 auto 18px;
  width: 17px;
  height: 17px;
}
.ind03 .SwiperYear .swiper-slide i::before {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.76);
  width: 13px;
  height: 13px;
  border: #666 2px solid;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.ind03 .SwiperYear .swiper-slide i::after {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #0f419a;
  content: "";
}
.ind03 .SwiperYear .swiper-slide b {
  font-size: 18px;
  color: #999;
  text-align: center;
}
.ind03 .SwiperYear .swiper-slide.swiper-slide-thumb-active i::before {
  transition: all 0.5s;
  transform: translate(-50%, -50%) scale(1);
  border: #0f419a 2px solid;
}
.ind03 .SwiperYear .swiper-slide.swiper-slide-thumb-active i::after {
  transition: all 0.5s;
  transform: translate(-50%, -50%) scale(1);
}
.ind03 .SwiperYear .swiper-slide.swiper-slide-thumb-active b {
  color: #0f419a;
}
.ind04 {
  position: relative;
  height: 100vh;
  background: url(../images/index/ind04_bac1.jpg) top center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.ind04 .posBac {
  position: absolute;
  left: 0;
  top: 700px;
  width: 100%;
  height: 100vh;
  background: url(../images/index/ind04_bac2.png) top center no-repeat;
  background-size: cover;
  z-index: 2;
}
.ind04 .w1500 {
  position: relative;
  z-index: 2;
  padding-top: 170px;
}
.ind04 .next {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ind04 .title {
  margin-bottom: 60px;
}
.ind04 .title b {
  font-size: 22px;
  color: #fff;
  font-weight: normal;
}
.ind04 .title p {
  margin-top: 26px;
  font-size: 30px;
  line-height: 46px;
  color: #fff;
  font-weight: bold;
}
.ind04 .left {
  width: 48%;
  max-width: calc(100% - 600px);
}
.ind04 .left .text {
  margin-bottom: 60px;
}
.ind04 .left .text p {
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  text-align: justify;
}
.ind04 .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 42%;
}
.ind04 .right .mode {
  display: flex;
  position: relative;
  margin-bottom: 50px;
  width: 50%;
}
.ind04 .right .mode .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  height: 60px;
}
.ind04 .right .mode .icon img {
  max-width: 41px;
}
.ind04 .right .mode .num {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  color: #fff;
}
.ind04 .right .mode .num span {
  font-size: 60px;
  font-weight: bold;
  font-family: "poppins";
}
.ind04 .right .mode .num i {
  margin: 16px 0 0 6px;
  font-size: 36px;
  font-weight: bold;
}
.ind04 .right .mode p {
  font-size: 18px;
  color: #fff;
}
.ind04 .right .pic {
  width: 100%;
}
.ind04 .right .pic img {
  width: 100%;
}
.ind04 .logoImg {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(7);
  z-index: 1;
  width: 372px;
  height: 186px;
  margin-top: -4.5vh;
}
.ind04 .logoImg img {
  width: 100%;
}
.ind04 .posText {
  opacity: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  margin-top: 250px;
  width: 100%;
}
.ind04 .posText b {
  margin-bottom: 42px;
  width: 100%;
  line-height: 48px;
  font-size: 32px;
  color: #333;
  text-align: center;
}
.ind04 .posText span {
  transition: all 0.5s;
  margin: 0 auto;
  width: 38px;
  height: 38px;
  background: url(../images/icon/i7.png) center no-repeat;
  border: #0f419a 1px solid;
  border-radius: 100%;
  background-size: 10px;
}
.ind04 .posText span:hover {
  transition: all 0.5s;
  transform: rotate(360deg);
}
.footer{
    margin-top: -2px;
}
@media (max-width: 1200px) {
  .banner .swiper-slide .mobile {
    display: block;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    display: none;
  }
  .banner .pos .w1500 {
    margin-bottom: 1.5rem;
  }
  .banner .pos .swiper-num {
    font-size: 0.7rem;
  }
  .banner .pos .lit {
    font-size: 0.5rem;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.25rem;
  }
  .banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 1rem;
  }
  .banner .swiper-pagination {
    top: auto;
    bottom: 0.1rem;
  }
  .ind01 {
    padding: 1.7rem 0 2rem 0;
    background: #fff;
  }
  .title .flex b {
    font-size: 0.8rem;
  }
  .more {
    padding: 0 0.55rem;
    height: 1.2rem;
    line-height: 1.2rem;
  }
  .more i {
    font-size: 0.5rem;
    padding-right: 0.28rem;
    padding-left: 0;
  }
  .more em {
    width: 0.3rem;
    height: 0.3rem;
    background-size: cover;
  }
  .title .flex {
    margin-bottom: 0.75rem;
  }
  .ind01 .top {
    margin: 0.75rem auto 1rem;
    height: 1.8rem;
  }
  .ind01 .top .pic {
    font-size: 0.52rem;
    background-size: 1rem;
    padding-left: 1.28rem;
    margin: 0;
    width: 4rem;
    box-sizing: border-box;
    border-right: 0.01rem solid #e5e5e5;
    line-height: 1.8rem;
  }
  .ind01 .top .jq22 {
    width: calc(100% - 4.41rem);
    margin-left: 0.4rem;
    height: 1.8rem !important;
  }
  .ind01 .top .jq22 a {
    font-size: 0.54rem;
    line-height: 1.8rem;
  }
  .mobileNewSwiper {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .ind01 .cen a {
    height: 7.8rem !important;
    width: 100% !important;
  }
  .mobileNewSwiper .swiper-pagination {
    position: initial;
  }
  .ind01 .cen a .posTime {
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: 0.2rem;
  }
  .ind01 .cen a .posTime em {
    font-size: 0.36rem;
    line-height: 0.5rem;
  }
  .ind01 .cen a .posTime i {
    font-size: 0.72rem;
    line-height: 0.72rem;
    margin-top: 0.2rem;
  }
  .ind01 .cen a .posText b {
    font-size: 0.6rem;
  }
  .ind01 .cen a .posText p {
    display: none;
  }
  .ind01 .cen a .posText {
    bottom: 0.55rem;
    left: 0.65rem;
    width: calc(100% - 1.3rem);
  }
  .mobileNewSwiper .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.25rem;
    transition: all 0.7s;
  }
  .mobileNewSwiper .swiper-pagination-bullet-active {
    width: 1rem;
    border-radius: 1rem;
    background: #093b94;
  }
  .ind01 .bot {
    margin-top: 0.5rem;
  }
  .ind01 .bot a {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0.8rem 0;
    box-sizing: border-box;
  }
  .ind01 .bot a b {
    font-size: 0.6rem;
    line-height: 0.9rem;
    height: 1.8rem;
    margin-bottom: 0.55rem;
  }
  .ind01 .bot a span {
    font-size: 0.52rem;
  }
  .ind01 .bot a .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ind01 .bot a .clearfix:after {
    display: none;
  }
  .ind01 .bot a .more {
    height: auto;
    line-height: unset;
    border-radius: 0;
  }
  .mobileMode1 {
    position: relative;
    width: 100%;
    padding: 3rem 0 8rem 0;
    box-sizing: border-box;
    background: url(../images/mobile/index/ind02_bac1.jpg) center no-repeat;
    background-size: cover;
  }
  .mobileMode1 .hubImg {
    width: 8.28rem;
    margin: 0 auto;
  }
  .mobileMode1 .hubImg img {
    width: 100%;
  }
  .mobileMode1 .next {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobileMode1 .next .text {
    text-align: center;
  }
  .mobileMode1 .next .text .w1400 {
    width: 100%;
  }
  .mobileMode1 .next .text i {
    margin-bottom: 40px;
    font-size: 44px;
    color: #093b94;
    font-weight: bold;
  }
  .mobileMode1 .next .text b {
    margin: 1.55rem 0;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.2rem;
    color: #333;
  }
  .mobileMode1 .next .text .tit p {
    font-size: 0.6rem;
    line-height: 1rem;
    width: 9rem;
    margin: 0 auto;
    margin-top: 0.7rem;
  }
  .mobileMode1 .next .text .tit p:first-child {
    margin-top: 0;
  }
  .mobileMode1 .next .text p {
    font-size: 18px;
    line-height: 36px;
    color: #333;
  }
  .mobileMode2 {
    padding: 2rem 0 0.3rem 0;
  }
  .mobileMode2 .next {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .mobileMode2 .next .pic {
    overflow: hidden;
  }
  .mobileMode2 .next .pic .modeImg {
    transform: scale(0.4);
  }
  .mobileMode2 .next .pic .modeImg img {
    width: 100%;
  }
  .mobileMode2 .next .pic p {
    font-size: 22px;
    color: #fff;
  }
  .mobileMode2 .next .text b {
    margin-top: 1.3rem;
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
    color: #333;
    font-weight: bold;
  }
  .mobileMode2 .next .text span {
    margin-bottom: 0.7rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #333;
    font-weight: bold;
  }
  .mobileMode2 .next .text p {
    margin-bottom: 0.8rem;
    font-size: 0.5rem;
    line-height: 0.8rem;
    color: #666;
  }
  .mobileMode2 .next .text a{
    margin-bottom: 1.7rem;
  }
  .mobileMode2 .next .text a i{
    padding-right:0.42rem;
    font-size:0.48rem;
    color: #999;
    background: url(../images/mobile/icon/icon-3s.png) right center no-repeat;
    background-size:0.18rem auto;
  }
  .ind03 {
    padding: 1.8rem 0;
  }
  .title .tit_text p {
    font-size: 0.6rem;
    line-height: 0.9rem;
    margin-bottom: 2rem;
  }
  .ind03 .SwiperText {
    margin-bottom: -30px;
  }
  .ind03 .SwiperText .swiper-slide {
    flex-wrap: wrap;
  }
  .ind03 .SwiperText .swiper-slide .text {
    width: 100%;
    margin-left: 0;
  }
  .ind03 .SwiperText .swiper-slide .pic {
    width: 100%;
    margin-top: 0.5rem;
    height: 10rem;
  }
  .ind03 .SwiperText .swiper-slide .pic img {
    width: 100%;
  }
  .ind03 .SwiperText .swiper-slide .pic::before,
  .ind03 .SwiperText .swiper-slide .pic::after {
    display: none;
  }
  .ind03 .SwiperText .swiper-slide .text .icon {
    width: 2rem;
    margin: 0 auto;
    margin-bottom: 0.9rem;
  }
  .ind03 .SwiperText .swiper-slide .text .icon img {
    width: 100%;
  }
  .ind03 .SwiperText .swiper-slide .text b {
    font-size: 0.7rem;
    text-align: center;
    margin-bottom: 0.9rem;
  }
  .ind03 .SwiperText .swiper-slide .text p {
    margin-bottom: 0.8rem;
    font-size: 0.5rem;
    line-height: 0.8rem;
    text-align: center;
  }
  .ind03 .SwiperText .swiper-slide .text .flex{
    justify-content: center;
}
  .ind03 .SwiperText .swiper-slide .text a i {
    padding-right: 0.42rem;
    font-size: 0.48rem;
    line-height: 0.8rem;
    background-size:0.18rem auto;
}
  .ind03 .SwiperYear {
    width: 100%;
  }
  .ind03 .SwiperYear .swiper-slide {
    width: calc(100% / 3);
  }
  .ind03 .SwiperYear .swiper-slide b {
    font-size: 0.54rem;
  }
  .ind03 .SwiperYear .swiper-slide i {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto 0.8rem;
  }
  .ind03 .SwiperYear .swiper-slide i::before {
    width: 0.3rem;
    height: 0.3rem;
    border: #666 0.03rem solid;
  }
  .ind03 .SwiperYear .swiper-slide.swiper-slide-thumb-active i::before {
    border: #0f419a 0.06rem solid;
  }
  .ind03 .SwiperYear .swiper-slide i::after {
    width: 0.2rem;
    height: 0.2rem;
  }
  .ind03 .SwiperYear .lie {
    top: 0.4rem;
  }
  .ind04 .w1500 {
    padding-top: 2.6rem;
  }
  .ind04 .next {
    flex-wrap: wrap;
  }
  .ind04 .title {
    margin-bottom: 1.6rem;
  }
  .ind04 .title b {
    font-size: 0.8rem;
  }
  .ind04 .title p {
    font-size: 0.6rem;
    line-height: 0.9rem;
    margin-top: 0.6rem;
  }
  .ind04 .left {
    width: 100%;
    max-width: initial;
  }
  .ind04 .left .clearfix {
    display: none;
  }
  .ind04 .left .text {
    margin-bottom: 2.1rem;
  }
  .ind04 .left .text p {
    font-size: 0.5rem;
    line-height: 0.9rem;
  }
  .ind04 .right {
    margin-top: 5vh;
    width: 100%;
  }
  .ind04 .right .mode .num span {
    font-size: 1.2rem;
  }
  .ind04 .right .mode p {
    font-size: 0.5rem;
  }
  .ind04 .right .mode .num i {
    font-size: 0.76rem;
    margin: 0;
  }
  .ind04 .right .mode .icon {
    margin-right: 0.4rem;
    width: 0.9rem;
    height: auto;
    align-items: flex-start;
    margin-top: 0.35rem;
  }
  .ind04 .right .mode .icon img {
    width: 100%;
  }
  .ind04 .right .mode {
    margin-bottom: 0.95rem;
  }
  .ind04 .right .mode .num {
    margin-bottom: 0;
  }
  .ind04 .logoImg {
    width: 5.7rem;
    margin-top: 0;
    height: auto;
  }
  .logoImg img {
    width: 100%;
  }
  .ind04 .posText b {
    font-size: 0.6rem;
    line-height: 1rem;
    margin-bottom: 0.9rem;
  }
  .ind04 .posText span {
    width: 0.9rem;
    height: 0.9rem;
    background-size: 0.3rem;
  }
  .ind04 .more {
    border: #fff 1px solid;
  }
  .ind04 .more em {
    background: url(../images/icon/i7s.png) center no-repeat;
    background-size: 0.3rem;
  }
  .ind04 .more i {
    color: #fff;
  }
  .title .tit_text {
    width: 100%;
  }
  .scrollDown {
    width: 0.31rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: scrollDown 1.5s linear infinite;
  }
  @keyframes scrollDown {
    0% {
      transform: translateX(-50%) translateY(0);
    }
    50% {
      transform: translateX(-50%) translateY(0.5rem);
    }
    100% {
      transform: translateX(-50%) translateY(0);
    }
  }
}
