body.fixed .z_header{transform:translateY(-100%);}
.z_header{ left: 0; top: 0; width: 100%; ; box-sizing: border-box; z-index: 10; display: flex; align-items: center;justify-content: space-between; transition: ease 1s;  background: #fff;}
.z_header:hover{background: none;}
.z_header.on{ background: none}
.z_header_nav li{ display: inline-block; margin-right: 3vw; line-height: 40px; }
.z_header_nav li a{ font-size: 16px; display: block;}

.nav_main_k_nav_k>ul>li a{font-size: 14px;}

.z_header_nav li::before{ content: ""; display: block;width: 8px;
height: 8px;
border-top: 1px solid #fff; border-right: 1px solid #fff;
opacity: 0.3;
 transition: ease 1s;    transform: rotate(135deg); opacity: 0;  position: absolute; right:-20px; top:15px }
.z_header_nav li:hover::before,.z_header_nav li.active::before{ opacity: .3;}
.z_header_nav li:hover>a,.z_header_nav li.active>a{ color: #000;}
.z_nav_down{ position: absolute; left: 0;top: 6.2vw; width: 100vw;  text-align: center;  padding: 1vw 0;  opacity: 0; visibility: hidden;transition: ease .5s; z-index: 99;}
.z_nav_down .item{ display: inline-block; margin: 0 2vw;text-align: left; vertical-align: top; }
.z_nav_down .t3{font-size: 15px;font-weight: bold;color: #000000;}
.z_nav_down a{ display: block}
.z_nav_down  a:hover{ }
.z_nav_down .t2{color: #196CCF; font-size: 16px;font-weight: bold;}
.z_header_nav li:nth-child(3) .z_nav_down .t3{ background: url(../img/sj1.png) no-repeat left center; padding-left: 12px;}
.z_nav_down .t4 a{color: #90979E;
line-height: 30px;}
.z_nav_down .box{ margin-bottom: 1vw;}
.z_header_nav li:hover .z_nav_down{ opacity: 1; transform: translateY(0); visibility: visible; } 
.z_words{min-width: 110px; background: #FFFFFF;border: 1px solid #CED1D3;border-radius: 23px; cursor: pointer; padding: 0 15px; margin:0 20px; position: relative;}
.z_words .tit{display: flex; align-items: center; height: 46px; justify-content: center;}
.z_words .icon{ margin-right: 10px; flex-shrink: 0;}
.z_words .down{ position: absolute; left: 0; top: 100%; width: 100%;margin-top: 5px; background: #fff;border-radius: 10px; transition: ease 1s; transform: translateY(10px); opacity: 0; overflow: hidden; box-shadow: 0 0 10px rgb(0,0,0,.1);}
.z_words:hover .down{ opacity: 1; transform: translateY(0);}
.z_words .down a{ display: block; text-align: center; line-height: 38px; border-bottom: 1px solid #ddd;}
.z_words .down a:hover{ background: #196CCF; color: #fff;}
.z_words .down a:last-child{ border-bottom: 0;}
.z_sel{ background: url(../img/arr.png) no-repeat right center; padding-right: 10px; flex: 1;height: 46px;}
.z_menu_btn{width: 46px;height: 46px;background: #196CCF;border-radius: 50%; margin: 0;}
.z_menu_btn span,.z_menu_btn.on span{ background: #fff; width: 18px;}
.z_menu_btn .line2{ margin: 3px 0;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg); width: 18px; }
.z_logo img{ display: block; height: 24px;}
.z_header_fr{ }






.z_index_tit::before{ content: ""; display: block; width: 5.57291vw; height: 6.25vw; background: url(../img/fz.png) no-repeat center; background-size: 100% auto;position: absolute; left: -3vw; top: -2vw; animation: fzyd 20s infinite ease-in-out;}
@keyframes fzyd{
	0%{ transform: scale(1,1) rotate(0deg);}
	50%{transform: scale(.6,.6) rotate(360deg);}
	100%{transform: scale(1,1) rotate(0deg);}
}
.z_index_tit2::before{background: url(../img/fz2.png) no-repeat center;background-size: 100% auto;}
.z_index_about .bz{font-size: 18px;width: 593px;font-weight: bold;color: #000000;line-height: 30px; margin: 2.6vw 0; margin-bottom: 4.5vw;}
.z_index_about .bz em{ color: #196CCF;}
.z_index_about .desc{color: #4B4E51;
line-height: 26px; }
.z_index_about .conwarp{ position: relative;}
.z_index_about .z_more{ position: absolute; left: 0; bottom: 0;}
.z_about_num{ margin-top: 10vw;}
.z_about_num li{position: relative; z-index: 1; max-width: 23%;}
.z_about_num ul{ display: flex; justify-content: space-between;}
.z_about_num h3{font-size:2.91666vw;font-family: Exo2;color: #196CCF;}
.z_about_num h4{ font-weight: bold;}
.z_about_num .icon{ position: absolute; left: -0.5vw; top: -1.6vw; height: 3.22916vw; z-index: -1; margin-bottom: 10px;} 

.z_index_about{ display: flex;}
.z_index_about .fr_warp{width: 29.2%;position: relative;overflow: hidden;}
.z_index_about .fr_warp .play{ position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); cursor: pointer; outline: none;}

.z_index_pro{ position: relative;background: #F4F4F4; overflow: hidden; min-height: 50vw;}
.z_pro_head{ padding: 5vw 8.3vw; position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
.z_index_pro .z_pro_nav{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.z_pro_nav{ display: flex; align-items: center;}
.z_pro_nav a{ display: inline-block;height: 46px;
background: #FFFFFF; margin: 0 10px; min-width: 8vw;text-align: center;
box-shadow: 0px 0px 24px 0px #D9D9D9;line-height: 46px;font-size: 16px;
border-radius: 23px; padding: 0 15px;}
.z_pro_nav a.active,.z_pro_nav a:hover{ background: #196CCF; color: #fff;}
.z_pro_nav2 a{ margin-left: 0; margin-right: 20px;}

.z_pro_swiper{ width: 70.8%;  position: relative ; background: #fff;box-shadow: 0px 10px 60px 0px #D3DBE5; height: 50vw;}
.z_pro_swiper::before{ content: ""; display: block; width: 5.72916vw; height: 100%; background: url(../img/line.png) no-repeat left center; background-size: auto 100%; position: absolute; right: -5.42916vw; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_pro_swiper  li a{ display: flex; align-items: center; height: 50vw;padding-top: 5vw;transition: ease 2s; }
.z_pro_swiper li .imgbox{ width: 42%;  display: flex; align-items: center; justify-content: center;}
.z_pro_swiper li .overbox{ width: 18vw; height: 18vw; border-radius: 50%; overflow: hidden; transition: ease 1s; }
.z_pro_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_pro_swiper li:hover h3{ color: #196CCF;}
.z_pro_swiper  li img{ display: block; max-width: 60%; max-height: 70%;}
.z_pro_swiper li h4{color: #999999; font-size: 18px; text-align: center; margin-top: 10px;}
.z_pro_swiper  li .infobox{ width: 52%; padding: 0 8.3vw; padding-right: 4vw; box-sizing: border-box; position: absolute; left: 0; transform: translate(-100%,0%);  opacity: 0; transition: ease 1.5s; }
.z_pro_swiper li h3{font-size: 1.875vw; font-weight: bold;}
.z_pro_swiper li h3 img{ display: inline-block;height: 2vw; vertical-align: -0.3vw; margin-left: 5px;}
.z_pro_swiper li .desc{font-size: 15px;color: #7D8288;line-height: 26px; margin: 2vw 0; margin-bottom: 4vw;}
.csbar span,.z_pro_list li .csbar span{ display: inline-block; background: url(../img/gou.png) no-repeat left center; padding-left: 20px; margin-right: 2vw; margin-bottom: 10px; font-weight: bold;}
.z_pro_swiper li .z_more{ position: absolute; left: 8.3vw; bottom: -9vw; z-index: 2;}
.z_pro_swiper  li.swiper-slide-active .infobox{  transform: translate(0,0%); opacity: 1;  }
.z_pro_swiper li.swiper-slide-active a{ padding-left: 66%; }
.z_pro_swiper  li.swiper-slide-active  .overbox{ width: 25.52vw; height: 25.52vw; }
.z_pro_swiper  li.swiper-slide-active h4{ display: none;}
.z_pro_swiper .next{width: 56px;
height: 56px;
background: #196CCF;
box-shadow: 0px 2px 40px 0px rgba(23,75,137,0.3000); cursor: pointer; outline: none;
border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 50%;  right: -26px; z-index: 3;}
.z_tab_child{ display: none;}
.z_tab_child.active{ display: block;}

.z_sc_bj{background: linear-gradient(90deg, #F4F9FF, #C5D5E8); padding: 6vw 8.3vw; box-sizing: border-box; display: flex; align-items: center;}
.z_sc_bj .fl_warp{ width: 27.08333vw;}
.z_sc_bj .fl_warp .desc{color: #4B4E51;line-height: 30px; margin: 2vw 0; margin-bottom: 3vw;}
.z_addre_tab{ border-top: 1px solid #666C74;border-bottom: 1px solid #666C74; padding: 1.5vw 0;}
.z_addre_tab .item{ display: none;}
.z_addre_tab .item.active{ display: block;}
.z_addre_tab h3{color: #010101; font-size: 1.25vw; font-weight: bold; margin-bottom: 1vw;}
.z_addre_tab pre{color: #4B4E51;line-height: 28px;}
.z_sc_bj .z_more{ margin-top: 5vw;}
.z_map{ margin-left: auto; width: 48.28125vw; position: relative;}
.z_map img{ display: block; width: 100%;}
.z_dot{width: 6px;height: 6px;background: #ffde00;border-radius: 50%; position: absolute;z-index: 1; cursor: pointer; transition: ease 1s;}
.z_dot::before{content: '';display: block;width: 100%;height: 100%;background: #ffde00;opacity: 0.5;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
  @keyframes consult{
  	0%,100%{transform:scale(1);border-radius: 50%;}
  	50%{transform:scale(3);}	
  } 
 @keyframes consult2{
  	0%,100%{transform:scale(1);border-radius: 50%;}
  	50%{transform:scale(1.8);}	
  } 






@media screen and (max-width:1540px){
.z-container{ width: 1200px;}
}


@media screen and (max-width:1440px){
.z_about_jj,.z_xq_page{padding: 7vw 8.3vw;}
.z_about_jj .conwarp{ width: 42vw;}
.z_about_num2 ul{ justify-content: space-between;}
.z_about_num2 ul li{ margin: 0;}
.z_pro_page .z-container{ width: 80vw;}
.z_pro_list li .infobox{ width: 55%;}
.z_xq_info .desc{ font-size: 14px;line-height: 24px;}
.z_xq_info h4{ font-size: 16px;}
.z_xq_info{ width: 40vw;}
.z_zp_warp{ width: 88%;}
.z_form{ width: 1000px;}
.z_footer_nav li{ margin-left: 3vw;}
}

@media screen and (max-width:980px){
.z_banner{ height: 70vw; margin-top: 50px;}
.z_banner_text .z_more{ display: none;}
.z_banner_bar{ width: 100%; justify-content: center; height: 40px; border: none;}
.z_banner_bar .sb{ display: none;}
.z_banner_text{ padding: 0 10px;}
.z_banner_text .h3{ font-size: 14px; margin-bottom: 10px;}
.z_banner_text h4{ font-size: 18px;}
.z_banner_text .slg img{ height: 30px; }
.z_header{ height: 50px; padding: 0 12px;}
.z_header_fr{ width: 100%; height: calc(100vh - 50px); position: fixed; left: 0; top: 100vh; visibility: hidden; transition: ease .8s; background: #fff; display: block; z-index: 9;}
.z_header_fr.on{ top: 115px; visibility: visible;}
.z_nav_down{ display: none;}
.z_words .down{ top: auto; bottom: 100%;}
.z_logo img{ height: 18px;}
.z_menu_btn{ width: 40px; height: 40px;}
.z_header_nav{ display: flex;align-items: center; justify-content: center; height: 100%; }
.z_header_nav li{ display: block; margin: 0; text-align: center; line-height: 60px;}
.z_words{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; margin: 0;}
.z_index_about{ display: block}
.z_index_about .fl_warp{width: 100%; padding: 40px 12px;}
.z_index_tit{ font-size: 22px;line-height: 24px;}
.z_index_tit::before{ width: 60px; height: 60px; left: -10px; top: -20px;}
.z_index_about .bz{ width: 100%; font-size: 14px;line-height: 24px; margin: 25px 0;}
.z_index_about .desc{ width: 100%;}
.z_index_about .z_more{ position: relative; margin-top: 30px;}
.z_more .iconfont{ width: 36px; height: 36px; line-height: 32px;}
.z_about_num ul{ display: block;}
.z_about_num li{ display: inline-block; width: 49%; max-width: 49%; margin-bottom: 15px;}
.z_about_num h3{ font-size: 24px; line-height: normal;}
.z_about_num .icon{ height: 30px;}
.z_about_num{ margin-top: 40px;}
.z_index_about .fr_warp{ width: 100%; height:60vw;}
.z_index_about .fr_warp .play img{ height: 50px; display: block;}
.z_pro_head{ position: relative; padding: 30px 0px;display: block;text-align: center; background: #fff;}

}