html {
 font-size:100%
}
html {
 font-size:16px
}
@media (max-width:1900px) {
 html {
  font-size:14px
 }
}
@media (max-width:1400px) {
 html {
  font-size:12px
 }
}
@media (max-width:1160px) {
 html {
  font-size:10px
 }
}
.z_voice{ position: absolute; width: 40px; height: 40px; right: 20px; bottom: 20px; z-index: 3; cursor: pointer;}
.z_voice img{ display: block; max-width: 100%;}
.z_voice::before{ content: ""; display: block; opacity: 0; width: 3px; height: 50px; position: absolute; left: 20px; top: -5px; transform: rotate(45deg); background:#fff; z-index: 1;}
.z_voice.on::before{  opacity: 1;}
.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;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.z_banner_hd{ width: 100%; padding: 0 5%; box-sizing: border-box; position: absolute; left: 0; bottom: 50px; z-index: 2;}
.z_banner_hd li{ margin-right: 10px;}
.z_swiper_hd li.on{ background: #0072bc; }
.z_banner .bd li{ position: relative;}
/*.z_banner .bd li::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0; z-index: 1;}*/
.z_banner_video{position: absolute; left: 50%;top: 50%;display: block; min-height: 100%; min-width: 100%; transform: translate(-50%,-50%);}
.z_banner_text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;text-align: center; color: #fff; z-index: 2;}
.z_banner_text .h3{font-size:3.125vw;font-weight: bold;color: #FEFEFE;line-height: 4vw;}
body.fixed .z_header {
    transform: translateY(-100%);
    visibility: hidden;
}
.z_header{ height: 56px;
 width: 100%; position: fixed; left: 0; top: 0; z-index: 99; padding: 0 5.2vw; transition: ease 1s;}
 
 .z_header.on{ /* background: #1A163B; */ background: #fff;border-bottom: 1px solid #d7d7d7;}
.z_header.on .z_header_nav li a,.z_header.on .z_header_search .iconfont,.z_header.on .z_words h3{ color: #333;}
/* .z_header.on .z_logo img{filter: invert(100%);} */
.z_header.on .z_words .down{ background: #fff;}
.z_header.on .z_words .down a{ color: #333;}
.z_header.on .z_words h3{     background: url(../img/arr11.png) no-repeat right 15px center;}
.z_logo { position: relative;}
.z_logo img{ display: block; height: 40px;}
.z_logo .logo1{ opacity: 0;}
.z_logo .logo2{ position: absolute; left: 0;top: 0;}
.z_header.on .z_logo .logo1{ opacity: 1;}
.z_header.on .z_logo .logo2{ opacity: 0;}

.z_header_nav li{ float: left; padding: 0 1.5vw; position: relative; line-height: 56px;}
/* .z_header_nav li:last-child{ display: none;} */
.z_header_nav li>a::before{ content: ""; display: block; width: 0; height: 2px; background: #FEFEFE; z-index: 1; position: absolute;left: 50%;   background: url(../img/jbbs.png) no-repeat center; background-size: cover ; bottom: 0; transition: ease .6s;}
.z_header_nav li>a{ color: #FEFEFE;font-size: 16px; position: relative; display: block;}
.z_header_nav li:hover>a::before,.z_header_nav li.active>a::before{ width: 100%; left: 0;}
.z_header_nav li:nth-child(3) .z_down,.z_header_nav li:nth-child(4) .z_down,.z_header_nav li:nth-child(5) .z_down{ display: none; padding: 0!important;height: 0; }
.z_header_nav li:nth-child(3) .z_down a,.z_header_nav li:nth-child(4) .z_down a,.z_header_nav li:nth-child(5) .z_down a{line-height: 0!important;height: 0;display: none;}
.z_header_mask{ position: fixed; left: 0; top: 56px; height: 0; background: #fff; width: 100%; transform-origin: top center; z-index: 88;}
.z_down{ position: absolute; left: 0; width: 300px; top: 100%;  height: 0; overflow: hidden; }
.z_header_nav li .z_down .tit a{ color: #000!important; }
.z_header_nav li .z_down a{ display: block;  line-height: 45px; font-size: 16px; color: #666!important;}
.z_header_nav li .z_down a:hover { color: #000!important;font-weight: bold;}
.z_header_nav li.open .z_down{ height: auto;padding: 20px 1.5vw;}
/* .z_header_nav li:hover .z_down{opacity: 1; visibility: visible; height: auto;} */
.z_header_search { position: relative; cursor: pointer;}
.z_header_search .iconfont{ font-weight: bold; color: #fff; width: 50px; text-align: center; display: inline-block; font-weight: bold;}
.z_header_search .text{ position: absolute; right: 50px; width: 0px; top: 50%; transform: translateY(-50%); background: #eee; border-radius: 25px; height: 40px; transition: ease .5s;}
.z_header_search:hover .text{ width: 180px; padding: 0 15px;}
.z_words h3{ line-height: 56px; color: #fff; height: 56px;padding: 0 15px; background: url(../img/arr.png) no-repeat right 15px center; padding-right: 40px; cursor: pointer;}
.z_words{ position: relative; margin-left: 3vw;}
.z_words .down{ position: absolute; left: 0; top: 100%; background:  #1A163B;padding:10px 15px;  transform: translateY(10px); opacity: 0;visibility: hidden;}
.z_words .down a{ color: #FEFEFE; line-height: 30px;}
.z_words:hover .down{transition: ease .5s; opacity: 1; visibility: visible; transform: translateY(0);}
.z_words .down a:hover{ color: #fff;}
.z_index_service{ padding: 6vw 0;}
.z_tit_head{ margin-bottom: 3vw;}
.z_index_tit{color: #1A163B;}
.z_index_tit .h3{font-size: 44px;font-weight: bold;line-height:48px;}
.z_index_tit .slg{font-size: 18px; margin-top: 15px;}
.z_more{min-width: 123px;border-bottom: 2px solid #1A163B;color: #1A163B; transition: ease 1s; font-size: 16px; padding: 8px 0; display: flex;align-items: center; justify-content: space-between; display: inline-block;}
.z_more .iconfont{ margin-left: 10px;}
.z_more:hover{ background:#1A163B; color: #fff;padding: 8px 10px;}
.z_index_service ul{ display: flex; width: 1200px; margin: 0 auto;}
.z_index_service li{ flex: 1; transition: ease 1s; position: relative;}
.z_index_service li::before{ content: ""; width: 0; height: 2px; background: url(../img/jbbs.png) no-repeat center; background-size: cover; position: absolute; left: 0;bottom: 0; transition: ease 1.5s;}
.z_index_service li:nth-child(2){ margin: 0 8px;}
.z_index_service .imgbox{ height: 650px; position: relative;}
.z_index_service .imgbox::before{ content: ""; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1;}

.z_icon_bar{ position: absolute; left: 0;bottom: 0;padding: 1vw 2vw; box-sizing: border-box; display: flex; align-items: center; z-index: 2; transition: ease 1s; transform: translateX(100%); opacity: 0;}
.z_icon_bar span{ display: block;width: 29px;
height: 29px; margin-right: 5px;
background: #1A163B;
border: 0px solid #000000;
border-radius: 50%; display: flex;align-items: center; justify-content: center;}
.z_index_service .infobox{padding: 30px 0;}
.z_index_service .infobox h3{font-size: 20px;} 
.z_index_service .infobox h4{color: #666666;}
.z_index_service li.active{ flex: 2.3;}
.z_index_service li.active .z_icon_bar{ transform: translateX(0); opacity: 1;}
.z_index_service li.active::before{ width: 100%;}

.z_index_renti{ position: relative; height: 100vh; overflow: hidden;}
.z_index_renti .imgbgs{ }
.z_index_renti .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.z_index_renti .slg{ margin-top: 1.5vw;}
.z_renti_li{ position: absolute; left: 0; bottom: 6vw; width: 100%; border-bottom: 1px solid rgba(255,255,255,.5); text-align: center; color: #fff;}
.z_renti_li li{ display: inline-block; padding-bottom: 4vw; position: relative; margin: 0 6vw;}
.z_renti_li li::before{ content:"";display: block; width: 1px; height: 3.2vw; background: rgba(255,255,255,.5); position: absolute; left: 50%;bottom: 0; z-index: 1;}
.z_m_box{ padding: 6vw 0;}
.z_index_lcb .z-container{ display: flex;}
.z_index_lcb .z_index_tit{ flex-shrink: 0;}
.z_index_lcb .z_index_tit .h3{ font-size: 28px;}
.z_about_num{ width: 50%; margin-left: auto;}
.z_about_num li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #1a163b; padding: 1.5vw 0;}
.z_about_num li h3{font-size: 48px;font-family: Square721BT; display: flex; align-items: flex-start; flex-shrink: 0;}
.z_about_num li i{ font-size: 30px; font-weight: bold; }
.z_about_num li h4{color: #1A163B; font-size: 16px; text-align: right;}
.z_index_center{background: #F5F6F7;}

.z_index_case,.z_index_hz{ display: none;}
.z_case_swiper .imgbox{ height: 320px; position: relative; overflow: hidden;}
.z_case_swiper .imgbox::before,.z_kh_case .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; pointer-events: none; z-index: 1; background: url(../img/mask.png) no-repeat center; background-size: cover; opacity: 0;}
.cirbox,.z_kh_case .cirbox{ position: absolute; display: flex; justify-content: center; align-items: center; left: 0; top: 50%;transition: ease 1s;   width: 100%; text-align: center; z-index: 2; opacity: 0;}
.cirbox .item,.z_kh_case .cirbox .item{ display:flex; width: 100px; height: 100px; background: #211C4C; align-items: center; justify-content: center;
border-radius: 50%; margin: 0 10px;padding: 20px;} 
.cirbox img,.z_kh_case .cirbox img{ display: block; max-height: 100%;}

.z_case_swiper li{ position: relative; }
.z_case_swiper li::before,.z_kh_case li::before{ content:""; display: block; width: 0; height: 2px; background: url(../img/jbbs.png) no-repeat center;
    background-size: cover;position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.z_case_swiper li:hover .imgbox::before,.z_kh_case li:hover .imgbox::before{ opacity: 1;}
.z_case_swiper li:hover .cirbox,.z_kh_case li:hover .cirbox{transform: translateY(-50%); opacity: 1;}
.z_case_swiper li:hover .imgbg,.z_kh_case li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_case_swiper li .infobox{ padding: 20px 0;}
.z_case_swiper li h3{font-size: 20px;}
.z_case_swiper li span{color: #666666;}
.z_case_swiper li:hover::before,.z_kh_case li:hover::before{width: 100%;}




.z_index_news li:first-child{border-top: 1px solid #DFDFDF;}
.z_index_news li{ border-bottom: 1px solid #DFDFDF; padding-bottom: 40px;}
.z_index_news li .slg{ line-height: 40px;}
.z_index_news li .warp{ display: flex; align-items: flex-start;justify-content: space-between;}
.z_index_news li .tit{ width: 36%;/* text-decoration: underline; */ font-size: 20px;color: #333333;line-height:36px; margin-top: 10px;}
.z_index_news li .infobox{ width: 28%;
color: #666666;margin-top: 20px;}
.z_index_news li .desc{font-size: 16px;
line-height: 24px; height: 96px;}
.z_index_news li .imgbox{width: 328px; overflow: hidden;
height: 238px;}
.z_index_news li .more{ margin-top: 70px; display: block; transition: ease 1s; transform: translateY(100%); opacity: 0;}
.z_index_news li:hover .tit{ color: #1A163B;}
.z_index_news li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_index_news li:hover .more{ transform: translateY(0); opacity: 1;}
.z_menu_btn{display: none;} 

.z_index_hz{ background: #eee; position: relative;z-index: 1; padding: 0; padding-top: 8vw;}
.z_index_hz .z-container{ position: relative;}
.z_index_hz .z_index_tit{ position: absolute; left: 8vw; top:4.25vw; z-index: 1;}
.z_index_hz .z_more{ position: absolute;left:8vw; bottom: 6vw;}
.z_index_hz::before{ content: "";display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sk.png) no-repeat center; background-size: 100% auto;}
.z_cir_warp{ position: relative; margin: 0 auto; width: 34.47916vw;}
.z_dq_box .img{ display: block; width: 100%; animation:rog linear 50s infinite;}
@keyframes rog{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.z_map_warp{ width: 73.4375vw; position: relative; margin: 0 auto;}
.z_map_warp img{ display: block; width: 100%;}

.z_mal_li li:hover::after,.z_mal_li li:hover::before{ opacity: 1;}
@keyframes scale {
            0%{
                transform:translate(-50%,-50%) scale(1);
            }
            50%,75%{
                transform:translate(-50%,-50%) scale(3);
            }
            78%,100%{
                opacity: 0.5;
            }
        }
 @keyframes scales {
            0%{
                transform:translate(-50%,-50%) scale(1);
            }
            50%,75%{
                transform:translate(-50%,-50%) scale(2);
            }
            78%,100%{
                opacity: 0.5;
            }
        }
.z_mal_li  .tit{ min-width: 70px; height: 30px; line-height: 30px; position: relative; text-align: center; display: inline-block; padding: 0 10px; color: #fff; background: #000; border-bottom: 2px solid #211c4c;}
.z_mal_li .dot1{  left: 36%; top: 26%;}
.z_mal_li .desc{ position: absolute; left: 80px; top: 0; opacity: 0; visibility: hidden; transition: ease .2s; background: #fff; max-height: 300px; overflow-y: auto; width: 270px;border-bottom: 2px solid #211c4c; font-size: 16px; line-height: 30px; padding: 10px 20px;}
.z_mal_li  .tit::before{ content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: red; position: absolute; left: 50%; z-index: 1; transform: translateX(-50%); bottom: -10px;}
.z_mal_li li:hover .desc{ opacity: 1; visibility: visible;}
.z_mal_li li{cursor: pointer;position: absolute; z-index: 1;}
.z_mal_li .dot1 .tit::before,.z_mal_li .dot2 .tit::before{ width: 10px; height: 10px; background: url(../img/wjx.png) no-repeat center; background-size: 100% auto; bottom: -15px;}
.z_mal_li .dot2{ left: 36%; top: 34.5%;}
.z_mal_li .dot3{ left: 30.1%; top: 43%;}
.z_mal_li .dot4{ left: 31.5%; top: 46%;}
.z_mal_li .dot5{ left: 14%; top: 17%;}
.z_mal_li .dot6{ right: 16%; top: 24%;}
.z_mal_li .dot7{ right: 2%; top: 54%;}
.z_mal_li .dot7 .desc{ left: auto; right: 80px;}
 .z_mal_li .dot8 {
     left: 43%;
     top: 27.5%;
 }    
 .z_mal_li li:hover{ z-index: 5;}
 
 .z_map_warps{ position: relative; width: 80%; margin: 0 auto;}
 .z_map_warps img{ display: block; width: 100%;}
 .z_map_warps  .tit{ min-width: 80px; height: 28px; line-height: 26px; border-radius: 15px; position: relative; text-align: center; display: inline-block; padding: 0 10px; color: #fff;  border: 1px solid #211c4c; color: #121e44; font-size: 16px; font-weight: bold;}
 .z_map_warps .desc{ position: absolute; left: 0px; top: 100%; opacity: 0; visibility: hidden; transition: ease .2s; background: #fff; max-height: 300px; overflow-y: auto; width: 270px;border-top: 2px solid #211c4c; font-size: 16px; margin-top: 10px; line-height: 30px; padding: 10px 20px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
 .z_map_warps  .tit::before{ content: "";width: 16px; height: 25px; background: url(../img/dw.png) no-repeat center;background-size: 100% auto;  position: absolute; right: -25px; top: 50%; font-size: 18px; z-index: 1; transform: translateY(-50%); }
 .z_map_warps li:hover .desc{ opacity: 1; visibility: visible;}
 .z_map_warps li:hover { z-index: 2;}
 .z_map_warps li{cursor: pointer;position: absolute; z-index: 1;}
 .z_map_warps li.dot1{ position: absolute; right: 24%; top: 33%;}
 .z_map_warps li.dot2{ position: absolute; right: 24%; top:46%;}
 .z_map_warps li.dot3{ position: absolute; right: 19.5%; top:38%; opacity: 0;}
 .z_map_warps li.dot4 .tit::before,.z_map_warps li.dot6 .tit::before,.z_map_warps li.dot8 .tit::before,.z_map_warps li.dot9 .tit::before{ right: auto; left: -25px;}
 .z_map_warps li.dot4{ position: absolute; right: 8.5%;top: 36%;}
 .z_map_warps li.dot5{ position: absolute; right: 26.5%;top: 57%;}
 .z_map_warps li.dot6{ position: absolute;right: 15.8%;top: 58%;}
 .z_map_warps li.dot7{ position: absolute;    right: 55%;
   top: 26%;}
 .z_map_warps li.dot8{ position: absolute;right: 46%; opacity: 0;
   top: 28%;}
 .z_map_warps li.dot9{ position: absolute;    right: 43.8%;
   top: 32%;}
 .z_map_warps li.dot10{ position: absolute;    left: 12.8%;
   top: 33.5%;}
 .z_map_warps li.dot11{ position: absolute;left: 25%;opacity: 0;
   top: 68%;}
 	@media screen and (max-width:1440px){
 		.z_map_warps{ width: 100%;}
 	}
 .z_map_warps li.dot1::before{ content: ""; display: block;width:2vw;
 height:2vw; background: url(../img/cir.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);border-radius: 50%;animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02); }
 .z_map_warps li.dot1::after{ content: ""; display: block;width: 6vw;
 height:6vw; background: url(../img/cir.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);animation: scales 2s infinite cubic-bezier(0,0,0.49,1.02);
 border-radius: 50%;}
.z_map_warps li:hover .tit{ background:#211c4c; color: #fff;}
 
 
 
 
.z_dq_box .small{ position: absolute; right: 4.89583vw;top: 9vw; width: 16.35416vw;}
.z_dw_bj{ position: absolute; right: 24%; top: 37%;width: 63px; z-index: 1;
height: 63px; display: flex; align-items: center; justify-content: center;
background: url(../img/cir.png) no-repeat center; background-size: 100% auto;
border-radius: 50%;}
.z_dw_bj span{ display: inline-block; height: 30px; top: -15px; position: absolute;
background: #211C4C; line-height: 30px; color: #fff; padding: 0 10px;}
.z_dw_bj .icon{ display: block; margin: 0 auto;}
.z_dw_bj::before{ content: ""; display: block;width:4.1vw;
height:4.1vw; background: url(../img/cir.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);border-radius: 50%;animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);}
.z_dw_bj::after{ content: ""; display: block;width: 10vw;
height:10vw; background: url(../img/cir.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);animation: scales 2s infinite cubic-bezier(0,0,0.49,1.02);
border-radius: 50%;}
.z_hz_warp{width:26.77083vw; position: absolute; left: 60%; top: 52%; padding: 2vw; box-sizing: border-box; border-bottom: 2px solid #211C4C;
background: #FFFFFF; z-index: 1; padding-right: 0;}
.z_hz_warp .tit{font-size: 20px;font-weight: bold;color: #333333;}
.z_hz_warp .desc{font-size: 16px; height:192px;
color: #666666; padding-right: 2vw;
line-height: 24px; overflow-y: auto; margin-top: 1vw; }

 @keyframes scale {
            0%{
                transform:translate(-50%,-50%) scale(1);
            }
            50%,75%{
                transform:translate(-50%,-50%) scale(3);
            }
            78%,100%{
                opacity: 0;
            }
        }
 @keyframes scales {
            0%{
                transform:translate(-50%,-50%) scale(1);
            }
            50%,75%{
                transform:translate(-50%,-50%) scale(2);
            }
            78%,100%{
                opacity: 0;
            }
        }



.z_footer{background: #1A163B; background: #F5F5F5; padding-top:80px; }
.z_footer a{ }
.z_footer_nav{ border-top: 1px solid  #ddd;border-bottom: 1px solid  #ddd;}
.z_footer_nav ul{ display: flex; justify-content: space-between;}
.z_footer_nav  a{ display: block;}
.z_footer_nav li{ padding: 30px 0; padding-bottom: 50px; border-left: 1px solid  #ddd; padding-left: 30px;}
.z_footer_nav li:first-child{ border-left: none; padding-left: 0;}
.z_footer_nav li h3 a{font-size: 20px;line-height: 48px;}
.z_footer_nav li .down a{line-height: 36px;}
.z_footer_nav li a:hover{ text-decoration: underline;}
.z_footer_lx{ display: flex; align-items: center; padding: 30px 0;border-bottom: 1px solid  #ddd;}
.z_footer_lx .item{line-height: 24px; margin-right: 100px;}
.z_footer_code li{ float: left; margin-left: 10px; width: 86px;}
.z_footer_code li img{ display: block; width: 100%;}
.z_footer_btm{ padding: 40px 0; line-height: 24px;}

.z_other_banner{  position: relative; overflow: hidden;  display: flex;align-items: center; justify-content: center;}
.z_other_banner img{ display: block;  width: 100%;}
.z_banner_text{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; z-index: 1;color: #FFFFFF; padding: 0 12px; box-sizing: border-box;}
.z_banner_text h3{font-size:2.91666vw;font-weight: bold;letter-spacing: 2px; }
.z_banner_text h4{font-size: 1.04vw; letter-spacing:2px; margin-top:1vw;}

.z_about_warp{ padding: 9vw 0;padding-left: calc((100% - 1400px) / 2); }
.z_about_warp .z-container{ display: flex; align-items: flex-start;margin: 0; width: 100%;} 
.z_about_warp .topwarp{  width: 100%;}
.z_about_warp .fl_warp{ width:335px; flex-shrink: 0;}

.z_about_warp .fr_warp{ flex: 1;padding-right: calc((100vw - 1300px) / 2); }
.z_about_warp .desc{column-count:2;column-gap:60px; color: #666666;
line-height: 30px; font-size: 18px;}
.z_about_warp .yj{ margin: 80px 0; margin-bottom: 100px;} 
.z_about_warp .yj li{ border-bottom: 1px solid #494949; padding:30px 0;}
.z_about_warp .yj li:first-child{ border-top: 1px solid #494949;}
.z_about_warp .yj li h3{font-size: 36px;font-weight: bold; line-height: 36px; margin-bottom: 20px;}
.z_about_warp .yj li .con{color: #666666;line-height: 30px;font-size: 18px;}
.z_about_swiper{ overflow: hidden;width: 100%;}
/* .z_about_swiper li{ width: auto;} */
.z_about_swiper li img{ display: block; width: 100%;}

.z_about_process{ background: #F5F5F5; padding: 9vw 0; padding-bottom: 0;}
.z_about_process .z_index_tit{ margin-bottom: 9vw;}
.z_about_process .z-container{ width: 1200px; align-items: flex-start;}
.z_year_warp{width: 140px; flex-shrink: 0;}
.z_process_year{ height: 350px;overflow: hidden; }
.z_process_year li{ cursor: pointer; display: flex; align-items: center;  width: 140px; color: #656464; font-size: 18px; font-family: arial;}
.z_process_year .swiper-slide-thumb-active{color: #1A163B; font-weight: bold;}
.z_process_con{ flex: 1; border-left: 1px solid #5B5B5B;min-height: 580px; overflow: hidden;  margin-top:15px;}
.z_process_con li{list-style: unset;}
.z_process_con .swiper-slide{ padding: 0 70px; box-sizing: border-box;}
.z_process_con li .time em{ display: block;font-size: 2.5vw;font-family: Arial;}
.z_process_con li .time{ margin-bottom: 50px;}
.z_process_con .desc{font-size: 18px;line-height: 36px; color: #666; margin-left: 20px;}
.z_process_con p{ position: relative;}
.z_year_cz{text-align: center; width: auto; width: 30px; margin-top: 20px;}
.z_year_cz .iconfont{ display: inline-block; margin: 10px 0; cursor: pointer;}
.z_process_warp{ position: relative; z-index: 1;}
.z_year_num{ position: absolute; right: 0; top: 0;font-size:24.16666vw; line-height: 20vw; z-index: -1;
font-family: Arial;
font-weight: bold;
font-style: italic;
color: #fff;
opacity: 0.4;background-image:url(../img/pic1.jpg);-webkit-background-clip: text;background-clip: text;color:transparent; background-position:50% 50%; animation:textShade linear 30s infinite;}


@keyframes textShade{
	0%{background-position:0 0;}
	100%{background-position:100% 100%;}	
}

.z_img_hd{ position: absolute;left: 0; bottom: 1.5vw; width: 100%;z-index: 2; text-align: center;}
.z_img_hd li{ display: inline-block;width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%; margin: 0 4px; cursor: pointer;}
.z_img_hd li.on{ width: 17px;border-radius: 5px; background:#7a56bd;}
.z_about_join{ padding: 8vw 0; display: none;}
.z_about_join .z-container,.z_about_contact .z-container{ margin-top: 70px; width: 1200px;}
.z_about_join li{ width: 47.8%; float: left;}
.z_about_join li .imgbox{ height: 380px; overflow: hidden;}
.z_about_join li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_about_join li h3{font-size: 30px;font-weight: bold;color: #1A163B;}
.z_about_join li h4{font-size: 18px;font-weight: 400;color: #666666;line-height: 30px; height: 60px;}
.z_about_join li .infobox{ margin-top: 20px;}
.z_about_join li:nth-child(even){ float: right;}

.z_about_contact{padding: 8vw 0;background: #F1F1F1;}
.z_lx_li{margin-bottom: 0px;}
.z_lx_li li{ width: 48%; float: left; border-bottom: 1px solid  #C5C5C5; display: flex;align-items: center; padding: 30px 0;}
.z_lx_li li:nth-child(even),.z_city_li li:nth-child(even){ float: right;}
.z_lx_li li:nth-child(1),.z_lx_li li:nth-child(2){border-top: 1px solid  #C5C5C5;}
.z_lx_li li .icon{ margin-right: 30px; display: block; width: 40px;}
.z_lx_li li .info{font-size: 18px;color: #1A163B;line-height: 30px; font-weight: bold;}
.z_lx_li li h3{ font-family:arial;font-weight: bold;}
.z_city_li li{width: 48%; float: left;height: 340px; position: relative;}
.z_city_li li::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0;top: 0; z-index: 1;}
.z_city_li li .infobox{ position: absolute; left: 0; bottom: 40px; width: 100%;padding: 0 40px; color: #fff;z-index: 2; font-size: 18px;}

.z_pro_page{ padding: 8vw 5.2vw 8vw 13.54166vw; box-sizing: border-box;}
.z_pro_page li{ margin-bottom: 8vw;}
.z_pro_page li:last-child{ margin-bottom: 0;}
.z_pro_page li .imgbox{ width: 67%; height: 30.72916vw; overflow: hidden; position: relative;}
/* .z_pro_page li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; background: #1A163B;position: absolute; left: 0; top: 0; transition: ease-in-out 2s; z-index: 1;} */
.z_pro_page li.animated .imgbox::before{ transform: translateX(100%);}
.z_pro_page li:nth-child(even).animated .imgbox::before{ transform: translateX(-100%);}
.z_pro_page li .infobox{ width: 33%; height:30.72916vw; border-bottom: 1px solid #dfdfdf; position: relative;}
.z_pro_page li .infobox::before{ content: ""; display: block; width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background: #1A163B; transition: ease 1.5s; z-index: 1;}
.z_pro_page li:hover .infobox::before{ width: 100%;}
.z_pro_page li .tit{ font-size: 1.875vw; margin-bottom: 2vw;}
.z_pro_page li .tit em{font-size: 18px;font-family: arial;font-weight: 400;color: #CDCDCD; vertical-align: top; position: absolute; left: -30px; top: 0;}
.z_pro_page li .desc{ font-size: 18px; width: 70%;
color: #666666;
line-height: 30px;}
.z_pro_page li .z_icon_bar{ opacity: 1; transform: translate(0); left: 0; padding: 0; bottom: 1.5vw;}
.z_pro_page li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_mobile_show{ display: none;}
.z_yx_page{ padding:8vw 0;position: relative;z-index: 1;}
.z_yx_page>ul>li{ color: #fff; box-sizing: border-box;  position: relative; margin-bottom: 6vw; position: relative;z-index: 1;overflow: hidden; cursor: pointer;} 
.z_yx_page>ul>li .infobox{ position: absolute; padding: 60px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.z_yx_page>ul>li .swiper-slide:first-child .infobox{display: block;}
.z_yx_page>ul>li .img{  transition: ease 2s; overflow: hidden; display: flex; align-items: center; justify-content: flex-end; width: 100%; box-sizing: border-box;}
.z_yx_page>ul>li .img .imgs{ max-height: 100%; display: block; transition: ease 2s;}
/* .z_yx_page>ul>li:hover .img .imgs{ transform: scale(1.05,1.05);} */
.z_yx_page>ul>li:last-child{ margin-bottom: 0;}
.z_yx_page>ul>li:last-child .img{ padding: 0;}
.z_yx_page .z_img_hd li{background: #D2D2D2;}
.z_yx_page .z_img_hd li.on{ background: #7a56bd;}
.z_yx_page .tit{font-size: 36px;font-weight: bold; margin: 20px 0; margin-top: 60px;}
.z_yx_page .desc{font-size: 18px;
line-height: 28px; margin-bottom: 30px;}
.z_yx_item{ display: flex; position: absolute; left: 0px; bottom: 60px; width: 100%; padding: 0 60px; box-sizing: border-box; cursor: pointer;}
.z_yx_item .item{ margin-right: 100px;}
.z_yx_item .icon,.z_yx_tab li .icon{  display: block; margin-bottom: 20px; height: 36px; overflow: hidden;}
.z_yx_item .icon img{ display: block;    filter: drop-shadow( 0px 36px 0 #fff); transform: translateY(-36px);}
/* .z_yx_page li:first-child .z_yx_item{ justify-content: space-between;}
.z_yx_page li:first-child .z_yx_item .item{ margin-right: 0;} */
.z_yx_page .imgpop{ position: fixed; left: 50%;top: 50%; transform: translate(-50%,-50%);z-index: 999; width: 70%!important; background: #fff;}
.z_yx_page .imgpop .btn{ width: 50px; height: 50px; color: #000; border-radius: 50%; text-align: center; line-height: 50px; background: #fff; position:absolute; top: 50%; transform: translateY(-50%);}
.z_yx_page .imgpop .prev{ left: -60px;}
.z_yx_page .imgpop .next{ right: -60px;}
.z_pop_mask{ width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(0,0,0,.5);}
.z_yx_pop{width: 76.35416vw;background: #FFFFFF; position: fixed; left: 50%;top: 50%; transform: translate(-50%,-50%);z-index: 199; padding:4.5vw 5vw;box-sizing: border-box;display: none;}
.z_yx_tab{ border-bottom: 1px solid #D2D2D2; }
.z_yx_tab li{cursor: pointer; padding-right: 10px; margin-right: 100px;padding-bottom: 2vw; position: relative; }
.z_yx_tab li::before{ content:""; display: block; transition: ease 1s; width: 0%; height: 2px; background: #1A163B;position: absolute;left: 0; bottom: -1px; z-index: 1;}
.z_yx_tab li.active::before{ width: 100%;}
.z_yx_tab li .tt{color: #666666;
line-height: 18px;}
.z_yx_tab li .icon{ margin-bottom: 15px;}
.z_yx_tab li .icon img{ display: block;  }
.z_yx_tab li.active  .icon img{filter: drop-shadow( 0px 36px 0 #1A163B);transform: translateY(-36px);}
.z_yx_tab li.active .tt{ color:#1A163B ;}
.z_yx_tab ul{ display: flex; justify-content: space-between;}
.z_yx_con{ margin-top: 4vw;}
.z_yx_con .child{ display: none; }
.z_yx_con .warp{ display: flex; align-items: center;}
.z_yx_con .img img{ display: block; margin: 0 auto; max-width: 80%;}
.z_yx_con .img,.z_yx_con .infobox{ width: 50%;}
.z_yx_con .img{}
.z_yx_con .tit{font-size: 1.875vw; font-weight: bold; margin-bottom: 2vw; color: #333333;}
.z_yx_con .slg{ font-size: 1.25vw; font-weight: bold; color: #333333;}
.z_yx_con .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; margin-top: 20px;}
.z_colse_pop{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #C1C1C1; font-weight: bold; cursor: pointer;}
.z_yx_con .child.active{ display: block;}
.z_colse_pop:hover{ color: #1A163B;}

.z_kcx_warp{background: #ECECEC; padding: 6.25vw 0; padding-bottom: 0;  height: 100vh; overflow: hidden; }
.z_kcx_warp .z-container{ position: relative; height: 100%;}
.z_kcx_warp .z_index_tit{ margin-bottom: 6.25vw; text-align: left;}
.overbox{ overflow: hidden; height: 100%; position: relative;}
.z_kcx_con{ height: 480px;}
.z_kcx_con .infobox{width:30%; float: left; /* transform: translateY(100%); opacity: 0; */}
.z_kcx_con .infobox h3{font-size: 36px;color: #1A163B;font-weight: bold; position: relative;z-index: 1; margin-bottom: 2vw;}
.z_kcx_con .infobox h3::before{ content: ""; display: block; width: 100%; height: 1px; background: #1A163B;position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_kcx_con{  position: relative; z-index: 1;}
.z_kcx_con .item{margin-bottom: 140px; display: flex; align-items: center; }
.z_kcx_con .item:last-child{ margin-bottom: 0;}
.z_kcx_con::before{ content: ""; display: block; width: 540px; height: 350px; position: absolute; left: 100px; bottom: 0; background: url(../img/slg.png) no-repeat bottom center; background-size: 100% auto;}
.z_kcx_con .infobox h3 span{ display: inline-block; padding-right: 20px;background: #ECECEC;}
.z_kcx_con .infobox .desc{font-size: 16px;color: #666666;line-height: 30px;}
.z_kcx_con .imgbox{ width: 61.5%; height: 480px; margin-left: auto; position: relative;}
.z_kcx_con .imgbox::before{ content: ""; display: block; width: 100%; height: ;}
.z_kcx_con .item:first-child .infobox{opacity: 1; transform: translateY(0%); }

.z_kcx_hd{ padding: 8vw 0; background: #fff;}
.z_kcx_hd .z_index_tit{ margin-bottom: 3vw;}
.z_load_bar{text-align: center; color: #666; margin-top: 4vw;}

.z_kh_warp{position: relative;background: #f6f6f6;overflow: hidden;}
.z_kh_map{ margin-left: auto; position: relative; width: 69.0625vw; }
.z_kh_map .small{ position: absolute; width: 25.5%; right: 30.5%;top: 28.5%;}
.z_kh_map .z_dw_bj{ right:37% ;}
.z_kh_num{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_numbar{ width: 600px; margin-bottom: 4vw;}
.z_numbar:last-child{ margin-bottom: 0;}
.z_numbar .tit{font-size: 36px;font-weight: bold;color: #1A163B;margin-bottom: 30px;line-height: 38px;}
.z_numbar li{ background: #fff; width: 48%; padding: 30px;}
.z_numbar li:nth-child(even){ margin-left: auto;}
.z_numbar li span{font-size: 60px; font-family: Square721BT; line-height: 60px;}
.z_numbar li{ font-size: 18px;}
.z_numbar li i{ font-size: 30px; vertical-align: top; font-weight: bold;}
.z_numbar li h4{ margin-top: 3vw;}

.z_kh_case{ padding: 8vw  0;}
.z_kh_case ul{ margin-top: 60px;}
.z_kh_case li{border-bottom: 2px solid #DFDFDF; position: relative; padding: 60px 0;}
.z_kh_case li:first-child{border-top: 2px solid #DFDFDF;}
.z_kh_case li a{ display: flex; align-items: flex-start;}
.z_kh_case .slg{ width: 13%; flex-shrink: 0;font-size: 18px;font-weight: bold;color: #CACACA; display: flex; align-items: center;}
.z_kh_case .slg .icon{ display: block; width: 22px; height: 22px; background: url(../img/bf.png) no-repeat center; background-size: 100% 100%; margin-left: 5px;}
.z_kh_case .infobox{ width: 346px; height: 320px; position: relative;}
.z_kh_case .infobox .z_more{ position: absolute; left: 0; bottom: 0;}
.z_kh_case .infobox h3{font-size: 36px;font-weight: bold;color: #211C4C;line-height: 36px;}
.z_kh_case .infobox .desc{font-size: 18px;font-weight: 400;color: #333333;line-height: 30px; margin: 40px 0; height: 90px;}
.z_kh_case .imgbox{ width: 458px; height: 320px; margin-left: auto; position: relative; overflow: hidden;}
.z_kh_case li::before{ bottom: -1px; z-index: 1;}

.z_khxq_page{ margin-top: 56px; padding: 8vw 0;}
.z_khxq_page .z-container{ width: 1114px;}
.z_xq_bar{ border-bottom: 1px solid #666666;font-size: 16px;font-weight: 400;color: #666666; padding: 10px 0; margin-bottom: 20px;}
.z_xq_bar a{color: #666666;}
.z_xq_bar a:hover{ color: #1A163B;}
.z_xq_tit{font-size: 48px;font-weight: 400;color: #211C4C;}
.z_xq_video{ margin: 80px 0;}
.z_xq_video video{ width: 100%;}
.z_xq_con .tit{font-size: 30px;font-weight: 400;color: #333333; margin-bottom: 20px;}
.z_xq_con .desc{font-size: 18px;font-weight: 400;color: #666666;line-height: 30px; text-align: justify;}

.z_case_xq .items{display: flex; align-items: center; margin-top: 100px; position: relative;}
.z_case_xq .imgbox{width: 568px; position: relative;
height: 400px; flex-shrink: 0;}
.z_case_xq .infobox{width: 423px;height: 108px;font-size: 18px;font-weight: 300;color: #666666;line-height: 30px; margin-left: auto; text-align: justify;}
.z_case_xq .cirbox{ opacity: 1; transform: translateY(-50%);}
.z_case_xq .cirbox .item{ background: none; width: auto; height: auto;}
.z_case_xq .cirbox .item img{ height: 120px;}
.z_case_xq .items:nth-child(even){
flex-flow: row-reverse;}
.z_case_xq .items:nth-child(even) .infobox{ margin-right: auto; margin-left: 0;}

.z_news_banner{ width: 100%; height:100vh; position: relative; }
.z_news_hd{ position: absolute; left: 0; bottom: 20px; width:100%; z-index: 2; text-align: center;}
.z_news_hd li{ width: 30px; height: 3px; background: #fff; display: inline-block; margin: 0 5px;}
.z_news_hd li.on{ background: #7757bd;}
.z_news_banner .infobox{ position: absolute; left: 0; bottom: 5vw; width: 100%; z-index: 2; color: #fff;}
.z_news_banner h3{font-size:2.1875vw;font-weight: bold;color: #FEFEFE;line-height: 3.125vw; width: 40vw; margin-top: 1vw;}
.z_news_banner em{ display: inline-block; margin-right: 1vw;}

.z_hot_news{background: #F5F5FA; padding: 100px 0; overflow: hidden; display: none;}
.z_hot_swiper{ margin-top: 40px;}
.z_hot_swiper li{ width: 400px; margin-right: 2.6vw;}
.z_hot_swiper li .imgbox{ height:290px; position: relative; overflow: hidden; margin-bottom: 20px;}
.z_hot_swiper li h3{font-size: 20px;font-weight: 500;color: #333333;line-height: 30px; margin-top: 15px;}
.z_hot_swiper li .play{width: 42px; display: none;
height: 42px; background: url(../img/bf2.png) no-repeat center; z-index: 1; background-size: 100% 100%; position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}
.z_hot_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_news_nav a{font-size: 18px;color: #1A163B; display: inline-block; margin-left:40px;}

.z_news_tit{ border-bottom: 1px solid #CCCCCC;padding: 15px 0; margin-bottom: 60px;}
.z_news_tit h3{font-size: 36px;font-weight: bold;color: #333333;line-height: 60px; margin-bottom: 20px;}
.z_news_tit span{}
.z_artic_con{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;}
.z_artic_con img{ max-width: 100%!important; height: auto!important;}
.z_aply_pop{ position: fixed; left: 50%;top: 50%; transform: translate(-50%,-50%); display: none; z-index: 100; padding: 2.5vw 6vw; background: #fff;max-height: 100%;overflow-y: auto;}
.z_aply_pop .tit{font-size: 2vw;font-weight: bold;color: #1A163B;line-height: 2vw; text-align: center; margin-bottom: 2vw;}
.z_form{ width:380px; }
.z_form li{ margin-bottom: 1vw;}
.z_form li .tits{font-size: 16px;color: #1A163B;display: block; margin-bottom: 8px;}
.z_form li .tits em{ color: #EE000E;}
.z_form li .text,.z_form .z_sel{height: 42px;border: 1px solid #DBDBDB; width: 100%; padding: 0 15px;box-sizing: border-box;}
.z_form li .checkbox{ margin-right: 10px; margin-bottom: 10px;}
.z_form .z_flex{ justify-content: space-between;}
.z_form .z_sel{ background: url(../img/arr2.png) no-repeat right 15px center,url(../img/bg2.png) no-repeat center;}
.z_sub_btn{ width: 100%;height: 40px;background: #1A163B;cursor: pointer;
border: 0px solid #050001;text-align: center; color: #fff; display: flex; align-items: center; border: none;text-align: center; justify-content: center;font-size: 16px;}

.z_footer_link a{ display: inline-block; margin-left: 10px;}
.z_footer_link .ico{ display: block; height: 40px;}
.cookie-box {
 background:rgba(0,0,0,.7);
 bottom:0;
 position:fixed;
 width:100%;
 z-index:99;
 padding:2.5rem 1.875rem;
}
.cookie-box .warp{
  width: 76%;  
  margin: 0 auto;
}
.cookie-box .box-top {

 
 width:100%
}
.cookie-box .box-top .content-box {
 color:#fff;
 font-family:AlibabaPuHuiTi;
 font-size:1.25rem;
 margin:0 auto .125rem;

 
}

.cookie-box .box-top .content-box a {
 color:#ff5a00;
 font-family:AlibabaPuHuiTi;
  font-size:1.25rem;
}
.cookie-box .box-top .title {
 font-size:1.5rem;
 font-weight:600;
 margin-bottom:.75rem
}
.cookie-box .btn-box {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin:0 auto;
 position:relative;
 text-align: right;
 justify-content: flex-end;
}

.cookie-box .btn-box .accept-btn,
.cookie-box .btn-box .rejectt-btn {
 background-color:#f7f7f7;
 color:#222;
 cursor:pointer;
 font-family:AlibabaPuHuiTi;
 font-size:1.25rem;
 height:3.25rem;
 line-height:3.25rem;
 text-align:center;
 width:12.5rem;
 margin-left: 20px;
 margin-top: 20px;
}
@media screen and (max-width:980px){
    .cookie-box .warp{
  width: 100%;  
  margin: 0 auto;
}
}

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

.z_index_service .infobox h3{ font-size: 18px;}
.z_index_tit .h3{ font-size: 38px; line-height: 50px;}
.z_about_num li h3{ font-size: 38px;}
.z_about_num li i,.z_case_swiper li h3{ font-size: 18px;}
.z_case_swiper .imgbox{ height: 275px;}
.z_case_swiper .cirbox .item{ width: 90px; height: 90px;}

.z_about_warp .yj li h3{ font-size: 28px;}

.z_about_warp {padding-left: calc((100% - 1200px) / 2);}
.z_about_warp .fr_warp{  width: 100%;padding-right: calc((100vw - 1200px) / 2); }
.z_about_warp .topwarp{ width: 100%;}
.z_numbar .tit{ font-size: 30px; margin-bottom: 20px;}
.z_numbar li span{ font-size: 40px; line-height: 40px;}
.z_numbar li{font-size: 16px;}
.z_numbar{ width: 500px;}
.z_kh_case .infobox h3{ font-size: 30px; line-height: 30px;}
.z_kh_case .infobox .desc,.z_yx_page .desc{ font-size: 16px;}
.z_xq_tit{ font-size: 36px;}
.z_hot_swiper li h3{ font-size: 18px;}
.z_news_tit h3{ font-size: 30px; line-height: 50px;}
.z_form li .text, .z_form .z_sel{ height: 40px;}
.z_yx_page .tit{ font-size: 30px;}
/* .z_yx_page li{ height: 560px;} */
.z_kcx_con .imgbox{ height: 420px;}
.z_hot_swiper li{ width: 340px;}
.z_hot_swiper li .imgbox{ height: 240px;}
}

@media screen and (max-width:1200px){
.z-container,.z_about_process .z-container,.z_about_join .z-container,.z_khxq_page .z-container{ width: 94%; margin: 0 auto;}	
.z_index_service ul{ width: 100%;}
.z_index_service .imgbox{ height:28vw;}
.z_index_tit .h3{ font-size: 2.5vw; line-height: 3.125vw;}
.z_about_num li h3{ font-size: 2.5vw;}
.z_about_num li i{ font-size: 1.5625vw;}
.z_case_swiper .imgbox{ height:22.85714vw;}
.z_about_swiper li img{ height: 29.6875vw;}
.z_about_warp .yj li h3{ font-size: 1.875vw;}
.z_about_warp {padding-left: calc((100% - 1000px) / 2);}
.z_about_warp .topwarp{  width: 100%;padding-right: calc((100vw - 1000px) / 2); }
.z_numbar li{ padding: 20px;}
.z_numbar .tit{ font-size:20px;}
.z_numbar li h4{ margin-top: 20px;}
.z_numbar{ width: 450px;}
}
@media screen and (max-width:980px){
	.z_mal_li li::before,.z_mal_li li::after{ display: none;}
.z_header{padding: 0 12px; background: #fff;}
.z_header_search{ display: none;}
.z_header_fr{ position: fixed;width: 100%; display:block; height: calc(100vh - 56px); top: 100vh;background: #1A163B; left: 0; transition: ease .8s;visibility: hidden; text-align:center; padding-top:50px}	
.z_header_nav ul{ width: 100%;}
.z_header_nav li{ width: 100%; text-align: center;}
.z_header_fr.on{ top: 56px; visibility: visible;}
.z_banner{ height: 70vw; overflow: hidden;margin-top: 56px;}
.z_banner_text .h3{ font-size: 18px; line-height: 24px; }
.z_banner_video{ height: 100%;}
.z_menu_btn{ display: flex; height: 50px;  align-items: center; overflow: hidden; justify-content: center; cursor: pointer;z-index: 11; margin-left: auto;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 28px; height:2px; background: #1A163B;}
.z_menu_btn .line2{ margin:4px 0;}
.z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg); width: 28px; }
.z_menu_btn.on .line2{ opacity: 0;}
.z_words{ display:inline-block;}
.z_words .down a{ display:block}
.z_m_box{ padding: 40px 12px;}
.z_logo .logo2{ opacity: 0;}
.z_logo .logo1{ opacity: 1;}
.z_index_tit .h3{ font-size: 22px; line-height: 30px; line-height: normal;}
.z_index_tit .slg{ font-size: 16px;}
.z-container{ width: 100%;}
.z_more{ width: 110px; font-size: 14px;background: #1A163B;color: #fff;padding: 8px 10px;}
.z_more .iconfont{ margin-left: 10px;}
.z_tit_head{ margin-bottom: 30px; display: block;}
.z_tit_head .z_more{ margin-top: 20px;}
.z_index_service ul{ display: block;}
.z_index_service li{ width: 100%;}
.z_index_service .imgbox{ height: 53vw;}
.z_icon_bar{ padding: 10px; opacity: 1; transform: translateX(0);}
.z_index_service .infobox{ padding: 15px 0;}
.z_index_service li.active::before{ display: none;}
.z_index_service li:nth-child(2){ margin: 0;}
.z_index_service .infobox h3{ font-size: 16px; margin-bottom: 5px;}
.z_index_renti{ height: 80vh;}
.z_index_center{ overflow: hidden;}
.z_case_swiper .imgbox{ height: 65vw;}
.z_case_swiper li h3{ font-size: 16px;}
.z_case_swiper li::before{ width: 100%;}
.z_case_swiper .cirbox{ opacity: 1; transform: translateY(-50%);}
/* .z_index_news li .warp{ display: block;} */
.z_index_news li .infobox{ width: 100%; margin-top: 10px; display: none;}
.z_index_news li .tit{ font-size: 15px; line-height: 28px;}
.z_index_news li .desc{ font-size: 14px;}
.z_index_news li .more{ opacity: 1;transform: translateY(0); margin: 20px 0;}
.z_index_news li .imgbox{ width:130px; height: 90px; flex-shrink: 0; margin-left: 10px;}
.z_index_news li .warp{ align-items: center;}
.z_index_news li .tit{ width: 100%; margin-top: 0;}
.z_index_news li{ padding-bottom: 15px;}
.z_footer_nav{ display: none;}
.z_hz_warp{ position: relative; right: auto; top: auto; width: 100%; left: auto; margin-top: 20px; padding: 20px;}
.z_cir_warp{ width: 100%;}
.z_index_hz .z_index_tit{ position: relative; margin-bottom: 20px; left: auto; top: auto;}
.z_dq_box{ width: 80%; margin: 0 auto;}
.z_dq_box .small {position: absolute;right: 19.89583vw;top: 12%;width: 41%;}
.z_dw_bj{top: 14%;}
.z_dw_bj::before{ width: 10vw; height: 10vw;}
.z_dw_bj::after{ width: 22vw; height: 22vw;}
.z_hz_warp .tit{ font-size: 16px; margin-bottom: 20px;}
.z_hz_warp .desc{ font-size: 14px; margin-top: 0; height: auto;}
.z_index_hz{ padding-bottom: 0;}
.z_mal_li .dot6 {
    right: 8%;
    top: 12%;
}
.z_mal_li .dot7 {
    right: -5%;
    top: 39%;
}
.z_index_hz .z_more{ position: relative; margin-top: 20px; left: auto; bottom: auto;}
.z_index_lcb .z-container{ display: block;}
.z_index_lcb .fl_warp,.z_index_lcb .fr_warp{ width: 100% ;}
.z_index_lcb .fr_warp{ margin-top: 30px;}
.z_index_tit{ text-align: center;}
.z_about_num li h3{ font-size: 24px;}
.z_about_num li h3 span{ margin-block-start:0!important; font-size: 12px!important;}
.z_about_num li h4{ font-size: 14px;}
.z_about_num li{ padding: 15px 0;}
.z_tit_head .z_index_tit{ text-align: left;}
.z_footer_lx{ display: block;}
.z_footer{padding: 0 12px; box-sizing: border-box;}
.z_footer_lx {padding: 20px 0;}
.z_footer_lx .item{ margin-right: 0; width: 100%; margin-bottom: 10px;}
.z_footer_code li{ margin-left: 0; margin-right: 10px;}
.z_footer_btm{ padding: 12px 0;}
.z_index_case{overflow: hidden;}
.z_index_hz{overflow: hidden;}
.z_about_warp{ padding: 40px 12px;}
.z_about_warp .z-container{ display: block;}
.z_about_warp .fl_warp,.z_about_warp .fr_warp{ width: 100%;}
.z_about_warp .fr_warp{ margin-top: 20px;}
.z_about_warp .desc{column-count:1; font-size: 15px; line-height: 24px;
    column-gap: 0px;}
.z_about_warp .yj{ margin: 30px 0;}
.z_about_warp .yj li{ padding: 15px 0;}
.z_about_warp .yj li h3{ font-size: 18px; margin-bottom: 10px; line-height: normal;}
.z_about_warp .yj li .con{ font-size: 14px;line-height: 24px;}
.z_about_swiper li img{ height: 60vw;}
.z_other_banner h3{ font-size: 22px;}
.z_other_banner h4{ font-size: 16px;}
.z_other_banner{ display: flex; align-items: center; justify-content: center; margin-top: 56px;}
.z_other_banner img{ max-width: none; width: auto; height: 60vw;}
.z_year_warp{ width: 50px;}
.z_process_con .swiper-slide{padding: 0 10px;}
.z_process_con li .time{ margin-bottom: 20px;}
.z_process_con .desc{ font-size: 14px; line-height: 24px;}
.z_process_year{ height: 260px;}
.z_process_con{ min-height: 420px; padding-bottom: 30px;}
.z_about_join{ padding: 40px 12px}
.z_about_join .z-container{ margin-top: 30px; width: 100%;}
.z_about_join li{ width: 100%; margin-bottom: 20px;}
.z_about_join li .imgbox{ height: 60vw;}
.z_about_join li h3{ font-size: 16px;}
.z_about_join li h4{ font-size: 14px; line-height: 24px; margin-top: 10px; height: auto; margin-bottom: 10px;}
.z_pro_page{ padding: 30px 12px;}
.z_pro_page li .infobox,.z_pro_page li .imgbox{ width: 100%;}
.z_pro_page li{ margin-bottom: 30px;}
.z_pro_page li .imgbox{ height:55vw;}
.z_pro_page li .infobox{ height: auto; padding: 20px 0;}
.z_pro_page li .tit{ font-size: 18px;}
.z_pro_page li  .z_icon_bar{ position: relative; bottom: auto; left: auto;}
.z_pro_page li .tit em{ position: relative;left: auto;}
.z_pro_page li .desc{ width: 100%; font-size: 14px;line-height: 24px; margin: 20px 0;}
.z_yx_page .tit {
    margin: 0px 0;
    margin-top: 0px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 10px!important;
    top: -47vw;
}
.z_yx_page li{ height: auto; padding: 0; color: #000;}
.z_yx_page li .img{ position: relative;  justify-content: center; padding: 0;} 
.z_yx_item{ position: relative; left: auto; bottom: auto;padding: 0; display: block; margin-top: 30px;}
.z_yx_page{ padding: 30px 12px;}
/*.z_yx_page .tit{ margin: 0px 0; margin-top: 0px; font-size: 20px;}*/
.z_yx_page .desc{ font-size: 14px; line-height: 24px;}
.z_yx_item .icon img{ transform: translateY(0); height: 30px;}
.z_yx_item .icon{ height: 30px;}
.z_yx_item .icon, .z_yx_tab li .icon{ margin-bottom: 10px;}
.z_yx_page .desc{ margin: 30px 0;}
.z_yx_item .item {
    margin-bottom: 20px;
    width: 48%;
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
}
.z_yx_page .imgpop .btn{ width:30px;height:30px;line-height:30px}
.z_yx_page .imgpop{ width:80%}
.z_yx_page .imgpop .prev{left:-35px}
.z_yx_page .imgpop .next{ right:-35px}
.z_kh_num{ position: relative;left: auto; top: auto; transform: translateY(0); padding: 20px 12px;}
.z_kh_map,.z_numbar{ width: 100%;}
.z_kh_map .z_dw_bj{ top: 29%; right: 32%; } 
.z_numbar li{ padding: 12px; font-size: 14px;}
.z_numbar li span{ font-size: 30px; line-height: 30px;}
.z_numbar li i{ font-size: 20px;}
.z_numbar .tit{ margin-bottom: 15px; line-height: normal;}
.z_numbar{ margin-bottom: 30px;}
.z_kh_case ul{ margin-top: 30px;}
.z_kh_case{ padding: 40px 12px;}
.z_kh_case li a{ display: block;}
.z_kh_case .slg{ display: none;}
.z_kh_case li{ padding: 20px 0;}
.z_kh_case .infobox h3{ font-size: 18px;}
.z_kh_case .infobox{ height: auto;}
.z_kh_case .infobox .desc{ margin: 20px 0;}
.z_kh_case .infobox .z_more{ position: relative;}
.z_kh_case .infobox .desc{ line-height: 28px;}
.z_kh_case .imgbox{ width: 100%; height: 60vw; margin-top: 30px;}
.z_xq_tit{ font-size: 20px;}
.z_xq_con .tit{ font-size: 18px;}
.z_xq_con .desc{ font-size: 15px; line-height: 28px;}
.z_case_xq .infobox,.z_case_xq .imgbox{ width: 100%;}
.z_case_xq .items{ display: block;}
.z_case_xq .imgbox{ height: 60vw;}
.z_case_xq .cirbox .item img{ height: 70px;}
.z_case_xq .infobox{ margin-top: 20px; font-size: 15px; line-height: 28px;}
.z_case_xq .items{ margin-top: 30px;}
.z_news_banner{ height: 70vw; margin-top: 50px;}
.z_news_banner .infobox{ padding: 0 12px; box-sizing: border-box; bottom: 30px;}
.z_news_banner h3{ width: 100%; font-size: 16px; line-height: 28px;-webkit-line-clamp:1;}
.z_news_hd{ bottom: 10px;}
.z_news_hd li{ margin: 0 3px; width:8px; height: 8px; border-radius: 50%;}
.z_hot_swiper{overflow: hidden;}
.z_index_lcb .ts{white-space: normal!important; position: relative!important; bottom: auto!important;}
.z_hot_swiper li{ width: 100%; margin-right: 12px;}
.z_hot_swiper li .imgbox{ height: 55vw;}
.z_hot_swiper li .play{ width: 30px; height: 30px;}
.z_hot_swiper li h3{ font-size: 15px; margin-top: 10px;}
.z_news_head{ display: block; text-align: center;}
.z_news_head .z_index_tit{text-align: center; margin-bottom: 20px;}
.z_news_nav a{ margin: 0 10px; font-size: 16px;}
.z_news_tit h3{ font-size: 18px; line-height: 28px;}
.z_news_tit{ margin-bottom: 20px;}
.z_artic_con{ line-height: 28px; font-size: 15px;}
.z_aply_pop{ padding: 30px 20px; padding-bottom: 10px; width: 94%;}
.z_aply_pop .tit{ font-size: 20px;}
.z_form{ width: 100%; }
.z_form li{ margin-bottom: 8px;}
.z_kcx_warp{ height: auto; padding: 40px 12px;}
.z_kcx_warp .z_index_tit{ margin-bottom: 40px;}
.z_kcx_con{ height: auto;}
.z_kcx_con .item{ display: block; margin-bottom: 30px;}
.z_kcx_con .infobox,.z_kcx_con .imgbox{ width: 100%;}
.z_kcx_con .imgbox{ height: 55vw;}
.z_kcx_con .imgbox{ float: left;}
.z_kcx_con .infobox h3{ font-size: 18px;}
.z_kcx_con .infobox .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_kcx_con .infobox{transform: translateY(0%);opacity: 1;}
.z_kcx_hd{ padding: 40px 12px;}
.z_kcx_hd .z_index_tit{ margin-bottom: 30px;}
.z_yx_tab li{ display: none;}
.z_yx_tab li.active{ display: block;}
.z_yx_tab{ display: none;}
.z_yx_con .warp{ display: block;}
.z_yx_con .img, .z_yx_con .infobox{ width: 100%;}
.z_yx_con .tit{ font-size: 18px;}
.z_yx_pop{padding: 20px 12px; max-height: 90vh;overflow-y: auto;}
.z_yx_con .img{ margin-bottom: 30px;}
.z_yx_con .desc{ font-size: 14px;line-height: 24px;}
.z_yx_pop{ width: 90%;}
.z_yx_con .slg{ font-size: 14px;}
.z_about_join .z-container, .z_about_contact .z-container{ width: 100%;}
.z_lx_li li{ width: 100%;}
.z_about_contact{ padding: 40px 12px;}
.z_lx_li li{ padding: 15px 0;}
.z_lx_li li .icon{ margin-right: 20px;}
.z_lx_li li .info{ font-size: 16px;}
.z_lx_li li:nth-child(2){ border-top: none;}
.z_city_li li{ width: 100%; height: 55vw; margin-bottom: 20px;}
.z_city_li li .infobox{ font-size: 15px; line-height: 28px; padding: 0 12px; bottom: 15px;}
.z_about_contact .z-container{ margin-top: 30px;}
.z_lx_li{ margin-bottom: 30px;}
.z_process_con li .time em{ font-size: 20px;}
.z_yx_page>ul>li .infobox{ position: relative; padding: 0; margin-top: 20px;}
.z_map_warps img{ width: 100%;}
.z_map_warps img{ display: none;}

.z_map_warps li{ position: relative!important; left: auto!important; top: auto!important; right: auto!important; margin-bottom: 20px;}
.z_map_warps li .tit::before{ display: none;}
.z_map_warps li .desc{ opacity: 1; left: auto!important; right: auto!important; position: relative; max-height: none; margin-top: 20px; width: 100%; visibility: visible;}
.z_mobile_show,.z_yx_page>ul>li .infobox{ display: block;}
.z_pc_show{ display: none;}
.z_yx_page>ul>li{ color: #000;}
} 
	 .z_news_page{ background:#f6f6f8; padding: 5.2vw 0;}
	 .z_news_warp{ margin-bottom: 4vw;}
	 .z_news_warp .titbar{ font-size: 40px; font-weight: bold; color: #1a163b; border-bottom: 2px solid #333333;padding-bottom: 15px; margin-bottom: 30px;}
	 .z_news_warp ul{ margin-left: -3%;}
	 .z_news_warp li{ width: 30.3%; float: left; margin-left: 3%; background: #fff;transition: ease .6s; margin-bottom: 50px;}
	 .z_news_warp .topbox{ padding: 30px; border-bottom: 1px solid #ebebeb;}
	 .z_news_warp h3{ font-size: 1vw;    -webkit-line-clamp: unset;}
	 .z_news_warp .slg{ display: flex; align-items: flex-start; line-height: 20px; font-size: 16px; color: #4f478e; margin-top: 15px;}
	 .z_news_warp .slg em{ display: block; flex-shrink: 0; width: 16px; height: 18px; background: url(../img/ntb.png) no-repeat center; background-size: 100% auto; margin-right: 10px;}
	 .z_news_warp .timebox{ height:60px;display: flex; align-items: center; padding: 0 30px; box-sizing: border-box;}
	  .z_news_warp li:hover{background: #1a163b;}
	  .z_news_warp li:hover a{  color: #fff; }
		 .z_news_warp li:hover .topbox{ border-color: #4F478E;}
		.z_new_more{ display: flex;align-items: center; justify-content: center; width: 150px; height: 50px; border: 1px solid #1a163b; justify-content: space-between; padding: 0 20px;margin: 0 auto; font-size: 16px;}
		.z_new_more em{ font-weight: bold;}
		.z_new_more:hover{ background: #1a163b; color: #fff;}
		@media screen and (max-width:980px){
			.z_news_page{ padding: 40px 12px;}
			.z_news_warp .titbar{ font-size: 20px; margin-bottom: 15px;}
			.z_news_warp ul{ margin-left: 0;}
			.z_news_warp li{ width: 100%; margin-left: 0; margin-bottom: 12px;}
			.z_news_warp .topbox{ padding: 15px;}
			.z_news_warp h3{ font-size: 16px;}
			.z_news_warp .timebox{ height: 50px; width: 0 15px;}
			.z_news_warp{ margin-bottom: 30px;}
		}