.z_banner_warp {
    position: relative;
}

.z_banner {
    position: relative;
    margin-top: 5.2vw;
}

/* .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 .imgbg{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;} */
.z_banner .bd li.swiper-slide-active .show,
.zs_banner .bd li.swiper-slide-duplicate-active .show {
    transform: scale(1);
    opacity: 1;
}

.z_swiper_hd li {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.z_banner_hd {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 2;
}

.z_banner_hd li {
    margin-right: 10px;
}

.z_swiper_hd li.on {
    background: #0072bc;
}

.z_banner .bd li {
    position: relative;
}

.z_banner_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: 30%;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.z_banner_text .en {
    font-size: 5.72916vw;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 3.75vw;
    transition: background-position 3s ease;
    background: linear-gradient(to right, #fff, #fff 50%, #1283EC 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;
}

.z_banner_text .animated .en {
    transform: translateX(0);
    background-position: 0 100%;
    opacity: 1;
}

.z_banner_text .cn {
    font-size: 3.125vw;
    font-weight: bold;
    color: #FFFFFF;
}

.z_banner_text .slg {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}

.z_about_num {
    width: 100%;
    position: absolute;
    left: 0vw;
    bottom: 3vw;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-left: 17vw;
    box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.z_about_num ul {
    display: flex;
}

.z_about_num li {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    padding-bottom: 3vw;
    min-width: 17.70833vw;
}

.z_about_num li .icon {
    flex-shrink: 0;
    width: 36px;
    margin-right: 1vw;
}

.z_about_num li::before {
    content: "";
    display: block;
    width: 1px;
    height: 2.4vw;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 17px;
    bottom: 0;
}

.z_about_num li .timer {
    font-size: 1.5625vw;
    font-family: Arial;
}

.z_banner_warp .z_about_num {
    display: none;
}

.z_menu_btn {
    width: 5.2vw;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    transition: ease 1s;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, .3);
    cursor: pointer;
    display: none;
}

.z_menu_btn span {
    display: block;
    transition: ease .6s;
    width: 20px;
    height: 2px;
    background: #fff;
    mix-blend-mode: difference;
}

.z_menu_btn .line2 {
    margin: 3px 0;
}

.z_menu_btn.on .line1 {
    transform: translateY(5px) rotate(45deg);
}

.z_menu_btn.on .line3 {
    transform: translateY(-5px) rotate(-45deg);
}

.z_menu_btn.on .line2 {
    opacity: 0;
}

.z_menu_btn.on .z_menu_bg {
    transform: scale(1);
}

.z_menu_btn.on2 {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.z_menu_btn.on2 span {
    background: #333;
}

.z_menu_btn.hide {
    transform: translateX(-100%);
}

.z_page_mask {
    width: 63.54166vw;
    height: 100%;
    transition: ease 1s;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    background: #1283EC;
    opacity: 0;
    visibility: hidden;
    padding: 1vw 10vw;
    box-sizing: border-box;
    transform: translateX(-10%);
    display: none;
}

.z_menu_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    display: none;
}

.z_menu_mask.on,
.z_page_mask.on {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
}

.waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    transition: all 2s;
    opacity: 0;
    transition-delay: 1.5s;
}

#mywaves {
    width: 100%;
    height: 100vh;
}

.z_page_mask.on .waves {
    opacity: 1;
}

.z_logo {
    position: relative;
}

.z_logo .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.z_menu_logo img,
.z_logo img {
    display: block;
    height: 58px;
    transition: ease 1s;
}

.z_menu_nav li {
    float: left;
    width: 33.3%;
    margin-top: 4vw;
}

.z_menu_nav li a {
    display: block;
    color: #fff;
}

.z_menu_nav li h3 a {
    font-size: 20px;
}

.z_menu_nav li .down a {
    font-size: 16px;
    font-weight: 400;
    color: #D3E5F6;
    line-height: 30px;
}

.z_menu_nav li h3 {
    margin-bottom: 15px;
}

.z_menu_nav li a:hover {
    color: #fff;
}

.z_menu_code li {
    float: left;
    margin-right: 1vw;
    text-align: center;
    color: #D3E5F6;
}

.z_menu_code li .img {
    width: 5.2vw;
    height: 5.2vw;
    background: #fff;
    margin-bottom: 10px;
}

.z_menu_code li img {
    display: block;
    width: 100%;
}

.z_page_mask .z_menu_code {
    position: absolute;
    left: 10vw;
    bottom: 2vw;
}

body.fixed .z_header {
    transform: translateY(-100%);
    visibility: hidden;
}

.z_header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 8;
    height: 5.2vw;
    padding: 0 10vw;
    box-sizing: border-box;
    line-height: 5.2vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 1.5s;
}

.z_header.on {
    background: #fff;
}

.z_header.on .img1 {
    opacity: 0;
}

.z_header.on .img2 {
    opacity: 1;
}

.z_header_nav li {
    float: left;
    margin-right: 3vw;
    position: relative;
}

.z_header_nav a {
    display: block;
    color: #fff;
    font-size: 18px;
}

.z_header_nav li .downnav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    top: 100%;
    line-height: 28px;
    padding: 10px 20px;
    white-space: nowrap;
    text-align: center;
    transition: ease .2s;
    opacity: 0;
    visibility: hidden;
}

.z_header_nav li .downnav a {
    display: block;
    font-size: 16px;
    color: #666 !important;
    margin-bottom: 10px;
}

.z_header_nav li:hover .downnav {
    opacity: 1;
    visibility: visible;
}

.z_header_nav li .downnav a:hover {
    color: #1283EC !important;
}

.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_header.on .z_header_nav a {
    color: #000;
}

.z_header.on .z_header_search .iconfont {
    color: #000;
}

.z_header_nav li:hover>a,
.z_header_nav li.active>a {
    color: #1283EC !important;
}

.z_index_tit {
    color: #fff;
}

.z_index_tit .h3 {
    font-size: 1.6vw;
    font-weight: bold;
    line-height: 2vw;
}

.z_dot {
    margin-top: 1vw;
}

.z_dot em {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #1283EC;
    border-radius: 50%;
}

.z_dot .d1 {
    opacity: 0.5;
    animation: dot1 2s linear infinite;
}

.z_dot .d2 {
    animation: dot2 2s linear infinite;
}

@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_index_about {
    position: relative;
    padding: 11vw 10vw;
    box-sizing: border-box;
    height: 48vw;
    overflow: hidden;
}

.z_index_about .desc {
    width: 544px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 1vw;
    margin-bottom: 5.5vw;
}

.z_index_about .playicon img {
    display: block;
    height: 5.72916vw;
    animation: animtran 30s linear infinite;
    cursor: pointer;
}

@keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

.z_wave {
    position: absolute;
    right: 0;
    bottom: -3vw;
    padding: 3vw;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
    transform: rotate(-15deg);
}

.z_wave .wave,
.z_wave .wave1,
.z_wave .wave2 {
    z-index: -1;
    right: -5vw;
    position: absolute;
    bottom: -50%;
    width: 15vw;
    height: 15vw;
    background-color: #1283EC;
    border-radius: 45%;
    animation: rotate 6s linear infinite;
    mix-blend-mode: multiply;
}

.z_wave .wave1 {
    background-color: #1283EC;
    opacity: .6;
    transform: translate(-20%, 0) rotate(0deg);
    animation: rotate1 6s linear -4s infinite;
}

