.z_load_warp{ width: 100%; height: 100vh;position: fixed;left: 0;top: 0; background: url(../img/bg.jpg)no-repeat center; background-size: cover; z-index: 99;display: flex; align-items: center; justify-content: center; text-align: center;}
.z_load_warp.close{ transform: translateY(-100%); visibility: hidden; transition: ease 1s;}
.z_logo_text{font-family: DilleniaUPCBold;color: #3263A3; font-size: 16.97916vw; line-height: 7.5vw;}
.z_logo_text span { display: inline-block; }
.z_logo_text span:nth-child(3){display: inline-block; height: 7.5vw; margin-left: -2vw; margin-right: 4vw;}
.z_logo_text span img{ display: block; height: 100%;}
.z_cir{ width: 120px; height: 120px; position: relative; margin: 0 auto; z-index: -1;}
.z_precent{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);font-family: "fangzheng"; font-size: 4vw;color: #3263A3;font-family: DilleniaUPCBold;}
svg {
    transform: rotate(-180deg) scale(2); margin: 0 auto; 
}

.z_cir::before{ content: ""; display: block;width: 31px;height: 3px;background: #3263A3; z-index: 1;border: 0px solid #050001; position: absolute; left: -36%; top: 50%;}
.progress {
    animation: rotates 6s linear both;
}
@keyframes rotates {
    from {
        stroke-dashoffset: 471px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}


.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_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: 4.84375vw; line-height: 4vw; letter-spacing: 0.5vw;
font-family: DilleniaUPCBold;}
.z_banner_text h4{ display: inline-block; position: relative; padding: 0 6.25vw; position: relative;font-size: 18px;letter-spacing: 0.5vw;}
.z_banner_text h4::before{ content: ""; display: block; width: 5vw; height: 1px; background: #fff;position: absolute; left: 0;top: 50%; transform: translateY(-50%);}
.z_banner_text h4::after{ content: ""; display: block; width: 5vw; height: 1px; background: #fff;position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.z_banner_text h2{font-size:2.8125vw;font-weight: bold;letter-spacing: 0.5vw;}
.z_banner_btn{ position: absolute; left: 4vw; bottom: 3vw; color: #fff; z-index: 2;}
.z_banner_btn .iconfont{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; outline: none;}
.z_banner_btn .iconfont:hover{ color: #0072BC;}

.z_linebar{ position: absolute; right: 2vw;bottom: 0; z-index: 2; border-right: 1px solid #fff; padding:0 20px 20px 0; cursor: pointer;}
.z_linebar img{ display: block; animation: move 2s infinite linear;}
@keyframes move{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(10%);}
	100%{ transform: translateY(0);}
}

.z_header{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9; display: flex; align-items: center; justify-content: space-between; padding: 0 5.2vw; box-sizing: border-box; height: 90px; line-height: 90px;  transition: ease 1s;}
.z_header.on{background: #fff;}
.z_header_nav li{ float: left; position: relative; margin-right: 2.6vw;}
.z_header_nav .one{ font-weight: bold;color: #fff;}
.z_header.on .z_header_nav li.active .one,.z_header.on .z_header_nav li:hover .one{ color: #962320;}
.z_header_nav a{ display: block;font-size: 16px;  }
.z_header_nav .downnav{ position: absolute;left: 50%; top: 100%; transform: translate(-50%,20px); background: #fff; white-space: nowrap; line-height: 30px; min-width: 140px; text-align: center; padding: 20px 10px; transition: ease .2s; visibility: hidden; opacity: 0;}
.z_header_nav .downnav a:hover{ color: #1451a1;}
.z_header_nav li:hover .downnav{ transition: ease 1s; opacity: 1; visibility: visible;transform: translate(-50%,0px);}
.z_logo{display: block; height: 36px; overflow: hidden;}
.z_logo img{ display: block; height: 36px;filter: drop-shadow(0px 36px 0px #1a4564); }
.z_header_search { position: relative;}
.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_index_header{ background: none;}
.z_header.on .z_logo img{ transform: translateY(-36px);}
.z_header.on .one{ color: #333;}
.z_header.on .z_header_search .iconfont{ color: #962320;}
.z_header_fr{ margin-left: auto;}

.z_index_about{ display: flex;}
.z_index_about .fl_warp{ width: 60%;height: 50vw; background-position: bottom center; background-color: #FAFAFA; padding: 8vw 5vw; box-sizing: border-box;}
.z_index_about .fr_warp{ width: 40%;height: 50vw;}
.z_index_about .entit{font-size: 9.79166vw; line-height: 5vw;
font-family: DilleniaUPCBold;
font-weight: 400;
color: #F3F3F3;}
.z_index_tit{font-size: 1.875vw;font-weight: bold;color: #333333;line-height: 2.5vw;}
.z_index_about .fl_warp .conwarp{ width: 30.20833vw;}
.z_index_about .desc{color: #888888;line-height: 24px; margin: 3vw 0;}
.z_index_more{ display: flex; align-items: center;}
.z_index_more .icon{width:3.75vw;height: 3.75vw; display: flex;align-items: center; justify-content: center;color: #868686; border: 1px dotted rgba(134, 134, 134, 1);border-radius: 50%; margin-right: 15px;position: relative; z-index: 1;}
.z_index_more .icon::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%;background: #962320; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);transition: all 1s;}
.z_index_more .tit{width: 114px; display: flex; padding: 10px 0; justify-content: space-between;color: #838383;border-bottom: 1px solid #d2d2d2;}
.z_index_more:hover .icon::before{transform: translate(-50%,-50%) scale(1,1);}
.z_index_more:hover img{ filter: invert(100%);}
.z_index_more:hover .tit { color: #962320;}
.z_about_video{ height: 37.5vw; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.z_about_video .iconfont{ display: inline-block;width:3.75vw;height: 3.75vw; line-height: 3.75vw;border: 1px solid #fff;border-radius: 50%; color: #fff;line-height: 3.75vw; text-align: center; font-size: 1.5vw;}

.z_about_num{overflow: hidden; }
.z_about_num li{ width: 33.3%;height: 12.5vw;background: #2464B8; float: left; display: flex; align-items: center; justify-content: center; color: #fff;}
.z_about_num li:nth-child(2){background: #1154AA;}
.z_about_num li:nth-child(3){background: #962320;}
.z_about_num li .timer{font-size:2.5vw;font-family: Arial;font-weight: bold;}
.z_about_num li h4{color: #709CD4;}

.z_index_zj{ position: relative; min-height: 50vw; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden;}
.z_index_zj .z_index_tit{ color: #fff; margin-bottom: 7vw;}
.z_zj_form ul{ display: flex; align-items: center; justify-content: center;}
.z_zj_form li{ width: 16.66666vw; border-bottom: 1px solid #fff; margin: 0 1.3vw;}
.z_zj_form li .text{ width: 100%; height: 50px; color: #fff; cursor: pointer;}
.z_zj_form li .z_sel{background: url(../img/arr2.png) no-repeat right center;}
.z_zj_form li .z_sel option{ color: #000;}
.z_zj_form li .text::-webkit-input-placeholder {color:#fff;}
.z_zj_form li .text:-moz-placeholder {��color:#fff;}
.z_zj_form li .text::-moz-placeholder {color:#fff;}
.z_zj_form li .text:-ms-input-placeholder {color:#fff;}
.z_zj_form .sou{width: 50px;
height: 50px; font-weight: bold;display: inline-block;
background: #962320;
border: 0px solid #050001;
border-radius: 50%; line-height: 50px; text-align: center; color: #fff; margin-left: 1.3vw;}
.z_go{ position: absolute; right: 0; bottom: 0;padding: 3vw; box-sizing: border-box; text-align: center;}
.z_go::before{}
.z_go .z_index_tit{ margin-bottom: 15px;}
.z_go h3{ color: #fff;}
.z_go .wave,.z_go .wave1,.z_go .wave2 {z-index: -1;position: absolute;bottom: -50%;width: 15vw;height: 15vw;background-color:rgba(36, 100, 184, 1);border-radius: 45%;animation: rotate 6s linear infinite;// mix-blend-mode: multiply;}
.z_go .wave1 {background-color:rgba(17, 84, 170, 1);transform: translate(-20%, 0) rotate(0deg);animation: rotate1 6s linear -4s infinite;}
.z_go .wave2 {background-color:rgba(13, 76, 158, 1);transform: translate(20%, 0) rotate(0deg);animation: rotate2 6s linear -2s infinite;}

@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
          border-radius: 45%;
          transform: rotate(360deg);
      }
}

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

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

.z_index_warp{ display: flex;}
.z_index_case{ width: 40%;background: #962320;}
.z_case_swiper{ position: relative; overflow: hidden;}
.z_case_swiper .imgbox{ width: 100%; height: 36.45833vw;overflow: hidden;}
.z_case_swiper .infobox{ width: 100%;padding: 3.5vw 7vw 4vw 15.10416vw; box-sizing: border-box; color: #fff;}
.z_case_swiper .con{ border-left: 1px solid #fff; padding-left: 2vw; box-sizing: border-box;}
.z_case_swiper h3{font-size: 18px; line-height: 24px; height: 48px; margin-bottom: 1.5vw;}
.z_index_case .z_index_tit{ position: absolute; left: 5vw; top: 40vw; color: #fff; z-index: 2;}
.z_more_case{ display: block;height: 5.52083vw; transition: ease 1s;
background: #0C438C; color: #fff; display: flex; align-items: center; padding: 0 5.2vw; box-sizing: border-box;}
.z_more_case .iconfont{ margin-left: 2vw; display: inline-block;}
.z_more_case:hover{ padding-left: 10vw;}

.z_index_news{ width: 60%;background: #FAFAFA; padding: 6vw 8vw; box-sizing: border-box;}
.z_index_news ul{ width: 30vw; margin: 4vw 0;}
.z_index_news li a{ display: flex;align-items: center;}
.z_index_news li .imgbox{width: 11.45833vw; margin-right: 1vw;
height: 7.8125vw; flex-shrink: 0; overflow: hidden;}
.z_index_news li h3{line-height: 24px; font-size: 18px; height: 48px; margin-bottom: 1vw;}
.z_index_news li .time{font-family: Arial;color: #666666;}
.z_index_news li{ margin-bottom: 1.4vw;}
.z_index_news li:last-child{ margin-bottom: 0;}
.z_index_news li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_index_news li:hover h3,.z_index_news li:hover .time{ color: #962320;}

.z_index_hz{ position: relative; padding: 9vw 0 9vw 5.2vw;box-sizing: border-box; display: flex;}
.z_index_hz .frwarp{ width: 60%; margin-left: auto;}
.z_hz_warp{background: #F8F8F8;padding: 5vw 2vw; box-sizing: border-box;}
.z_hz_swiper{ overflow: hidden;}
.z_hz_swiper li { display: flex;align-items: center; height: 7vw; justify-content: center; padding: 1vw; box-sizing: border-box;}
.z_hz_swiper li img{ max-height: 100%; display: block;}
.z_hz_bar{ display: flex; align-items: center; justify-content: center; width: 276px;height: 72px;background: #962320;border: 0px solid #000000; text-align: center; color: #fff;}
.z_hz_bar .iconfont{ cursor: pointer; outline: none; width: 100px; text-align: center;}

.z_footer{ background: url(../img/bg5.jpg) no-repeat center; background-size: cover; padding: 4vw 0 2vw 0; color: #fff; text-align: center;}
.z_footer a{ color: #fff;}
.z_footer_logo img{ display: block; height: 5.2vw;margin: 0 auto;}
.z_footer_link{ margin: 3vw 0;}
.z_footer_link a{display: inline-block; vertical-align: top; margin:0 2.6vw;font-size: 16px;}
.z_footer_link .icon{ display: block; margin: 0 auto; margin-bottom: 10px;}
.z_footer_li ul{ display: flex; justify-content: center; }
.z_footer_li li{ padding: 0 3vw; border-right: 1px solid #fff;line-height: 24px; min-width: 300px;}
.z_footer_li li:last-child{ border-right: none;}
.z_footer_code{ margin: 4vw 0;}
.z_footer_code li{ display: inline-block;}
.z_footer_code li .img{width: 96px;
height: 96px;
background: #E9E9E9; padding: 8px; box-sizing: border-box; margin-bottom: 10px;}
.z_footer_code li img{ display: block; width: 100%;}



.z_other_banner{ height:100vh; width: 100%; position: relative; overflow: hidden;}
.z_other_text{ position: absolute; left: 0%; top: 50%; transform: translateY(-50%);text-align: center; width: 100%; color: #FFFFFF;}
.z_other_text h3{ font-size: 2.8125vw; font-weight: bold;}
.z_other_text h4{font-size: 18px;}

.z_about_warp .fl_warp .conwarp{ width: 100%;}
.z_about_warp .fl_warp{ padding-right: 8vw;}
.z_about_warp .fl_warp .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px; max-height: 24vw;overflow-y: auto; padding-right: 20px;}

.z_about_process{ position: relative; overflow: hidden; padding-bottom: 5vw;}
.z_about_process .z_index_tit{ color: #fff; padding: 7vw 5.2vw; padding-bottom: 0; margin-bottom: 5vw; box-sizing: border-box;}
.z_year_swiper{ height: 150px; position: relative; width: 90%; margin: 0 auto;}
.z_year_swiper::before{ content: ""; display: block; width: 140%; height: 1px; background: #fff; position: absolute; left: -20%; top: 50%; transform: translateY(-50%);}
.z_year_swiper li{ display: flex; align-items: center;justify-content: center;}
.z_year_swiper li::before{ content: ""; display: block; width: 16px; height: 16px; background: url(../img/dot.png) no-repeat center; background-size: 100% 100%;position: absolute; left: 50%;top:50%; transform: translate(-50%,-50%);z-index: 1;}
.z_year_swiper li .year{font-size: 30px;font-family: Arial;font-weight: 400;color: #FFFFFF; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;  cursor: pointer;z-index: 2; position: relative;}
.z_year_swiper li .year::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/dot2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); transition: ease 1s;}
.z_year_swiper li span{ display: block; transform:translateY(-40px); transition: ease 1s;}
.z_year_swiper li.swiper-slide-thumb-active .year::before{transform: translate(-50%,-50%) scale(1,1);}
.z_year_swiper li.swiper-slide-thumb-active .year{ color: #962320}
.z_year_swiper li.swiper-slide-thumb-active span{ transform: translateY(0);}

.z_con_swiper li{ padding: 5.2vw; box-sizing: border-box; color: #fff;}
.z_con_swiper .year{font-size: 30px;font-family: Arial;}
.z_con_swiper .con{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px; margin-top: 10px;}
.z_process_btn{ padding: 0 5.2vw; }
.z_process_btn .iconfont{ display: inline-block;width: 48px;height: 48px;background: rgba(255,255,255,.3);border-radius: 50%; text-align: center; line-height: 48px; margin-right: 12px; color: #fff; cursor: pointer; outline: none;}
.z_process_btn .iconfont:hover{ background: #962320; transition: ease 1s;}

.z_about_nl{ position: relative; min-height: 41.66666vw;}
.z_nl_text{ position: absolute; left: 0; top: 12vw; text-align: center; width: 100%; color: #fff;}
.z_nl_text h3{ font-size: 1.875vw; }
.z_nl_text h4{ font-size: 1.25vw;}
.z_nl_text .line{ display: block;width: 514px;
height: 1px;
background: #FFFFFF;
border: 0px solid #050001;
opacity: 0.3; margin: 20px auto;}

.z_about_cz{ display: flex;}
.z_about_cz .fl_warp{ width: 40%;}
.z_about_cz .fr_warp{ width: 60%; padding: 5.25vw;}
.z_about_cz .z_index_tit{ margin-bottom: 5vw;}
.z_cz_list li{ border-bottom: 1px solid #D4D4D4; padding: 1.5vw 0;}
.z_cz_list li:first-child{border-top: 1px solid #D4D4D4; }
.z_cz_list li h3{color: #962320; font-size: 1.25vw; background:url(../img/jia.png) no-repeat right center;}
.z_cz_list li .down{color: #666666;
line-height: 24px; font-size: 16px; margin-top: 15px; display: none;}
.z_cz_list li.on h3{ background-image: url(../img/jian.png);}
.z_cz_list li:first-child .down{ display: block;}

.z_case_head{ background: #fff; padding: 3vw 5.2vw;box-sizing: border-box;}
.z_case_head .tit{font-size: 18px;font-weight: bold; margin-bottom: 1vw; margin-left: 15px;}
.z_case_nav ul{ display: block;}
.z_case_nav li{ display: inline-block; width: auto;}
.z_case_nav a{ display: inline-block;height: 42px; line-height: 42px;border-radius: 21px; padding: 0 15px; margin-right: 10px;font-size: 16px; margin-bottom: 10px;}
.z_case_nav li.active a,.z_case_nav li:hover a{background: #962320; color: #fff;}

.z_case_page{ background: #efeff0; padding: 5.2vw; box-sizing: border-box;}
.z_case_page ul{ margin-left: -3.5%;}
.z_case_page li{ width: 46.5%; float: left; margin-left: 3.5%; margin-bottom: 3vw;}
.z_case_page .imgbox{ width: 100%; height: 29.375vw;overflow: hidden;}
.z_case_page .infobox{ background: #fff; padding:2vw 2vw;box-sizing: border-box; transition: all 1s}
.z_case_page span{font-family: Arial;color: #666666;display: block; margin-bottom: 1vw;}
.z_case_page h3{
line-height: 36px; font-size: 24px; height: 72px; width: 70%;}
.z_case_page li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_case_page li:hover .infobox{ background: #962320; color: #fff;}
.z_case_page li:hover span{ color: #fff; }

.z_contact_warp{ display: flex;}
.z_contact_warp .fl_warp{ width: 34%; background: #0A4391; color: #fff;padding: 5vw 5.2vw; box-sizing: border-box; }
.z_contact_warp .fl_warp h3{font-size: 1.5625vw; }
.z_contact_warp .descp p{ display: flex;align-items: flex-start;font-size: 16px; line-height:24px; margin-bottom: 1vw;}
.z_contact_warp .descp p:last-child{ margin-bottom: 0;}
.z_contact_warp .descp p span{ flex-shrink: 0; margin-right: 15px; display: flex;align-items: center;}
.z_contact_warp .descp .icon{ display: block; margin-top: 3px; margin-right: 10px;}
.z_contact_warp .descp{ margin: 3vw 0;}
.z_conatct_code .img{ width: 6.3vw; height: 6.3vw; background: #fff;padding: 5px;}
.z_conatct_code .img img{ display: block; width: 100%;}
.z_contact_warp .fr_warp{ width: 66%;}
.z_contact_map{ width: 100%; height: 100%;}
.z_fengs_warp{ padding: 4vw 5.2vw; box-sizing: border-box;}
.z_fengs_warp ul{ margin-left: -1.5%;}
.z_fengs_warp li{ width: 31.8%; float: left; margin-left: 1.5%;background: #F3F3F3; padding: 2.5vw; box-sizing: border-box;}
.z_fengs_warp li h3{font-size: 1.25vw; margin-bottom: 1vw;}
.z_fengs_warp li p{ display: flex;align-items: flex-start; color: #666666;
line-height: 30px; font-size: 16px;}
.z_fengs_warp li p span{ flex-shrink: 0; display: flex; align-items: center; margin-right: 15px;} 
.z_fengs_warp li .icon{ margin-right: 10px;  font-size: 24px;}
.z_fengs_warp li:hover h3,.z_fengs_warp li:hover p{ color: #962320;}
.z_zp_warp {position: relative;}
.z_zp_warp img{ display: block; width: 100%;}
.z_zp_text{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff;}
.z_zp_text h3{ color: #fff;}
.z_zp_text .desc{ line-height: 24px; font-size: 16px; margin: 2vw 0;}
.z_zp_text .btn,.z_sub_btn{width: 169px;
height: 48px;
background: #0A4391;
border: 0px solid #000000; cursor: pointer;
border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; margin: 0 auto;}
.z_zp_text .btn .iconfont,.z_sub_btn .iconfont{ display: inline-block; margin-left: 10px; transition: ease 1s;}
.z_zp_text .btn:hover .iconfont,.z_sub_btn:hover .iconfont{ transform: translateX(10px);}
.z_contact_ly{ display: flex;}
.z_contact_ly .fl_warp,.z_contact_ly .fr_warp{ width: 50%;}
.z_contact_ly .fr_warp{ padding: 6vw; padding-right: 0; box-sizing: border-box;background: #F5F5F6;}
.z_ly_form{ margin-top: 4vw;}
.z_ly_form label{font-size: 16px;}
.z_ly_form .text{ width: 100%; height: 50px;}
.z_ly_form li{ border-bottom: 1px solid #E6DDDB; margin-bottom: 1vw;}
.z_sub_btn{ margin: 0; margin-top: 3vw;}

.z_pages_nav{height: 4.76744vw;
background: #FFFFFF; line-height:4.76744vw ; padding: 0 5.2vw; box-sizing: border-box;}
.z_pages_nav a{font-size: 18px; display: inline-block; margin-right: 4vw; position: relative;}
.z_pages_nav a::before{ content: ""; display: block; width: 0%; height: 3px;
background: #962320; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease 1s;}
.z_pages_nav a.active::before,.z_pages_nav a:hover::before{ width: 100%;}
.z_team_page{/* background: #efeff0; *//* padding: 3vw 5.2vw; */padding-bottom: 5vw;box-sizing: border-box;}
.z_zj_form{/* background-color:white; */margin-top: 51px;}
.z_sub_nav a{ display: inline-block;min-width: 145px; text-align: center; line-height: 46px;height: 46px;background: #FFFFFF; font-size: 16px; margin-right: 15px;}
.z_sub_nav a.active,.z_sub_nav a:hover{ background: #962320; color: #fff;}
.z_fillter{ margin: 3vw 0; display: flex; align-items: flex-start; border-bottom: 1px solid #333333; padding: 10px 0;font-weight: bold; font-size: 16px;}
.z_fillter span{ flex-shrink: 0; line-height: 44px;}
.z_fillter_a{ margin-left: 20px; display: flex; justify-content: space-between; width: 100%;}
.z_fillter_a a{ display: inline-block;width: 44px; border-radius: 50%; 
height: 44px; text-align: center; line-height: 44px; text-transform: uppercase;}
.z_fillter_a a.active,.z_fillter_a a:hover{ background: #962320; color: #fff;}
.z_zj_form ul{ margin: 0; justify-content: flex-start;}
.z_zj_form2 li{margin: 0;text-align: left;color: #000;/* border-color: #000; */margin-right: 2.6vw;background-color: white;}
.z_zj_form2 li .text{ color: #000;}
.z_zj_form2 li .z_sel{/* background: url(../img/arr3.png) no-repeat right center; */}
.z_zj_form2 li .text::-webkit-input-placeholder {color:#000;}
.z_zj_form2 li .text:-moz-placeholder {color:#000;}
.z_zj_form2 li .text::-moz-placeholder {color:#000;}
.z_zj_form2 li .text:-ms-input-placeholder {color:#000;}

.z_team_list{ margin-top: 4vw;}
.z_team_list ul{ margin-left: -1.3%; margin-bottom: 4vw;}
.z_team_list li{ width: 23.7%; float: left; margin-left: 1.3%; margin-bottom: 1.5vw; transition: ease 1s; background: #fff; padding: 30px;box-sizing: border-box; position: relative;    border-radius: 10px;}
.z_team_list h3{font-size: 1.25vw;margin-bottom: 1vw;}
.z_team_list .desc{ line-height: 44px; height: 44px; border-bottom: 1px solid #333333;color: #666666; margin-bottom: 30px;}
.z_team_list .imgbox{ width: 10.3125vw; height: 13.4375vw;}
.z_team_list .iconfont{width: 36px;height: 36px;background: #FFFFFF;border: 1px solid #333333;border-radius: 50%; display: inline-block; text-align: center; line-height: 34px; position: absolute; right: 30px; bottom: 30px; transition: ease .5s;}
.z_team_list li:hover{ background: #962320;}
.z_team_list li:hover h3,.z_team_list li:hover .desc{ color: #fff;}
.z_team_list li:hover .iconfont{ color: #962320;background: #fff;border: 1px solid #fff;}
.z_team_list li:hover .desc{ border-bottom-color: #fff;}
.z_load_more{ display: flex; justify-content: center;}
.z_teamxq_page{ display: flex;}
.z_teamxq_page .fl_warp{ width: 34.7%; background: #f7f7f8;}
.z_teamxq_page .fr_warp{ width: 65.3%;background: #efeff0;}
.z_teamxq_page .fl_warp,.z_teamxq_page .fr_warp{ padding: 5.2vw; box-sizing: border-box;}
.z_team_xq  .teamimg{ display: block; width: 100%; margin-bottom: 2.6vw;}
.z_team_xq .fl_warp h3{font-size: 24px;}
.z_team_xq .fl_warp .desc strong{display: inline-block;font-weight: bold;font-size: 24px;}
.z_team_xq .fl_warp .desc{font-size: 16px;color: #666666;line-height: 30px; margin: 2vw 0;}
.z_team_xq .fl_warp .desc a{display:inline-block;padding: 5px 20px;background: #88201d;color: white;border-radius: 9px;}
.z_team_xq .fl_warp .desc a:hover{text-decoration:underline}
.z_team_xq .lx p{ display: flex; align-items: center;font-size: 16px;font-family: Arial;font-weight: bold;color: #666666;line-height: 30px;}
.z_team_xq .lx .icon{ display: block; margin-right: 10px;}
.z_xq_content{font-size: 16px;color: #666;line-height: 28px;}
.z_xq_content img{ max-width: 100%!important; height: auto!important;}

.z_team_page2{ padding: 5.2vw;box-sizing: border-box;}
.z_team_list2 li .imgbox,.z_team_list2 li .infobox{ width: 50%; float: left;height: 26.5625vw; background: #fff; overflow: hidden;}
.z_team_list2 li .infobox{ padding: 4vw 5vw; box-sizing: border-box;}
.z_team_list2 li h3{font-size: 1.25vw; font-weight: bold;}
.z_team_list2 li .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px; margin-top: 2vw; margin-bottom: 4vw;}
.z_team_list2 li{ margin-bottom: 2vw;}
.z_team_list2 li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_team_list2 li:hover h3{ color: #962320;}

.z_team_xq2 .z_index_tit{ margin-bottom: 2vw;}
.z_xg_swiper{ margin-top: 0; overflow: hidden;}
.z_xg_swiper ul{ margin: 0;}
.z_xg_swiper li{ width: 100%; margin: 0;}
.z_cqfr_tit .icon{ margin-right: 1vw;}
.z_xg_hd{margin-top: 20px!important; display: flex;align-items: center;}
.z_xg_hd li{ width: 8px!important;
height: 8px!important; padding: 0!important; float: none;
background: #962320;
border: 0px solid #050001;
opacity: 0.2;
border-radius: 50%;display: inline-block; margin-right: 5px; cursor: pointer;}
.z_xg_hd li.on{ opacity: 1;}

.z_xg_case{ background: none;padding: 0!important; margin-top: 4vw; width: 100%;}
.z_xg_case ul{ margin: 0!important; width: 100%!important;}
.z_xg_case li .imgbox{width: 148px;
height: 101px;}
.z_xg_case li h3{ font-size: 16px; line-height: 24px;}


.z_news_head{  }
.z_news_swiper{ overflow: hidden;}
.z_news_swiper .infobox{ width: 28.64583vw;height: 30.5vw; position: relative;}
.z_news_swiper .z_index_more{ position: absolute; left: 0; bottom: 0;}
.z_news_swiper .time{font-family: Arial;font-weight: 400;color: #666666; display: block; margin-bottom: 1vw;}
.z_news_swiper h3{font-size: 24px;font-weight: 400;color: #333333;line-height: 36px;}
.z_news_swiper .desc{font-size: 16px;color: #666666;line-height: 24px; margin-top: 4vw;}
.z_news_swiper .imgbox{ width: 44.79166vw; height: 30.5vw; overflow: hidden;}
.z_news_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_swiper li:hover h3{ color: #962320;}
.z_news_swiper li{padding: 5.2vw;box-sizing: border-box;}

.z_news_page{background: #E6E6E7;}
.z_news_list{ background: #efeff0;padding: 0 5.2vw;box-sizing: border-box;}
.z_news_list li{ width: 33.3%; float: left; border: 1px solid #c8c8c8; box-sizing: border-box; padding: 5vw 2vw;box-sizing: border-box; border-top: none;margin-left: -1px;}
.z_news_list li h3{font-size: 24px;line-height: 30px; height: 60px; margin-bottom: 4vw;}
.z_news_list li .time{font-family: Arial;color: #666666;}
.z_news_list li .imgbox{ width: 100%; height: 17.70833vw; overflow: hidden; margin-top: 20px;}
.z_news_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_list li:hover h3{ color: #962320;}
.z_news_page .z_load_more{ padding: 6vw 0;}

.z_newsxq_page{ background: #f8f9fa; padding: 5.2vw 0; margin-top: 90px;}
.z_newsxq_page .z-container{ width: 1000px;}
.z_news_head{ width: 80%; margin: 0 auto; text-align: center;}
.z_news_head .slg{color: #888888; font-size: 16px;}
.z_news_head .tit{font-size: 2.5vw;font-weight: bold;color: #333333;line-height: 3.125vw; margin: 1.5vw 0;}
.z_news_head .bz{font-size: 18px;font-weight: 500;color: #333333;line-height: 24px; margin: 2vw 0;}
.z_share{text-align: center;}
.z_share a{ display: inline-block; color: #6E6E73; font-size: 20px;margin: 0 10px; cursor: pointer;}
.z_share a:hover{ color: #962320;}
.z_newsxq_page .z_xq_content{ padding: 3vw 0; border-bottom: 1px solid #D6D6D6;}
.mr{ margin-left: auto;}
.z_xg_head{ padding: 2vw 0;}
.z_xg_news li{ width: 47.4%; float: left;}
.z_xg_news li .imgbox{ width: 100%; height: 16.82291vw;overflow: hidden; margin-bottom: 1.2vw;}
.z_xg_news li h3{font-size: 18px;line-height: 30px; height: 60px; margin-bottom: 1.2vw;} 
.z_xg_news li .time{ color: #666666;}
.z_xg_news li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_xg_news li:hover h3{color: #962320;}
.z_xg_news li:nth-child(even){ float: right;}

.z_dj_page{ background: #efeff0;padding: 5.2vw;box-sizing: border-box;}
.z_dj_page .fr_warp{ width: 40.10416vw;}
.z_dj_page .fr_warp img{ display: block; width: 100%;}
.z_dj_page .fl_warp .z_index_tit{ margin: 2vw 0;}
.z_dj_page .fl_warp .content{font-size: 16px;color: #666666;line-height: 30px; }
.z_dj_page .fl_warp{width: 39.32291vw; }
 
.z_dj_footer{ background-image: url(../img/bg9.jpg);}
.z_photo_list{ width: 1200px; margin: 0 auto;margin-top: 3vw; }
.z_photo_list ul{ margin-left: -1.4%;}
.z_photo_list li{ width: 23.6%; float: left; margin-left: 1.4%; position: relative; overflow: hidden; margin-bottom: 1vw;}
.z_photo_list li img{ display: block; width: 100%; transition: ease 1s;}
.z_tit_desc{font-size: 16px;}
.z_photo_list li .infobox{ position: absolute; left: 0;top: 0;display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;padding: 0 10px; background: rgba(0,0,0,.2); transition: ease 1s; width: 100%; height: 100%;font-size: 18px; opacity: 0; transition: ease 1s;}
.z_photo_list li:hover img{ transform: scale(1.04,1.04);}
.z_photo_list li:hover .infobox{ opacity: 1;}

.z_dj_list li{ position: relative; margin-bottom: 25px;}
.z_dj_list a{ display: flex; background: #fff; }
.z_dj_list .timebox{ flex-shrink: 0; width: 190px;transition:all 1s; font-size: 16px; font-weight: bold;font-family: Arial; border-right: 1px solid #EBEBEB; display: flex; text-align: center; justify-content: center; padding-top: 2.6vw;  box-sizing: border-box; margin-right: 3vw;}
.z_dj_list .day{ display: block;font-size: 2.5vw;}
.z_dj_list .timebox .iconfont{ font-size: 20px; color: #D4D4D4; margin-bottom: 10px; display: block;}
.z_dj_list .imgbox{width: 18.22916vw;height: 12.5vw;overflow: hidden; flex-shrink: 0; margin: 2.6vw 0;}
.z_dj_list li .infobox{ padding:2.6vw 2.5vw; box-sizing: border-box; width: 73%; position: relative;}
.z_dj_list li h3{font-size: 1.25vw;font-weight: 500;color: #333333;line-height: 1.875vw;}
.z_dj_list li h4{color: #666666;line-height: 22px; height: 44px; margin: 1.8vw 0;}
.z_dj_list li .z_other_more{ margin-top: 40px; border-bottom: 1px solid #d2d2d2; padding: 10px 0; display: inline-block; width: 114px; display: flex; justify-content: space-between; color: #838383; position: absolute; left: 2.5vw; bottom: 2.6vw;}

.z_dj_list li::before{ content:""; display: block; width: 0; height: 5px; z-index: 1;background: #2D4FE2; transition:all 2s; position: absolute; left: 0; bottom: 0;}
.z_dj_list li:hover::before{ width: 100%;}
.z_dj_list li:hover .timebox{ color:#2D4FE2;}
.z_dj_list li::before{background: #DB1818;}
.z_dj_list li:hover .timebox{ color:#DB1818 ;}
.z_dj_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_dj_news{ padding: 5.2vw 10vw;box-sizing: border-box;}
.z_dj_news .z_load_more{ margin-top: 4vw;}
.z_honor_page{ background-attachment: fixed; padding: 5.2vw; padding-bottom: 0; box-sizing: border-box;}
.z_honor_page ul{ position: relative; padding-bottom: 5.2vw;}
.z_honor_page ul::before{ content: ""; z-index: 1; display: block; width: 2px; height:100%;background: #DB1718;position: absolute; left: 50%;top: 0; margin-left: -1px;}
.z_honor_page .year{width: 97px;height: 37px; display: flex; align-items: center; justify-content: center; color: #fff;margin: 0 auto;background: #DB1718;font-size: 18px; font-weight: bold; margin-bottom: 2vw;} 
.z_honor_page .conwarp{ width: 50%; margin-left: auto;padding: 0 30px; box-sizing: border-box;color: #333333;
line-height: 30px; font-size: 16px;}
.z_honor_page .month{font-size: 18px; font-weight: bold; position: relative;}
.z_honor_page .month::before{ content:""; display: block;width: 16px;
height: 16px;
background: #F1F3F4;
border: 2px solid #DB1718;
border-radius: 50%; position: absolute; left: -38px; top: 50%; margin-top: -8px; z-index: 1;}
.z_honor_page .img img{ height: 100px;margin: 5px 0; margin-right: 10px;}
.z_honor_page .img{ }
.z_honor_page .item{ margin-bottom: 20px;}
.z_honor_page li{ margin-bottom: 50px;}
.z_honor_page li:nth-child(even) .conwarp{ margin-left: 0; text-align: right;}
.z_honor_page li:nth-child(even) .month::before{ right: -38px; left: auto;}

.z_yw_page{ background: #F6F6F6; padding: 5.2vw;box-sizing: border-box;}
.z_yw_page ul{ margin-left: -1.4%;}
.z_yw_page li{ width: 18.6%; float: left;margin-left: 1.4%; transition: all 1s; background: #fff; margin-bottom: 1.4vw;}
.z_yw_page li .icon{width: 60px;height: 60px;background: #962320;border-radius: 50%; overflow: hidden; transition: all 1s;}
.z_yw_page li .icon img{ height: 60px;}
.z_yw_page li:hover img{ filter: drop-shadow(0px 60px 0px #962320); transform: translateY(-60px);}
.z_yw_page li:hover  .icon{ background: #fff;}
.z_yw_page li .box{ padding: 1.5vw; box-sizing: border-box; height:13.54166vw;}
.z_yw_page li h3{font-size: 1.25vw; margin-top: 1vw; transition: ease .5s;}
.z_yw_page li .morebar{ display: flex; align-items: center; height: 60px; border-top: 1px solid #e7e7e7; color: #838383;padding: 0 1.5vw;box-sizing: border-box;}
.z_yw_page li .iconfont{ margin-left: 10px;}
.z_yw_page li:hover{ background:#962320 ;}
.z_yw_page li:hover h3{ color: #fff;}
.z_yw_page li:hover .morebar{ color: #fff;}











@media screen and (max-width:1440px){
	svg {
	    transform: rotate(-180deg) scale(1.5); margin: 0 auto; 
	}
.z_cir::before{left: -18%;}	  
.z_index_news ul{ width: 40vw;} 
.z_case_page h3,.z_news_swiper h3,.z_news_list li h3{ font-size: 20px;}
.z_team_list2 li .desc{ margin-bottom: 2vw;}
}

@media screen and (max-width:980px){
.z_banner{ height: 70vw; margin-top: 50px;}
.z_linebar{display: none;} 
.z_banner_video{ height:100%; left: 0; max-width: auto; top: 0;min-width: auto;transform: translate(0%,0%);}
.z_banner_text h3{ font-size: 22px;line-height: normal}
.z_banner_text h4{font-size: 14px;} 
.z_banner_text h2{ font-size: 18px;}

.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: #1a4564;}
.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_menu_btn.on span{ background: #000;}

.z_header{ height: 50px; background: #fff!important; padding: 0 10px;}
.z_header_nav{ width: 100%; height: calc(100vh - 50px); position:fixed; left: 100%; top: 50px; background: #fff; display: flex; align-items: center; justify-content: center; line-height: 50px; transition: ease 1s;}
.z_header_nav.on{ left: 0;}
.z_header_nav ul{ width: 100%;}
.z_header_nav li{ width: 100%; text-align: center;}
.z_header_nav .one{ color: #333;}
.z_header_nav .downnav{ display: none;}
.z_header_search{ display: none;}
.z_logo{ height: 30px;}
.z_logo img{ height: 30px;transform: translateY(-30px);filter: drop-shadow(0px 30px 0px #1a4564);}
.z_index_about{ display: block;}
.z_index_about .fl_warp,.z_index_about .fr_warp{ width:100%; height: auto;}
.z_index_about .fl_warp .conwarp{ width: 100%;}
.z_index_about .fl_warp{ padding: 40px 12px;}
.z_index_about .entit{ font-size: 44px; line-height: 20px;}
.z_index_tit{ font-size: 20px; line-height: 28px;}
.z_index_about .desc{ margin: 30px 0;}
.z_index_more .icon{ width: 40px; height: 40px;}
.z_about_video{ height: 60vw;}
.z_about_video .iconfont{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.z_about_num ul{ display: flex;}
.z_about_num li{ height: auto; padding: 20px 10px; display: block;}
.z_about_num li .timer{ font-size: 24px;}
.z_index_zj{ padding: 50px 12px;}
.lazy{ background-attachment: inherit!important;}
.z_index_zj .warps{ width: 100%;}
.z_zj_form ul{ display: block;}
.z_zj_form li{ width: 100%;}
.z_zj_form .sou{ margin-left: 0; margin-top: 20px;}
.z_go .z_index_tit{ margin-bottom: 0;}
.z_go .wave, .z_go .wave1, .z_go .wave2{width: 30vw;height: 30vw;}
 .z_index_warp{ display: block;}
.z_index_case,.z_index_news{ width: 100%;}
.z_case_swiper .imgbox{ height: 60vw;}
.z_case_swiper .infobox{ padding: 20px 12px;}
.z_case_swiper h3{ font-size: 15px; line-height: 24px; margin-bottom: 15px;}
.z_more_case{ height: 50px; padding: 0 12px;}
.z_index_news{ padding: 40px 12px;}
.z_index_news ul{ width: 100%; margin: 30px 0;}
.z_index_news li{ margin-bottom: 12px;}
.z_index_news li .imgbox{ width: 130px; height: 90px; margin-right: 12px;}
.z_index_news li h3{ font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.z_index_hz{ display: block;}
.z_index_hz .z_index_tit{ width: 100%; text-align: center; margin-bottom: 30px;}
.z_index_hz .frwarp{ width: 100%;}
.z_hz_bar { width: 100%; height: 50px;}
.z_index_hz{ padding: 40px 0 ;}
.z_hz_warp{ padding: 0px 0px;}
.z_hz_swiper li{ height: 80px; padding: 12px;}
.z_footer{ padding: 20px 10px; box-sizing: border-box;}
.z_footer .ac{ display: block;}
.z_footer_logo{ display: none;}
.z_footer_link .icon{ height: 60px; margin-bottom: 5px;}
.z_footer_link a{ font-size: 14px;}
.z_footer_li,.z_footer_code{ margin: 20px 0;}
.z_footer_li ul{ display: block;}
.z_footer_li li{ padding: 0; border: none; width: 100%; min-width: none; margin-bottom: 10px;}
.z_footer_code li .img{ width: 80px; height: 80px;}
.z_other_banner{ height: 60vw; margin-top: 50px;}
.z_other_text h3{ font-size: 20px;}
.z_other_text h4{ font-size: 14px;}
.z_other_text{padding: 0 10px; box-sizing: border-box;}
.z_about_warp .fl_warp .desc{ max-height: none; padding-right: 0; line-height: 24px; font-size: 14px; margin-bottom: 0;}
.z_about_process{padding: 40px 0; }
.z_about_process .z_index_tit{ padding: 0 12px;}
.z_year_swiper li span{ font-size: 20px;}
.z_year_swiper li .year{ width: 90px; height: 90px;}
.z_year_swiper li span{ transform: translateY(-30px);}
.z_con_swiper .con{ font-size: 14px; line-height: 24px;}
.z_con_swiper li{padding: 12px;}
.z_process_btn{ margin-top: 20px; text-align: center;}
.z_process_btn .iconfont{ margin: 0 10px;}
.z_nl_text h3{ font-size: 20px;}
.z_nl_text .line{ width:90%; margin:10px auto;}
.z_nl_text h4{ font-size: 14px;}
.z_about_nl{ padding: 40px 12px; min-height: 55vw;}
.z_about_cz{ display: block;}
.z_about_cz .fl_warp,.z_about_cz .fr_warp{ width: 100%;}
.z_about_cz .fl_warp{ height: 60vw;}
.z_about_cz .fr_warp{ padding: 30px 12px;}
.z_cz_list li h3{ font-size: 16px; background-size:20px auto; line-height: 24px;}
.z_cz_list li{ padding: 10px 0;}
.z_cz_list li .down{ font-size: 14px;}
.z_case_head{ padding: 20px 12px; overflow: hidden;}
.z_case_nav ul{ display: flex;}
.z_case_head .tit{ margin-left: 0; margin-bottom: 15px;}
.z_case_nav a{ font-size: 14px; margin-right: 0; height: 35px; line-height: 35px;}
.z_case_page{ padding: 30px 12px;}
.z_case_page ul{margin-left: 0;}
.z_case_page li{ width: 100%; margin-left: 0; margin-bottom: 12px;}
.z_case_page .imgbox{ height: 60vw;}
.z_case_page .infobox{ padding: 15px;}
.z_case_page h3{ width: 100%; font-size: 16px; line-height: 24px; height:auto;max-height: 48px; margin-top: 10px;}
.z_contact_warp{ display: block;}
.z_contact_warp .fl_warp,.z_contact_warp .fr_warp{ width: 100%;}
.z_contact_warp .fl_warp{ padding: 30px 12px;}
.z_contact_warp .fl_warp h3{ font-size: 18px;}
.z_contact_warp .descp p{ font-size: 14px;}
.z_contact_warp .descp{ margin: 30px 0;}
.z_conatct_code .img{ width: 80px; height: 80px;}
.z_contact_map{ height: 50vw;}
.z_fengs_warp{ padding: 30px 12px;}
.z_fengs_warp  ul{ margin-left: 0;}
.z_fengs_warp li{ width: 100%; margin-left: 0; margin-bottom: 12px; padding: 20px 12px;}
.z_fengs_warp li h3{ font-size: 18px; margin-bottom: 10px;}
.z_fengs_warp li p{ font-size: 14px;}
.z_zp_text{ position: relative; left: auto; top: auto; transform: translateY(0); color: #333; padding: 30px 12px;}
.z_zp_text h3{ color: #333;}
.z_zp_text .desc{ font-size: 14px; margin: 20px 0;}
.z_zp_text .btn,.z_sub_btn{ width: 120px; height: 40px;font-size: 14px;}
.z_contact_ly{ display: block;}
.z_contact_ly .fl_warp, .z_contact_ly .fr_warp{ width: 100%;}
.z_contact_ly .fl_warp{ height: 60vw;}
.z_contact_ly .fr_warp{ padding: 30px 12px;}
.z_ly_form{ margin-top: 20px;}
.z_ly_form li{ margin-bottom: 20px;}
.z_pages_nav{ height: 50px;line-height: 50px; padding: 0 12px; text-align: center;}
.z_pages_nav a{ font-size: 16px; margin: 0 15px;}
.z_team_page{ padding: 30px 12px;}
.z_sub_nav { text-align: center;}
.z_sub_nav a{ height:36px;line-height: 36px; min-width: auto; padding: 0 20px; margin: 0 10px; font-size: 14px;}
.z_fillter{ display: block;}
.z_fillter_a{ margin: 0;display: block;}
.z_fillter_a a{ width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
.z_team_list{ margin-top: 30px;}
.z_team_list li{ width: 100%; margin-left: 0; margin-bottom: 12px;padding: 20px 12px;}
.z_team_list h3{ font-size: 18px;}
.z_team_list .desc{ margin-bottom: 15px;}
.z_team_list .imgbox{ width: 50%; height: 57vw;}
.z_team_list .iconfont{ right: 12px; bottom: 15px;}
.z_teamxq_page{ display: block;}
.z_teamxq_page .fl_warp, .z_teamxq_page .fr_warp{ width: 100%;padding: 30px 12px;}
.z_team_xq .teamimg{ margin-bottom: 20px;}
.z_team_xq .fl_warp .desc{ margin: 20px 0;}
.z_team_list2 li{ margin-bottom: 12px;}
.z_team_list2 li .imgbox, .z_team_list2 li .infobox{ width: 100%; height: auto;}
.z_team_list2 li .imgbox{ height: 55vw;}
.z_team_list2 li .infobox{ padding: 20px 12px;}
.z_team_list2 li h3{ font-size: 16px;}
.z_team_list2 li .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_xg_case{ margin-top: 30px;}
.z_xg_case ul{ margin-top: 20px;}
.z_team_xq2 .z_index_tit{ margin-bottom: 30px;}
.z_news_swiper li{ padding: 20px 12px;}
.z_news_swiper .imgbox,.z_news_swiper .infobox{ width: 100%;}
.z_news_swiper .imgbox{ height: 60vw;}
.z_news_swiper .infobox{ background: #fff; padding: 15px; height: auto;}
.z_news_swiper h3,.z_news_list li h3{ font-size: 16px;line-height: 28px;}
.z_news_swiper .z_index_more{ position: relative;}
.z_news_swiper .desc{ font-size: 14px;line-height: 24px;-webkit-line-clamp:2; margin: 20px 0;}
.z_news_list{ padding: 0;}
.z_news_list li{ width: 100%; margin: 0;border-left: none; border-right: none;}
.z_news_list li{ padding: 20px 12px;}
.z_news_list li .imgbox{ height: 55vw;}
.z_newsxq_page .z-container{ width: 100%;}
.z_newsxq_page{ margin-top: 50px;}
.z_newsxq_page{ padding: 30px 12px;}
.z_news_head{ width: 100%;}
.z_news_head .tit{ font-size: 18px; line-height: 24px;margin: 20px 0;}
.z_news_head .bz{ font-size: 16px; line-height: 24px;}
.z_share{ margin-top: 20px;}
.z_newsxq_page .z_xq_content{ padding: 30px 0;}
.z_xq_content{ line-height: 24px; font-size: 14px;}
.z_xg_head{ padding: 30px 0;}
.z_xg_news li{ width: 100%; margin-bottom: 15px;}
.z_xg_news li .imgbox{ height: 55vw; margin-bottom: 15px;}
.z_xg_news li h3{ font-size: 15px; line-height: 24px;}
.z_dj_page .fl_warp,.z_dj_page .fr_warp{ width: 100%;}
.z_pages_nav a{ margin: 0 6px;}
.z_dj_page{ padding: 30px 12px;}
.z_dj_page .fr_warp{ margin-bottom: 30px;}
.z_dj_page .fl_warp .z_index_tit{ margin: 0; margin-bottom: 20px;}
.z_dj_page .fl_warp .content{ line-height: 24px; font-size: 14px;}
.z_photo_list{ width: 100%;}
.z_tit_desc{ font-size: 14px; margin-top: 5px;}
.z_photo_list{ margin-top: 30px;}
.z_photo_list li{ width: 48.6%;}

.z_dj_list li a{ display: block; height: auto;}
.z_dj_list li .timebox{ position: absolute; left: 0; font-size: 14px; background: #DB1818; color: #fff;padding: 10px; top: 0; height: auto; border: none;width: auto; }
.z_dj_list .imgbox{ width: 100%; height: 60vw; margin-bottom: 0;}
.z_dj_list .timebox .iconfont{ color: #fff;}
.z_dj_list li .infobox{ width: 100%; padding: 20px 12px;}
.z_dj_list .day{font-size: 18px;} 
.z_dj_list li h3{ font-size: 16px; line-height: 24px;}
.z_dj_list li h4{ font-size: 14px; line-height: 24px; margin: 15px 0;}
.z_dj_list li .z_other_more{ position: relative; left: auto; bottom: auto; margin-top: 0;}
.z_honor_page ul::before,.z_honor_page .month::before{display: none;}
.z_honor_page .conwarp{ width: 100%!important; padding: 0;}
.z_honor_page .year{}
.z_honor_page{ padding: 30px 12px;}
.z_honor_page .conwarp{ font-size: 14px; line-height: 28px;} 
.z_honor_page li:nth-child(even) .conwarp{ text-align: left;}
.z_yw_page{ padding: 30px 12px;}
.z_yw_page ul{ margin-left: -3%;}
.z_yw_page li{ width: 47%; margin-left: 3%; margin-bottom: 12px;}
.z_yw_page li .box{ height: auto; padding: 15px;}
.z_yw_page li .icon { height: 40px; width: 40px;}
.z_yw_page li .icon img{ height: 40px;}
.z_yw_page li:hover img {
    filter: drop-shadow(0px 40px 0px #962320);
    transform: translateY(-40px);
}
.z_yw_page li h3{ font-size: 16px; margin-top: 15px;}
.z_yw_page li .morebar{ height: 50px; padding: 0 15px;}
.z_precent{font-size: 34px;}
}