.swiper-slide-active .banInfo {
  animation: ban 1.5s forwards;
}

.banInfo {
  padding: 120px 0 0;
  display: block;
}

@keyframes ban {
  from {
    top: 60px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

.banSwiper .swiper-pagination-fraction {
  bottom: 105px;
  color: #fff;
  font-weight: 600;
}

.banSwiper .swiper-button-next,
.banSwiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.banSwiper .swiper-button-prev {
  left: 60px;
}

.banSwiper .swiper-button-next {
  right: 60px;
}

.banSwiper .swiper-button-nex {
  right: 60px;
}

.banSwiper .swiper-button-next:after,
.banSwiper .swiper-button-prev:after {
  color: #fff;
  font-size: 28px;
  font-weight: 300;
}

.slide {
  width: 35px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  animation: slide 1.5s infinite;
}

@keyframes slide {
  from {
    bottom: 30px;
    opacity: .5;
  }

  to {
    bottom: 10px;
    opacity: ;
  }
}

.slide .iconfont {
  display: block;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 26px;
}

.icon-shubiao {
  margin: 0 0 10px;
  font-size: 30px;
}

.concerning {
  padding: 100px 0 0;
  text-align: center;
}

.conce {
  padding: 50px 0;
  background: #0F6FB8;
}

.conList {
  display: flex;
}

.conList li {
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, .2);
}

.conList li:last-child {
  border: none;
}

.conList h3 {
  font-size: 77px;
  letter-spacing: 0px;
  color: #ffffff;
}

.conList h3 sup {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-left: -15px;
}

.conList p {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
}

.categ {
  padding: 100px 0;
}

.catBox {
  position: relative;
  margin: 50px 0 0;
}

.catxt {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 50px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}

.catxt h4 {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #fff;
}

.catxt h4::after {
  content: '';
  display: block;
  width: 34px;
  height: 3px;
  background: #fff;
  margin: 5px 0 0;
}

.catBox img {
  transition: .8s;
}

.catBox a {
  overflow: hidden;
  display: block;
}

.catBox a:hover img {
  transform: scale(1.1);
}

.catBox .swiper-button-next,
.catBox .swiper-button-prev {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #939391;
  z-index: 2;
}

.catBox .swiper-button-prev {
  left: -90px;
}

.catBox .swiper-button-next {
  right: -90px;
}


.catBox .swiper-button-next:after,
.catBox .swiper-button-prev:after {
  font-size: 20px;
  color: #939391;
}

.exhib {
  padding: 100px 0;
  background: linear-gradient(to bottom, );
  background: linear-gradient(#f7f7f7 0%, #f7f7f7 80%, #fff 80%, #fff 100%);
}

.exhBox {
  position: relative;
  margin: 50px 0 0;
}

.exSwiper .swiper-slide {
  justify-content: space-between;
  text-align: left;
  align-items: flex-start;
}

.extxt {
  width: 35%;
}

.extxt h3 {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 70px;
  letter-spacing: 0px;
  color: #313131;
  margin: 0 0 10px;
}

.extxt p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #787878;
}

.exMg {
  width: 60%;
}

.exSwiper .swiper-pagination {
  text-align: left;
}

.exSwiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.solu {
  padding: 100px 0;
  background: url(../images/index07.jpg) center no-repeat;
  background-size: cover;
}

.solBox {
  margin: 50px 0 0;
  display: flex;
}

.solBox>div {
  width: 50%;
}

.solMg img {
  display: block;
  width: 100%;
}

.solTxt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: flex-end;
  padding-left: 40px;
}

.solTxt p,
.solTxt a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}

.solu .title,
.solu .title h6 {
  color: #fff;
}


@media screen and (max-width:1500px) {

  .banSwiper .swiper-button-prev {
    left: 20px;
  }

  .banSwiper .swiper-button-next {
    right: 20px;
  }

  .catxt {
    padding: 30px;
  }

  .catBox .swiper-button-next {
    right: 0;
  }

  .catBox .swiper-button-prev {
    left: 0;
  }

}


@media screen and (max-width:1300px) {

  .banInfo {
    padding: 70px 0 0;
  }

  .concerning {
    padding: 50px 0 0;
  }

  .conList h3 {
    font-size: 60px;
  }

  .conList p {
    font-size: 18px;
  }

  .categ,
  .exhib,
  .solu {
    padding: 50px 0;
  }

}

@media screen and (max-width:1200px) {

  .conce {
    padding: 30px 0;
  }

  .catxt {
    padding: 15px;
  }

  .solTxt a {
    margin: 30px 0 0;
  }

  .banSwiper .swiper-button-next,
  .banSwiper .swiper-button-prev {
    width: 50px;
    height: 50px;
  }

}


@media screen and (max-width:1020px) {

  .banInfo {
    padding: 50px 0 0;
  }

  .conList h3 {
    font-size: 40px;
  }

  .catBox,
  .exhBox,
  .exMg,
  .solTxt {
    margin: 30px 0 0;
  }

  .exSwiper .swiper-slide,
  .solBox {
    flex-wrap: wrap;
  }

  .extxt,
  .exMg,
  .solBox>div {
    width: 100%;
    padding: 0;
  }

  .banSwiper .swiper-pagination-fraction {
    bottom: 85px;
  }


}


@media screen and (max-width:768px) {

  .slide .iconfont {
    font-size: 16px;
  }

  .banInfo {
    padding: 20px 0 0;
  }

  .slide {
    width: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    animation: slide 1.5s infinite;
  }

  @keyframes slide {
    from {
      bottom: 15px;
      opacity: .5;
    }

    to {
      bottom: 0;
      opacity: ;
    }
  }

  .banSwiper .swiper-pagination-fraction {
    bottom: 45px;
  }

  .banSwiper .swiper-button-next,
  .banSwiper .swiper-button-prev {
    width: 25px;
    height: 25px;
  }

  .banSwiper .swiper-button-next:after,
  .banSwiper .swiper-button-prev:after {
    font-size: 18px;
  }

  .banSwiper .swiper-button-next {
    right: 5px;
  }

  .banSwiper .swiper-button-prev {
    left: 5px;
  }

  .concerning {
    padding: 30px 0 0;
  }

  .conce {
    padding: 15px 0;
  }

  .conList {
    flex-wrap: wrap;
  }

  .conList li {
    width: 50%;
    box-sizing: border-box;
    margin: 15px 0 0;
  }

  .conList li:nth-child(1),
  .conList li:nth-child(2) {
    margin: 0;
  }

  .conList li:nth-child(even) {
    border: none;
  }

  .conList h3 {
    font-size: 30px;
  }

  .conList h3 sup {
    font-size: 16px;
  }

  .conList p {
    font-size: 16px;
  }

  .categ,
  .exhib,
  .solu {
    padding: 30px 0;
  }

  .extxt h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .catBox,
  .exhBox,
  .exMg,
  .solTxt {
    margin: 20px 0 0;
  }

}