.z_wave .wave2 {
    background-color: #1283EC;
    opacity: .3;
    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_cir_more {
    width: 9.16666vw;
    height: 9.16666vw;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: #333;
    line-height: 18px;
    border: 1px dashed #C2C2C2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
    font-size: 16px;
    position: relative;
    transition: ease 1s;
}

.z_cir_more.white {
    border-color: #fff;
    color: #fff;
}

.z_cir_more h3 {}

.z_cir_more .iconfont {
    margin-top: 0.5vw;
    display: inline-block;
}

.z_cir_more::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #1283EC;
    transition: ease 1s;
    transform: translate(-50%, -50%) scale(0, 0);
}

.z_cir_more:hover::before {
    transform: translate(-50%, -50%) scale(1, 1);
}

.z_cir_more:hover {
    border-color: #1283EC;
    color: #fff !important;
}

.z_index_about .z_cir_more {
    position: absolute;
    right: 3vw;
    bottom: 2vw;
}

.z_index_yw {
    position: relative;
    z-index: 1;
}

.z_index_yw .bgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0;
    transition: ease 1s;
}

.z_index_yw .bgbox.active {
    opacity: 1;
}

.z_index_yw::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
}

.z_index_yw .z_index_tit {
    position: absolute;
    left: 10vw;
    top: 5vw;
    z-index: 2;
}

.z_yw_swiper {
    height: 50vw;
    width: 100%;
    margin-left: 0vw;
    overflow: hidden;
    position: relative;
}

.z_yw_swiper li {
    border-right: 1px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
    padding-top: 21.875vw;
    text-align: center;
    position: relative;
}

.z_yw_swiper li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/mask.png) no-repeat bottom center;
    background-size: cover;
    transition: ease 1s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.z_yw_swiper li:hover::before {
    opacity: 1;
}

.z_yw_swiper li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.z_yw_swiper li .icon {
    width: 4.47916vw;
    height: 4.47916vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .4);
    box-shadow: 0px 11px 15px 0px rgba(18, 131, 236, 0.3);
    border-radius: 50%;
    margin: 0 auto;
    transition: ease 1s;
    margin-bottom: 1vw;
}

.z_yw_swiper li:hover .icon {
    background: #fff;
}

.z_yw_swiper li .icon img {
    display: block;
    max-height: 60%;
}

.z_yw_swiper li h3 {
    font-size: 1.25vw;
    font-weight: bold;
}

.z_yw_swiper li .desc {
    margin-top: 2vw;
    font-size: 16px;
    line-height: 30px;
    transform: translateY(10%);
    transition: ease 1s;
    opacity: 0;
}

.z_yw_swiper li:hover .desc {
    transform: translateY(0);
    opacity: 1;
}

.z_yw_swiper li .more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3vw;
    width: 123px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    opacity: 0;
    transition: ease 1s;
}

.z_yw_swiper li:hover .more {
    opacity: 1;
}

.z_more {
    width: 123px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    transition: ease 1s;
}

.z_yw_swiper .btn {
    width: 56px;
    height: 280px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1283EC;
    cursor: pointer;
    font-weight: bold;
}

.z_yw_swiper .btn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: ease 1s;
}

.z_yw_swiper .prev {
    left: 0;
}

.z_yw_swiper .next {
    right: 0;
}

.z_yw_swiper .prev::before {
    background: url(../img/prev.png) no-repeat center;
    background-size: 100% auto;
}

.z_yw_swiper .next::before {
    background: url(../img/next.png) no-repeat center;
    background-size: 100% auto;
}

.z_yw_swiper .prev:hover::before {
    background: url(../img/prev2.png) no-repeat center;
    background-size: 100% auto;
}

.z_yw_swiper .next:hover::before {
    background: url(../img/next2.png) no-repeat center;
    background-size: 100% auto;
}

.z_yw_swiper .btn:hover {
    color: #fff;
}

.z_index_pro {
    background: #F5F5F5;
    padding: 6vw 10vw;
    box-sizing: border-box;
}

.z_index_pro .z_index_tit {
    color: #000;
}

.z_pro_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.z_index_pro ul {
    margin-left: -1.3%;
}

.z_index_pro ul li {
    width: 32%;
    float: left;
    margin-left: 1.3%;
    background-size: cover;
    position: relative;
}

/* .z_index_pro li .imgbox{ width: 100%; height: 21vw; display: flex; padding: 1vw;box-sizing: border-box; align-items: center; justify-content: center; overflow: hidden;}
.z_index_pro li img{ display:block; max-height: 100%; transition: ease 1s;}
.z_index_pro li .infobox{ padding: 2vw; padding-top: 0; box-sizing: border-box;} */
.z_index_pro li h3 {
    font-size: 1.25vw;
    font-weight: bold;
    color: #333333;
}

.z_index_pro li .desc {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-top: 1vw;
    height: 96px;
}

.z_index_pro li .box {
    background: #fff url(../img/mask2.png) no-repeat top center;
    width: 100%;
    background-size: cover;
}

.z_index_pro li .box:hover img {
    transform: scale(1.05, 1.05);
}

.z_index_pro li:hover h3 {
    color: #1283EC;
}

.z_index_pro li {
    background: none;
}

.z_index_pro li .box {
    height: calc((100% - 20px) / 2);
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    text-align: center;
    position: relative;
    transition: all 1s;
}

.z_index_pro li .imgbox {
    height: 12vw;
}

.z_index_pro li .box .infobox {
    padding: 15px;
    padding-top: 0;
}

.z_index_pro li .box:hover {
    background: #fff url(../img/mask2.png) no-repeat top center;
    background-size: cover;
}

.z_index_pro li .desc {
    display: none;
}

.z_index_news {
    padding: 6vw 0vw;
    box-sizing: border-box;
    padding-left: 10vw;
    box-sizing: border-box;
    background: url(../img/bg3.jpg) no-repeat center;
    background-size: cover;
}

.z_index_news .z_index_tit {
    color: #000;
}

.z_index_news .warps {
    margin-top: -1.5vw;
    z-index: 2;
}

.mr {
    margin-left: auto;
}

.z_news_swiper {
    width: 80vw;
}

.z_news_swiper li {
    height: 15vw;
    /* width: 25.10416vw; margin-right: 1.8vw; */
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.z_news_swiper li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/mask3.png) no-repeat bottom center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    transition: ease 1s;
}

.z_news_swiper li:hover .imgbg {
    transform: scale(1.05, 1.05);
}

.z_news_swiper li .infobox {
    padding: 2vw;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: ease 1s;
}

.z_news_swiper li h3 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    margin-top: 10px;
}

.z_news_swiper li .z_more {
    position: absolute;
    left: 2vw;
    bottom: 2vw;
    color: #fff;
    z-index: 2;
    transition: ease 1s;
    transform: translateY(100px);
}

.z_news_swiper li:hover .infobox {
    transform: translateY(-15vw);
}

.z_news_swiper li:hover::before {
    background: rgba(18, 131, 236, .8);
}

.z_news_swiper li:hover .z_more {
    transform: translateY(0);
}

.z_news_head {
    align-items: flex-start;
    z-index: 1;
    position: relative;
    padding-right: 10vw;
    box-sizing: border-box;
}

.z_swiper_btn {
    margin-top: 3vw;
}

.z_swiper_btn .iconfont {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #E5E5E5;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    margin-right: 10px;
    cursor: pointer;
    transition: ease 1s;
    outline: none;
}

.z_swiper_btn .iconfont:hover {
    background: #1283EC;
    color: #fff;
}

.z_banner .z_swiper_btn {
    margin-top: 0;
}

.z_footer {
    background: #f2f2f2;
    background-size: cover;
    padding: 0vw 10vw;
    box-sizing: border-box;
}

