@font-face{font-family:"NotoSansHans";src:url("../font/NotoSansHans-Regular.ttf");font-weight:normal;font-style:normal;}
body{font-family: 微软雅黑, "Microsoft YaHei";font-size:14px;color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);width:100%;overflow-x:hidden;background:#fff;}
pre{font-family: 微软雅黑, "Microsoft YaHei";white-space:pre-wrap;word-wrap:break-word;}
.z_header{ display: none;}
.z_banner{  height: 100vh; position: relative; }
.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 2s; opacity:.8; position: relative;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_banner_video{position: absolute; left: 50%;top: 50%;display: block; min-height: 100%; min-width: 100%; transform: translate(-50%,-50%);}

.z_banner .z_banner_text{position: absolute; width: 100%;text-align: center ;box-sizing: border-box; right: 0vw; top: 50%; transform: translate(0,-20%); transition-delay: .5s; z-index: 2; opacity: 0; transition: ease-out 1s; transition-delay: .6s; color: #fff;}
.z_banner .z_banner_text img{display: block; height: 15vw;}
.z_banner .swiper-slide-active .z_banner_text{opacity: 1;transform: translate(0%,-50%);}
.z_banner_text .cn{font-size: 2.5vw;font-weight: 400;line-height:3.125vw;}
.z_banner_text .en{font-size: 1.30208vw;font-family: Helvetica;font-weight: 400; margin: 5px 0;color: #4F5153;line-height: 1.875vw; text-transform: uppercase; word-spacing: 5px; letter-spacing: 1px;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;background-size: cover;}
.z_page_swiper{ height: 100vh;overflow: hidden;}
img{display: block;width: auto;}
.z_index_about{ padding: 5vw 10vw; padding-left: 13.54166vw; display: flex; align-items: center; box-sizing: border-box;}
.clearfix:after{content:"";display:block;clear:both;}
.z_index_about .infobox{ float: left;width: 29.16666vw; margin-top: 4vw;  transition: ease 1s;}
.z_index_tit{font-size: 2.5vw; line-height: 3.125vw; position: relative; z-index: 1; transform: translateY(100%); transition: ease 1.5s; opacity: 0;}
.z_index_tit::before{ content: ""; display: block; width: 8.3vw; height: 8.3vw; position: absolute; left: -4vw; top:-3.5vw; background: url(../image/jh.png) no-repeat center; background-size: 100% 100%; z-index: -1; display: none;}
.z_slide.swiper-slide-active .z_index_tit{ transform: translateY(0); opacity: 1;}
.z_index_about .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; margin: 2.5vw 0;transform: translateY(50%); transition: ease 1.5s; transition-delay: .4s; opacity: 0; text-align: justify;}
.z_index_about.swiper-slide-active .desc{transform: translateY(0); opacity: 1;}
.z_about_icon { border-top: 1px solid #E9E9E9; padding-top: 2.5vw;}
.z_about_icon ul{ display: flex; justify-content: space-between; text-align: center;}
.z_about_icon li{opacity: 0;}
.z_about_icon li h3{font-size: 16px; font-weight: normal;color: #666666; line-height: 24px; margin-top:10px;}
.z_about_icon li img{ display: block; margin: 0 auto; }
.z_index_about .imgbox{width: 27.08333vw; height: 33.02083vw; overflow: hidden; float: right;transform: scale(1.5,1.5); transition: ease 1s; }
.z_index_about .warps{ width: 100%;}
.z_index_about.swiper-slide-active .infobox,.z_index_about.swiper-slide-active .imgbox{ transform:scale(1,1);}
.z_index_about.swiper-slide-active .imgbox{}
.z_index_yf{ background: url(../image/bg.jpg) no-repeat bottom center; background-size: cover; position: relative; padding:4vw 10vw; display: flex; align-items: center; box-sizing: border-box; z-index: 1;}
.z_index_yf::before{content: ""; display: block; width: 38.28125vw; height: 38.28125vw; background: url(../image/pic2.png) no-repeat center; background-size: 100% auto; position: absolute; left: 20%; bottom: 0;transform-origin:20% 20px;animation: spin 50s infinite linear; z-index: -1; display: none;}
@keyframes spin{
 to{transform: rotate(1turn);}
 
}
.z_index_yf .warps{ position: relative; width: 100%; z-index: -1;}
.z_yfcon_warp{ background: #fff; margin-top: 3.5vw; width: 38vw; padding: 3vw 4vw; box-sizing: border-box; z-index: 2;position: relative; transform: translateY(50%); transition: ease 1.5s; opacity: 0; }
.swiper-slide-active .z_yfcon_warp{ transform: translateY(0); opacity: 1;}
.z_yf_tab ul{ display: flex; justify-content: space-between; text-align: center;}
.z_yf_tab li{ cursor: pointer; position: relative;padding-bottom: 1vw;}
.z_yf_tab li::before{content:""; display: block; width: 0; z-index: 1;height: 2px; position: absolute; left: 50%; bottom: -1px;  transition: ease 1s; background: #0390BE;}
.z_yf_tab li .icon{ display:block; margin: 0 auto; height: 2.5vw; margin-bottom: 10px;}
.z_yf_img{ width: 54.16666vw; height: 28.64583vw; margin-left: auto;}
.z_yf_tab li h3{ font-size: 16px; font-weight: normal;}
.z_yf_tab{border-bottom: 1px solid #CDCDCD; }
.z_yf_tab li.active::before{ width: 100%; left: 0;}
.z_yf_swiper{ overflow: hidden; }
.z_yfcon{ margin-top: 2vw;}
.z_yfcon,.z_yfcon .swiper-slide{ width: 100%;}
.z_yfcon .tit{font-size: 1.5625vw; margin-bottom: 1vw;}
.z_yfcon .desc{color: #666666;text-align: justify;
line-height: 24px; font-size: 16px; max-height: 17vw; overflow-y: auto; padding-right: 10px;}
.z_yf_img{ position: absolute; right: 0; top: 0; overflow: hidden; transform: translateY(-50%); opacity: 0; transition: ease 1.5s;}
.swiper-slide-active .z_yf_img{ transform: translateY(0); opacity: 1;}
.z_index_pro ul{ display: flex;}

.z_index_pro li{ height: 100vh;  overflow: hidden; width: auto; box-shadow: 15px 0px 25px 0px rgba(0,49,63,0.15);}

.z_index_pro li a{ display: block; width: 100%; height: 100%;display: flex;}
.z_index_pro li:nth-child(4) .z_tit_box{ background:#0A83AF;}
.z_index_pro li:nth-child(3) .z_tit_box{ background:#02a0d8;}
.z_index_pro li:nth-child(2) .z_tit_box{ background:#0891c3;}
.z_index_pro li:nth-child(1) .z_tit_box{ background:#00adeb;}
.z_index_pro li .z_tit_box{ width: 140px; position: relative; overflow: hidden; flex-shrink: 0; display: flex;justify-content: center; align-items: flex-start;  box-sizing: border-box; transition: ease 1s; padding-top: 6vw;}
.z_index_pro li .z_tit_box .xzimg{transform: rotate(-90deg); height: 64px;  transform-origin: right bottom; margin-left:-50%; transition: ease 1s;opacity:.3}


.z_index_pro li .lg img{ display: block; height: 56px;}
.z_index_pro li .tit{ font-size: 1.25vw; margin: 2vw 0;}
.z_index_pro li .desc{font-size: 16px;line-height: 24px;}
.z_index_pro li .morebar{ position: absolute; left: 3vw; bottom: 0; width: calc(100% - 6vw); border-top: 1px solid rgba(255,255,255,.5); display: flex;justify-content: flex-end; padding: 2vw 0; align-items: center;}
.z_index_pro li .morebar span{text-align: right; text-transform: uppercase; margin-left: 20px;}
.z_index_pro li .morebar em{ display: block; font-style: normal;}
.z_index_pro li .imgbox{ width: 64%;height: 100%;}

.z_index_pro li .infobox{ position: absolute;opacity: 0; transition: ease 1s; width: 28.125vw; height: 100%; left: 0; top: 0;  color: #fff; padding: 4vw 3vw; box-sizing: border-box; padding-top: 11vw;}
.z_index_pro li .slg{ display: block; max-height: 17.1875vw; position: absolute; left: 3vw; bottom: 10vw;}
.z_index_pro li .imgbox{width: 0vw; height: 100%; transition: ease 1s}

/* .z_index_pro li.active .z_tit_box{ width: 28.125vw;background: #e60013; } */
.z_index_pro li.active .z_tit_box{ width: calc(50vw - 3 * 140px);background: #e60013; }
.z_index_pro li.active .xzimg{ opacity: 0; transform: rotate(-90deg) translateY(-500%);}
.z_index_pro li.active .infobox{ opacity: 1;}
.z_index_pro li.active .imgbox{ width: 50vw;}
.z_index_pro li.active:nth-child(4) .z_tit_box{ background:#6bb4ce;}
.z_index_pro li.active:nth-child(3) .z_tit_box{ background:#e60013;}
.z_index_pro li.active:nth-child(2) .z_tit_box{ background:#998dc2;}
.z_index_pro li.active:nth-child(1) .z_tit_box{ background:#00aceb;}
.z_slide{ overflow: hidden;}
.slide.footer {
	height: auto;
	overflow: initial;
}
.z_kdc_bar{ position: fixed; right:1.5vw!important; top: 0; z-index: 999; width: 36px; height: 100%; background: url(../image/kdc1.png) no-repeat right center; background-size: auto 100%; transition: ease 1s;}
.z_kdc_bar span{ display: block; height: 20%; cursor: pointer; width: 36px; margin: 0!important; border-radius: 0; background: none; transition: ease 1s;} 
.z_kdc_bar span.swiper-pagination-bullet-active::before{ content: ""; display: block; width: 36px; height: calc(100vh / 3); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../image/kdc2.png) no-repeat right center; background-size: auto 100%; transition: ease 1s;}
.z_kdc_bar span:nth-child(1).swiper-pagination-bullet-active::before{ top: 16.5%;}
.z_kdc_bar span:nth-child(2).swiper-pagination-bullet-active::before{ top:33.3%;}
.z_kdc_bar span:nth-child(3).swiper-pagination-bullet-active::before{ top:49.9%;}
.z_kdc_bar span:nth-child(4).swiper-pagination-bullet-active::before{ top:66.6%;}
.z_kdc_bar span:nth-child(5).swiper-pagination-bullet-active::before{ top:83.3%;}

.z_kdc_bar.on{/* filter: invert(30%); */background: url(../image/kdc3.png) no-repeat right center; background-size: auto 100%;}
.z_kdc_bar.on span.swiper-pagination-bullet-active::before{background: url(../image/kdc4.png) no-repeat right center; background-size: auto 100%;}


.z_load_page{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99; background: #fff;}
.z_load_logo{ position: relative; animation: move 1s ease-out forwards;}
.z_load_logo img{ display: block; width:14vw; }
.z_load_logo .logoon{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background-repeat: no-repeat;background-position: center; overflow: hidden;animation: move2 3s linear forwards;}
.z_load_logo .logoon .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: auto 99.999%;}
@keyframes move{
	from{transform: scale(.6,.6);}
	to{transform: scale(1,1);}
}
@keyframes move2{
	from{width: 0.1%;}
	to{width: 100%;}
}
.header{ display: none;}
.z_retop{ width: 48px; height: 48px;  background-size: 100% 100%; position: fixed; right: 2.6vw; bottom: 2.6vw;z-index: 10; border: 1px solid #00ACEB;border-radius: 50%;cursor: pointer; overflow: hidden; transition: background-color .8s; display: none;}
.z_retop:hover{ background: #00ACEB;}
.z_retop img{ display: block; filter: drop-shadow(48px 0px 0 #fff);}
.z_retop:hover img{  transform: translateX(-48px);}

@media screen and (max-width:980px){
		.z_load_logo img{ width: 42.1vw;}
.z_page_swiper,.z_slide{ height: auto;}
.z_banner{ height: 56vw; margin-top: 60px;}
.z_banner video{ width: 100%;}
.z_banner_text .cn{ font-size: 20px; line-height: 24px;}
.z_page_swiper>.swiper-wrapper{ display: block;}
.z_index_about{ padding: 40px 12px; display: block;}
.z_index_about .infobox{ width: 100%;transform: translateX(0%); margin-top: 0; float: none;}
.z_index_tit{ font-size: 20px; line-height: 24px;}
.z_index_about .desc{ margin: 30px auto; font-size: 14px;line-height: 24px;}
.z_about_icon li img{ height: 30px; }
.z_about_icon li h3{ font-size: 14px;}
.z_about_icon li h3{ margin-top: 5px;}
.z_about_icon{ padding-top: 20px;}
.z_index_about .imgbox{ margin: 0 auto; float: none; width: 100%; margin-top: 30px; transform: translate(0); height: 50vw;}  
.z_index_yf{ padding: 40px 12px;}
.z_yfcon_warp{ width: 100%; margin-top: 30px; padding: 20px 10px;}
.z_yf_tab li{ padding-bottom: 15px;}
.z_yf_tab li .icon{ height: 30px;}
.z_yf_tab li h3{ font-size: 14px;}
.z_yfcon .desc{ max-height: none; font-size: 14px; line-height: 24px; margin-top: 15px;}
.z_yfcon .tit{ font-size: 16px;}
.z_yfcon{ margin-top: 20px;}
.z_yf_img{ position: relative; width: 100%; height: 50vw;}
.z_index_pro ul,.z_index_pro li a{ display: block;}
.z_index_pro li{ width: 100%; display: block; height: auto; position: relative;}
.z_index_pro li .z_tit_box{ width: 100%!important;}
.z_index_pro li .imgbox{ width: 100%; height: 70vw;}
.z_index_pro li .infobox{ position: relative; width: 100%; padding: 30px 12px; text-align: center; opacity: 1;}
.z_index_pro li .xzimg{ display: none;}
.z_index_pro li .lg img{ height: 40px; margin: 0 auto;}
.z_index_pro li .morebar{ position: relative;left: auto; bottom: auto; width: 100%; border: none;justify-content: center; margin-top: 20px;}
.z_index_pro li .tit{ font-size: 18px;margin: 20px 0;}
.z_index_pro li .desc{ font-size: 14px;}
.z_index_pro li.active .imgbox{ width: 100%;}



.z_index_pro l:nth-child(4) .z_tit_box{ background:#6bb4ce;}
.z_index_pro li:nth-child(3) .z_tit_box{ background:#e60013;}
.z_index_pro li:nth-child(2) .z_tit_box{ background:#998dc2;}
.z_index_pro li:nth-child(1) .z_tit_box{ background:#00aceb;}
.z_index_tit,.z_index_about .desc,.z_yfcon_warp,.z_yf_img{ opacity: 1;transform: translateY(0);}
.z_about_icon li{ opacity: 1;}
.z_kdc_bar{ display: none;}
.header{ display: block;}

}