.z_banner{ width: 100%; height: 100vh; position: relative;  font-family:"Microsoft Yahei";}
.z_banner_hd{ margin: 0 auto;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 5s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}

.z_banner_text{ position: absolute; left: 0; top: 54%; width: 100%; transform: translateY(-50%); padding: 0 8.3vw;box-sizing: border-box;}
.z_banner_text .h3{font-size: 1.2vw;color: #fff; margin-top: -1vw; margin-bottom: 1.5vw;}
.z_banner_text .slg img{ height: 3.64583vw; display: block;}
.z_banner_text pre{font-size:3.02083vw;color: #fff; line-height: 3vw;font-weight: bold; font-family:"Microsoft Yahei";text-shadow: 2px 2px 4px rgba(0,0,0,.3);}
.z_more{ display: flex; align-items: center; color: #FEFEFE; z-index: 1;}
.z_more .iconfont{ display: inline-block;width: 46px;height: 46px;border: 2px solid rgba(255,255,255,.3);border-radius: 50%;z-index: 1; text-align: center; line-height: 42px;  position: relative; overflow: hidden; font-weight: bold; transition: ease .5s;
    background: url(../images/jiantou.svg)  no-repeat center center; background-size: 18px;

}

.z_more .cir{ position: relative; overflow: hidden; border-radius: 50%; font-size: 0; }
.z_more .cir::after{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0%; bottom: 0; background:  #196CCF; position: absolute; left: 0; bottom: 0; transition: ease 1s;

} 
.z_more span{font-family: AsapCondensed;font-weight: 600;text-decoration: underline;margin-left: 10px;}
.z_banner_text .z_more{ margin-top: 8vw;}
.z_more:hover .cir::after{ height: 100%; }
.z_more2{ color: #196CCF;}
.z_more2 .iconfont{ border-color:#196CCF;}
.z_more2:hover .iconfont{ color: #FEFEFE;}
.z_banner_bar{ position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); bottom: 0; width:83.33333vw;  height: 3.2vw; justify-content: space-between;  text-align: center; }
.z_banner_hd li{ display: inline-block;width: 10px;
height: 10px;
background: #FFFFFF;
opacity: 0.4;
border-radius: 50%; margin-right: 10px; cursor: pointer; outline: none;}

.z_banner_hd li.on{ background: none;border: 2px solid #FFFFFF;width: 40px; border-radius: 6px; background: #fff;}



/* swiper */
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

@media (max-width: 980px){

.piaofm3 {
    font-size: 14px!important;
}
.z_banner{ height:44vh;}
 .z_banner_text{ top:63%;}   
  .z_more .iconfont{  width:35px; height:35px;}  
   .z_more span{font-weight: 400;} 
   .z_banner_text pre{margin-bottom: 3rem;}
   .z_banner_text {
    top: 60%;
}


}