.z_footer_top {
    padding: 4vw 0;
    display: flex;
}

.z_footer_addre .tel {
    font-size: 1.25vw;
    font-family: Arial;
    font-weight: bold;
    color: #595757;
}

.z_footer_addre p {
    font-size: 16px;
    color: #595757;
    line-height: 24px;
}

.z_footer_logo img {
    display: block;
    height: 4vw;
}

.z_footer_addre {
    margin-top: 3vw;
}

.z_footer .z_menu_code li h3 {
    color: #595757
}

.z_footer .z_menu_code {
    margin-top: 10px;
}

.z_footer .z_menu_code .img {
    width: 70px;
    height: 70px;
}

.z_footer_nav {
    margin-left: auto;
}

.z_footer_nav li {
    float: left;
    margin-left: 3vw;
}

.z_footer_nav li:first-child {
    margin-left: 0;
}

.z_footer_nav li a {
    display: block;
    color: #595757;
}

.z_footer_nav li h3 {
    margin-bottom: 10px;
}

.z_footer_nav li h3 a {
    font-size: 18px;
    font-weight: bold;
}

.z_footer_nav li .down a {
    font-size: 16px;
    color: #595757;
    line-height: 36px;
}

.z_footer_nav li a:hover {
    color: #1283EC;
}

.z_footer_btm {
    border-top: 1px solid #595757;
    padding: 2vw 0;
    color: #595757;
}

.z_footer_btm a {
    color: #595757;
}

.z_footer_btm a:hover {
    color: #595757;
}

.z_other_banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 5.2vw;
}

.z_other_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.z_other_text .icon {
    display: inline-block;
    width: 30px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.z_other_text h3 {
    font-size: 3.125vw;
    letter-spacing: 3px;
    font-weight: bold;
    margin: 0 auto;
}

.z_page_nav {
    width: 100%;
    padding: 0 10vw;
    box-sizing: border-box;
    height: 80px;
    line-height: 80px;
    background: #fff;
}

.z_page_nav li {
    margin-right: 3vw;
    position: relative;
    display: inline-block;
    width: auto;
}

.z_page_nav li a {
    font-size: 18px;
    display: block;
}

.z_page_nav li::before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #1283EC;
    z-index: 1;
    border: 0px solid #050001;
    position: absolute;
    left: 50%;
    transition: ease 1s;
    bottom: 0;
}

.z_page_nav li.cur::before,
.z_page_nav li:hover::before {
    width: 100%;
    left: 0;
}

.z_page_nav li.cur a {
    color: #1283EC;
}

.z_about_warp {
    padding: 5vw 10vw;
    box-sizing: border-box;
    color: #fff;
    padding-bottom: 17vw;
    position: relative;
    z-index: 1;
}

.z_about_warp::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/mask4.png) no-repeat bottom center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.z_about_warp .z_about_num {
    width: 100%;
    left: 0;
    z-index: 2;
}

.z_about_warp .desc {
    width: 756px;
    line-height: 24px;
    margin: 2.6vw 0;
    text-align: justify;
}

.z_about_warp .z_cir_more {
    margin-top: 5vw;
}

.z_about_boss {
    display: flex;
    background: #eef0f2;
}

.z_about_boss .z_index_tit {
    color: #000;
}

.z_about_boss .fl_warp,
.z_about_boss .fr_warp {
    padding: 8vw 10vw;
    box-sizing: border-box;
    width: 50%;
}

.z_about_boss .desc {
    color: #666666;
    line-height: 24px;
    margin: 2.6vw 0;
    text-align: justify;
}

.z_about_boss .fl_warp {
    padding-right: 0;
}

.z_about_boss .qm {
    text-align: right;
    font-size: 1.25vw;
    font-weight: bold;
}

.z_about_boss .fr_warp {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.z_about_boss .fr_warp img {
    display: block;
}

.z_about_boss .fr_warp::before {
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background: #D0E3F5;
    position: absolute;
    right: 0;
    top: 0;
    transition: ease 1s;
}

.z_about_boss .fr_warp.animated::before {
    width: 50%;
}

.z_about_wh {
    position: relative;
    padding: 7vw 10vw;
    box-sizing: border-box;
    z-index: 1;
}

.z_about_wh .lazy {
    z-index: -2;
}

.z_about_wh::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.z_about_wh .z_index_tit {
    text-align: center;
}

.z_wh_li {
    margin: 6vw 0;
}

.z_wh_li li {
    width: 48.8%;
    float: left;
    background: rgba(202, 226, 246, .8);
    display: flex;
    align-items: center;
    padding: 2.6vw;
    box-sizing: border-box;
    border-top: 5px solid #1283EC;
}

.z_wh_li li:nth-child(even) {
    float: right;
    margin-left: auto;
}

.z_wh_li li .icon {
    display: block;
    width: 4.94791vw;
    margin-right: 1.5vw;
    flex-shrink: 0;
}

.z_wh_li li .infobox {
    line-height: 24px;
    font-size: 16px;
}

.z_about_wh .z_cir_more {
    margin: 0 auto;
}

.z_about_honor {
    background: #EEF0F2;
    padding: 5vw 0;
}

.z_honor_box {
    width: 36.45833vw;
    height: 36.45833vw;
    z-index: 1;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    padding-bottom: 8vw;
    box-sizing: border-box;
}

.z_honor_box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/cir.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: animtran 30s linear infinite;
}

.z_honor_box .z_index_tit {
    margin: 2vw 0;
}

.z_honor_box .z_more {
    border-bottom-color: #1A163B;
    margin: 0 auto;
}

.z_honor_swiper {
    width: 80vw;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 4vw;
    z-index: 1;
}

.z_honor_swiper::before {
    content: "";
    display: block;
    width: 100%;
    height: 4.27083vw;
    background: url(../img/line.png) no-repeat top center;
    background-size: 100% auto;
    ;
    position: absolute;
    left: 0;
    bottom: -4.27083vw;
    z-index: 1;
}

.z_honor_swiper ul {
    justify-content: flex-end;
}

.z_honor_swiper:nth-child(even) ul {
    justify-content: flex-start;
}

.z_honor_swiper li {
    width: auto;
    height: 10vw;
    box-sizing: border-box;
}

.z_honor_swiper li img {
    display: block;
    height: 100%;
}

.z_about_process {
    position: relative;
    padding: 5vw 0;
    padding-top: 8vw;
}

.z_year_con {
    text-align: center;
    position: relative;
}

.z_year_con .year {
    font-size: 3.75vw;
    font-weight: bold;
    color: #1283EC;
    font-family: "arial";
}

.z_year_con .line {
    width: 41px;
    height: 4px;
    background: #1283EC;
    border: 0px solid #050001;
    margin: 2vw auto;
}

.z_year_con .desc {
    width: 577px;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin: 0 auto;
}

.z_year_con .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    cursor: pointer;
    outline: none;
    background: #E5E5E5;
    z-index: 2;
    border: 0px solid #050001;
    position: absolute;
    top: calc(50% + 4vw);
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    transition: ease 1s;
}

.z_year_con .swiper-button-next {
    right: 15.10416vw;
}

.z_year_con .swiper-button-prev {
    left: 15.10416vw;
}

.z_year_con .btn:hover {
    background: #1283EC;
    color: #fff;
}

.z_year {
    position: relative;
    margin-top: 18vw;
}

.z_year::before {
    content: "";
    display: block;
    width: 6.77083vw;
    height: 6.77083vw;
    border: 1px solid #1283EC;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.z_year li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.77083vw;
}

