.indexWrapper .inner {
  /* width: 1200px; */
  width: calc(100vw - 200px);
  margin: 0px auto;
}
.swiper-containner1 {
  height: 600px;
}
.swiper-containner1 .swiper-slide {
  height: 100%;
  width: 100%;
}
.swiper-containner1 .swiper-slide img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
.block2 {
  padding: 80px 0px 80px 120px;
}
.block2Title {
  font-weight: 400;
  font-size: 32px;
  color: #223e83;
  margin-bottom: 18px;
}
.block2SubTitle {
  font-weight: 300;
  font-size: 22px;
  color: #6f6f6f;
  margin-bottom: 18px;
}
.block2P {
  font-weight: 400;
  font-size: 15px;
  color: #717171;
  line-height: 40px;
}
.block2 .right {
  width: 46%;
  margin-left: 150px;
}
.block2 .splitImg {
  background-image: url("../imgs/index/img1.png");
  width: 90%;
  height: 12px;
  margin: 30px 0px;
}
.block2 .iconWrapper {
  width: 75%;
}
.block2 .iconWrapper .text {
  font-weight: 400;
  font-size: 18px;
  color: #717171;
  margin-top: 10px;
}
.block2 .img2 {
  width: 64px;
  height: 64px;
  background-image: url("../imgs/index/img2.png");
}
.block2 .img3 {
  width: 64px;
  height: 64px;
  background-image: url("../imgs/index/img3.png");
}
.block2 .img4 {
  width: 64px;
  height: 64px;
  background-image: url("../imgs/index/img4.png");
}
.block2 .moreIcon {
  font-weight: 400;
  font-size: 18px;
  color: #717171;
  border: 1px solid #a7a7a7;
  padding: 10px 24px;
  width: 160px;
  margin-top: 30px;
  /* cursor: pointer; */
}
.block2 .img5 {
  width: 7px;
  height: 10px;
  background-image: url("../imgs/index/img5.png");
  margin-left: 15px;
}
.block2 .right .coverImg {
  width: 100%;
  height: 580px;
}
.block2 .right .squire1 {
  background: #266dd0;
  width: 474px;
  height: 233px;
  transform: rotate(90deg);
  position: absolute;
  left: 120px;
  top: 50px;
  transform-origin: 0px 0px;
  font-size: 44px;
  color: #ffffff;
  padding: 60px 58px;
  font-weight: 900;
}
.block2 .right .squire2 {
  background: #223e83;
  width: 47px;
  height: 47px;
  position: absolute;
  right: -20px;
  bottom: -20px;
}
.block3 {
  padding: 80px 0px;
  background: #f2f2f2;
}
.block3 .left {
  margin-right: 30px;
}
.block3 .headerWrapper {
  margin-bottom: 30px;
}
.block3 .lineBlock {
  width: 4px;
  height: 62px;
  margin-right: 20px;
}
.block3 .lineBlock .line1 {
  width: 4px;
  height: 31px;
  background: #266dd0;
}
.block3 .lineBlock .line2 {
  width: 4px;
  height: 31px;
  background: #222c4d;
}
.block3 .title {
  font-weight: 400;
  font-size: 28px;
  color: #111111;
}
.block3 .subTitle {
  font-weight: 400;
  font-size: 18px;
  color: #bcbcbc;
  margin-top: 5px;
}
.swiper-containner2 {
  width: 100%;
  height: 420px;
}
.swiper-containner2 .swiper-slide {
  height: 100%;
  width: 100%;
}
.swiper-containner2 .swiper-slide .title {
  background: rgba(0, 0, 0, 0.5);
  height: 70px;
  line-height: 70px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  padding-right: 30px;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.swiper-containner2 .swiper-slide img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
.block3 .tab {
  height: 50px;
  background: #ffffff;
  border: 1px solid rgba(218, 218, 218, 0.5);
  line-height: 50px;
  font-size: 16px;
  color: #717171;
  text-align: center;
  margin: 0px 5px;
  padding: 0px 40px;
  cursor: pointer;
}
.block3 .tab.active,
.block3 .tab:hover {
  background: #266dd0;
  color: #ffffff;
}
.block3 .list {
  margin-top: 41px;
  display: none;
}
.block3 .list .li {
  margin-top: 24px;
}
.block3 .list .photo {
  width: 106px;
  height: 80px;
  display: block;
  margin-right: 20px;
}
.block3 .list .block3Title {
  font-size: 16px;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 14px;
  line-height: 24px;
}
.block3 .list .moreBtn {
  font-size: 12px;
  width: 87px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  display: block;
  text-decoration: none;
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  color: #a7a7a7;
}
.block3 .list .moreBtn:hover {
  background: #266dd0;
  color: #ffffff;
}
.block4 {
  padding: 80px 0px;
  background: #ffffff;
}
.block4 .lineBlock {
  width: 4px;
  height: 62px;
  margin-right: 20px;
}
.block4 .lineBlock .line1 {
  width: 4px;
  height: 31px;
  background: #a40001;
}
.block4 .lineBlock .line2 {
  width: 4px;
  height: 31px;
  background: #222c4d;
}
.block4 .title {
  font-weight: 400;
  font-size: 28px;
  color: #111111;
}
.block4 .subTitle {
  font-weight: 400;
  font-size: 18px;
  color: #bcbcbc;
  margin-top: 5px;
}
.block4 .img6 {
  height: 240px;
  background-image: url("../imgs/index/img6.png");
  width: 100%;
  top: -30px;
  margin-bottom: 20px;
}
.block4 .card {
  box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 0.11);
  height: 160px;
  width: 30%;
  padding: 35px 30px;
}
.block4 .card .dot {
  width: 6px;
  height: 6px;
  background: #005397;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 8px;
}
.block4 .card .title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 15px;
}
.block4 .card:hover .title {
  color: #005397;
}
.block4 .card .content {
  font-size: 14px;
  color: #a7a7a7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 26px;
}
.block4 .card .date {
  font-weight: 300;
  font-size: 24px;
  color: #a7a7a7;
  margin-bottom: 36px;
  margin-top: -2px;
}
.block4 .card .img7 {
  cursor: pointer;
  background-image: url("../imgs/index/img7.png");
  width: 20px;
  height: 14px;
}
.block5 {
  padding: 80px 0px;
  background: #f2f2f2;
}
.block5 .inner {
  margin-bottom: 50px;
}
.block5 .lineBlock {
  width: 4px;
  height: 62px;
  margin-right: 20px;
}
.block5 .lineBlock .line1 {
  width: 4px;
  height: 31px;
  background: #266dd0;
}
.block5 .lineBlock .line2 {
  width: 4px;
  height: 31px;
  background: #222c4d;
}
.block5 .title {
  font-weight: 400;
  font-size: 28px;
  color: #111111;
}
.block5 .subTitle {
  font-weight: 400;
  font-size: 18px;
  color: #bcbcbc;
  margin-top: 5px;
}
.block5 .card {
  height: 450px;
  padding: 100px 0px 85px;
}
.block5 .card.card1 {
  background-image: url("../imgs/index/img8.png");
}
.block5 .card.card2 {
  background-image: url("../imgs/index/img9.png");
}
.block5 .card.card3 {
  background-image: url("../imgs/index/img10.png");
}
.block5 .card.card4 {
  background-image: url("../imgs/index/img11.png");
}
.block5 .card.card5 {
  background-image: url("../imgs/index/img12.png");
}
.block5 .card.card6 {
  background-image: url("../imgs/index/img14.png");
}
.block5 .card.card7 {
  background-image: url("../imgs/index/img15.png");
}
.block5 .card .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
}
.block5 .card:hover .cover {
  background: rgba(40, 120, 255, 0.8);
}
.block5 .order {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 35px;
}
.block5 .card .line {
  background: #ffffff;
  opacity: 0.3;
  width: 2px;
  height: 50px;
  margin-bottom: 27px;
}
.block5 .card .title {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 50px;
}
.block5 .card .detailBtn {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  color: #ffffff;
  width: 150px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.block6 {
  padding: 80px 0px;
  background: #ffffff;
}
.block6 .lineBlock {
  width: 4px;
  height: 62px;
  margin-right: 20px;
}
.block6 .lineBlock .line1 {
  width: 4px;
  height: 31px;
  background: #a40001;
}
.block6 .lineBlock .line2 {
  width: 4px;
  height: 31px;
  background: #222c4d;
}
.block6 .title {
  font-weight: 400;
  font-size: 28px;
  color: #111111;
}
.block6 .subTitle {
  font-weight: 400;
  font-size: 18px;
  color: #bcbcbc;
  margin-top: 5px;
}
.swiper-containner3 {
  height: 200px;
  margin-top: 50px;
}
.swiper-containner3 .swiper-slide {
  height: 150px;
}
.swiper-containner3 .swiper-slide img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
