article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#fff;}
pre{ white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333; outline:none;}
.clearfix:after{content:""; display:block; clear:both; }
.z-container {width:75vw;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.font32{ font-size: 1.66666vw;}

.cursor{width: 2.6vw; height: 2.6vw;position: absolute;left: 0;top: 0; pointer-events: none;margin: -1.3vw 0 0 -1.3vw;z-index: 120;visibility: hidden;}
.cursor:before{content: '';display: block;width: 100%;height:100%;background:#fff;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.4);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor{user-select: none;pointer-events: none;mix-blend-mode:difference;display:none;}
.cursor.nav::before{transform: translate(-50%,-50%) scale(1); }


/*鍒嗕韩*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}


.swiper-vertical>.swiper-wrapper {flex-direction: column;}

.z_banner{ height: 850px; position: relative; background: #1a2ead;}
.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.swiper-slide-active .z_banner_text,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_text{transform: translateY(0%); opacity:1; transition-delay:.5s;} */
.z_banner .slide1 .z_banner_text{ position: absolute; left: 0; top: 50%;z-index: 2; transform: translateY(-50%); width: 100%; transition: ease 1s;}
.z_banner .slide2 .z_banner_text{ position: absolute; left: 13.02083vw; top: 50%;transform: translateY(-50%); }
.z_banner .slide3 .z_banner_text{ position: absolute; left: 10vw; top: 50%; transform: translateY(-50%); transition: ease 1s;}
@keyframes fades { 
  0%{ opacity: .2; } 
  50%{opacity: .8;}
  100%{opacity: .2;}
}

.z_banner .swiper-slide .z_banner_text{ transition: ease 1.5s; transform: translateY(0%); transition-delay: .5s; opacity: 0;}
.z_banner .swiper-slide-active .z_banner_text{ transform: translateY(-50%)!important; opacity: 1;}
body.fixed .z_header {
    transform: translateY(-100%);
    visibility: hidden;
}
.z_banner .swiper-slide .z_banner_text .txt1 {font-size: 70px;color: #fff;line-height: 1.4;font-weight: bold;margin-bottom: 15px;}
.z_banner .swiper-slide .z_banner_text .txt2 {font-size: 24px;color: #fff;line-height: 1.8;font-family: "Arial";}
.z_index_tit{ color: #fff;}
.z_index_tit .h3{font-size:2.5vw;font-weight: bold;line-height: 2.6vw; }
.z_index_tit .dot{ margin-top: 1vw;}
.z_index_tit .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_index_tit .dot .d1{background: rgba(45, 79, 226, 0.3); animation: dot1 2s linear infinite;}
.z_index_tit .dot .d2{background: #3B5BFF; animation: dot2 2s linear infinite;}
 .z_menu_mask.on .z_index_tit .h3{background-position: 0 100%;
    opacity: 1;
}
.z_menu_mask .z_index_tit .h3{background: linear-gradient(to right, #fff, #fff 50%, #333 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;}


@keyframes dot1 {
  0%{transform: translateX(0);} 
    50%{transform: translateX(16px);}
  100%{transform: translateX(0px);}
}
@keyframes dot2 {
  0%{transform: translateX(0px);}
50%{transform: translateX(-16px);}
  100%{transform: translateX(0px);}
}
.z_menu_btm{ position:absolute; bottom: 4vw; left: 10vw;transition: ease 1.5s; transform: translateY(4vw); opacity: 0;}
.z_share a.iconfont{ color: #fff; font-size: 20px; margin-right: 1.6vw; cursor: pointer;}
.z_menu_desc{ margin-top: 1vw;line-height: 24px;width: 251px;}
.z_menu_nav{ width: 40vw; color: #fff;}
.z_menu_nav li{ float: left; margin-bottom: 5vw; width: 33.3%; transition: ease 1.5s; transform: translateX(2vw);opacity: 0;}
.z_menu_nav li a{ display: block; color: #fff;font-size: 18px;line-height: 30px; position: relative;}
.z_menu_nav li h3 a{ font-size: 1.25vw; font-weight: bold;}
.z_menu_nav li h3{ margin-bottom: 20px;}
.z_menu_head{ height: 5.2vw; margin-bottom:8vw;}
.z_menu_nav li a:hover{ }
.z_menu_nav li a::before{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);transition: ease 1s; opacity: 0;}
.z_menu_nav li a:hover::before{ transform: translate(-15px,-50%); opacity: 1;}
.z_read_more{ position: absolute; right: 2.6vw; bottom: 0;  padding-bottom: 5vw;  -webkit-writing-mode: vertical-rl; letter-spacing: 2px; writing-mode: vertical-rl;font-size: 12px;font-family: Arial;color: #BFBFBF; text-transform: uppercase;}
.z_read_more::before{ content: ""; display: block; width: 1px; height: 4vw; background: #1D2DFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.z_menu_mask.on .z_menu_nav li{ transform: translateX(0); opacity: 1;}
/* .z_header_sou:hover .z_search_pop{ opacity: 1; visibility: visible; transform: translateY(0);} */
.z_search_pop{ position: fixed; left: 0; top: 0vw; transition: ease 1s;  opacity: 0; visibility: hidden;  width: 100%; justify-content: center; z-index: 12; height: 100%;}
.z_search_box{border-radius: 10px; overflow: hidden;transition: ease 1s; transform: translateY(200px);transition-delay: 1s;}
.z_search_box .text{ width: 400px; height: 50px;font-size: 16px; padding: 0 20px; box-sizing: border-box; background: #fff;}
.z_search_box .z_sou{ height: 50px; width: 80px; display: block; line-height: 50px; text-align: center; color: #fff; background: #4a2fbb; font-size: 16px;}
.z_search_pop.on{ opacity: 1; visibility: visible;}
.z_search_pop.on .z_search_box{ transform: translateY(0);}
.z_search_close{ height: 5.2vw; position: absolute; right: 2.6vw; top: 0; color: #fff; text-align: center; line-height: 5.2vw; font-size: 20px!important; font-weight: bold; cursor: pointer;}
.z_index_jt{ position: relative; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #012c9d;}
.z_dwimg_box{ width: 100%; height: 100vh; position: relative; z-index: -2; position: absolute; left: 0; top: 0; }
.z_dwimg_box .imgbgs img{ display: block;position: absolute; left: 50%; transform: translateX(-50%); top: 0; max-width:none; }
.z_dwimg_box .imgbgs{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;display: flex;  align-items: flex-start; justify-content: center; transition: ease 2s; transform-origin: top center;}
.z_dwimg_box .imgbgs:nth-child(1){ z-index: 3;}
.z_dwimg_box .imgbgs:nth-child(2){ z-index: 2;}
.z_dwimg_box .imgbgs:nth-child(3){ z-index: 1;}
/* ; }
.z_dwimg_box .imgbgs img{ display: block;position: absolute; left: 0; top: 0; height: 100%;}

 */
.z_dwimg_box .imgbgs.on{ height: 0; overflow: hidden; z-index: 5!important;}
.z_dwimg_box .imgbgs.on2{ height: 100%; z-index: -1;}
.z_index_tit.center{ text-align: center;}
.z_dwcon_box{ width: 31vw; margin-top: 4vw; position: relative; height: 31vw; color: #fff; text-align: center;background: url(../images/cir.png) no-repeat center; background-size: 100% 100%;}
.z_dwcon_box li{ display: flex; align-items: center; justify-content: center;}
.z_dwcon_box .tit{ font-size: 1.5vw; font-weight: bold;  opacity: 0; transition: ease 1s;}
.z_sm_swiper .swiper-slide-active .tit,.z_sm_swiper .swiper-slide-active .desc{ transform: translateY(0%); opacity: 1;}
.z_dwcon_box .desc{ width: 25vw; margin: 1.2vw auto;font-size:1.04vw;color: #9BB3F4;line-height: 1.5625vw; opacity: 0; transition: ease 1s; transition-delay: .5s;}
.z_dwcon_box  .img img{ animation: dwimg 2s infinite; max-height: 11.45833vw;}
.z_dwbg{ z-index: 4;position: absolute; opacity: 0; left: 0; top: 0; height: 100%; width: 100%;display: flex;  align-items: flex-start; justify-content: center;}
.z_dwbg.on{ opacity: 1;}
@keyframes dwimg {
  0%{transform: translateY(0px) ;}
50%{transform: translateY(16px) ;}
  100%{transform: translateY(0px) ;}
}
.z_stimg_swiper {width: 100%;height: 100%;

    overflow:hidden;}
.z_stimg_swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow: hidden;transform:translate3d(0,0,0); background: #012c9d;
  overflow:hidden; padding-bottom: 10px;}
.z_stimg_swiper .slide-inner {position: absolute;transform:translate3d(0,0,0);width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color: #fff;}
.slide-inner .imgbg {transition: ease 2s;transform: scale(1.1, 1.1);}
.swiper-slide-active .imgbg {transform: scale(1, 1);}
.z_cirle_warps{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 3;}
.z_dwcon_box .z_index_more{ margin: 0 auto;}
.z_cirle_box{ width: 100%; height: 100%; pointer-events: none; z-index: 2; transition: ease 2s;  position: absolute; left: 0; top: 0; }
.z_sm_swiper{overflow: hidden; width: 100%; height: 100%;  }
.z_dwcon_box .icon{ position: absolute; cursor: pointer; z-index: 3; pointer-events: auto;  width: 66px; height: 66px; transition: ease 1s; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.z_cirle_box .icon1{ top: -33px; left: 50%; margin-left: -33px;}
.z_cirle_box .icon2{ top: 70%;  margin-left: 8px; left: 0;}
.z_cirle_box .icon2.on{ transform: rotate(120deg);}
.z_cirle_box .icon3{ top: 70%;  margin-right: 8px; right: 0;}
.z_index_sm{ width: 100%; height: 100vh; overflow: hidden; padding-top: 6vw; position: relative; z-index: 1;}
.z_index_sm .desc{width: 520px;font-size: 16px;margin: 0 auto; text-align: center;font-weight: 400;color: #FFFFFF;line-height: 24px;}
.z_index_sm .z_index_tit .dot,.z_index_st .z_index_tit .dot{ margin: 2vw auto; margin-top: 1.5vw;}
.z_sm_icon{ padding-left: 7.3vw; box-sizing: border-box; width: 100%; position: absolute; left: 0vw; bottom: 0; z-index: 1;}
.z_sm_icon li{ width: 33.3%; float: left; position: relative; transition: all 1s ; color: #fff; display: flex; text-align: center; justify-content: center; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); height: 28vw;}
.z_sm_icon li h3{ font-size: 1.25vw; margin: 1vw 0;}
.z_sm_icon li .icon img{ display: block; margin: 0 auto; max-height: 4.375vw;}
.z_sm_icon li .line{ display: block;width: 30px;height: 1px;background: #F6F6F6; margin: 0 auto;}
.z_sm_icon li .desc{ width:56%;font-size: 16px;font-weight: normal;  height: 96px; transform:translateY(96px); line-height: 24px; margin-top: 1vw;transition: ease 1s;   opacity: 0; }
.z_sm_icon li .con{ transition: ease 1s;transform:translateY(2.5vw);}
.z_sm_icon li:hover .con,.z_sm_icon li:hover .desc{ transform: translateY(0); opacity: 1; display: block;}
.z_sm_icon li:nth-child(2)::before{ top: auto; bottom: 0;}
.z_sm_icon li:hover::before{ height: 100%;}
.z_sm_swiper .z_other_more{ color: #fff; margin: 0 auto;}
.z_sm_swiper .z_other_more .iconfont{ color: #fff;}
.z_index_st{ padding: 7.5vw 7.3vw; padding-right: 5.2vw; box-sizing: border-box; position: relative;}
.z_index_st .desc{width: 726px; text-align: center; margin: 0 auto; font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 30px;}
.z_index_st .z_dq_img{ left: 36%; top: 3vw; animation: none;}
.z_st_swiper { margin-top: 4vw; height:calc(29vw + 10px) ;}
.z_st_swiper li a{ display: block; width: 100%; height: 100%;}
.z_st_swiper li{ height:14.5vw; text-align: center; position: relative; overflow: hidden;}
.z_st_swiper li .infobox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0,0,0,.4);}
.z_st_swiper li .icon{ display: block; margin: 0 auto; height: 2.39583vw;}
.z_st_swiper li h3{font-weight: bold; font-size: 18px; margin: 10px 0;}
.z_st_swiper li .line{width: 58px;height: 1px;background: #FFFFFF; margin: 0 auto;}
.z_st_swiper li h4{ margin-top: 10px; height: 20px; line-height: 20px; opacity: 0; transform: translateY(50px); transition: ease 1s;}
.z_st_swiper li .con{transform: translateY(1vw); transition: ease 1s;}
.z_st_swiper li:hover h4,.z_st_swiper li:hover .con{ transform: translateY(0); opacity: 1;}
.z_st_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.z_st_swiper .swiper-scrollbar{width: 390px;height: 4px;background: rgba(255,255,255,.3);z-index: 1; overflow: hidden; border-radius: 2px; margin: 0 auto; position: relative; display: block!important; margin-top: 4.5vw;}
.z_st_swiper .swiper-scrollbar-drag{ position: absolute; left: 0; top: 0; height: 100%; background: #fff;}

.z_index_news{ padding-left: 7.3vw; box-sizing: border-box; position: relative;}
.z_index_news::before{ content:""; display: block; width: 1px; height: 100%; position: absolute; left: 7.3vw;top: 0; background: #d9d9d9; margin-left: -1px;}
.z_news_head{ padding: 6vw 3vw; padding-bottom: 3vw; box-sizing: border-box; align-items: flex-start;}
.z_news_head .z_index_tit{ color: #333; text-align: left;}
.z_news_head .z_index_tit .dot{ margin: 0; margin-top: 1vw;}
.z_news_head .z_index_more{ color: #333;}
.z_news_head .z_index_more::after{ background:#cacaca;}
.z_news_head .z_index_more:hover{ color: #fff;}
/* .z_news_head .z_other_more .iconfont{ color: #002B9E;} */
.z_news_swiper{ border-top: 1px solid #d9d9d9; }
.z_news_swiper li{ position: relative;}
.z_news_swiper li a{ display: block; width: 100%; height: 100%; padding: 3vw 2.5vw; box-sizing: border-box; }
.z_news_swiper li .time{font-size: 14px;font-family: Arial;color: #888888;}
.z_news_swiper li h3{font-size: 20px;font-weight: 500;color: #333333;line-height: 30px; margin: 1.5vw 0;}
.z_news_swiper li .bq{ display: inline-block; transition: ease 1s; min-width: 96px;height: 36px; text-align: center; line-height: 36px; color: #888888;background: rgba(18, 12, 232, 0);border: 1px solid rgba(232, 235, 241, 0.9);border-radius: 18px;}
.z_news_swiper li .imgbox{ width: 100%; height: 17.70833vw; margin: 2vw 0; margin-bottom: 1vw; overflow: hidden;}
.z_news_swiper li:hover .imgbg{ transform: scale(1.04,1.04);}
.z_news_swiper li{border-right: 1px solid #d9d9d9;  }
.z_news_swiper li:last-child{ border-right: none;}
.z_news_swiper li::before{ content: ""; z-index: 1; display: block;  width: 0%; height: 2px;background:#1D2DFF; position: absolute; left: 0; top: 0; transition: ease .2s; }
.z_news_swiper li:hover::before{ width: 100%;}
.z_news_swiper li::after{ content: ""; z-index: 1; display: block;width: 0%; height: 2px;background:#1D2DFF; position: absolute; right: 0; bottom: 0; transition: ease .2s; transition-delay: 0.4s;}
.z_news_swiper li:hover::after{ width: 100%;}
.z_news_swiper li a::before{ content: ""; z-index: 1; display: block;width: 2px; height: 0;background: #1D2DFF; position: absolute; left: 0; bottom: 0; transition: ease .2s; transition-delay: 0.6s;}
.z_news_swiper li:hover  a::before{ height: 100%; }
.z_news_swiper li a::after{ content: ""; z-index: 1; display: block; width: 2px; height: 0;background:#1D2DFF; position: absolute; right: 0; top: 0; transition: ease .2s; transition-delay: .2s;}
.z_news_swiper li:hover  a::after{ height: 100%;}
.z_news_swiper li:hover .bq{ background: #1D2DFF; border-color:#1D2DFF; color: #fff;}
.z_footer{background: #212121; overflow: hidden; color: #B2B2B2; padding: 0 2.6vw; z-index: -1; padding-bottom: 5vw; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden;}
.threeCanvas {
    position: absolute;
    left: 0; z-index: -1;
    bottom: -10%;
    width: 100%;
    height: 100%;  opacity: .5;
}
#myfooter{ z-index: -1; display: none;}
#myfooter canvas{ width: 100%; height: 100%; opacity: .8;}
.z_footer a{color: #B2B2B2;}
.z_footer_link{color: #B2B2B2; padding: 2vw 0; border-bottom: 1px solid #7a7a7a;}
.z_footer_link a{color: #B2B2B2; display: inline-block; padding: 0 10px;}
.z_footer_link a:hover,.z_footer_nav a:hover,.z_footer a:hover{ color: #fff;}
.z_footer_top{ align-items: flex-start;padding: 3vw 0;}
.z_footer_nav li{ display: inline-block; vertical-align: top; margin-left: 5vw;}
.z_footer_nav a{ display: block;color: #B2B2B2; line-height: 24px;}
.z_footer_nav h3 a{ color: #fff; font-size: 16px;}
.z_footer_nav h3{ margin-bottom: 15px;}
.z_footer_btm{ align-items: flex-end;}
.z_footer_share a{ display: inline-block;width: 36px;height: 36px; margin-right: 1vw!important; line-height: 36px; text-align: center; color: rgba(17, 17, 18, 1);background: #888888;border-radius: 50%;}
.z_footer_share a:hover{background: #2D4FE2!important; color: #fff;}
.z_footer_btm .frwarp{ text-align: right;}
.z_footer_code{ display: inline-block; text-align: center;}
.z_footer_code .imgbox{ width: 5.83333vw; height: 5.83333vw; margin-bottom: 10px;}
.z_fl_sm{ margin-top: 1vw;}
.z_fl_sm a{ display: inline-block;padding: 0 5px;}
.z_fl_sm a:last-child{ padding-right: 0;}
.z_footer_copy{ margin-top: 1vw;}
.z_footer_copy .mr{ display: none;}
.z_footer_copy .ac{ margin-left: auto;}
.z_other_banner{ height: 100vh; position: relative; background: #000;overflow: hidden;}
.z_other_banner .imgbg{animation: zoombig 3s forwards;}
.z_white_page{ background: #fff; position: relative;}
.z_banner_img{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; }
.z_other_text{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 10vw; box-sizing: border-box; color: #fff;}
.z_other_text h3{font-size: 3.125vw; display: inline-block; font-weight: bold; line-height: 3vw;transition: transform 1.5s, background-position 1.5s ease;background: linear-gradient(to right, #fff, #fff 50%, #0736A8 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden; transition-delay: .5s;}
.z_other_text h4{ font-size: 1.25vw; margin: 20px 0;}
.z_other_text h5{ font-size: 16px;}
.z_index_tit .h3{ display: inline-block; transition: transform 1.5s, background-position 1.5s ease;background: linear-gradient(to right, #333, #333 50%, #0736A8 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden; transition-delay: .5s;}
.z_index_tit2 .h3{background: linear-gradient(to right, #fff, #fff 50%, #0736A8 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden; transition-delay: .5s;}
.z_index_tit{z-index: 1;}
.z_other_text h3.animated,.z_index_tit.animated .h3{background-position: 0 100%; opacity: 1;}
@keyframes zoombig {
    0%{transform: scale(1.2,1.2);} 
  
    100%{transform: scale(1,1);}
 }

.z_dot{ margin-top: 1vw;}
.z_dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_dot .d1{background: rgba(255, 255, 255, 0.5); animation: dot1 2s linear infinite;}
.z_dot .d2{background: #3B5BFF; animation: dot2 2s linear infinite;}
.z_dot.white .d2{ background: #fff;}
.z_other_text .z_dot{ margin-top: 1vw;}
.z_page_nav{ position: absolute; right: 0; bottom: 0; z-index: 1; width: calc(100% - 7.3vw);}
.z_page_nav ul{ display: flex; width: 100%; }
.z_page_nav li{ float: left; overflow: hidden; line-height: 7.3vw; position: relative; transition: ease 1s; border-top: 1px solid rgba(255,255,255,.3);  border-right: 1px solid rgba(255,255,255,.3);flex: 1;}
.z_page_nav li:last-child{ border-right: none;}
.z_page_nav li a{ color: #fff; display: block;font-size: 18px; padding: 0 2.6vw; box-sizing: border-box; display:flex; align-items: center;}
.z_page_nav li em{ display: inline-block;width: 33px;height: 33px; line-height: 33px; text-align: center;margin-right: 25px; position: relative;}
.z_page_nav li em::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;border: 1px solid rgba(255,255,255,.3); transform: rotate(45deg); transition: all 1s;}
.z_page_nav li:hover em::before{ background: #2D4FE2; border-color:#2D4FE2 ;transform: rotate(135deg);}
.z_page_nav li::before{ content: ""; display: block; width: 0; position: absolute; z-index: 1; left: 0; top: 0px; height: 2px; background: #fff; transition: ease 1s;}
.z_page_nav li.active::before,.z_page_nav li:hover::before{ width: 100%;}
.z_zp_img{ position: absolute; left: 0; bottom: -6%; width: 50%;}
#particles-js {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;pointer-events: none;}
.sideMenu{ width: 1200px; margin: 0 auto;}
/* { display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;} */
.rc_box .tit{ 
color: #444444; line-height:72px; cursor: pointer; position: relative; }
.zp_tit,.rc_box .tit{  cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;  box-sizing: border-box;}
.rc_box .tit{ display: flex;}
.rc_box:nth-child(odd) .tit{ background: #F7F7F7;}
.rc_box .tit span,.zp_tit span{display: block; font-size: 16px; padding: 0 1vw; box-sizing: border-box; width:20%; float: left;}
.rc_box .tit span:nth-child(2),.zp_tit span:nth-child(2){ width: 12%;}
.zp_tit{ line-height: 72px; background: #333; color: #fff;}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box; padding: 2vw; box-sizing: border-box; background: #ececec; display: none; border-top: none;}
.rc_box .tit.on{ background: #2D4FE2; color: #fff;}
.rc_box .rc_con h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .boxcon{color: #7F7F7F;
line-height: 30px; box-sizing: border-box; color: #7f7f7f;}

.aply_btn{ width: 154px;height: 48px; display: flex; align-items: center; justify-content: center; background: #2D4FE2; margin-top: 2vw; font-size: 16px; line-height: 48px; border-radius:0 14px 0 14px; color: #fff; text-align: center; cursor: pointer;}
.aply_btn img{ margin-left: 10px;}
.rc_box{ border-bottom:2px solid #f5f6fa ;}
.z_zw_warp{ padding:9vw 0; background: #fff; padding-bottom: 6vw;}
.z_zw_warp .z_all_tit,.z_zw_warp .z_tit_desc{ text-align: center;}
.z_zw_warp .z_tit_desc{ margin-top: 2vw;font-size: 16px;font-weight: 500;color: #333333;line-height: 30px;}
.z_zw_warp .imgbox{ width: 1200px; margin: 3vw auto;}
.z_zw_warp .imgbox img{ display: block; width: 100%;}

.z_pages_bar{ text-align: center; margin-top: 4vw;}
.z_pages_bar a{ display: inline-block;width: 54px;height: 54px; line-height: 54px;font-size: 18px;
font-family: Arial; border-radius: 50%;}
.z_pages_bar .btn{  width: auto; padding: 0 20px;}
.z_pages_bar a.active,.z_pages_bar a:hover{background: #0071E3; color: #fff;}
.z_pages_bar .btn:hover{ color: #0071E3; background: none;}
.z_index_scorll {height: 190vh;}
.sticky-container {-webkit-transition: 0.9s opacity 0.5s;transition: 0.9s opacity 0.5s; min-height:100vh;position: -webkit-sticky;position: sticky;z-index: 2;width: 100%;overflow: hidden;}
.z_index_scorll .sticky-container{ top: 0vw;}
.animatable-image {position: absolute;width: 100vw;height:100vh;left: 0;right: 0;margin: 0 auto;top: 0;overflow: hidden;}

.z_scroll_banner{ transform: scale(2,2);}

.center{ text-align: center;}
.z_hx_nav{ text-align: center; margin-top: 3vw;}
.z_hx_nav a{ display: inline-block;font-size: 1.25vw; position: relative; overflow: hidden; color: #fff; margin: 0 14px; min-width: 16.77083vw; padding: 0 15px;height: 4.47916vw; line-height: 4.47916vw;background: rgba(0, 113, 227, 0);border: 2px solid #FFFFFF;border-radius: 43px;}
.z_hx_nav a:hover,.z_hx_nav a.active{border-color:#0736A8;}
.z_hx_nav a::before,.z_hx_nav a::after {background: #0736A8;position: absolute;top: 50%;top: 0\9;content: '';width: 20px;height: 20px;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 1s;transition: all 1s;opacity: 0.5;}
.z_hx_nav a::before{left: -30px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.z_hx_nav a::after{right: -30px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.z_hx_nav a:hover::before,.z_hx_nav a.active::before{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left 1s both;width:375px\9;height:375px\9;  opacity:1;}
.z_hx_nav a:hover::after,.z_hx_nav a.active::after{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right 1s both;width:375px\9;height:375px\9;opacity:1;}
.btn12 span{ position:relative; z-index:1;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-30px
 }
 50% {
  left:50%;width:30px;height:30px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:30px;height:30px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-30px
 }
 50% {
  right:50%;width:30px;height:30px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-30px
 }
 50% {
  right:50%;width:30px;height:30px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}


.z_hx_dc{ padding: 5.98958vw 0; text-align: center;}
.z_hx_dc .z-container{ width: 1235px;}
.z_hx_dc .z_index_tit{ color: #333; margin-bottom: 1.8vw;}
.black{ color: #333;}
.z_hx_dc .desc1{font-size: 18px;font-weight: bold;color: #1E1E1E;line-height: 24px;width: 745px; margin: 0 auto;}
.z_hx_dc .desc2{width: 819px;margin: 0 auto;font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; margin-top: 10px; margin-bottom: 2vw;}
.z_hx_dc .imgbox img{ display: block; margin: 0 auto;}

.z_hx_cx{ background: #F8F9FA; padding: 5.2vw 0;}
.z_hx_cx .z_index_tit .desc{font-size: 16px;margin-top: 1.5vw;font-weight: 400;color: #333333;}
.z_dic_box { justify-content:center; box-sizing: border-box; padding: 2.6vw;box-sizing: border-box; overflow: hidden;}
.z_dic_box img{ display: block;height: 430px;}
.z_dic_box .fc { margin: 0 10px;}
.z_dic_box .fc .img1{ height: 176px; margin-bottom: 9px;}
.z_dic_box .fc .img2{ height: 245px;}
.z_cx_warp{ position: relative; z-index: 1;}
.z_cx_siwper{ width: 1365px; margin: 0 auto; height: 540px; margin-top: 4vw;}
.z_cx_siwper .conwarp{ height: 270px; border-left: 1px solid #bcbcbc; padding: 0 35px; position: relative;}
.z_cx_siwper li .h3{font-size: 18px;font-weight: bold;color: #2D4FE2;line-height: 24px;}
.z_cx_siwper li .desc{color: #666666;line-height: 20px; width: 17.70833vw; margin-top: 15px; max-height: 140px; overflow-y: auto;}
.z_cx_siwper li:nth-child(even) .conwarp{ margin-top: 270px; display: flex; align-items: flex-end;}
.z_cx_siwper li .dot{ position: absolute;width: 12px;height: 12px;background: #bcbcbc;border-radius: 50%; position: absolute; left: -6px; top: -6px;}
.z_cx_siwper li:nth-child(even) .dot{top: auto; bottom: -6px;}

.z_cx_siwper li .dot::before{content: '';display: block;width: 100%;height: 100%;background: #bcbcbc;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1.5s infinite;}
  @keyframes consult{
    0%,100%{transform:scale(1);}
    50%{transform:scale(3);}  
  } 

.z_hx_js{ position: relative;  z-index: 1; padding: 5vw 0;}
.z_jsbg{ height: 45vw; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; }
.z_js_warp{ width:79.16666vw; background: #fff; padding: 4vw 7vw;}
.z_hx_js .z_index_tit2 .desc{font-size: 18px; margin-top: 1.5vw;}
.z_hx_js .z_index_tit{ margin-bottom: 4.5vw;}
.z_js_warp .tit{font-size: 1.875vw;font-weight: bold; margin-bottom: 1.5vw;text-align: center;}
.z_js_warp .desc{width: 832px;font-size: 16px;text-align: center;font-weight: 400;color: #666666;line-height: 24px; margin: 0 auto;}
.z_js_warp .imgbox{ margin-top: 3.5vw;}
.z_js_warp .imgbox img{ display: block; margin: 0 auto; width: 100%;}
.z_js_box{ width: 100%; height: 29.6875vw; position: relative; margin-top: 5vw;}
.z_js_box .infobox{ position: absolute; left: 3.6vw; top: 50%; transform: translateY(-50%); width: 344px; color: #fff;}
.z_js_box h3{font-size:1.875vw;font-weight: bold;}
.z_js_box h4{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px; margin-top: 1vw;}
.z_hx_page{background: #f8f9fa; padding-bottom: 1px;}
.z_hx_contaniner{width: 1235px; margin: 0 auto;}
.z_hx_cg .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px; margin: 1.5vw 0;}
.z_hx_cg .imgbox{ padding: 30px; box-sizing: border-box; background-size: 100% auto; overflow: hidden;}
.z_hx_cg .imgbox img{ display: block;}

.z_hx_pt{ padding: 100px 0;}
.z_hx_pt .tit{font-size: 1.875vw;font-weight: bold; margin-bottom: 50px;}
.z_hx_pt .flwarp{ width:43%;height: 330px;}
.z_sj_list{ width: 50%;}
.z_sj_list li{ width: 46%; float: left; height: 165px; border-top: 1px solid  #333333; padding-top: 20px; color: #666666;}
.z_sj_list li:nth-child(even){ float: right;}
.z_sj_list li h3{font-family: Arial;font-weight: bold; margin-top: 10px; font-size: 18px; color: #333;}
.z_sj_list li .timer{ font-size: 1.875vw;}
.z_pt_icon{ margin-top: 4.5vw;}
.z_pt_icon ul{ display: flex; justify-content: space-between; text-align: center;}
.z_pt_icon li h3{font-size: 18px; margin-top: 20px; }
.z_pt_icon img{ display: block; margin: 0 auto; height: 5.2vw; animation: yd 2s linear infinite;}



.z_cj_swiper{ margin: 5vw auto;width: 1235px; height: 580px;    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none; margin-bottom:2vw;
    padding: 0;
    z-index: 1;}

.z_cj_swiper li{  display: flex; align-items: center; width: 75%; height: 460px;

    opacity: .4;background: #FFFFFF;border: 0px solid #000000; align-items: center; background: #fff; padding: 3vw 4vw; box-sizing: border-box;}
.z_cj_swiper li h3{font-size: 22px;font-weight: bold;}
.z_cj_swiper li .desc{font-size: 16px;line-height: 24px; margin-top: 1.5vw;}
.z_cj_swiper li .infobox{ width: 310px; flex-shrink: 0;}
.z_cj_swiper li .imgbox{ margin-left: auto;}
.z_cj_swiper li.swiper-slide-active{ opacity: 1; z-index: 9;box-shadow: 0px 25px 40px 0px rgba(133, 144, 181, 0.25);}

.z_hx_cj{ margin-top: 3vw;}

.z_hx_fswarp{background: #F2F3F7; padding: 7vw 0;}
.z_hx_fswarp .z_index_tit .desc{width: 764px; margin: 0 auto;font-size: 16px;font-weight: 400;color: #333333;line-height: 24px; margin-top: 1.5vw;}

.z_hx_map{ width: 56.35416vw;  margin: 0 auto; position: relative; z-index: 1;}
.z_hx_map img{ display: block; margin: 0 auto; width: 100%;}

.z_hx_map .circle{display: block;width: 15.10416vw;height: 15.10416vw; z-index: 1; position: absolute; left: 19.79166vw; top: 20.4vw;background: #3C61FF;border: 0px solid #000000;opacity: 0.1;border-radius: 50%;}
.z_hx_map .circle::before{content: '';display: block;width: 100%;height: 100%;background: #3C61FF;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult2 linear 2.5s infinite;}
.z_hx_map .mapdot{ position: absolute; left: 0; top: 0; animation: yd2 2s linear infinite;}
@-webkit-keyframes yd2{
    0%{ transform:translateY(0); }
    50%{transform:translateY(-3px); }
    100%{transform:translateY(0);}
}
  @keyframes consult2{
    0%,100%{transform:scale(1);}
    50%{transform:scale(2);}  
  } 
.z_map_num{ position: absolute; left: 10vw; top: 50%; transform: translateY(-50%);}
.z_map_num li h3{font-size: 18px; font-family: Arial;font-weight: bold;color: #2D4FE2;}
.z_map_num li .timer{font-size: 2.5vw; }
.z_map_num li h4{ font-size: 16px;}
.z_map_num li:nth-child(2){ margin: 5vw 0;}
.z_map_box{ position: absolute; right: 4.5vw; top: 50%; transform: translateY(-50%);}
.z_map_box .box{ width: 356px;font-weight: 500; margin: 50px 0; box-sizing: border-box; border: 1px dashed #CFD3E6; border-radius: 10px; padding:1vw 1.5vw; box-sizing: border-box;}
.z_map_box .box .tit{font-size: 18px;font-family: NotoSansHans;font-weight: bold;color: #2D4FE2; border-bottom: 1px dashed #CFD3E6; padding-bottom: 10px; margin-bottom: 10px;}
.z_map_box .box .desc{color: #666666;
line-height: 18px;}

.z_stbj_swiper{ width: 79.16666vw; margin: 0 auto; height: 680px; margin-top: 6vw; overflow: hidden; position: relative;}
.z_stbj_swiper ul{ display: flex;align-items: flex-end;}
.z_stbj_swiper li{ background: #fff; padding: 40px; box-sizing: border-box; position: absolute; bottom: 0; width: 32.8%;}
.z_stbj_swiper li .imgbox{ width: 100%; display: flex; align-items: center; height: 268px; justify-content: center;}
.z_stbj_swiper li img{animation: yd 2s linear infinite;}
.z_stbj_swiper li .tit{font-size: 1.25vw;font-weight: bold; margin-bottom: 15px;}
.z_stbj_swiper li .desc{ font-size: 16px; line-height: 22px;margin-bottom: 20px; min-height: 66px;}
.z_stbj_swiper li:nth-child(2){ left: 33.3%;}
.z_stbj_swiper li:nth-child(3){ right:0;}
.z_stbj_swiper .stli{ line-height: 24px; font-size: 16px; max-height: 0; overflow: hidden; transition: ease 2s;}
.z_stbj_swiper .stli p{ position: relative; padding-left: 10px;}
.z_stbj_swiper .stli p::before{ content: ""; display: block; width: 5px;
height: 5px;
background: #2D4FE2;z-index: 1;
border: 0px solid #000000;
border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_stbj_swiper li.on .stli{ max-height:500px; }
.z_hx_case{padding: 6vw 0;}
.z_hx_case .z_index_tit .desc,.z_hx_zr .z_index_tit .desc{ text-align: center; color: #333; font-size: 16px; margin-top: 1.5vw;}
.z_hx_case .z-container{ width: 1140px; margin: 0 auto; margin-top: 4vw;}
.z_case_box{ margin-bottom: 16px;}
.z_case_box .flwarp{ width: 49.2%; height: 528px; position: relative; overflow: hidden;}
.z_case_box .tit{ position: absolute; left: 0; z-index: 2; width: 100%; bottom: 0; padding:15px 20px; box-sizing: border-box; font-weight: bold; font-size: 24px; color: #fff;}
.z_case_box a{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.z_case_box .frwarp{ width: 49.2%;}
.z_case_box .frwarp .box{ width: 100%; height: 256px; margin-bottom: 16px;}
.z_case_box .frwarp .box:last-child{ margin-bottom: 0;}
.z_case_box a:hover .imgbg{ transform: scale(1.05,1.05);}
.z_case_box:nth-child(even) .flwarp{ float: right;}
.z_case_box:nth-child(even) .frwarp{ float: left;}

.z_hx_zr{ padding-bottom: 6vw;}
.z_zr_swiper{ width: 79.16666vw; margin: 0 auto; margin-top: 2.2vw; overflow: hidden;}
.z_zr_swiper li{ height: 18.22916vw; position: relative;}
.z_zr_swiper li .tit{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 20px; box-sizing: border-box; color: #fff;font-weight: bold; font-size: 1.25vw;}

.z_retop::before{content: '';display: block;width: 100%;height: 100%;background: #2D4FE2;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult2 linear 2s infinite;}

.funnyNewsTicker{width:100%;  height:500px!important; position:relative; padding:0 5px; box-sizing:border-box; margin:0 auto;z-index: 1;}
.funnyNewsTicker>ul{padding:0; margin:0; list-style-type:none; position:relative;}
.funnyNewsTicker>ul>li{display:none; width:100%; height:100px; background:#FFF; position:absolute;  overflow:hidden}
.funnyNewsTicker>ul>li>.fnt-content{position:absolute; display: flex; align-items: flex-start; top:0; bottom:30px; left:0; right:0; box-sizing:border-box; padding:5%; overflow:hidden;}
.fnt-content .z_year{ flex-shrink: 0; width: 20%;}
.fnt-content .z_year{ width: 200px; display: flex; align-items: center; flex-shrink: 0; font-size:24px;  }
.z_honor_swiper li .z_year2{ position: absolute; left: 10px;bottom: 10px; transform: scale(.8); transform-origin: left center;}
.fnt-content .con{font-size: 16px;color: #666666;line-height: 24px; height: 144px; overflow-y: hidden;}
.fnt-content .con:hover{overflow-y: auto;}
.fnt-content .iconfont{ font-size: 22px; font-weight: bold; margin-right: 10px;}

.z_honor_warps{ width: 900px; margin: 0 auto; margin-top: 4vw;} 
.funnyNewsTicker .fnt-top0{-ms-transform: scale(0.80); -webkit-transform: scale(0.85); transform: scale(0.85); opacity:0.85; top:0; z-index:1; display:block;}
.funnyNewsTicker .fnt-top1{-ms-transform: scale(0.87); -webkit-transform: scale(0.9); transform: scale(0.9); opacity:0.9; top:35px; z-index:2; display:block;}
.funnyNewsTicker .fnt-top2{-ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); opacity:0.95; top:70px; z-index:3; display:block;}
.funnyNewsTicker .fnt-active{-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity:1; top:105px; z-index:10; display:block;box-shadow: 3px 17px 21px 0px rgba(0, 0, 0, 0.04);}
.funnyNewsTicker .fnt-bottom2{-ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); opacity:0.95; top:140px; z-index:6; display:block;}
.funnyNewsTicker .fnt-bottom1{-ms-transform: scale(0.87); -webkit-transform: scale(0.90); transform: scale(0.90); opacity:0.9; top:170px; z-index:5; display:block;}
.funnyNewsTicker .fnt-bottom0{-ms-transform: scale(0.80); -webkit-transform: scale(0.85); transform: scale(0.85); opacity:0.85; top:200px; z-index:4; display:block;}
.fnt-top-arrow,.fnt-bottom-arrow{width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer; transition: ease 1s;
    outline: none;
    display: block;
    text-align: center;
    line-height: 54px; position: absolute; top: 50%; transform: translateY(-50%);
}
.fnt-top-arrow{ position: absolute; left: -10vw!important;}
.fnt-bottom-arrow{ position: absolute; right: -10vw!important; left: auto!important;}
.fnt-top-arrow:hover,.fnt-bottom-arrow:hover{ background: #2D4FE2 ; color: #fff;}
.fnt-easing2{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.fnt-easing li{transition:.5s ease-out; -moz-transition:.5s ease-out; -webkit-transition:.5s ease-out;}
  .zwaves {

        width: 100%;
        height: 15vh;

        min-height: 250px;
        max-height: 150px;
        position: absolute;
        left: 0;
        bottom: 0; z-index: -1;
      }

      .parallax>use {
        animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
      }

      .parallax>use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
      }

      .parallax>use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
      }

      .parallax>use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
      }

      .parallax>use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
      }

      @keyframes move-forever {
        0% {
          transform: translate3d(-90px, 0, 0);
        }

        100% {
          transform: translate3d(85px, 0, 0);
        }
      }
       
.z_zh_warp{width: 19.27083vw; height: 19.27083vw; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.z_zhlogo li{ display: block;  width: 6vw; height: 6vw; position: absolute;  animation: spin2 6s infinite linear; transform-origin: 40% 40%;}
.z_zhlogo li .box{background: #fff; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05); 
border-radius: 50%; overflow: hidden;}
.z_zhlogo li img{ max-width: 100%; max-height: 100%; animation: spin-reverse2 6s infinite linear; }
.z_zhlogo li:nth-child(5n-1){animation: spin 9s infinite linear;}
.z_zhlogo li:nth-child(5n-1) img{animation: spin-reverse 9s infinite linear;}
.z_zhlogo li:nth-child(5n-2){animation: spin2 5s infinite linear;}
.z_zhlogo li:nth-child(5n-2) img{animation: spin-reverse2 5s infinite linear;}
.z_zhlogo li:nth-child(5n-3){animation: spin 7s infinite linear;}
.z_zhlogo li:nth-child(5n-3) img{animation: spin-reverse 7s infinite linear;}
.z_zhlogo li:nth-child(5n-4){animation: spin2 6s infinite linear;}
.z_zhlogo li:nth-child(5n-4) img{animation: spin-reverse2 6s infinite linear;}
.z_zhlogo li:nth-child(5n){animation: spin 8s infinite linear;}
.z_zhlogo li:nth-child(5n) img{animation: spin-reverse 8s infinite linear;}

.z_zhlogo li.c1{ left: 27.08333vw; top:3vw; width: 5.2vw;height: 5.2vw;}
.z_zhlogo li.c2{ left: 20.3125vw; top:11vw; width: 5.72916vw; height: 5.72916vw;}
.z_zhlogo li.c3{ left: 20.3125vw; bottom:10vw; width: 5vw; height: 5vw;}
.z_zhlogo li.c4{ left: 27.08333vw; bottom:3vw;}
.z_zhlogo li.c5{ right: 27.08333vw; bottom:3vw; width: 5.2vw; height: 5.2vw;}
.z_zhlogo li.c6{ right: 20.3125vw; bottom:10vw;width: 4.89583vw; height: 4.89583vw;}
.z_zhlogo li.c7{ right: 20.3125vw; top:11vw;}
.z_zhlogo li.c8{ right: 27.08333vw; top:3vw;}
.z_zhlogo li.c9{ right: 17.70833vw; top:1vw;width: 5.2vw;height: 5.2vw;}
.z_zhlogo li.c10{ right: 12.5vw; top:9vw; width: 5vw; height: 5vw;}
.z_zhlogo li.c11{right: 11.97916vw; bottom:12vw; width: 6.25vw;height: 6.25vw;}
.z_zhlogo li.c12{right: 15vw; bottom:5vw; width:4.6vw;height: 4.6vw;}

.z_zhlogo li.c13{ left: 17.70833vw; top:1vw;width: 5.8vw;height: 5.8vw;}
.z_zhlogo li.c14{ left: 12.5vw; top:9vw;width: 4.8vw;height: 4.8vw; }
.z_zhlogo li.c15{left: 11.97916vw; bottom:12vw; }
.z_zhlogo li.c16{left: 15vw; bottom:3vw; width:5vw;height: 5vw;}

.z_zhlogo li.c17{left: 3.5vw; top:6vw; }
.z_zhlogo li.c18{left: 6vw; top:15vw; width: 4vw; height: 4vw; }
.z_zhlogo li.c19{left: 0vw; bottom:12vw; width: 5vw; height: 5vw; }
.z_zhlogo li.c20{left: 6vw; bottom:5vw; width: 5.7vw; height: 5.7vw; }

.z_zhlogo li.c21{right: 3.5vw; top:6vw; }
.z_zhlogo li.c22{right: 6vw; top:15vw; width: 4vw; height: 4vw; }
.z_zhlogo li.c23{right: 0vw; bottom:12vw; width: 5vw; height: 5vw; }
.z_zhlogo li.c24{right: 6vw; bottom:5vw; width: 5.7vw; height: 5.7vw; }

.z_zhlogo li.c25{right: 8vw; top:0vw; width: 5.7vw; height: 5.7vw; }
.z_zhlogo li.c26{right: -2vw;top:12vw; width: 4.6vw; height: 4.6vw; }
.z_zhlogo li.c27{left: -2vw; top:12vw; width: 4.6vw; height: 4.6vw; }
.z_zhlogo li.c28{left: 8vw; top:0vw; width: 5.7vw; height: 5.7vw; }

@keyframes spin{
          to{transform: rotate(1turn);}
      }
@keyframes spin2{
          to{transform: rotate(-1turn);}
      }
@keyframes spin-reverse{
      from{
          transform:rotate(1turn);
      }
  }
@keyframes spin-reverse2{
      from{
          transform:rotate(-1turn);
      }
  }   
  

.z_hexin4{ padding: 7vw 0; background: #f2f3f7;}
.z_hexin4 .z_index_tit .desc{ margin-top: 1.5vw;font-size: 16px; line-height: 24px; color: #333;}
.z_hx_span{ margin: 60px 0;}
.z_hx_span a{ display: inline-block;height: 36px;margin-bottom: 10px;
background: #1D4DC4;
border: 0px solid #050001;
border-radius: 18px; line-height: 36px; color: #fff; padding: 0 20px; margin-right: 10px;}
.z_hexin4 .z-container{ width: 1200px;}
.z_hx4_list{ width:41.66666%; float: left;border-top: 1px solid #8C8C8C;}
.z_hx4_list li a{ height: 40px; line-height: 40px;  font-size: 16px; position: relative; padding-left: 26px; box-sizing: border-box;}
.z_hx4_list li a::before{ content: ""; display: block;width: 6px;
height: 6px;
background: #8C8C8C; z-index: 1;
border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_hx4_list li{ border-bottom: 1px solid #8C8C8C;}
.z_hx4_list li:hover a{ color: #1D4DC4;}
.z_hx4_list li:hover a::before{ background:#1D4DC4;}

.z_hx4_logo{width:49.75%; padding: 20px 0; overflow: hidden; float: right; background: #FFFFFF;box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05);border-radius: 20px;}
.z_hx4_logo li{ width: 50%; height:70px; padding: 5px 0; box-sizing: border-box; display: flex; align-items: center; float: left; padding-left: 2vw; box-sizing: border-box;}
.z_hx4_logo li img{ display: block; max-height: 100%;max-width: 80%;}
      
@media screen and (max-width:1440px){
.z_menu_head{ margin-bottom: 6vw;}  
.z_menu_nav li a{ font-size: 16px;}
.z_index_sm{ padding-top: 4vw;}
.z_cx_siwper{ width: 80%;}
.z_cx_siwper li .desc{ width: 25vw;}
.z_map_box .box{ width: 256px;}
.z_hexin3_warp .z_conbox{ width: 100%; height: 100%;}
}
@media screen and (max-width:1366px){
.z_hx_dc .z-container{ width: 80%;} 
.z_js_warp{ width: 94%;}
}
@media screen and (max-width:1300px){
  .z_hexin4 .z-container{ width: 80%;}
}

@media screen and (max-width:980px){
.z_header{ background: #0736a8; height: 50px; padding: 0 10px; padding-right: 60px; border-bottom: 1px solid rgba(255,255,255,.5);}
.z_menu_btn{width: 50px; height: 50px; left: auto; right: 0;  transform: rotate(90deg); border: none; z-index: 30;}
.z_menu_mask{ display: none;}
.z_header_nav{ width: 100%; transition: ease .8s; transform: translateY(100%); visibility: hidden;  display: flex; align-items: center; justify-content: center; text-align: center; position: fixed; left: 0; top: 50px; background:#0736a8; height: calc(100vh - 50px) ;}
.z_logo img{ height: 32px;}
.z_header_nav li{ display: block; width: 100%; margin: 0; line-height: 50px;}
.z_header_nav.on{ transform: translateY(0); visibility: visible;}
.z_header_sou{ display: none;}
.z_banner{ height: 70vh!important; position: relative!important;}
#mydiv,.z_page_mask{ display: none;}
.z_banner .slide1 .z_banner_text img{ max-height: 15vw;}
.z_banner .slide2 .z_banner_text img{ max-height: 24vw;}
.z_banner .slide3 .z_banner_text img{ max-height: 20vw;}
.lazy{ background-attachment: inherit!important;}
.z_index_tit .h3{ font-size: 26px;}
.z_index_tit .dot em{ width: 8px; height: 8px;}
.z_index_tit .dot{ margin: 0px 0!important;}
.z_index_sm{ padding-top: 40px; height: auto;}
.z_index_sm .desc{ width: 100%; font-size: 14px; padding: 0 10px; line-height: 24px; box-sizing: border-box; margin: 20px 0;}
.z_sm_icon{ position: relative; padding: 0; bottom: auto; margin-top: 40px;}
.z_sm_icon li{ width: 100%; height: auto; padding: 30px 10px; box-sizing: border-box;}
.z_sm_icon li .con{ transform: translateY(0);}
.z_sm_icon li .desc{ transform: translateY(0); opacity: 1; display: none; margin-top: 10px; line-height: 20px; width: 100%; height: auto; font-size: 14px;}
.z_sm_icon li .icon img{ height: 50px; max-height: none;}
.z_sm_icon li h3{ font-size: 16px; margin: 10px 0;}
.z_index_st{ padding: 40px 10px; overflow: hidden; padding-bottom: 70px;}
.z_index_st .desc{ width: 100%; font-size: 14px; line-height: 24px; margin-top: 20px;}
.z_diqiu_img{ width: 100vw; height: 100vw; left: 0;}
.z_st_swiper{ height:calc(70vw + 10px); margin-top: 30px;}
.z_st_swiper li{ height: 35vw;}
.z_st_swiper li h3{ font-size: 14px;}
.z_st_swiper li h4{ display: none;}
.z_st_swiper li .icon{ height: 40px;}
.swiper-scrollbar{ width: 80%;}
.z_index_news{ padding: 0px 0px;}
.z_index_news::before{ display: none;}
.z_news_head{padding: 40px 15px; padding-bottom: 0;}
.z_index_more{ width: 120px;}
.z_index_more::before{ width: 40px; height: 40px;}
.z_index_more .icon{ width: 40px;}
.z_index_more:hover::before{width: 40px; height: 40px; transform: translateY(-50%);}
.z_index_more:hover{ padding-left: 0;}
.z_index_more:hover{ color:#3C61FF!important;}
.z_index_more:hover .icon{ opacity: 1; transform: translateX(0);}
.z_news_swiper li a{ padding: 30px 15px;}
.z_news_swiper li h3{ font-size: 15px; margin: 15px 0; line-height: 24px;}
.z_news_swiper li .imgbox{ margin-top: 20px; height: 60vw;}
.z_footer{ padding: 0 15px; box-sizing: border-box;}
.z_footer_link{ padding: 15px 0;}
.z_footer_top{ display: none;}
.z_footer_btm{ display: block;}
.z_menu_desc{ width: 100%; }
.z_other_banner{ height: auto; position: relative; margin-top: 50px;}
.z_other_banner .lazy{height: 60vw; width: 100%; position: relative;}
.z_page_nav{ width: 100%;}
.z_page_nav li{ line-height: 45px; text-align: center; }
.z_page_nav li a{ font-size: 14px;padding: 0; justify-content: center;}
.z_page_nav li em{ width: 24px; height: 24px; display: none; line-height: 24px; font-size: 14px; margin-right: 10px;}
.z_other_text h4,.z_other_text h5{ display: none;}
.z_other_text{ top: 45%;}
.z_other_text h3{text-align: center; font-size: 20px;}
.z_dot em{ width: 8px; height: 8px;}
.z_other_text{ text-align: center;}
.z_zp_ln{ display: block; padding: 40px 15px; text-align: center;}
.z_zp_ln .descbox{ width: 100%;}
.z_zp_ln .desc{ width: 100%; font-size: 14px; line-height: 24px;} 
.z_index_tit .h3{line-height: normal;}
.z_zp_ln .z_index_tit .h3::before{ display: none;}
.z_zp_ln .imgbox{ width: 80vw; height: 80vw; margin: 0 auto; padding: 5vw; margin-top: 40px;}
.z_circle_box .dot1{ width: 30px; height: 30px; left: -5%;}
.z_circle_box .dot2{ right: 3%;}
.z_circle_box .dot3{ bottom: -2%;}
.z_zp_ln .desc{ margin-top: 30px;}
.z_zp_text{ padding: 30px 15px;}
.z_zp_text .z_tit_desc{ line-height: 24px;}
.z_zp_warp .infobox{ width: 100%; padding: 20px 15px; box-sizing: border-box; display: block;}
.z_zp_warp .infobox .tit{ font-size: 16px; margin-bottom: 10px;}
.z_zp_warp .infobox .desc{ font-size: 14px;}
.z_zw_warp .imgbox,.sideMenu{ width: 100%;}
.z_zw_warp{ padding: 30px 0;}
.z_zw_warp .imgbox{ margin: 30px 0; margin-bottom: 0;}
.rc_box .tit span, .zp_tit span{ width: 100%; display: none; font-size: 14px;}
.rc_box .tit span:first-child, .zp_tit span:first-child{ display: block; padding: 0 15px;}
.rc_box .tit{ line-height: 50px;}
.rc_box .tit::before{ width: 50px; height: 50px;}
.zp_tit{ text-align: center; line-height: 50px; }
.zp_tit span{font-size: 16px; font-weight: bold;}
.rc_box .rc_con{ padding: 20px 15px;}
.aply_btn{ height: 40px;line-height: 40px; width: 120px; font-size: 14px;}
.z_search_box{ width: 100%; top: 0; position: relative; display: block;}
.z_zw_warp .z_tit_desc{ font-size: 14px;line-height: 24px;}
.z_pages_bar a{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
.z_pages_bar .btn{ padding: 0 10px;}
.z_other_text h3{background-position: 0 100%!important; opacity: 1!important; line-height: normal;}
.z_other_text .z_dot{ margin-top: 0;}
.z_news_page{ padding: 30px 15px;}
.z_news_list, .z_zb_list{ width: 100%;}
.z_news_list .timebox{ width: 80px; font-size: 14px;}
.z_news_list .timebox .day{ font-size: 20px;}
.z_news_list li{ margin-bottom: 15px;}
.z_news_list li h3{ font-size: 15px; line-height: 20px;}
.z_news_list li .infobox{ flex: 1; padding: 15px;}
.z_news_list li a{ height: auto;}
.z_news_list li .z_other_more{ margin-top: 10px;}
.z_xw_frwarp,.z_xwxq_page::before{ display: none;}
.z_xq_page{ margin-top: 50px;padding: 0;}
.z_xw_flwarp{ width: 100%; padding: 30px 15px;}
.z_xw_flwarp .tit{ font-size: 18px; line-height:28px; margin: 30px 0;}
.z_xw_flwarp .desc,.z_artic_con{ font-size: 14px;}
.z_xq_share{ margin: 30px 0;}
.z_zb_list li{ width: 100%; padding: 15px; margin-bottom: 10px;}
.z_zb_list li .timebox{ width: auto; font-size: 12px; margin-right: 10px;}
.z_zb_list li span{ margin-bottom: 0;}
.z_zb_list li h3{ font-size: 14px;line-height: 20px; height: auto;}
.z_zb_list li h4{-webkit-line-clamp: 2;}
.z_zb_list .iconbar a{ font-size: 14px; margin-right: 20px;}
.z_zb_list .iconbar .icon{ width: 50px; height: 50px; margin-bottom: 5px;}
.z_zb_xq{ margin: 0; width: 100%;}
.z_zb_xq .flwarp,.z_zb_xq .frwarp{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
.z_zb_xq .flwarp .titbox{ padding: 15px;}
.z_zb_xq .flwarp .titbox .tit{ font-size: 18px; line-height: normal; padding: 15px 0;}
.z_zb_xq .frwarp{padding-top: 0; border-left: none;}
.z_zb_xq .frwarp .descbox{ padding-bottom: 30px; margin-bottom: 30px;}
.z_zb_xq .frwarp .tit{ font-size: 18px; margin-bottom: 20px;}
.z_zb_xq .frwarp .conbox{ font-size: 14px; line-height: 24px;}
.z_down_btn{ margin-top: 30px; width: 120px; height: 40px;}
.z_dj_head{ font-size: 20px;}
.z_jj_btn{ width: 120px; height: 40px;}
.z_dj_list li a{ /* display: block; */ height: auto;}
.z_dj_list li .timebox{ /* position: absolute; left: 0; background: #DB1818; color: #fff; */padding: 10px; top: 0; height: auto;/* border: none; */}
.z_dj_list .imgbox{ width: 100%; height: 60vw;}
.z_dj_list .timebox .iconfont{ /* color: #fff; */}
.z_dj_list li .infobox{ width: 100%;}
.z_dj_head{ margin-bottom: 20px;}
.z_hxxq_page{ margin-top: 50px; padding: 30px 0;}
.z_hxxq_page::before,.z_hxxq_page #particles-js{ height: 80vw;}
.z_hxxq_page .z-container{ width: 92%;}
.z_hxxq_page .titbar{ margin: 20px 0;  display: block;  }
.z_hxxq_page .titbar .text{ font-size: 20px;}
.z_hxxq_page .z_other_more{ position: absolute; top: 25px; right: 15px;} 
.z_index_more, .z_other_more{ width: 120px;}
.z_other_more .iconfont{ width: 40px;}
.z_hxxq_page .conbox .tit{ font-size: 18px; margin-bottom: 20px;}
.z_hxxq_page .imgbox{ margin: 30px 0;}
.z_hxxq_page .conbox .desc{ font-size: 14px; line-height: 24px;}
.z_hxxq_page .icon_list{ margin: 30px 0;}
.z_hxxq_page .icon_list li{ width: 49%; margin-bottom: 5px;}
.z_hxxq_page .icon_list li a{ height: 80px;font-size: 16px;}
.z_hxxq_page .icon_list li img{ height: 40px; margin-right: 5px;}
.z_contact_page{ width: 100%; padding: 30px 15px;}
.z_contact_warp .box{ width: 100%;border-bottom: 1px solid #D1D1D1; border-right: none; padding: 30px 15px;}
.z_contact_warp .box:last-child{ border-bottom: none;}
.z_contact_warp h3{ font-size: 18px;}
.z_contact_warp .icon{ width: 80px; height: 80px;}
.z_contact_warp .icon img{ max-height: 40px;max-width: 40px;}
.z_contact_warp .iconbox::before{ width: 31.14583vw;
    height: 22.13541vw;}
.z_contact_warp .iconbox{ width: 31.14583vw; padding-bottom: 40px;}
.z_contact_warp .descp span{ font-size: 16px;}
.z_other_text h3, .z_index_tit .h3 {
    background-position: 0 100%;
    opacity: 1;display: block;
}
.z_hx_nav a{ height: 40px; line-height: 40px; font-size: 14px; margin: 0; padding: 0 10px; border-width: 1px;}
.z_other_text{ padding: 0 10px;}
.z_hx_dc .z-container{ width: 100%;}
.z_hx_dc{ padding: 40px 15px;}
.z_hx_dc .desc1{font-size: 15px;}
.z_hx_dc .desc1,.z_hx_dc .desc2{ width: 100%; margin-top: 20px;}
.z_hx_dc .desc2{ font-size: 14px;}
.z_hx_dc .imgbox{ margin-top: 20px;}
.z_cx_warp{ width: 100%; overflow: hidden;border-bottom: 1px solid #bcbcbc;}
.z_cx_warp::before{ bottom: 0; display: none;}
.z_cx_siwper{ width: 90%;}
.z_cx_siwper{height:auto; margin-top: 40px;}
.z_cx_siwper li{ text-align: center;border-left: 1px solid #bcbcbc;}
.z_cx_siwper li .desc,.z_cx_siwper li .h3{ width: 100%;}
.z_cx_siwper .conwarp{ padding: 0 15px; max-height:none; height: auto; border-left: none; padding-bottom: 30px;}
.z_cx_siwper li:nth-child(even) .conwarp{ margin-top: 0; display: block;}
.z_cx_siwper li:nth-child(even) .dot{ bottom: auto;opacity: -6px;}
.z_hx_cx{ padding: 40px 0;}
.z_hx_cx .z_index_tit .desc{ margin-top: 20px; font-size: 15px; padding: 0 10px; box-sizing: border-box;}
.z_index_jt{ height: auto; padding: 30px 0; box-sizing: border-box;}
.z_dwcon_box{ width: 60vw; height: 60vw;margin-top: 60px;}
.z_dwcon_box .tit{ font-size: 20px; line-height: normal;}
.z_dwcon_box .desc{font-size: 16px;line-height: 30px;width:50vw;}
.z_dwcon_box .img img{ max-height: 30vw;}
.z_cirle_box .icon{ width: 50px; height: 50px;}
.z_cirle_box .icon1{ top: -25px;}
.z_dwimg_box .imgbgs img{ width: 1000px;}
.z_news_head{ display: block; text-align: center; padding: 30px 0;}
.z_news_head .z_index_tit{ text-align: center;}
.z_index_news{ position: relative; padding-bottom: 90px; overflow: hidden;}
.z_index_news .z_other_more{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.z_news_swiper {border-bottom: 1px solid #d9d9d9;}
.z_footer_link{ padding: 20px 0; line-height: 24px; display: none;}
.z_fl_sm{ display: none;}
.z_footer{ position: relative;}
.z_footer_code{ position: absolute; right: 10px; top: 20px;}
.z_footer_code .imgbox{ width: 80px; height: 80px; margin: 0 auto; margin-bottom: 5px;}
.z_footer_copy{ display: block; padding: 20px 0;}
.z_footer_copy,.z_footer_copy a{   text-align: center;}
.z_footer_btm{ padding: 20px 0;}
.z_menu_desc{ margin-top: 14px; line-height: 24px;}
.z_about_warp .conwarp{ width: 100%; height: auto; padding: 0 15px;}
.z_about_warp .con{ width: 100%; font-size: 14px; line-height: 24px;height: auto; padding: 0; max-height: none;}
.z_about_page{ padding: 40px 0;}
.z_about_num ul{ width: 100%; display: block;}
.z_about_num li{ font-size: 14px; padding: 15px 0; }
.z_about_num li h3{font-size: 14px;}
.z_about_num .timer{ font-size: 20px;}
.z_about_sm .desc{font-size: 16px; line-height: 24px;  margin-top: 20px;}
.z_about_gj{ background-size: 100% auto; margin-top: -24vw; min-height: auto;}
.z_about_sm{ background-size: cover; padding-bottom: 80px;}
.z_hx_js{ padding: 40px 0;}
.z_hx_js .z_index_tit2 .desc{ font-size: 15px; margin-top: 10px;}
.z_js_warp{ width: 100%; padding: 40px 15px;}
.z_hx_js .z_index_tit{ margin-bottom: 40px;}
.z_js_warp .tit,.z_hx_pt .tit{ font-size: 18px;}
.z_js_warp .desc{ width: 100%; font-size: 14px; line-height: 24px; margin: 20px 0; height: auto;}
.z_js_warp .imgbox{ margin-top: 30px;}
.z_js_box{ height: 60vw; margin-top: 40px;}
.z_js_box .infobox{ width: 100%; left: 0; padding: 0 10px; box-sizing: border-box;}
.z_js_box h3{ font-size: 18px;}
.z_js_box h4{ font-size: 14px; line-height: 24px; margin-top: 15px;}
.z_hx_contaniner{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.z_hx_cg .desc{ width: 100%; font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_hx_pt{ padding: 40px 0;}
.z_hx_pt .tit{ margin-bottom: 30px;}
.z_hx_pt .flwarp{ width: 100%; height: 60vw; margin-bottom: 30px;}
.z_sj_list{ width: 100%;}
.z_sj_list li{ width: 100%; height: auto; padding: 20px 0;}
.z_sj_list li .timer{ font-size: 24px;}
.z_sj_list li h3{ font-size: 14px;}
.z_pt_icon ul{ display: block; text-align: center; }
.z_pt_icon li{ display: inline-block; font-size: 14px;  margin: 0 5px;margin-bottom: 20px;}
.z_pt_icon img{ height: 40px;}
.z_pt_icon li h3{ font-size: 14px; margin-top: 0px;}
.z_cj_swiper{ width: 100%; height: auto; padding-bottom: 60px; margin-top: 30px; overflow: hidden;}
.z_cj_swiper li{ height: auto; display: block; padding: 15px;}
.z_cj_swiper li .infobox{ width: 100%;}
.z_cj_swiper li h3{ font-size: 16px;}
.z_cj_swiper li .imgbox{ width: 100%;}
.z_cj_swiper li .imgbox img{ max-height: 100px; margin: 0 auto; display: block;}
.z_hx_cj{ margin: 0; padding-bottom: 0px;}
.z_hx_fswarp,.z_hx_stbj,.z_hx_case{ padding: 40px 0;}
.z_map_num,.z_map_box{ position: relative; width: 100%; top: 0; transform: translateY(0);}
.z_hx_fswarp .z_index_tit .desc{ width: 100%;padding: 0 10px; box-sizing: border-box; font-size: 14px; margin-top: 20px;}
.z_hx_map{ width: 100%; margin: 30px 0;}
.z_hx_map .circle{    width: 20vw;height: 20vw;left: 37vw;top: 40vw;}
.z_map_box{ right: auto; padding: 0 15px; box-sizing: border-box;}
.z_map_box .box{ width: 100%; margin: 15px 0; padding: 15px;}
.z_map_box .box .tit{ font-size: 16px; margin-bottom: 15px;}
.z_map_num{ left: auto;padding:0 15px; box-sizing: border-box; text-align: center; margin-top: 40px;}
.z_map_num li .timer{ font-size: 24px;}
.z_map_num li h3{font-size: 14px;}
.z_map_num li h4{ font-size: 14px;}
.z_stbj_swiper ul{ display: block;}
.z_stbj_swiper{ width: 100%; margin-top: 30px; height: auto;}
.z_stbj_swiper li{ padding:20px 15px; margin-bottom: 15px; position: relative; left: auto!important; width: 100%; right: auto!important;}
.z_stbj_swiper li img{ max-height: 140px;}
.z_stbj_swiper li .tit{ font-size: 16px;}
.z_stbj_swiper .stli{ max-height: none;}
.z_stbj_swiper li .desc,.z_stbj_swiper .stli p{ font-size: 14px;}
.z_hx_case .z_index_tit .desc, .z_hx_zr .z_index_tit .desc{ font-size: 14px; margin-top: 20px;}
.z_hx_case .z-container{ width: 94%;}
.z_case_box .flwarp,.z_case_box .frwarp{ width: 100%;}
.z_case_box .flwarp{ height: 96vw; margin-bottom: 15px;}
.z_case_box .tit{ font-size: 16px;}
.z_case_box .frwarp .box{ height: 44vw;}
.z_hx_case .z-container{ margin-top: 30px;}
.z_zr_swiper{ width: 94%; margin-top: 30px;}
.z_zr_swiper li{ height: 45vw;}
.z_hx_zr{ padding-bottom: 40px;}
.z_honor_warps{ width: 100%;}
.funnyNewsTicker>ul>li>.fnt-content{ display: block;}
.fnt-content .z_year{ text-align: center; font-size: 20px; width: 100%; justify-content: center; margin-bottom: 10px;}
.fnt-bottom-arrow{ right: 0!important;}
.fnt-top-arrow{ left: 0!important;}
.fnt-top-arrow, .fnt-bottom-arrow{ z-index: 99;background: #0736a8; color: #fff; width: 30px; height: 30px;line-height: 30px;}
.z_stimg_swiper{ height: 140vw!important; position: relative!important; transform: translateY(0)!important;}
.z_index_jt{ padding: 0; margin-top: 0!important;}
.z_st_swiper .swiper-scrollbar{ width: 100%;}
.z_dic_box img{ height: auto!important;}
.z_hx_cg .imgbox{ padding: 6px;}
.z_hx_cg .imgbox .img{ border-radius: 5px!important;}
.z_stbj_swiper li .imgbox{ height: auto;}
.z_banner_img{ position: relative; height: 70vw;}
.z_cj_swiper li .desc{ font-size: 14px;}
.zwaves{     min-height: 100px;
    max-height: 100px; z-index: -1;}

.z_zh_warp{ width:70vw; height: 70vw;}
.z_hexin3_warp{ height: auto; display: block;}
.z_hexin3{ padding: 30px 12px;}
.z_zhlogo{ margin-top: 30px;}
.z_zhlogo li{ position: relative!important; width: 33.3%!important; float: left; left: auto!important; top: auto!important; right: auto!important; bottom: auto!important; height:80px!important;animation: none!important;}
.z_zhlogo li .box{ background: none; animation: none; box-shadow: none;}
.z_zhlogo li .box img{ animation: none!important;}
.z_hx_nav{ margin-top: 30px;}
.z_hexin3{ background-size: cover;}
.z_hexin4{ padding: 30px 12px;}
.z_hexin4 .z_index_tit .desc{ font-size: 14px; margin-top: 20px;}
.z_hexin4 .z-container{ width: 100%;}
.z_hx4_list{ width: 100%;}
.z_hx4_list li a{ padding-left: 10px;}
.z_hx4_logo{ width: 100%;padding: 10px 0; margin-top: 30px;}
.z_hx4_logo li img{ max-width: 90%;}
}

.z_swiper_btn { position: absolute; right: 2vw; bottom: 2vw; z-index: 2; color: #2D4FE2; } 
.z_swiper_btn span { display: inline-block; cursor: pointer; outline: none; cursor: pointer; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: #fff; transition: ease 1s; font-weight: bold; font-size: 18px !important; margin-left: 10px; }
.z_swiper_btn span:hover { background: #2D4FE2; color: #fff; }
.z_banner .slide3 .z_banner_text.sencond_banner_img img {
    max-height: 37.05208vw;
}
.honor_tips{font-size:18px;}
.z_news_swiper li h3{ height:60px}
@media screen and (max-width:980px){
   .z_swiper_btn{display: none;} 
     .z_banner .slide3 .z_banner_text.sencond_banner_img img {
          max-height: 50.05208vw;
      }
     .z_swiper_btn{bottom: 20px;}
   .z_swiper_btn span{ height:32px; width:32px;line-height:32px}
   .z_swiper_btn2{ display:block}
     .z_news_swiper li h3{ height:48px}
    .honor_tips{font-size:14px;}
 }
.c03{color:red;font-weight: bold;}
 /* 新增 */
.z_pt_icon {overflow: hidden;padding: 20px 0;}
.z_swiper_btnwarp{ position: relative;}
.z_swiper_btnwarp .btn,.z_cj_swiper .btn{display: inline-block;cursor: pointer;outline: none;cursor: pointer;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;background: #fff;transition: ease 1s;font-weight: bold;font-size: 18px !important; position: absolute; top: 50%;transform: translateY(-50%); box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 2;}
.z_swiper_btnwarp .btn:hover{ background: #2D4FE2;color: #fff;}
.z_swiper_btnwarp .prev{ left: -70px;}
.z_swiper_btnwarp .next{ right: -70px;}
.z_cj_swiper .prev{ left: 5%; z-index: 2; top: 43%;}
.z_cj_swiper .next{ right: 5%; z-index: 2;top: 43%;}            
.z_pt_icon li{ margin: 0;}
@media screen and (max-width: 980px) {
  .z_pt_icon ul{ display: flex;}
  .z_pt_icon{ width: 80%; margin: 0 auto;}
  .z_swiper_btnwarp .prev{ left: -5px;}
  .z_swiper_btnwarp .next{ right: -5px;}
  .z_swiper_btnwarp .btn, .z_cj_swiper .btn{width: 35px;line-height: 35px; text-align: center; height: 35px;}
}

@media screen and (max-width: 1440px) {
  .z_banner .swiper-slide .z_banner_text .txt1 {font-size: 60px;}
  .z_banner .swiper-slide .z_banner_text .txt2 {font-size: 22px;}
  .z_index_jt {height: 80vh;}
}
@media screen and (max-width: 1200px) {
  .z_banner {height: 750px;}
  .z_banner .swiper-slide .z_banner_text .txt1 {font-size: 52px;}
  .z_banner .swiper-slide .z_banner_text .txt2 {font-size: 20px;}
  .z_dwcon_box {width: 45vw;height: 45vw;}
  .z_dwcon_box .tit {font-size: 20px;}
  .z_dwcon_box .desc {width: 38vw;font-size: 16px;line-height: 30px;}
}
@media screen and (max-width: 980px) {
  .z_banner .swiper-slide .z_banner_text .txt1 {font-size: 43px;}
  .z_banner .swiper-slide .z_banner_text .txt2 {font-size: 20px;}
  .z_dwcon_box {width: 55vw;height: 55vw;}
  .z_dwcon_box .tit {font-size: 20px;}
  .z_dwcon_box .desc {width: 48vw;font-size: 16px;line-height: 30px;}
  .z_dwcon_box .img img {max-height: 18vw;}
}
@media screen and (max-width: 650px) {
  .z_banner .swiper-slide .z_banner_text .txt1 {font-size:28px;}
  .z_banner .swiper-slide .z_banner_text .txt2 {font-size: 15px;}
  .z_index_jt {height: 75vh;}
  .z_stimg_swiper {height: 185vw!important;}
  .z_dwcon_box {width: 90vw;height: 90vw;}
  .z_dwcon_box .desc {width: 78vw;}
  .z_dwcon_box .img img {max-height: 28vw;}
}
@media screen and (max-width: 340px) {
  .z_banner .swiper-slide .z_banner_text .txt1 {font-size:22px;}
  .z_banner .swiper-slide .z_banner_text .txt2 {font-size: 12px;}
  .z_index_jt {height: 90vh;}
  .z_dwcon_box .tit {font-size: 18px;}
  .z_dwcon_box .desc {font-size: 14px;line-height: 28px;}
}