.z_year li.swiper-slide-active {
    color: #1283EC;
}

.z_year li::before {
    content: "";
    width: calc(50% - 10px);
    transition: ease 1s;
    height: 1px;
    background: #bbbbbb;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.z_year li::after {
    content: "";
    width: calc(50% - 10px);
    transition: ease 1s;
    height: 1px;
    background: #bbbbbb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.z_year li.swiper-slide-active::before,
.z_year li.swiper-slide-active::after {
    width: calc(50% - 4vw);
}

.z_year li span {
    position: relative;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    transition-delay: .5s;
    transition: ease .2s;
}

.z_year li span::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #B1B1B1;
    border: 0px solid #050001;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.z_year li.swiper-slide-active span {
    color: #1283EC;
    font-size: 24px;
    font-family: Arial;
    margin-bottom: 30px;
}

.z_year li.swiper-slide-active span::before {
    background: #1283EC;
}

.z_next_year {
    position: absolute;
    right: 3vw;
    transition: ease 1s;
    opacity: .4;
    top: calc(50% + 4vw);
    transform: translateY(-50%);
    font-size: 10.41666vw;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: rgba(0, 0, 0, 0);
    line-height: 28px;
    -webkit-text-stroke: 1px #999;
    text-stroke: 1px #999;
}

.z_prev_year {
    position: absolute;
    left: 3vw;
    transition: ease 1s;
    opacity: .4;
    top: calc(50% + 4vw);
    transform: translateY(-50%);
    font-size: 10.41666vw;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: rgba(0, 0, 0, 0);
    line-height: 28px;
    -webkit-text-stroke: 1px #999;
    text-stroke: 1px #999;
}

.z_abouy_zc {
    display: flex;
    background: #EEF0F2;
}

.z_abouy_zc .fl_warp {
    width: 64.5%;
    padding: 10vw 8vw;
    box-sizing: border-box;
}

.z_abouy_zc .fl_warp .z_index_tit {
    margin-bottom: 5vw;
}

.z_abouy_zc .fl_warp img {
    display: block;
    width: 100%;
}

.z_abouy_zc .fr_warp {
    width: 35.5%;
}

.z_about_video {
    position: relative;
    height: 50vw;
}

.z_about_video .infobox {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
}

.z_about_video .playicon img {
    display: block;
    height: 5.72916vw;
    margin: 0 auto;
    cursor: pointer;
}

.z_about_video .playicon {
    margin-top: 2vw;
}

.z_jianjie_page {
    background: #F7F7F7;
    padding: 7vw 10vw;
    padding-right: 6vw;
    box-sizing: border-box;
}

.z_jianjie_page .box {
    width: 37.34375vw;
    float: left;
    margin-bottom: 8vw;
}

.z_jianjie_page .box:nth-child(even) {
    float: right;
    margin-left: auto;
}

.z_jianjie_page .imgbox {
    height: 37.5vw;
}

.z_jianjie_page .desc {
    color: #666666;
    max-height: 33vw;
    padding-right: 10px;
    overflow-y: auto;
    line-height: 24px;
}

.z_jianjie_page .z_index_tit {
    margin-bottom: 2vw;
}

.z_about_num2 li {
    width: 50%;
    float: left;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    height: 10vw;
    display: flex;
}

.z_about_num2 li .timer {
    font-size: 3.75vw;
    font-family: Arial;
    font-weight: bold;
    color: #1283EC;
}

.z_about_num2 li h4 {
    font-size: 18px;
    color: #666666;
}

.z_about_num2 li:nth-child(3),
.z_about_num2 li:nth-child(4) {
    border-bottom: none;
    align-items: flex-end;
}

.z_about_num2 li:nth-child(2),
.z_about_num2 li:nth-child(4) {
    border-right: none;
    /* justify-content: flex-end; */
    padding-left: 2vw;
}

.z_about_num2 li:nth-child(2) {}

.z_honor_page {
    background: #F7F7F7;
    padding: 5vw 0;
    padding-bottom: 12vw;
}

.z_sub_nav {
    text-align: center;
}

.z_sub_nav a {
    display: inline-block;
    min-width: 124px;
    padding: 0 10px;
    line-height: 48px;
    text-align: center;
    height: 48px;
    background: #FFFFFF;
    border: 0px solid #050001;
    border-radius: 0 24px 24px 24px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 5px;
}

.z_sub_nav a:hover,
.z_sub_nav a.active {
    background: #1283EC;
    color: #fff;
}

.z_honor_box2 {
    padding: 0;
}

.z_honor_box2 .desc {
    width: 859px;
    font-size: 16px;
    font-family: NotoSansHans;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin: 0 auto;
}

.z_honor_page .z_sub_nav {
    margin: 3vw 0;
}

.z_honor_warp1 {
    margin-top: -4vw;
}

.z_honor_swiper:nth-child(even) {
    margin-left: auto;
}

.z_honor_swiper:nth-child(even)::before {
    background-image: url(../img/line2.png);
}

.z_honor_box .icon img {
    display: block;
    margin: 0 auto;
}

.z_wh_page .z_honor_box {
    height: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
}

.z_wh_page .z_honor_box::before {
    display: none;
}

.z_wh_page {
    padding: 6vw 0;
    background: #F7F7F7;
}

.z_wh_page .z-container {
    width: 1200px;
}

.z_wh_con .tit {
    font-size: 30px;
    font-weight: bold;
    color: #1283EC;
    line-height: 24px;
    padding: 2.6vw 0;
}

.z_wh_page .z_wh_li {
    margin: 0;
    margin-top: 4vw;
}

.z_wh_con li {
    background: #fff;
    border-left: 5px solid #1283ED;
    padding: 1.5vw 1vw;
    margin-bottom: 20px;
}

.z_wh_con li:last-child {
    margin-bottom: 0;
}

.z_wh_con li h3 {
    font-size: 24px;
    margin-bottom: 0.8vw;
    font-weight: bold;
}

