.aboutZg{
    position: relative;
    height: 550px;
  }
  .aboutZg .box{
    position: relative;display: none;
    
  }
  .aboutZg .box.on{
    display: block;
  }
  
  .aboutZg .box img{
    -o-object-fit: cover;
          object-fit: cover;width: 100%;
          height: 550px;
  }
  .aboutZg .box .bos{
    position: absolute;
    left: 5%;right: 5%;top: 50px;
  }
  .aboutZg .box .bos .tit{
    font-size: 30px;color: #ffffff;
    margin-top: 50px;position: relative;padding-bottom: 10px;
  }
  .aboutZg .box .bos .tit::after{
    content: '';
    background: #ffffff;
    width: 33px;height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .aboutZg .box .bos .desc{
    font-size: 16px;line-height: 1.5;width: 60%;color: #ffffff;margin-top: 30px;
  }
  .aboutZg .box .bos a{
    display: inline-block;
    height: 40px;line-height: 40px;color: #ffffff;border: 1px solid #ffffff;
    padding: 0 35px;font-size: 16px;
    margin-top: 30px;
  }
  .aboutZg .box .bos a:hover{
    background: #E60619;border: 1px solid #E60619;
  }
  .aboutZg .navs{
    position: absolute;
    left: 12%;right: 12%;bottom: 20px;
    background: rgba(0, 0, 0,.4);
    display: flex;
  }
  .aboutZg .navs .col{
    width:calc(100%/3);text-align: center;padding: 20px 0;
  }
  .aboutZg .navs .col img{
    -webkit-transition:all .5s;transition:all .5s
  }
  .aboutZg .navs .col p{
    font-size: 18px;color: #ffffff;
    margin-top: 10px;
  }
  .aboutZg .navs .col:hover img{
    transform: rotate3d(0, 1, 0, 180deg);
  }
  .aboutZg .navs .col:hover{
    background: #E60619;
  }
  
  .aboutZg .navs .col.on{
    background: #E60619;
  }
  
  
  
  
  
  
  
  
  
  .piclb{
    position: relative;
    margin-top: 0px;
  }
  .piclb .swiper-slide {
    width: 50%;
    height:400px;overflow: hidden;
  }
  .piclb .swiper-slide:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .piclb .swiper-slide img{
    display: block;width: 100%; -webkit-transition:all .9s;transition:all .9s
  }
  .piclb  .swiper-button-next{
    width: 54px;
    height: 54px;
    background:url("../images/next.png") center center no-repeat;
  
  }
  .piclb  .swiper-button-prev{
    width: 54px;
    height: 54px;
    background:url("../images/pre.png") center center no-repeat;
  }
  
  
  .piclb .swiper-pagination-bullet{ 
    width:35px; height:10px;  border-radius: 5px;
   background:#cccccc;  opacity: 1;
   margin: 0 5px;
  }
  .piclb .swiper-pagination-bullet-active{ 
    width: 35px;
    height: 10px;
    background: #E60619;
    border-radius: 5px;
  
  }
  .piclb .swiper-pagination{
    bottom: 5%;width: auto;
    left: 50%;
    transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  display: inline-block;position: absolute;z-index: 99;
  }
  .piclb .box{
    position: absolute;
    display: inline-block;
    left: 50%;
    bottom: 0px;z-index: 2;
  }
  .piclb .box  .col{
    opacity: 0;position:absolute;background-color: #fff;
    width: 500px;
    transform:translateX(-50%);
  -webkit-transform:translateX(-50%);bottom: -30px;padding: 25px;
  padding-bottom: 55px;
  }
  .piclb .box  .col.on{
    display: inline-block; -webkit-transition:all .9s;transition:all .9s;
    opacity: 1;bottom: 10px;border-left: 2px solid #E60619;
  }
  .piclb .box  .col .tit{
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .piclb .box  .col .tit::after{
    content: '';
    background: #E60619;
    width: 33px;height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
@media screen and (max-width: 1200px) {
    .piclb .box{
      position: static;
      height:120px;width: 100%;border-bottom: 2px solid #E60619;
    }
    .piclb .swiper-pagination{
      bottom:auto;width: auto;
      left: 50%;
      transform:translateX(-50%);
      -webkit-transform:translateX(-50%);
      display: inline-block;position: absolute;z-index: 99;
      top: 60%;
    }
    .piclb .swiper-slide {
      width: 80%;
      height:400px;overflow: hidden;
    }
    .piclb .box  .col{
        left: 0;right: 0;
        bottom: 0;
        transform:translate(0%,0%);
        -webkit-transform:translate(0%,00%);width: 100%;padding-bottom: 25px;
    }
    .piclb .box  .col .tit{
        margin-bottom: 5px;
        display: block;float: left;width: 100%;
    }
    .piclb .box  .col .desc{
        margin-top: 0px;
    
    }
    .piclb .box  .col.on{
      border-left: 0px 
    }
  }
  
  
@media screen and (max-width: 750px) {
    .aboutZg .navs .col .img{
      display: none;
    }
    .piclb .swiper-slide {
    height:200px;
    }
    .aboutZg .navs .col{
      padding: 10px 0;
    }
    .aboutZg .navs .col p{
      margin: 0;
    }
    .aboutZg .box .bos .desc{
      font-size: 16px;line-height: 1.5;width: 100%;color: #ffffff;margin-top: 30px;
    }
    .piclb .swiper-pagination{
      display: none;
    /*top: 50%;*/
    }
    .piclb .box  .col .tit{
    font-size: 18px;
  }

  }