body,html{min-height:100%;}
body{ font-family: "Microsoft YaHei","NotoSansHans"; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}




.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-container-vertical>.swiper-wrapper {flex-direction: column;}


.z_page_swiper{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner{ width: 100%;position: relative; overflow: hidden;}
.z_banner:hover .z_wave{ transform: translate(-50%,0);}
.z_banner .bd li{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; height: 100vh;}
.z_banner_play{width: 180px;height: 52px; transition: ease 1s;  cursor: pointer; background: #DA251D;border-radius: 26px; line-height: 52px; padding: 0 10px 0 20px; color: #fff; position: absolute; left: 50%; top: 28.04166vw; transform: translateX(-50%);}
.z_banner_play em{ display: inline-block; width: 32px; height: 32px; transition: ease 1s; background: url(../img/play.png) no-repeat center; background-size: cover; float: right; margin-top: 10px;}
.z_banner_play:hover em{ transform: translateX(-10px);}
.z_banner_play:hover{ border-radius: 10px; width: 140px;}
.z_banner_num{ position: absolute; left: 8.33333vw; bottom: 2.6vw; z-index: 2; color: #fff;font-family: Humanist521BT;}
.z_banner_num .index{ font-size: 2.08333vw; font-weight: bold;}
.z_copy{ position: absolute; right:8.33333vw ; bottom: 2.6vw;z-index: 2; color: #fff; font-size: 12px; }
.z_banner_sb{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 2vw; color: #fff; z-index: 2; text-align:center;}
.z_banner_sb .icon{ display: block; margin: 25px auto; animation:moves 2s linear  infinite;}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-15px);} 
	100%{transform: translateY(0px);}
}
.z_wave{ position: absolute; left: 50%; transform: translate(-50%) translateY(10vw); bottom: -2vw; z-index: 1; transition: ease 2s;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index: -1;position: absolute;width: 19vw;height: 19vw; background:linear-gradient(to right, rgba(8, 43, 96, 1), rgba(234, 85, 20, 1));border-radius: 45%;animation: rotate 6s linear infinite; mix-blend-mode: multiply;}
.z_wave .wave1 { background: linear-gradient(to right, rgba(8, 43, 96, 1), rgba(234, 85, 20, 1));transform: translate(-20%, 0) rotate(0deg); opacity: .8; width: 17vw;height: 17vw; animation: rotate1 6s linear -4s infinite;border-radius: 65%;}
.z_wave .wave2 { background: linear-gradient(to right, rgba(8, 43, 96, 1), rgba(234, 85, 20, 1));transform: translate(20%, 0) rotate(0deg);animation: rotate2 8s linear -2s infinite;width:15vw;height: 15vw;border-radius: 30%;}
.z_wave .icon{ position: absolute;     left: 32%;
    bottom: 24%; z-index: 2;}
.z_banner_sb h3{ font-family:arial;}
@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);
    }100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);
    }
}

@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);
    }100% {
        transform: translate(20%, 0%) rotate(360deg);
    }
}




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

.z_banner{ height:70vw; width: 100vw; margin-top: 50px;}
.z_banner .bd li,.z_banner .picBox{ height: 100%;}
.z_copy,.z_banner .btn,.z_banner_sb{ display: none;}
.z_banner_num .index{ font-size: 18px;}


}