.z_wh_con li .con {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.z_fc_list {
    width: 79.16666vw;
    margin: 0 auto;
    margin-top: 5vw;
}

.z_fc_list ul {
    margin-left: -2.3%;
}

.z_fc_list li {
    width: 31%;
    float: left;
    position: relative;
    margin-left: 2.3%;
    overflow: hidden;
    margin-bottom: 2vw;
}

.z_fc_list li img {
    display: block;
    width: 100%;
    transition: ease 1s;
}

.z_fc_list li .infobox {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(18, 131, 236, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease 1s;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    opacity: 0;
}

.z_fc_list li:hover .infobox {
    opacity: 1;
}

.z_fc_list li:hover img {
    transform: scale(1.1, 1.1);
}

.z_yj_page {
    background: #F7F7F7;
    padding: 5vw 10vw;
    box-sizing: border-box;
}

.z_yj_page li {
    width: 100%;
}

.z_yj_page .frist {
    position: relative;
    z-index: 1;
    background: #fff;
}

.z_yj_page .frist a {
    display: flex;
    align-items: center;
}

.z_yj_page .frist .imgbox,
.z_yj_page .frist .infobox {
    width: 50%;
    padding: 2.6vw;
    box-sizing: border-box;
}

.z_yj_page .imgbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.z_yj_page img {
    display: block;
    max-height: 100%;
    transition: ease 1s;
}

.z_yj_page .frist .infobox {
    padding-right: 8vw;
}

.z_yj_page h3 {
    font-size: 1.4vw;
    font-weight: bold;
}

.z_yj_page .desc {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    text-align: justify;
    margin: 2vw 0;
}

.z_yj_page .more {
    color: #1283ED;
}

.z_yj_page ul {
    margin-left: -2%;
}

.z_yj_page li {
    width: 48%;
    background: #fff;
    margin-left: 2%;
    margin-top: 1.5vw;
    text-align: center;
    position: relative;
    z-index: 1;
    background: url(../img/mask5.png) no-repeat top center;
    background-size: cover;
}

.z_yj_page li::before,
.z_yj_page .frist::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: ease 1s;
    opacity: 0;
}

.z_yj_page li .imgbox {
    height: 20vw;
    overflow: hidden;
}

.z_yj_page li .imgbox {
    padding: 2.6vw;
    box-sizing: border-box;
}

.z_yj_page li .infobox {
    padding: 3vw;
    padding-bottom: 0;
    box-sizing: border-box;
}

.z_yj_page li .desc {
    max-height: 60px;
    margin: 1vw auto;
    width: 60%;
}

.z_yj_page li:hover img,
.z_yj_page .frist:hover img {
    transform: scale(1.05, 1.05);
}

.z_yj_page li:hover h3,
.z_yj_page .frist:hover h3 {
    color: #1283EC;
}

/* .z_yj_page li:hover::before,.z_yj_page .frist:hover::before{ opacity: 1;background: url(../img/zmask5.png) no-repeat top center; background-size: cover;} */

.z_yj_page .frist .imgbox {
    height: 29vw;
}

.z_yj_page .frist {
    margin-bottom: 1.5vw;
}

.z_xq_banner {
    background: url(../img/bg3.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.2vw;
    padding: 3vw;
    box-sizing: border-box;
    padding: 5vw 10vw;
    box-sizing: border-box;
}

.z_xq_banner img {
    max-height: 100%;
}

.z_pro_js {
    padding: 6vw 10vw;
    box-sizing: border-box;
}

.z_pro_js .tit {
    font-size: 1.875vw;
    font-weight: bold;
    margin-bottom: 3vw;
}

.z_pro_js .warps {
    display: flex;
    align-items: flex-start;
}

.z_pro_js .infobox {
    width: 38.54166vw;
}

.z_pro_js .imgbox {
    width: 34.0625vw;
    margin-left: auto;
    background: url(../img/mask2.png) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.6vw;
    box-sizing: border-box;
}

.z_pro_js .imgbox img {
    max-height: 100%;
}

.z_pro_js .infobox p:first-child {
    border-top: 1px solid #dddddd;
}

.z_pro_js .infobox p {
    line-height: 24px;
    border-bottom: 1px solid #dddddd;
    padding: 1vw 0;
}

.z_pro_js .infobox h4 {
    color: #666;
}

.z_yjky_lsit li a {
    display: flex;
}

.z_yjky_lsit li .imgbox,
.z_yjky_lsit li .infobox {
    width: 50%;
    height: 25vw;
    text-align: left;
}

.z_yjky_lsit li .imgbox {
    padding: 0 !important;
}

.z_dx_case {
    background: #f8f9fa;
    padding-top: 4vw;
}

.z_dx_head {
    padding: 4vw 10vw;
    box-sizing: border-box;
}

.z_dx_head .tit {
    font-size: 1.875vw;
    font-weight: bold;
}

.z_dx_swiper {
    overflow: hidden;
}

.z_dx_swiper .imgbox {
    height: 26.16666vw;
    overflow: hidden;
}

.z_dx_swiper .infobox {
    padding: 2.5vw 2vw;
    font-size: 1.04vw;
}

.z_dx_swiper li {
    border-right: 1px solid #C5C5C5;
    box-sizing: border-box;
}

.z_dx_swiper li:hover .imgbg {
    transform: scale(1.1, 1.1);
}

.z_dx_swiper li:hover h3 {
    color: #1283EC;
}

.z_pro_xq {
    margin-top: 6vw;
}

.z_pro_xq img {
    max-height: auto !important;
}


.z_news_swiper2 {
    overflow: hidden;
}

.z_news_swiper2 .infobox {
    width: 30vw;
    height: 26.97916vw;
    position: relative;
}

.z_news_swiper2 .z_index_more {
    position: absolute;
    left: 0;
    bottom: 0;
}

.z_news_swiper2 .time {
    font-family: Arial;
    font-weight: 400;
    color: #666666;
    display: block;
    margin-bottom: 1vw;
}

.z_news_swiper2 .infobox .tit {
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    line-height: 36px;
}

.z_news_swiper2 .desc {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-top: 2vw;
    height: 96px;
}

.z_news_swiper2 .imgbox {
    width: 39.58333vw;
    height: 26.97916vw;
    overflow: hidden;
    border-radius: 0 0 10vw 0;
    transition: ease 1s;
}

.z_news_swiper2 li:hover .imgbg {
    transform: scale(1.1, 1.1);
}

.z_news_swiper2 li:hover .imgbox {
    border-radius: 0;
}

.z_news_swiper2 li:hover .tit {
    color: #1283EC;
}

.z_news_swiper2 li {
    padding: 5.2vw 10vw;
    box-sizing: border-box;
}

.z_news_swiper2 .z_cir_more {
    position: absolute;
    left: 0;
    bottom: 0;
}

.z_news_page {
    background: #E6E6E7;
    padding-bottom: 5vw;
}

.z_news_list {
    background: #efeff0;
    padding: 0 10vw;
    box-sizing: border-box;
}

.z_news_list li {
    width: 25%;
    float: left;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    padding: 3vw 2vw;
    box-sizing: border-box;
    border-top: none;
    margin-left: -1px;
}

.z_news_list li h3 {
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    margin-bottom: 1vw;
    -webkit-line-clamp: 2;
}

.z_news_list li .time {
    font-family: Arial;
    color: #666666;
}

.z_news_list li .imgbox {
    width: 100%;
    height: 10vw;
    overflow: hidden;
    margin-top: 20px;
    transition: ease 1s;
}

.z_news_list li:hover .imgbg {
    transform: scale(1.1, 1.1);
}

.z_news_list li:hover h3 {
    color: #1283EC;
}

.z_news_page .z_load_more {
    padding: 6vw 0;
}

.z_load_more img {
    display: block;
    margin: 0 auto;
}

.z_news_list li:hover .imgbox {
    border-radius: 0;
}

.z_newsxq_page {
    background: #f8f9fa;
    padding: 5.2vw 0;
    margin-top: 5.2vw;
}

.z_newsxq_page .z-container {
    width: 1000px;
}

.z_news_head2 {
    margin: 0 auto;
    text-align: center;
}

.z_news_head2 .slg {
    color: #888888;
    font-size: 16px;
}

.z_news_head2 .tit {
    font-size: 2.5vw;
    font-weight: bold;
    color: #333333;
    line-height: 3.125vw;
    margin: 1.5vw 0;
}

.z_news_head2 .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: #1283EC;
}

.z_newsxq_page .z_xq_content {
    padding: 3vw 0;
    border-bottom: 1px solid #D6D6D6;
}

.z_newsxq_page .z_xq_content a {
    font-size: unset;
}

.mr {
    margin-left: auto;
}

.z_xg_head {
    padding: 2vw 0;
}

.z_xg_head .z_more {
    color: #838383;
    border-color: #838383;
}

.z_xg_news {
    overflow: hidden;
}

.z_xg_news .z_news_swiper {
    width: 100%;
}

.z_pages_bar {
    text-align: center;
    margin-top: 3vw;
}

.z_pages_bar a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px;
    border-radius: 16px;
}

.z_pages_bar a.on,
.z_pages_bar a:hover {
    background: #1283EC;
    color: #fff;
}

