.banner .swiper-pagination {
  bottom: 30px; }
  .banner .swiper-pagination span {
    width: 15px;
    height: 15px;
    opacity: 1;
    background-color: transparent;
    border: 2px solid var(--bs-primary); }
    .banner .swiper-pagination span.swiper-pagination-bullet-active {
      background-color: var(--bs-primary); }

.productCat .item {
  text-align: center;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  cursor: pointer; }
  .productCat .item img {
    height: 44px; }
  .productCat .item p {
    font-size: 26px;
    color: #333;
    padding-top: 48px;
    line-height: 1; }
  .productCat .item .txt {
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    line-height: 1.75;
    color: #333;
    opacity: .8; }
  .productCat .item.on {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); }
    .productCat .item.on p {
      color: var(--bs-primary); }
.productCat .swiper {
  display: none;
  margin-top: 42px; }
  .productCat .swiper .swiper-slide {
    background-color: #F7F8FA;
    padding: 30px; }
    .productCat .swiper .swiper-slide .tit {
      font-size: 24px;
      font-weight: bold;
      line-height: 32px; }
    .productCat .swiper .swiper-slide .txt {
      padding-top: 30px;
      color: #868a9b;
      line-height: 2;
      text-align: justify;
      font-size: 18px; }
.productCat .swiper-pagination {
  position: unset;
  margin-top: 50px; }

.about {
  background-image: url("../images/bgbg_a5z7.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FBFBFA;
  background-size: cover;
  background-attachment: fixed;
  padding: 30px 0 90px; }
  .about .cmTit {
    padding-bottom: 60px;
    color: #fff; }
  .about .aboutTxt {
    font-size: 16px;
    line-height: 2;
    text-indent: 2em;
    text-align: justify;
    color: #fff; }
  .about .video {
    position: relative;
    padding-bottom: 30px;
    z-index: 2; }
    .about .video:before {
      content: '';
      width: 100%;
      display: block;
      border: 5px solid var(--bs-primary);
      left: -30px;
      top: 30px;
      z-index: -1;
      position: absolute;
      bottom: 0; }

.power .powerList {
  position: relative;
  overflow: hidden; }
  .power .powerList .img {
    font-size: 0; }
    .power .powerList .img img {
      width: 100%; }
  .power .powerList .tit {
    font-size: 28px;
    padding-bottom: 20px; }
    .power .powerList .tit.biao:after {
      content: '';
      display: inline-block;
      width: 50px;
      height: 13px;
      background: url("../images/biao-w.png") no-repeat center;
      margin-top: 34px;
      margin-bottom: 32px; }
  .power .powerList .txt {
    padding: 20px 15px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 22%;
    text-align: center;
    color: #fff;
    z-index: 2;
    transition: all .5s; }
    .power .powerList .txt .desc {
      font-size: 16px;
      line-height: 2;
      opacity: .6; }
  .power .powerList .txtCont {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 36px 20px;
    color: #fff;
    background-color: rgba(13, 110, 253, 0.5);
    transition: all .5s;
    z-index: 3;
    text-align: center; }
    .power .powerList .txtCont p {
      font-size: 18px;
      line-height: 1.75;
      text-align: justify; }
  .power .powerList:hover .txt {
    opacity: 0; }
  .power .powerList:hover .txtCont {
    top: 0;
    cursor: pointer; }

.news {
  padding: 30px 0 70px;
  background-image: url("../images/cjt2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #cccccc;
  background-size: cover;
  background-attachment: fixed; }
  .news .newsCatList {
    width: 100%; }
    .news .newsCatList .titBox {
      position: relative;
      font-size: 0; }
      .news .newsCatList .titBox img {
        width: 100%;
        height: 80px;
        object-fit: cover; }
      .news .newsCatList .titBox .tit {
        font-size: 14px;
        color: #fff;
        width: 100%;
        padding: 20px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        display: flex;
        align-items: center; }
        .news .newsCatList .titBox .tit .titCh {
          font-size: 22px; }
        .news .newsCatList .titBox .tit .titEn {
          font-size: 12px;
          opacity: .6;
          text-transform: uppercase;
          padding-left: 15px; }
        .news .newsCatList .titBox .tit .more {
          margin-left: auto; }
  .news .newsListCont {
    padding: 20px;
    background-color: #fff;
    width: 100%; }
    .news .newsListCont .left {
      width: 35%; }
      .news .newsListCont .left .img img {
        width: 100%;
        height: 100%; }
    .news .newsListCont .right {
      width: 60%;
      margin-left: 5%; }
    .news .newsListCont li .tit {
      font-size: 16px;
      line-height: 1.75; }
    .news .newsListCont li .time {
      font-size: 14px;
      opacity: .5;
      padding-top: 5px;
      line-height: 1; }
    .news .newsListCont li + li {
      margin-top: 15px; }

/*# sourceMappingURL=index.css.map */