.z_pages_bar a.iconfont {
    color: #ccc;
    font-size: 18px;
}

.z_contact_page {
    background: #f7f7f7;
    margin: 0 auto;
    padding: 5vw 10vw;
}

.z_contact_page .z_index_tit {
    color: #333;
    margin-bottom: 3.5vw;
}

.z_contact_page .z_index_tit .d1 {
    background: #2D4FE2;
    opacity: .5;
}

.z_contact_warp {
    border: 1px solid #D1D1D1;
    display: flex;
}

.z_contact_warp .box {
    width: 33.3%;
    float: left;
    padding: 2.4vw;
    box-sizing: border-box;
    border-right: 1px solid #D1D1D1;
    background: #fff;
}

.z_contact_warp .box:last-child {
    border-right: none;
}

.z_contact_warp h3 {
    font-size: 1.2vw;
    font-weight: bold;
    margin-bottom: 2vw;
}

.z_contact_warp .icon {
    width: 7.29166vw;
    height: 7.29166vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: center;
    position: relative;
}

.z_contact_warp .icon::before {
    content: "";
    display: block;
    animation: animtran 10s linear infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/dbx.png) no-repeat center;
    background-size: auto 100%;
}

.z_contact_warp .iconbox {
    position: relative;
    z-index: 1;
    width: 11.14583vw;
    margin: 0 auto;
    padding-bottom: 3vw;
    margin-bottom: 2vw;
}

.z_contact_warp .descp {
    color: #666666;
    margin-bottom: 15px;
}

.z_contact_warp .descp span {
    display: block;
    font-size: 1.35416vw;
    min-height: 4vw;
    font-family: Arial;
    font-weight: bold;
    color: #111112;
}

.z_rc_nl {
    text-align: center;
    padding-top: 6vw;
    z-index: 1;
}

.z_rc_nl .desc {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    width: 528px;
    margin: 2vw auto;
}

.z_rc_nl .z_cir_more {
    margin: 0 auto;
}

.z_rc_img {
    position: relative;
    margin-top: -2vw;
    z-index: 2;
}

.z_rc_img img {
    display: block;
    width: 100%;
}


.sideMenu {
    line-height: 66px;
}

.sideMenu {
    margin: 0 auto;
}

/* { display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;} */
.rc_box .tit {
    color: #444444;
    cursor: pointer;
    position: relative;
}

.zp_tit span {
    font-weight: bold;
}

.zp_tit,
.rc_box .tit {
    cursor: pointer;
    box-sizing: border-box;
    transition: all .6s;
    padding: 0 1vw;
    box-sizing: border-box;
    z-index: 1;
    box-sizing: border-box;
}

.rc_box .tit {
    display: flex;
}

.rc_box:nth-child(odd) .tit {}

.rc_box .tit span,
.zp_tit span {
    display: block;
    font-size: 16px;
    box-sizing: border-box;
    width: 18%;
    float: left;
}

.rc_box .tit span:nth-child(3),
.zp_tit span:nth-child(3) {
    width: 12%;
}

.zp_tit {
    border-bottom: 1px solid #ccc;
}

.rc_box .rc_con {
    width: 100%;
    box-sizing: border-box;
    padding: 2vw 1vw;
    box-sizing: border-box;
    display: none;
    border-top: none;
}

.rc_box .tit.on {
    background: #F8F8F8;
}

.rc_box .tit.on::before {
    background-image: url(../img/jian2.png);
}

.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;
}

.rc_box .tit::before {
    content: "";
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/jia2.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
}

.aply_btn {
    width: 120px;
    height: 44px;
    cursor: pointer;
    background: rgba(0, 113, 227, 0);
    border: 1px solid #333333;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3vw;
}

.aply_btn img {
    margin-left: 10px;
}

.aply_btn:hover {
    background: #1283EC;
    border-color: #1283EC;
    color: #fff;
}

.rc_box {
    border-bottom: 1px solid #ccc;
}

.aply_pop {
    width: 560px;
    height: 280px;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 7px 0 46px rgba(0, 0, 0, .2);
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    display: none;
    z-index: 999;
}

.aply_pop h3 {
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 25px;
    font-size: 24px;
}

.aply_pop .uploadbtn {
    display: inline-block;
    width: 100px;
    height: 33x;
    text-align: center;
    line-height: 33px;
    color: #333;
    color: #fff;
    border-radius: 4px;
    background: #067DD0;
    position: relative;
    overflow: hidden;
}

.aply_pop .uploadbtn input {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    opacity: 0;
}

.aply_pop p {
    color: #7f7f7f;
    margin-top: 10px;
    margin-bottom: 40px;
}

.aply_pop .btn_group span {
    display: inline-block;
    cursor: pointer;
    width: 100px;
    height: 33px;
    background: #c6c6c6;
    border: none;
    color: #fff;
    border-radius: 3px;
    line-height: 33px;
}

.aply_pop .btn_group .surebtn {
    background: #067DD0;
}

.aply_pop .closebtn {
    width: 27px;
    height: 27px;
    background: url(../img/close.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.z_zp_page {
    padding: 6vw 10vw;
    box-sizing: border-box;
}

.z_zp_tit {
    border-bottom: 8px solid #252525;
    padding: 1.5vw 0;
}

.z_zp_tit .send {
    font-size: 16px;
}

.z_zp_tit .send a {
    color: #1283EC;
    font-size: 18px;
}

.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;
    width: 169px;
    height: 48px;
    background: #1283ED;
    border: 0px solid #000000;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.z_nl_banner {
    margin-top: 5.2vw;
}

.z_ln_warp {
    padding: 6vw 0;
}

.z_nl_head {
    text-align: center;
}

.z_nl_head .line {
    margin: 2.6vw auto;
    width: 51px;
    height: 3px;
    background: #1283ED;
}

.z_nl_head .desc {
    width: 528px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
}

.z_nl_head h3 {
    font-size: 24px;
    margin-bottom: 1vw;
    font-weight: bold;
}

.z_nl_head .z_index_tit .h3 {
    font-size: 32px;
    line-height: 40px;
}

.z_nl_box {
    width: 1250px;
    margin: 0 auto;
}

.z_nl_box .item {
    margin-top: 8vw;
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
}

.z_nl_box .imgbox {
    width: 45%;
    height: 364px;
    float: left;
}

.z_nl_box .infobox {
    width: 46%;
    float: right;
    max-height: 364px;
    overflow-y: auto;
    padding-right: 10px;
    margin-left: auto;
}

.z_nl_box .infobox h3,
.z_fl_box h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.z_nl_box .infobox .desc,
.z_fl_box .desc {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.z_nl_box .item:nth-child(even) .imgbox {
    margin-left: 55%;
}

.z_nl_box .item:nth-child(even) .infobox {
    position: absolute;
    left: 0;
    top: 0;
}


.z_fl_warp {
    background-color: #e8eaeb;
    padding: 6vw 0;
    padding-bottom: 20vw;
}

.z_fl_warp .z-container {
    width: 1250px;
    margin: 0 auto;
}

.z_fl_img {
    margin: 5vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.z_fl_box .item {
    width: 44%;
}









@media screen and (max-width:1440px) {
    .z_menu_nav li h3 a {
        font-size: 18px;
    }

    .z_menu_nav li .down a {
        font-size: 14px;
        line-height: 24px;
    }

    .z_yw_swiper li .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .z_footer_nav li {
        margin-left: 3vw;
    }

    .z_header_nav a {
        font-size: 16px;
    }

    .z_honor_warp1 {
        margin-top: -1vw;
    }

    .z_pro_js .infobox li,
    .z_dx_swiper .infobox {
        font-size: 16px;
    }

    .z_case_page h3,
    .z_news_swiper h3,
    .z_news_list li h3 {
        font-size: 20px;
    }

    .z_news_swiper2 .desc {
        -webkit-line-clamp: 2;
        height: 48px;
    }

    .z_footer .fl_warp {
        width: 200px;
    }
}

@media screen and (max-width:1300px) {

    .z_nl_box,
    .z_fl_warp .z-container {
        width: 90%;
    }
}

@media screen and (max-width:980px) {
    .z_footer .fl_warp {
        width: 100%;
    }

    .z_logo .img2 {
        opacity: 1;
    }

    .z_logo .img1 {
        opacity: 0;
    }

    .z_banner_warp {
        margin-top: 50px;
    }

    .z_banner {
        height: auto;
    }

    .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 {
        position: fixed;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        left: auto;
        display: flex;
    }

    .z_menu_btn span {
        background: #1283EC;
    }

    .z_header_nav li .downnav {
        display: none;
    }

    .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: #1283ec;
        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 a {
        font-size: 16px;
        color: #fff !important;
    }

    .z_header_nav .downnav {
        display: none;
    }

    .z_header_search {
        display: none;
    }

    .z_logo img {
        height: 40px;
    }

    .z_about_num {
        width: 100%;
        position: relative;
        padding: 10px 0px;
        box-sizing: border-box;
        color: #000;
        left: auto;
        bottom: auto;
        border: none;
    }

    .z_about_num ul {
        display: block;
    }

    .z_about_num li {
        color: #000;
        width: 50%;
        float: left;
        padding: 10px 12px;
    }

    .z_about_num li::before {
        display: none;
    }

    .z_about_num li .timer {
        font-size: 20px;
    }

    .z_banner_text {
        top: 50%;
        transform: translateY(-50%);
    }

    .z_banner_text .slg {
        display: none;
    }

    .z_banner_text .en {
        font-size: 18px;
    }

    .z_banner_text .cn {
        font-size: 18px;
    }

    .lazy {
        background-attachment: inherit !important;
    }

    .z_index_about {
        height: auto;
        padding: 40px 12px;
        padding-bottom: 100px;
    }

    .z_index_tit .h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .z_dot {
        margin-top: 10px;
    }

    .z_index_about .desc {
        font-size: 14px;
        line-height: 24px;
        margin: 30px 0;
        width: 100%;
    }

    .z_index_about .playicon img {
        height: 80px;
    }

    .z_cir_more {
        width: 80px;
        height: 80px;
        font-size: 12px;
        background: #1283EC;
        border: none;
        color: #fff;
    }

    .z_wave .wave,
    .z_wave .wave1,
    .z_wave .wave2 {
        width: 100px;
        height: 100px;
    }

    .z_yw_swiper {
        height: 100vw;
        width: 100%;
        margin: 0;
    }

    .z_yw_swiper .btn {
        width: 30px;
    }

    .z_yw_swiper li {
        padding: 0;
    }

    .z_yw_swiper li a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .z_yw_swiper li .desc {
        display: none;
    }

    .z_yw_swiper li .icon {
        width: 50px;
        height: 50px;
    }

    .z_yw_swiper li h3 {
        font-size: 16px;
        margin-top: 10px;
    }

    .z_yw_swiper li .more {
        opacity: 1;
    }

    .z_index_yw .z_index_tit {
        left: 12px;
        top: 30px;
    }

    .z_index_pro {
        padding: 35px 12px;
    }

    .z_index_pro ul {
        margin-top: 20px;
        margin-left: 0;
        display: block;
    }

    .z_index_pro ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .z_index_pro li .imgbox,
    .z_index_pro li:last-child .imgbox {
        height: 50vw;
        padding: 10px;
    }

    .z_index_pro li h3 {
        font-size: 15px;
    }

    .z_index_pro li .infobox,
    .z_index_pro li:last-child .box .infobox {
        padding: 10px;
        text-align: center;
    }

    .z_index_pro li .desc {
        display: none;
    }

    .z_index_pro li:last-child .box {
        height: auto;
        margin-bottom: 10px;
        background: #fff url(../img/mask2.png) no-repeat top center;
        width: 100%;
        background-size: cover;
    }

    .z_index_news {
        padding: 40px 12px;
    }

    .z_news_head {
        padding-right: 0;
        align-items: center;
    }

    .z_index_news .warps {
        margin-top: 30px;
    }

    .z_news_swiper {
        width: 100%;
    }

    .z_news_swiper li {
        height: 90vw;
        border-radius: 0 0 10vw 0;
    }

    .z_news_swiper li .infobox {
        padding: 20px 10px;
    }

    .z_news_swiper li h3 {
        font-size: 15px;
    }

    .z_news_swiper li .z_more {
        display: none;
    }

    .z_swiper_btn {
        margin-top: 20px;
        text-align: center;
    }

    .z_swiper_btn .iconfont {
        margin: 0 5px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .z_footer_nav {
        display: none;
    }

    .z_footer {
        padding: 0 12px;
    }

    .z_footer_logo {
        display: none;
    }

    .z_footer_addre {
        margin: 0;
    }

    .z_footer_top {
        padding: 20px 0;
    }

    .z_footer_addre .tel {
        font-size: 20px;
    }

    .z_footer_btm {
        padding: 10px 0;
    }

    .z_footer_btm .fl,
    .z_footer_btm .fr {
        width: 100%;
        text-align: center;
    }

    .z_footer_addre p {
        font-size: 14px;
    }

    .z_other_banner {
        margin-top: 50px;
    }

    .z_other_text h3 {
        font-size: 24px;
    }

    .z_page_nav {
        padding: 0;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
    }

    .z_page_nav li {
        float: left;
        margin: 0;
    }

    .z_page_nav li a {
        font-size: 15px;
        padding: 0 10px;
        margin: 0;
    }

    .z_about_warp {
        padding: 35px 12px;
    }

    .z_about_warp .desc {
        width: 100%;
        margin: 30px 0;
    }

    .z_about_warp .z_about_num {
        margin-top: 30px;
    }

    .z_about_warp .z_about_num li {
        color: #fff;
        padding: 10px 0;
    }

    .z_about_boss {
        display: block;
    }

    .z_about_boss .fl_warp,
    .z_about_boss .fr_warp {
        width: 100%;
        padding: 30px 12px;
    }

    .z_about_boss .desc {
        margin: 20px 0;
    }

    .z_about_boss .qm {
        font-size: 16px;
    }

    .z_about_wh {
        padding: 40px 12px;
    }

    .z_wh_li {
        margin: 30px 0;
    }

    .z_wh_li li {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 10px;
    }

    .z_wh_li li .icon {
        width: 60px;
        margin-right: 10px;
    }

    .z_wh_li li .infobox {
        font-size: 14px;
    }

    .z_about_honor {
        padding: 40px 0;
    }

    .z_honor_box {
        width: 94vw;
        height: auto;
    }

    .z_honor_swiper li {
        height: 35vw;
    }

    .z_year_con .desc {
        width: 100%;
        font-size: 14px;
        margin: 20px 0;
    }

    .z_year_con .year {
        font-size: 24px;
        margin-top: 20px;
    }

    .z_year_con .btn {
        display: none;
    }

    .z_year::before {
        width: 80px;
        height: 80px;
        display: none;
    }

    .z_abouy_zc {
        display: block;
    }

    .z_abouy_zc .fl_warp {
        width: 100%;
        padding: 40px 12px;
    }

    .z_abouy_zc .fr_warp {
        display: none;
    }

    .z_jianjie_page {
        padding: 40px 12px;
    }

    .z_jianjie_page .box {
        width: 100%;
        margin-bottom: 20px;
    }

    .z_jianjie_page .imgbox {
        height: 60vw;
    }

    .z_about_num2 li {
        height: 80px;
    }

    .z_about_num2 li .timer {
        font-size: 20px;
    }

    .z_about_num2 li h4 {
        font-size: 14px;
    }

    .z_honor_box2 .desc {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .z_sub_nav a {
        min-width: auto;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-bottom: 10px;
        margin: 0 2px;
    }

    .z_honor_box .warp {
        width: 100vw;
    }

    .z_honor_page .z_sub_nav {
        margin: 20px 0;
    }

    .z_honor_page {
        padding: 50px 0;
    }

    .z_honor_warp1 {
        margin-top: 50px;
    }

    .z_honor_box::before {
        display: none;
    }

    .z_wh_page .z-container {
        width: 94%;
    }

    .z_honor_box .z_index_tit {
        margin: 20px 0;
    }

    .z_wh_page .z_wh_li {
        margin-top: 30px;
    }

    .z_wh_con .tit {
        padding: 20px 0;
        font-size: 18px;
    }

    .z_wh_con li {
        padding: 15px;
        margin-bottom: 10px;
        border-width: 3px;
    }

    .z_wh_con li h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .z_wh_con li .con {
        font-size: 14px;
        line-height: 24px;
    }

    .z_fc_list {
        width: 94%;
        margin-top: 40px;
    }

    .z_fc_list ul {
        margin-left: -2%;
    }

    .z_fc_list li {
        width: 48%;
        margin-left: 2%;
    }

    .z_fc_list li .infobox {
        font-size: 14px;
    }

    .z_yj_page {
        padding: 40px 12px;
    }

    .z_yj_page .desc {
        font-size: 14px;
        line-height: 24px;
        margin: 15px 0;
    }

    .z_yj_page h3 {
        font-size: 16px;
    }

    .z_yj_page .infobox {
        padding: 20px 12px;
    }

    .z_yj_page li {
        width: 98%;
        margin-top: 10px;
    }

    .z_yj_page li .desc {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }

    .z_yj_page li .infobox {
        padding: 20px 12px;
        padding-bottom: 0;
    }

    .z_yj_page li .imgbox {
        height: 50vw;
        padding: 15px;
    }

    .z_xq_banner {
        height: auto;
        margin-top: 50px;
        padding: 30px 12px;
    }

    .z_pro_js {
        padding: 40px 12px;
    }

    .z_pro_js .warps {
        display: block;
    }

    .z_pro_js .infobox,
    .z_pro_js .imgbox {
        width: 100%;
    }

    .z_pro_js .tit {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .z_pro_js .infobox li {
        padding: 15px 0;
        font-size: 14px;
    }

    .z_pro_js .imgbox {
        padding: 20px;
    }

    .z_dx_head {
        padding: 20px 12px;
    }

    .z_dx_head .tit {
        font-size: 20px;
    }

    .z_dx_swiper .imgbox {
        height: 60vw;
    }

    .z_dx_swiper .infobox {
        font-size: 14px;
        padding: 15px 12px;
    }

    .z_news_swiper2 li {
        padding: 20px 12px;
    }

    .z_news_swiper2 .imgbox,
    .z_news_swiper2 .infobox {
        width: 100%;
    }

    .z_news_swiper2 .imgbox {
        height: 60vw;
    }

    .z_news_swiper2 .infobox {
        background: #fff;
        padding: 15px;
        height: auto;
    }

    .z_news_swiper2 .infobox .tit,
    .z_news_list li h3 {
        font-size: 16px;
        line-height: 28px;
    }

    .z_news_swiper2 .z_index_more {
        position: relative;
    }

    .z_news_swiper2 .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: 65vw;
    }

    .z_newsxq_page .z-container {
        width: 100%;
    }

    .z_newsxq_page {
        margin-top: 50px;
    }

    .z_newsxq_page {
        padding: 30px 12px;
    }

    .z_news_head2 {
        width: 100%;
    }

    .z_news_head2 .tit {
        font-size: 18px;
        line-height: 24px;
        margin: 20px 0;
    }

    .z_news_head2 .bz {
        font-size: 16px;
        line-height: 24px;
    }

    .z_share {
        margin-top: 20px;
    }

    .z_newsxq_page .z_xq_content {
        padding: 30px 0;
    }

    .z_news_swiper2 .z_cir_more {
        position: relative;
    }

    .z_xg_head {
        padding: 20px 0;
    }

    .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_contact_warp {
        display: block;
    }

    .rc_box .tit span,
    .zp_tit span {
        display: none;
    }

    .rc_box .tit span:nth-child(1),
    .zp_tit span:nth-child(1) {
        display: block;
        width: 100%;
    }

    .sideMenu {
        line-height: 50px;
    }

    .rc_box .rc_con {
        padding: 30px 0;
    }

    .z_zp_page {
        padding: 40px 12px;
    }

    .z_zp_tit {
        display: block;
        padding: 20px 0;
    }

    .z_zp_tit .send {
        margin-top: 20px;
        text-align: center;
    }

    .rc_box .tit::before {
        height: 100%;
    }

    .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_rc_nl .desc {
        width: 100%;
        font-size: 14px;
        margin: 20px 0;
    }

    .z_rc_nl {
        padding: 30px 12px;
    }

    .z_ln_warp,
    .z_fl_warp {
        padding: 40px 12px;
    }

    .z_nl_head .line {
        width: 30px;
        margin: 20px auto;
    }

    .z_nl_head h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .z_nl_head .desc {
        width: 100%;
        font-size: 14px;
    }

    .z_nl_box {
        width: 100%;
    }

    .z_nl_box .item {
        display: block;
        margin-top: 20px;
    }

    .z_nl_box .imgbox,
    .z_nl_box .infobox {
        width: 100%;
        height: auto;
        max-height: none;
        position: relative;
    }

    .z_nl_box .imgbox {
        height: 55vw;
        margin-bottom: 15px;
    }

    .z_nl_box .infobox h3,
    .z_fl_box h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .z_nl_box .infobox .desc,
    .z_fl_box .desc {
        font-size: 14px;
    }

    .z_nl_box .item:nth-child(even) .infobox {
        position: relative;
    }

    .z_nl_box .item:nth-child(even) .imgbox {
        margin-left: 0;
    }

    .z_fl_warp .z-container {
        width: 100%;
    }

    .z_fl_img {
        margin: 30px 0;
    }

    .z_fl_box .item {
        width: 100%;
    }

    .z_honor_warp {
        margin-top: 40px;
    }

    .z_honor_swiper,
    .z_about_process {
        overflow: hidden;
    }

    .z_about_video .playicon {
        margin-top: 20px;
    }

    .z_about_video .playicon img {
        height: 80px;
    }

    .z_about_video {
        height: 70vw;
    }

    .z_jianjie_page .desc {
        max-height: none;
    }

    .z_news_swiper2 .imgbox,
    .z_news_swiper2 .infobox {
        border-radius: 0;
    }

    .z_news_list li h3 {
        max-height: 90px;
        margin-bottom: 20px;
        height: auto;
    }

    .z_sub_btn {
        margin: 0 auto;
    }

    .z_nl_head .z_index_tit .h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .z_banner .z_swiper_btn {
        display: none;
    }
}