body {
    color: #333;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    width: 100%;
    font-family: LXGW WenKai TC,Arial,sans-serif;
    background: #fff
}

@media(min-width: 1920px) {
    body {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    body {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    body {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    body {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    body {
        font-size:14px
    }
}

pre,input,textarea {
    font-family: LXGW WenKai TC,Arial,sans-serif
}

a {
    -webkit-transition: color .6s;
    transition: color .6s
}

.mr {
    margin-left: auto
}

[data-scroll=fade] {
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s
}

[data-scroll=fade]:not(.ani) {
    opacity: 0
}

[data-scroll=fadeUp] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadeUp]:not(.ani) {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: .2
}

[data-scroll=fadeUp2] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadeUp2]:not(.ani) {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: .2
}

[data-scroll=fadeUp3] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadeUp3]:not(.ani) {
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

[data-scroll=fadeRight] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadeRight]:not(.ani) {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    opacity: .2
}

[data-scroll=fadeLeft] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadeLeft]:not(.ani) {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity: .2
}

[data-scroll=fadezoom] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadezoom]:not(.ani) {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0
}

[data-scroll=fadezoom2] {
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

[data-scroll=fadezoom2]:not(.ani) {
    -webkit-transform: scale(0.52, 0.52);
    transform: scale(0.52, 0.52);
    opacity: 0
}

[data-scroll=fadezoom3] {
    -webkit-transition: ease 2.5s;
    transition: ease 2.5s
}

[data-scroll=fadezoom3]:not(.ani) {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0
}

.z_header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw;
    height: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background 1s;
    transition: background 1s
}

@media screen and (max-width: 980px) {
    .z_header {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_header {
        height:50px
    }
}

.z_header.on {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px 5px rgba(0,0,0,.1)
}

.z_header .logo {
    position: relative
}

.z_header .logo img {
    display: block;
    height: 2vw;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_header .logo img {
        height:36px
    }
}

.z_header .z_header_nav {
    position: relative
}

.z_header .z_header_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.z_header .z_header_nav li {
    margin-right: 1.8229166667vw
}

@media screen and (max-width: 980px) {
    .z_header .z_header_nav li {
        margin-right:0
    }
}

.z_header .z_header_nav li.active .one,.z_header .z_header_nav li:hover .one {
    color: #902927
}

.z_header .z_header_nav li.active .downwarp,.z_header .z_header_nav li:hover .downwarp {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 30vw;
    -webkit-transition: ease .8s;
    transition: ease .8s
}

.z_header .z_header_nav a {
    display: block
}

.z_header .z_header_nav .one {
    color: #333;
    font-weight: bold
}

@media(min-width: 1920px) {
    .z_header .z_header_nav .one {
        line-height:60px
    }
}

@media(max-width: 1920px) {
    .z_header .z_header_nav .one {
        line-height:3.125vw
    }
}

@media(max-width: 1440px) {
    .z_header .z_header_nav .one {
        line-height:3.125vw
    }
}

@media(max-width: 1000px) {
    .z_header .z_header_nav .one {
        line-height:3.125vw;
        line-height: 50px
    }
}

@media(min-width: 1920px) {
    .z_header .z_header_nav .one {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_header .z_header_nav .one {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_header .z_header_nav .one {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_header .z_header_nav .one {
        font-size:1.1458333333vw;
        font-size: 16px
    }
}


@media screen and (max-width: 980px) {
    .z_header {
        background:#fff;
        border-bottom: 1px solid #902927
    }

    .z_header .logo .img2 {
        opacity: 1
    }

    .z_header .logo .img1 {
        opacity: 0
    }

    .z_header .mr {
        position: fixed;
        right: 0;
        top: 50px;
        width: 100%;
        height: calc(100vh - 50px);
        z-index: 9;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: hidden;
        -webkit-transition: ease .8s;
        transition: ease .8s;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block
    }

    .z_header .mr.on {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .z_header .mr .z_flex {
        display: block;
        width: 100%;
        text-align: center
    }

    .z_header .z_header_nav {
        width: 100%;
        margin-top: 20px
    }

    .z_header .z_header_nav ul {
        display: block;
        padding: 0 12px
    }

    .z_header .z_header_nav li {
        position: relative;
        border-bottom: 1px solid #eee
    }
}

.z_menu_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 11;
    margin-left: auto;
    display: none
}

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

.z_menu_btn .line2 {
    margin: 4px 0
}

.z_menu_btn .line1,.z_menu_btn .line2 {
    margin-left: auto
}

.z_menu_btn.on .line1 {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
    width: 24px
}

.z_menu_btn.on .line2 {
    opacity: 0
}

.z_menu_btn.on .line3 {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
    width: 24px
}

.z_menu_btn:hover span {
    width: 24px
}

@media screen and (max-width: 980px) {
    .z_menu_btn {
        display:block
    }
}

.z_flex_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 980px) {
    .z_flex_warp {
        display:block
    }
}

.z_index_section1 {
    background-size: 100% auto;
    padding: 2.6041666667vw;
    padding-top: 6vw;
    padding-bottom: 0
}

@media screen and (max-width: 980px) {
    .z_index_section1 {
        padding-top:0
    }
}


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

.z_banner li a {
    display: block;
    width: 100%;
    height: 100%
}

.z_banner li:hover .title {
    padding: 2vw 0
}

.z_banner li.on {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}


.z_banner .title {
    width: 40px;
    height: 32.2916666667vw;
    background: #63221b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fac38c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: padding 1s;
    transition: padding 1s
}

@media screen and (max-width: 980px) {
    .z_banner .title {
        height:100%
    }
}

.z_banner .title .tt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright
}

@media screen and (max-width: 980px) {
    .z_banner {
        margin-top:60px
    }

    .z_banner li {
        width: 30px
    }
}

.z_pc_banner {
    display: block
}
@media screen and (max-width: 980px) {
    .z_pc_banner {
        display:none
    }
}

.z_mobile_banner {
    display: none
}

@media screen and (max-width: 980px) {
    .z_mobile_banner {
        display:block;
        overflow: hidden;
        margin-top: 60px
    }

    .z_mobile_banner .imgbox {
        height: 40vw
    }
}

.z_index_tit.center {
    text-align: center
}

.z_index_tit.center .slg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_index_tit .slg {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .4166666667vw
}

@media(min-width: 1920px) {
    .z_index_tit .slg {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_index_tit .slg {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_index_tit .slg {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_index_tit .slg {
        font-size:1.1458333333vw;
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .slg {
        margin-bottom:5px
    }
}

.z_index_tit .slg img {
    display: block;
    margin-right: 5px
}

.z_index_tit .tit {
    font-weight: bold;
    font-weight: bold
}

@media(min-width: 1920px) {
    .z_index_tit .tit {
        font-size:50px
    }
}

@media(max-width: 1920px) {
    .z_index_tit .tit {
        font-size:2.6041666667vw
    }
}

@media(max-width: 1440px) {
    .z_index_tit .tit {
        font-size:2.6041666667vw
    }
}

@media(max-width: 1000px) {
    .z_index_tit .tit {
        font-size:2.6041666667vw;
        font-size: 24px
    }
}

@media(min-width: 1920px) {
    .z_index_tit .tit {
        line-height:60px
    }
}

@media(max-width: 1920px) {
    .z_index_tit .tit {
        line-height:3.125vw
    }
}

@media(max-width: 1440px) {
    .z_index_tit .tit {
        line-height:3.125vw
    }
}

@media(max-width: 1000px) {
    .z_index_tit .tit {
        line-height:3.125vw;
        line-height: 28px
    }
}

.z_index_tit.z_index_tit2 .slg,.z_index_tit.z_index_tit2 .tit {
    color: #fac38c
}

.z_index_pro {
    padding-top: 8.3333333333vw;
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_index_pro {
        padding-top:35px;
        padding-bottom: 35px
    }
}

@media screen and (max-width: 980px) {
    .z_index_pro {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_index_pro ul {
    margin-top: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_index_pro ul {
        margin-top:30px
    }
}

.z_index_pro li {
    position: relative;
    margin-bottom: .625vw
}

@media screen and (max-width: 980px) {
    .z_index_pro li {
        height:50vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_pro li {
        margin-bottom:12px
    }
}

.z_index_pro li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_index_pro li .one .more {
    display: inline-block;
    margin-top: 1rem;
}

.z_index_pro li.on {
    z-index: 8
}

.z_index_pro li .imgbox {
    width: 100%;
    height: 100%
}

.z_index_pro li .infobox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1.3020833333vw;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 980px) {
    .z_index_pro li .infobox {
        padding:20px
    }
}

.z_index_pro li .tit {
    font-weight: bold;
    display: inline-block
}

@media(min-width: 1920px) {
    .z_index_pro li .tit {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_index_pro li .tit {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_index_pro li .tit {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_index_pro li .tit {
        font-size:.9375vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_index_pro li .tit em {
        font-size:36px
    }
}

@media(max-width: 1920px) {
    .z_index_pro li .tit em {
        font-size:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_index_pro li .tit em {
        font-size:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_index_pro li .tit em {
        font-size:1.875vw;
        font-size: 20px
    }
}

.z_index_pro li{
    width: 49%;
    margin-right:2%;
    position: relative
}
.z_index_pro li:nth-child(2n){margin-right:0}

.z_index_more {
    width: 174px;
    height: 38px;
    width: 9.0625vw;
    height: 1.9791666667vw;
    background: rgba(218,184,102,0);
    border: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .z_index_more {
        width:174px;
        height: 38px
    }
}

@media(min-width: 1920px) {
    .z_index_more {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_index_more {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_index_more {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_index_more {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

.z_index_more .arr {
    width: 12px;
    height: 12px;
    background: url(../images/arr.png) no-repeat center;
    background-size: 100% auto;
    margin-left: .5208333333vw;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_index_more .arr {
        margin-left:0
    }
}

.z_index_more:hover {
    background: #902927;
    color: #fff;
    border-color: #902927 !important
}

.z_index_more:hover .arr {
    background: url(../images/arr2.png) no-repeat center;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.z_index_more.z_index_more2 {
    background: #902927;
    color: #fff;
    border-color: #902927
}

.z_index_more.z_index_more2 .arr {
    background: url(../images/arr2.png) no-repeat center
}

.zarr {
    width: 12px;
    height: 12px;
    background: url(../images/arr.png) no-repeat center;
    background-size: 100% auto;
    margin-left: .4166666667vw;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    display: inline-block
}

@media screen and (max-width: 980px) {
    .zarr {
        margin-left:4px
    }
}

.zarr.zarr2 {
    background: url(../images/arr2.png) no-repeat center
}

.zarr.zarr3 {
    background: url(../images/arr3.png) no-repeat center
}

.z_index_about {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: url(../images/bg2.png) no-repeat bottom 1vw center;
    background-size: 100% auto
}

@media screen and (max-width: 980px) {
    .z_index_about {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_index_about .conwarp {
    position: absolute;
    left: 13.5416666667vw;
    top: 7.8125vw
}

.z_index_about .desc {
    width: 27.0833333333vw;
    color: #666;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
    text-align: justify
}

@media screen and (max-width: 980px) {
    .z_index_about .desc {
        width:100%
    }
}

@media(min-width: 1920px) {
    .z_index_about .desc {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_index_about .desc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_index_about .desc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_index_about .desc {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_index_about .desc {
        line-height:30px
    }
}

@media(max-width: 1920px) {
    .z_index_about .desc {
        line-height:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_index_about .desc {
        line-height:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_index_about .desc {
        line-height:1.5625vw;
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .desc {
        margin-top:30px;
        margin-bottom: 30px
    }
}

.z_index_about .warps {
    width: 100%;
    margin-top: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_index_about .warps {
        margin-top:0
    }
}

.z_index_about .z_swiper li {
    height: 11.4583333333vw;
    margin-bottom: 1.0416666667vw;
    margin-right: 1.0416666667vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_index_about .z_swiper li {
        height:30vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .z_swiper li {
        margin-bottom:12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .z_swiper li {
        margin-right:12px
    }
}

.z_index_about .z_swiper li .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 2;
    padding: 12px;
    opacity: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_index_about .z_swiper li:hover .tit {
    opacity: 1
}

@media screen and (max-width: 980px) {
    .z_index_about {
        display:block;
        padding: 35px 12px;
        overflow: hidden
    }

    .z_index_about .conwarp {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-bottom: 30px
    }
}

.z_imgwarp {
    width: 100%;
    overflow: hidden;
    height: 11.4583333333vw;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_imgwarp {
        height:100%
    }
}

@media screen and (max-width: 980px) {
    .z_imgwarp {
        margin-bottom:12px
    }
}

.z_imgwarp li {
    float: left;
    margin-bottom: 1.0416666667vw;
    margin-right: 1.0416666667vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_imgwarp li {
        margin-bottom:12px
    }
}

@media screen and (max-width: 980px) {
    .z_imgwarp li {
        margin-right:12px
    }
}

.z_imgwarp li .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 2;
    padding: 12px
}

.z_index_jj {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw;
    padding-top: 5.2083333333vw;
    /*padding-bottom: 5.2083333333vw*/
}

@media screen and (max-width: 980px) {
    .z_index_jj {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_jj {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_index_jj .warps {
    position: relative
}

.z_index_jj .infoboxs {
    position: absolute;
    left: 13.5416666667vw;
    top: 5.7291666667vw;
    z-index: 2;
    color: #fff
}

.z_index_jj .z_index_tit .slg {
    color: #fff
}

.z_index_jj .z_index_more2 {
    margin-top: 3.3854166667vw
}

@media screen and (max-width: 980px) {
    .z_index_jj .z_index_more2 {
        margin-top:20px
    }
}

@media screen and (max-width: 980px) {
    .z_index_jj .infoboxs {
        left:0px;
        top: 12vw;
        width: 100%;
        text-align: center
    }

    .z_index_jj .z_index_tit .slg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .z_index_jj .z_index_more2 {
        margin: 0 auto;
        margin-top: 20px
    }
}

.z_big_swiper {
    width: 100%;
    height: 44.7916666667vw;
    overflow: hidden
}

@media screen and (max-width: 980px) {
    .z_big_swiper {
        height:60vw
    }
}

.z_big_swiper .imgbg {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: ease 4s;
    transition: ease 4s
}

.z_big_swiper .swiper-slide-active .imgbg {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.z_jj_tab {
    position: absolute;
    right: 2.6041666667vw;
    bottom: 2.6041666667vw;
    z-index: 2
}

.z_jj_tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.z_jj_tab li {
    width: 14.5833333333vw;
    background: #fff;
    padding: 1.0416666667vw;
    margin-left: 1.1458333333vw;
    -webkit-transition: ease .5s;
    transition: ease .5s
}

@media screen and (max-width: 980px) {
    .z_jj_tab li {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_jj_tab li {
        padding:12px
    }
}

@media screen and (max-width: 980px) {
    .z_jj_tab li {
        margin-left:0px
    }
}

.z_jj_tab li.active {
    background: #902927
}

.z_jj_tab li.active .infobox {
    color: #fff
}

.z_jj_tab li.active .tt2 {
    color: #fff
}

.z_jj_tab li.active .more {
    color: #fff;
    opacity: 1
}

.z_jj_tab li.active .more .zarr {
    background-image: url(../images/arr2.png)
}

.z_jj_tab .imgbox {
    height: 6.9791666667vw
}

@media screen and (max-width: 980px) {
    .z_jj_tab .imgbox {
        height:20vw
    }
}

.z_jj_tab .infobox {
    margin-top: .5208333333vw;
    border-left: 1px solid #e1e1e1;
    padding-left: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_jj_tab .infobox {
        margin-top:12px
    }
}

@media screen and (max-width: 980px) {
    .z_jj_tab .infobox {
        padding-left:10px
    }
}

@media(min-width: 1920px) {
    .z_jj_tab .tt {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_jj_tab .tt {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_jj_tab .tt {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_jj_tab .tt {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

.z_jj_tab .tt2 {
    color: #666
}

@media(min-width: 1920px) {
    .z_jj_tab .tt2 {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_jj_tab .tt2 {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_jj_tab .tt2 {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_jj_tab .tt2 {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

.z_jj_tab .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .5;
    margin-top: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_jj_tab .more {
        margin-top:12px
    }
}

@media screen and (max-width: 980px) {
    .z_jj_tab {
        position:relative;
        right: auto;
        bottom: auto
    }
}

.z_index_news {
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw;
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_index_news {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_news {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_index_news .warps {
    margin-top: 2.0833333333vw
}

@media screen and (max-width: 980px) {
    .z_index_news .warps {
        margin-top:20px
    }
}

.z_index_news .flwarp {
    width: 57.8125vw
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp {
        width:100%
    }
}

.z_index_news .flwarp a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.z_index_news .flwarp:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_index_news .flwarp .imgbox {
    width: 52%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp .imgbox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp .imgbox {
        height:50vw
    }
}

.z_index_news .flwarp .infobox {
    background: url(../images/bg3.jpg) no-repeat center;
    background-size: cover;
    padding: 1.5625vw;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp .infobox {
        padding:12px
    }
}

.z_index_news .flwarp .tit {
    font-weight: bold;
    min-height: 3.75vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media(min-width: 1920px) {
    .z_index_news .flwarp .tit {
        font-size:30px
    }
}

@media(max-width: 1920px) {
    .z_index_news .flwarp .tit {
        font-size:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .flwarp .tit {
        font-size:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .flwarp .tit {
        font-size:1.5625vw;
        font-size: 16px
    }
}

@media(min-width: 1920px) {
    .z_index_news .flwarp .tit {
        line-height:36px
    }
}

@media(max-width: 1920px) {
    .z_index_news .flwarp .tit {
        line-height:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .flwarp .tit {
        line-height:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .flwarp .tit {
        line-height:1.875vw;
        line-height: 26px
    }
}

.z_index_news .flwarp .desc {
    color: #dab5b4;
    min-height: 4.375vw;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw
}

@media(min-width: 1920px) {
    .z_index_news .flwarp .desc {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_index_news .flwarp .desc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .flwarp .desc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .flwarp .desc {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_index_news .flwarp .desc {
        line-height:28px
    }
}


@media(max-width: 1000px) {
    .z_index_news .flwarp .desc {
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp .desc {
        margin-top:15px;
        margin-bottom: 15px
    }
}

.z_index_news .flwarp .bqbar span {
    display: inline-block;
    height: 26px;
    background: #7a2220;
    padding: 0 8px;
    line-height: 24px;
    color: #dab5b4
}

@media(min-width: 1920px) {
    .z_index_news .flwarp .bqbar span {
        font-size:14px
    }
}

@media(max-width: 1920px) {
    .z_index_news .flwarp .bqbar span {
        font-size:.7291666667vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .flwarp .bqbar span {
        font-size:.7291666667vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .flwarp .bqbar span {
        font-size:.7291666667vw
    }
}

.z_index_news .flwarp .time {
    color: #dab5b4;
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp .time {
        margin-top:20px
    }
}

.z_index_news .frwarp {
    margin-left: auto;
    width: 13.5416666667vw
}

@media screen and (max-width: 980px) {
    .z_index_news .frwarp {
        width:100%
    }
}

.z_index_news .frwarp li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: .625vw;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: .625vw
}

@media screen and (max-width: 980px) {
    .z_index_news .frwarp li {
        padding-bottom:0
    }
}

@media screen and (max-width: 980px) {
    .z_index_news .frwarp li {
        margin-bottom:0
    }
}

.z_index_news .frwarp li:last-child {
    margin-bottom: 0
}

.z_index_news .frwarp li:hover .tit {
    color: #902927
}

.z_index_news .frwarp li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_index_news .frwarp .imgbox {
    height: 9.7916666667vw;
    display: none;
}
.z_index_news .frwarp li:first-child .imgbox{display:block}
@media screen and (max-width: 980px) {
    .z_index_news .frwarp .imgbox {
        height:50vw
    }
}

.z_index_news .frwarp .infobox {
    padding-top: .5208333333vw;
    padding-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_index_news .frwarp .infobox {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.z_index_news .frwarp .tit {
    color: #000;
    min-height: 2.9166666667vw;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media(min-width: 1920px) {
    .z_index_news .frwarp .tit {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_index_news .frwarp .tit {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .frwarp .tit {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .frwarp .tit {
        font-size:1.1458333333vw;
        font-size: 16px
    }
}

@media(min-width: 1920px) {
    .z_index_news .frwarp .tit {
        line-height:28px
    }
}

@media(max-width: 1920px) {
    .z_index_news .frwarp .tit {
        line-height:1.4583333333vw
    }
}

@media(max-width: 1440px) {
    .z_index_news .frwarp .tit {
        line-height:1.4583333333vw
    }
}

@media(max-width: 1000px) {
    .z_index_news .frwarp .tit {
        line-height:1.4583333333vw;
        line-height: 20px
    }
}

.z_index_news .frwarp .time {
    margin-top: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_index_news .frwarp .time {
        margin-top:10px
    }
}

@media screen and (max-width: 980px) {
    .z_index_news .flwarp a {
        display:block
    }
}

.z_footer {
    background: #f5f5f5;
    position: relative;
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw;
    padding-top: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_footer {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_footer {
        padding-top:30px
    }
}

.z_footer .z_index_tit .tit {
    color: #000
}

@media(min-width: 1920px) {
    .z_footer .z_index_tit .tit {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_footer .z_index_tit .tit {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_footer .z_index_tit .tit {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_footer .z_index_tit .tit {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_footer .z_index_tit .tit {
        line-height:28px
    }
}

@media(max-width: 1920px) {
    .z_footer .z_index_tit .tit {
        line-height:1.4583333333vw
    }
}

@media(max-width: 1440px) {
    .z_footer .z_index_tit .tit {
        line-height:1.4583333333vw
    }
}

@media(max-width: 1000px) {
    .z_footer .z_index_tit .tit {
        line-height:1.4583333333vw;
        line-height: 20px
    }
}

.z_footer .center .flwarp .address {
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw
}
.z_footer .center .flwarp .address p{line-height:1.5}
@media(min-width: 1920px) {
    .z_footer .center .flwarp .address {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_footer .center .flwarp .address {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_footer .center .flwarp .address {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_footer .center .flwarp .address {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_footer .center .flwarp .address {
        line-height:28px
    }
}

@media(max-width: 1920px) {
    .z_footer .center .flwarp .address {
        line-height:0vw
    }
}

@media(max-width: 1440px) {
    .z_footer .center .flwarp .address {
        line-height:0vw
    }
}

@media(max-width: 1000px) {
    .z_footer .center .flwarp .address {
        line-height:0vw;
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_footer .center .flwarp .address {
        margin-top:12px;
        margin-bottom: 12px
    }
}


.z_footer .center .frwarp {
    margin-left: auto
}

.z_footer .center .frwarp li {
    display: inline-block;
    vertical-align: top;
    margin-left: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_footer .center .frwarp li {
        margin-left:0
    }
}

.z_footer .center .frwarp a {
    display: block;
    color: #323f49;
    font-weight: bold;
}

@media(min-width: 1920px) {
    .z_footer .center .frwarp a {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_footer .center .frwarp a {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_footer .center .frwarp a {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_footer .center .frwarp a {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_footer .center .frwarp a {
        line-height:32px
    }
}

@media(max-width: 1920px) {
    .z_footer .center .frwarp a {
        line-height:1.6666666667vw
    }
}

@media(max-width: 1440px) {
    .z_footer .center .frwarp a {
        line-height:1.6666666667vw
    }
}

@media(max-width: 1000px) {
    .z_footer .center .frwarp a {
        line-height:1.6666666667vw;
        line-height: 20px
    }
}

.z_footer .center .frwarp a:hover {
    color: #902927;
    font-weight: bold
}

.z_footer .center .frwarp .one {
    margin-bottom: 10px
}

@media(min-width: 1920px) {
    .z_footer .center .frwarp .one {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_footer .center .frwarp .one {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_footer .center .frwarp .one {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_footer .center .frwarp .one {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

.z_footer .btmwarp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #323f49;
    padding-top: 2.0833333333vw;
    padding-bottom: 2.0833333333vw
}

@media(min-width: 1920px) {
    .z_footer .btmwarp {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_footer .btmwarp {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_footer .btmwarp {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_footer .btmwarp {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_footer .btmwarp {
        margin-top:0
    }
}

.z_footer .btmwarp a {
    color: #323f49
}

@media(min-width: 1920px) {
    .z_footer .btmwarp a {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_footer .btmwarp a {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_footer .btmwarp a {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_footer .btmwarp a {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

.z_footer .btmwarp a:hover {
    color: #902927;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .z_footer .btmwarp {
        padding-top:12px;
        padding-bottom: 12px
    }
}

.z_footer .btmwarp .flwarp a {
    display: inline-block;
    padding: 0 5px
}

@media screen and (max-width: 980px) {
    .z_footer .frwarp {
        display:none
    }
    .z_footer .btmwarp {
        text-align: center
    }
}

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

.z_page {
    padding-top: 6vw;
    padding-bottom: 6vw
}

@media screen and (max-width: 980px) {
    .z_page {
        padding-top:60px
    }
}

@media screen and (max-width: 980px) {
    .z_page {
        padding-bottom:30px
    }
}

.w1200 {
    width: 62.5vw;
    margin: 0 auto
}

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

.z_tz_banner .z_index_tit .tit {
    color: #fff
}
.z_about_banner {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_about_banner {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_about_banner .warp {
    position: relative;
    height: 17.7083333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.6041666667vw;
    padding-left: 10.9375vw;
    z-index: 1
}

@media screen and (max-width: 980px) {
    .z_about_banner .warp {
        height:50vw
    }
}

@media screen and (max-width: 980px) {
    .z_about_banner .warp {
        padding:12px
    }
}

@media screen and (max-width: 980px) {
    .z_about_banner .warp {
        padding-left:12px
    }
}

.z_about_banner .imgbox {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -webkit-transition: ease 1.2s;
    transition: ease 1.2s
}

@media screen and (max-width: 980px) {
    .z_about_banner .imgbox {
        width:80%
    }
}

.z_about_banner .imgbox.animated {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}

.z_about_banner .z_index_tit {
    color: #fac38c
}

.z_about_banner .z_index_tit .slg {
    color: #fac38c
}

@media screen and (max-width: 980px) {
    .z_about_banner .imgbox {
        -webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }
}

.z_about_con {
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw;
    padding-top: 6.25vw;
    background-size: 100% auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 980px) {
    .z_about_con {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_about_con {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_about_con .flwarp {
    width: 14.0625vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_about_con .flwarp {
        width:100%
    }
}

@media(min-width: 1920px) {
    .z_about_con .flwarp .slg {
        font-size:24px;
        font-weight: bold;
    }
}

@media(max-width: 1920px) {
    .z_about_con .flwarp .slg {
        font-size:1.25vw;
        font-weight: bold;
    }
}

@media(max-width: 1440px) {
    .z_about_con .flwarp .slg {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_about_con .flwarp .slg {
        font-size:1.25vw;
        font-size: 18px
    }
}

@media(min-width: 1920px) {
    .z_about_con .flwarp .slg {
        line-height:30px
    }
}

@media(max-width: 1920px) {
    .z_about_con .flwarp .slg {
        line-height:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_about_con .flwarp .slg {
        line-height:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_about_con .flwarp .slg {
        line-height:1.5625vw;
        line-height: 28px
    }
}


.z_about_con .frwarp {
    width: 50vw;
    margin-left: auto;
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_about_con .frwarp {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_about_con .frwarp {
        margin-top:30px
    }
}

.z_about_con .frwarp .tit {
    font-weight: bold;
    color: #902927
}

@media(min-width: 1920px) {
    .z_about_con .frwarp .tit {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .z_about_con .frwarp .tit {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .z_about_con .frwarp .tit {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_about_con .frwarp .tit {
        font-size:1.25vw;
        font-size: 18px
    }
}

.z_about_con .frwarp .con {
    color: #666;
    margin-top: 1.5625vw
}

@media(min-width: 1920px) {
    .z_about_con .frwarp .con {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_about_con .frwarp .con {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_about_con .frwarp .con {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_about_con .frwarp .con {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_about_con .frwarp .con {
        line-height:34px
    }
}

@media(max-width: 1920px) {
    .z_about_con .frwarp .con {
        line-height:1.7708333333vw
    }
}

@media(max-width: 1440px) {
    .z_about_con .frwarp .con {
        line-height:1.7708333333vw
    }
}

@media(max-width: 1000px) {
    .z_about_con .frwarp .con {
        line-height:1.7708333333vw;
        line-height: 24px
    }
}

@media screen and (max-width: 980px) {
    .z_about_con .frwarp .con {
        margin-top:20px
    }
}


.z_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 9;
    display: none
}

.z_ip_warps {
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw
}

@media screen and (max-width: 980px) {
    .z_ip_warps {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_ip_warps .z_index_tit {
    margin-bottom: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_ip_warps .z_index_tit {
        margin-bottom:20px
    }
}

.z_ip_warps .z_pop_list {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 72.9166666667vw;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    visibility: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 34.375vw
}

@media screen and (max-width: 980px) {
    .z_ip_warps .z_pop_list {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_ip_warps .z_pop_list {
        height:100%
    }
}

.z_ip_warps .z_pop_list .flwarp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    height: 100%
}

.z_ip_warps .z_pop_list .frwarp {
    width: 39%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_ip_warps .z_pop_list .frwarp {
        width:100%
    }
}

.z_ip_warps .z_pop_list li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: ease .6s;
    transition: ease .6s
}

.z_ip_warps .z_pop_list li.on {
    opacity: 1
}

.z_ip_warps .z_pop_list.on {
    opacity: 1;
    visibility: visible
}

.z_ip_warps .z_pop_list img {
    display: block;
    width: 100%
}

.z_ip_warps .z_pop_list .popclose {
    position: absolute;
    right: 1.0416666667vw;
    top: 1.0416666667vw;
    color: #902927;
    font-weight: bold
}

.z_ip_warps .z_pop_list .popclose .iconfont {
    cursor: pointer
}

@media(min-width: 1920px) {
    .z_ip_warps .z_pop_list .popclose .iconfont {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .z_ip_warps .z_pop_list .popclose .iconfont {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .z_ip_warps .z_pop_list .popclose .iconfont {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_ip_warps .z_pop_list .popclose .iconfont {
        font-size:1.25vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_ip_warps .z_pop_list {
        left:0%;
        top: 0%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        height: 100vh;
        overflow-y: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .z_ip_warps .z_pop_list .flwarp {
        height: auto;
        overflow-y: unset;
        width: 100%
    }

    .z_ip_warps .z_pop_list .frwarp {
        display: none !important
    }

    .z_ip_warps .z_pop_list .popclose {
        position: fixed
    }

    .z_ip_warps .z_pop_list .popclose .iconfont {
        font-size: 20px
    }
}

.z_ip_page {
    position: relative
}

.z_ip_page::before {
    content: "";
    display: block;
    width: 100%;
    height: 23.9583333333vw;
    background: #902927;
    position: absolute;
    left: 0;
    bottom: 0
}

@media screen and (max-width: 980px) {
    .z_ip_page::before {
        height:50vw
    }
}

.z_swiper_warp {
    position: relative
}

.z_swiper_warp .z_swiper_btn2 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    background: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,.1);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,.1);
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: ease 1s;
    transition: ease 1s;
    cursor: pointer;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .z_swiper_warp .z_swiper_btn2 span {
        width:32px;
        height: 32px
    }
}

.z_swiper_warp .z_swiper_btn2 span:hover {
    background: #902927;
    color: #fff
}

.z_swiper_warp .z_swiper_btn2 .prev {
    left: -5.7291666667vw
}

.z_swiper_warp .z_swiper_btn2 .next {
    right: -5.7291666667vw
}

@media screen and (max-width: 980px) {
    .z_swiper_warp .z_swiper_btn2 span {
        top:40%
    }

    .z_swiper_warp .z_swiper_btn2 .prev {
        left: -7px
    }

    .z_swiper_warp .z_swiper_btn2 .next {
        right: -7px
    }
}

.z_ip_swiper {
    overflow: hidden
}

.z_ip_swiper li {
    cursor: pointer
}

.z_ip_swiper li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_ip_swiper li:hover .imgbox::before {
    opacity: 1
}

.z_ip_swiper li:hover .imgbox .more {
    opacity: 1
}

.z_ip_swiper .imgbox {
    height: 25vw;
    background: #fff;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,.15);
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,.15);
    position: relative
}

@media screen and (max-width: 980px) {
    .z_ip_swiper .imgbox {
        height:67vw
    }
}

.z_ip_swiper .imgbox::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    opacity: 0
}

.z_ip_swiper .imgbox .more {
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #902927;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease 1s;
    transition: ease 1s;
    opacity: 0;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .z_ip_swiper .imgbox .more {
        width:50px;
        height: 50px
    }
}

@media(min-width: 1920px) {
    .z_ip_swiper .imgbox .more {
        font-size:16px
    }
}

@media(max-width: 1920px) {
    .z_ip_swiper .imgbox .more {
        font-size:.8333333333vw
    }
}

@media(max-width: 1440px) {
    .z_ip_swiper .imgbox .more {
        font-size:.8333333333vw
    }
}

@media(max-width: 1000px) {
    .z_ip_swiper .imgbox .more {
        font-size:.8333333333vw;
        font-size: 14px
    }
}

.z_ip_swiper .infobox {
    font-weight: bold;
    color: #fff;
    margin-top: .78125vw
}

@media(min-width: 1920px) {
    .z_ip_swiper .infobox {
        font-size:20px
    }
}

@media(max-width: 1920px) {
    .z_ip_swiper .infobox {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1440px) {
    .z_ip_swiper .infobox {
        font-size:1.0416666667vw
    }
}

@media(max-width: 1000px) {
    .z_ip_swiper .infobox {
        font-size:1.0416666667vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_ip_swiper .infobox {
        line-height:26px
    }
}

@media(max-width: 1920px) {
    .z_ip_swiper .infobox {
        line-height:1.3541666667vw
    }
}

@media(max-width: 1440px) {
    .z_ip_swiper .infobox {
        line-height:1.3541666667vw
    }
}

@media(max-width: 1000px) {
    .z_ip_swiper .infobox {
        line-height:1.3541666667vw;
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_ip_swiper .infobox {
        margin-top:5px
    }
}

.z_bwg_page {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_bwg_page {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_bwg_warp {
    height: 42.4479166667vw;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_bwg_warp {
        height:100vw
    }
}

.z_bwg_warp .imgbg {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.z_bwg_warp .infobox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff
}

.z_bwg_warp .z_index_tit .slg {
    color: #fff
}

.z_bwg_warp .desc {
    text-align: center;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw
}

@media(min-width: 1920px) {
    .z_bwg_warp .desc {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .z_bwg_warp .desc {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .z_bwg_warp .desc {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_bwg_warp .desc {
        font-size:1.25vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_bwg_warp .desc {
        line-height:30px
    }
}

@media(max-width: 1920px) {
    .z_bwg_warp .desc {
        line-height:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_bwg_warp .desc {
        line-height:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_bwg_warp .desc {
        line-height:1.5625vw;
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_bwg_warp .desc {
        margin-top:12px;
        margin-bottom: 12px
    }
}

.z_bwg_warp .play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #902927;
    color: #fff;
    margin: 0 auto;
    cursor: pointer
}

.z_bwg_warp .morebox {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    background: url(../images/boxbg.png) no-repeat center;
    background-size: 100% auto;
    width: 14.0104166667vw;
    height: 8.75vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 980px) {
    .z_bwg_warp .morebox {
        width:40%;
        height: 23vw
    }
}

.z_bwg_warp .morebox .ico {
    display: block;
    height: 5vw
}

@media screen and (max-width: 980px) {
    .z_bwg_warp .morebox .ico {
        height:50px
    }
}

.z_bwg_warp .morebox .more {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #902927;
    width: 100%
}

.z_pro_page {
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw;
    padding-bottom: 5.2vw
}

@media screen and (max-width: 980px) {
    .z_pro_page {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_page {
        padding-bottom:35px
    }
}

.z_pro_page .z_index_tit {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .z_index_tit {
        padding-bottom:30px
    }
}

.z_pro_page .navlist {
    width: 14.0625vw;
    padding-top: 1.8229166667vw;
    padding-bottom: 1.8229166667vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .navlist {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_page .navlist {
        padding-top:12px;
        padding-bottom: 12px
    }
}

.z_pro_page .navlist li {
    margin-bottom: .78125vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .navlist li {
        margin-bottom:12px
    }
}

.z_pro_page .navlist li.active a {
    color: #902927;
    font-weight: bold
}

.z_pro_page .navlist li.active em {
    background: #902927;
    border-color: #902927
}

.z_pro_page .navlist a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1920px) {
    .z_pro_page .navlist a {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_pro_page .navlist a {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_pro_page .navlist a {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_pro_page .navlist a {
        font-size:1.1458333333vw;
        font-size: 16px
    }
}

.z_pro_page .navlist em {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2d2d2;
    margin-right: 10px
}

.z_pro_page .prolist {
    width: 58.8541666667vw;
    margin-left: auto
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist {
        width:100%
    }
}

.z_pro_page .prolist li {
    border-bottom: 1px solid #e3e3e3;
    padding-top: 1.8229166667vw;
    padding-bottom: 1.8229166667vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist li {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.z_pro_page .prolist li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_pro_page .prolist li:hover .tt {
    color: #902927
}

.z_pro_page .prolist a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.z_pro_page .prolist .imgbox {
    width: 39.0625vw;
    height: 22.1354166667vw;
    margin-right: 3.6458333333vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .imgbox {
        width:100%;
        height: 52vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .imgbox {
        margin-right:12px
    }
}

.z_pro_page .prolist .infobox {
    width: 100%;
    padding-top: 0vw
}

@media(min-width: 1920px) {
    .z_pro_page .prolist .infobox {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_pro_page .prolist .infobox {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_pro_page .prolist .infobox {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_pro_page .prolist .infobox {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .infobox {
        padding-top:20px
    }
}

.z_pro_page .prolist .infobox .tt {
    font-weight: bold
}

@media(min-width: 1920px) {
    .z_pro_page .prolist .infobox .tt {
        font-size:32px
    }
}

@media(max-width: 1920px) {
    .z_pro_page .prolist .infobox .tt {
        font-size:1.6666666667vw
    }
}

@media(max-width: 1440px) {
    .z_pro_page .prolist .infobox .tt {
        font-size:1.6666666667vw
    }
}

@media(max-width: 1000px) {
    .z_pro_page .prolist .infobox .tt {
        font-size:1.6666666667vw;
        font-size: 18px
    }
}

.z_pro_page .prolist .infobox .cc {
    margin-top: .5208333333vw
}

@media(min-width: 1920px) {
    .z_pro_page .prolist .infobox .cc {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_pro_page .prolist .infobox .cc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_pro_page .prolist .infobox .cc {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_pro_page .prolist .infobox .cc {
        font-size:1.1458333333vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .infobox .cc {
        margin-top:5px
    }
}

.z_pro_page .prolist .infobox .cs {
    margin-top: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .infobox .cs {
        margin-top:15px
    }
}

.z_pro_page .prolist .infobox .ls {
    color: #b0afaf;
    margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .infobox .ls {
        margin-bottom:12px
    }
}

@media(min-width: 1920px) {
    .z_pro_page .prolist .infobox .ls {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_pro_page .prolist .infobox .ls {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_pro_page .prolist .infobox .ls {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_pro_page .prolist .infobox .ls {
        font-size:.9375vw;
        font-size: 14px
    }
}

.z_pro_page .prolist .infobox .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .4166666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .prolist .infobox .li {
        margin-top:12px
    }
}

.z_pro_page .prolist .infobox .num {
    width: 84px;
    height: 34px;
    background: rgba(255,255,255,0);
    border: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px
}

.z_pro_page .prolist .infobox .num:hover {
    background: #902927;
    border-color: #902927;
    color: #fff
}

@media screen and (max-width: 980px) {
    .z_pro_page .z_index_tit .slg,.z_pro_page .z_index_tit .tit {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .z_pro_page .prolist a {
        display: block
    }

    .z_pro_page .jgbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.z_paddlr_260 {
    padding-left: 13.5416666667vw;
    padding-right: 13.5416666667vw
}

@media screen and (max-width: 980px) {
    .z_paddlr_260 {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_paddlr_50 {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_paddlr_50 {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_gh_banner {
    position: relative
}

.z_gh_banner .imgbox {
    height: 17.7083333333vw
}

@media screen and (max-width: 980px) {
    .z_gh_banner .imgbox {
        height:35vw
    }
}

.z_gh_banner .bgs {
    display: block;
    width: 100%
}

.z_gh_banner .z_index_tit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    padding-left: 10.4166666667vw;
    padding-right: 10.4166666667vw;
    width: 100%
}

@media screen and (max-width: 980px) {
    .z_gh_banner .z_index_tit {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_gh_banner .desc,.z_gh_banner .line,.z_gh_banner .tt {
        display:none
    }
}


.font24 {
    font-weight: bold
}

@media(min-width: 1920px) {
    .font24 {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .font24 {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .font24 {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .font24 {
        font-size:1.25vw;
        font-size: 18px
    }
}

.font30 {
    font-weight: bold
}

@media(min-width: 1920px) {
    .font30 {
        font-size:30px
    }
}

@media(max-width: 1920px) {
    .font30 {
        font-size:1.5625vw
    }
}

@media(max-width: 1440px) {
    .font30 {
        font-size:1.5625vw
    }
}

@media(max-width: 1000px) {
    .font30 {
        font-size:1.5625vw;
        font-size: 18px
    }
}

.z_xiangcun_swiper {
    overflow: hidden
}

.z_xiangcun_swiper ul {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

.z_xiangcun_swiper li {
    background: #fff;
    padding: 2.0833333333vw;
    height: unset
}

@media screen and (max-width: 980px) {
    .z_xiangcun_swiper li {
        padding:15px
    }
}

.z_xiangcun_swiper .tt {
    font-weight: bold;
    margin-bottom: 1.0416666667vw;
    min-height: 3.3333333333vw
}

@media screen and (max-width: 980px) {
    .z_xiangcun_swiper .tt {
        margin-bottom:15px
    }
}

@media(min-width: 1920px) {
    .z_xiangcun_swiper .tt {
        line-height:32px
    }
}

@media(max-width: 1920px) {
    .z_xiangcun_swiper .tt {
        line-height:1.6666666667vw
    }
}

@media(max-width: 1440px) {
    .z_xiangcun_swiper .tt {
        line-height:1.6666666667vw
    }
}

@media(max-width: 1000px) {
    .z_xiangcun_swiper .tt {
        line-height:1.6666666667vw;
        line-height: 24px
    }
}

.z_swiper_btn3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_swiper_btn3 {
        margin-top:20px
    }
}

.z_swiper_btn3 span {
    width: 30px;
    height: 30px;
    background: #ececec;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    margin: 0 5px;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_swiper_btn3 span:hover {
    background: #902927;
    color: #fff
}

.z_gongyi_jz {
    padding-left: 10.4166666667vw;
    padding-right: 10.4166666667vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jz {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_gongyi_jz {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_juan_swiper {
    overflow: hidden
}

.z_juan_swiper .swiper-slide {
    height: auto;
    background: #f6f6f6
}

.z_juan_swiper .imgbox {
    height: 13.5416666667vw
}

@media screen and (max-width: 980px) {
    .z_juan_swiper .imgbox {
        height:50vw
    }
}

.z_juan_swiper .infobox {
    background: #f6f6f6;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    padding-top: 1.0416666667vw;
    padding-bottom: 1.0416666667vw;
    min-height: 15.625vw
}

@media screen and (max-width: 980px) {
    .z_juan_swiper .infobox {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_juan_swiper .infobox {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.z_juan_swiper .tt {
    margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_juan_swiper .tt {
        margin-bottom:15px
    }
}

.w1400 {
    width: 72.9166666667vw;
    margin: 0 auto
}

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

.w1240 {
    width: 64.5833333333vw;
    margin: 0 auto
}

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

.z_gongyi_jihua {
    margin-top: 5.7291666667vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua {
        margin-top:20px
    }
}

.z_gongyi_jihua li {
    background: #f6f6f6;
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
    margin-top: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua li {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua li {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua li {
        margin-top:20px
    }
}

.z_gongyi_jihua li:hover .tit {
    color: #902927
}

.z_gongyi_jihua li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_gongyi_jihua .tit {
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua .tit {
        margin-bottom:15px
    }
}

.z_gongyi_jihua .warps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.z_gongyi_jihua .imgbox {
    width: 28.125vw;
    height: 17.3958333333vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua .imgbox {
        width:100%;
        height: 50vw
    }
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua .imgbox {
        margin-bottom:20px
    }
}

.z_gongyi_jihua .infobox {
    width: 35.9375vw
}

@media screen and (max-width: 980px) {
    .z_gongyi_jihua .infobox {
        width:100%
    }
}

.z_zhanlve_warp {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    background-color: #f9f9f9
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp {
        padding-top:40px;
        padding-bottom: 40px
    }
}

.z_zhanlve_warp .imgbox {
    margin: 0 auto;
    max-width: 37.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp .imgbox {
        margin-bottom:30px
    }
}

.z_zhanlve_warp .imgbox img {
    display: block
}

.z_zhanlve_warp .infobox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_zhanlve_warp .infobox .con {
    width: 47.9166666667vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp .infobox .con {
        width:100%
    }
}

.z_zhanlve_warp .infobox .tit {
    width: 14.0625vw;
    margin-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp .infobox .tit {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp .infobox .tit {
        margin-bottom:20px
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_warp {
        padding:35px 12px
    }

    .z_zhanlve_warp .imgbox {
        max-width: 100%
    }
}

.centers {
    text-align: center
}

.z_zhanlve_mb {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_zhanlve_mb ul {
    margin-top: 2.0833333333vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb ul {
        margin-top:30px
    }
}

.z_zhanlve_mb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1px
}

.z_zhanlve_mb .titbox {
    color: #fff;
    text-align: center
}

.z_zhanlve_mb .titbox .item {
    background: #2f7493;
    height: 3.75vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .titbox .item {
        height:50px
    }
}

.z_zhanlve_mb .item {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .item {
        padding:12px
    }
}

.z_zhanlve_mb .item:nth-child(1) {
    width: 55%;
    margin-right: 1px
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .item:nth-child(1) {
        width:100%
    }
}

.z_zhanlve_mb .item:nth-child(2) {
    width: 45%;
    margin-right: 1px
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .item:nth-child(2) {
        width:100%
    }
}

.z_zhanlve_mb .img img {
    display: block;
    height: 4.4791666667vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .img img {
        height:30px
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_mb .titbox .item {
        font-size:14px
    }
}

.z_zhanlve_zc {
    padding-top: 6.25vw;
    padding-bottom: 15.625vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc {
        padding-top:35px
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc {
        padding-bottom:35px
    }
}

.z_zhanlve_zc .titbar {
    margin-bottom: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc .titbar {
        margin-bottom:30px
    }
}

.z_zhanlve_zc .imgbox {
    width: 46%;
    margin-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc .imgbox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc .imgbox {
        margin-bottom:30px
    }
}

.z_zhanlve_zc .imgbox img {
    display: block;
    width: 100%
}

.z_zhanlve_zc .infobox {
    margin-left: auto;
    width: 49%;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: unset
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc .infobox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_zhanlve_zc .infobox {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_lz_banner {
    position: relative;
    overflow: unset
}

.z_lz_banner .imgbox {
    height: 35.4166666667vw
}

@media screen and (max-width: 980px) {
    .z_lz_banner .imgbox {
        height:50vw
    }
}

.z_lz_banner .desc {
    width: 100%
}

@media screen and (max-width: 980px) {
    .z_lz_banner .desc {
        width:100%
    }
}

.z_lz_banner .z_arr {
    position: absolute;
    bottom: -40px;
    height: 40px;
    background: url(../images/pz2.png) no-repeat center;
    background-size: auto 100%;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 980px) {
    .z_lz_banner .z_arr {
        height:20px
    }
}

.z_lz_banner .z_arr .ico {
    display: block;
    -webkit-animation: move 1.4s infinite linear;
    animation: move 1.4s infinite linear
}

@media screen and (max-width: 980px) {
    .z_lz_banner .z_arr {
        display:none
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.font48 {
    font-weight: bold
}

@media(min-width: 1920px) {
    .font48 {
        font-size:48px
    }
}

@media(max-width: 1920px) {
    .font48 {
        font-size:2.5vw
    }
}

@media(max-width: 1440px) {
    .font48 {
        font-size:2.5vw
    }
}

@media(max-width: 1000px) {
    .font48 {
        font-size:2.5vw;
        font-size: 24px
    }
}

@media(min-width: 1920px) {
    .font48 {
        line-height:60px
    }
}

@media(max-width: 1920px) {
    .font48 {
        line-height:3.125vw
    }
}

@media(max-width: 1440px) {
    .font48 {
        line-height:3.125vw
    }
}

@media(max-width: 1000px) {
    .font48 {
        line-height:3.125vw;
        line-height: 32px
    }
}

.z_lz_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_lz_warp {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_lz_warp .line {
    position: absolute;
    left: 50%;
    top: 6.25vw;
    width: 1px;
    height: 27.0833333333vw;
    background: #902927
}

@media screen and (max-width: 980px) {
    .z_lz_warp .line {
        height:100%
    }
}

.z_lz_warp .line::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #902927;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -4px;
    top: 0
}

.z_lz_warp .line::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #902927;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -4px;
    bottom: 0
}

.z_lz_warp .font48 {
    color: #902927
}

.z_lz_warp .imgbox {
    width: 33.75vw;
    height: 23.3333333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .imgbox {
        width:100%;
        height: 60vw
    }
}

.z_lz_warp .flbox,.z_lz_warp .frbox {
    width: 38.5416666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 980px) {
    .z_lz_warp .flbox,.z_lz_warp .frbox {
        width:100%
    }
}

.z_lz_warp .flbox {
    padding-left: 4.6875vw;
    padding-right: 4.6875vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .flbox {
        padding-left:0;
        padding-right: 0
    }
}

.z_lz_warp .z_desc {
    margin-top: 2.0833333333vw;
    margin-bottom: 2.0833333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .z_desc {
        margin-top:20px;
        margin-bottom: 20px
    }
}

.z_lz_warp .smallbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.z_lz_warp .smallbox .item {
    margin-right: 3px
}

.z_lz_warp .smallbox .item .imgbg {
    width: 10.3125vw;
    height: 10.3125vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .smallbox .item .imgbg {
        width:115px;
        height: 115px
    }
}

.z_lz_warp .smallbox .textbox {
    margin-top: .8333333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .smallbox .textbox {
        margin-top:10px
    }
}

.z_lz_warp .smallbox .tt {
    margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp .smallbox .tt {
        margin-bottom:5px
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp {
        display:block
    }

    .z_lz_warp .line {
        display: none
    }

    .z_lz_warp .infobox {
        width: 100%
    }

    .z_lz_warp .smallbox {
        margin-bottom: 30px
    }
}

.z_lz_warp1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.z_lz_warp3 .flbox {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.z_lz_warp3 .frbox {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.z_lz_warp2 {
    display: block
}

.z_lz_warp2 .line {
    display: none
}

.z_lz_warp2 .flbox,.z_lz_warp2 .frbox {
    margin: 0 auto;
    width: auto
}

.z_lz_warp2 .imgbox {
    width: 52.0833333333vw;
    height: 23.3333333333vw;
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_lz_warp2 .imgbox {
        width:100%;
        height: 50vw
    }
}

.z_lz_warp2 .flbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.z_lz_warp4 {
    padding: 0;
    margin-top: 4.1666666667vw;
    margin-bottom: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 {
        margin-top:20px;
        margin-bottom: 20px
    }
}

.z_lz_warp4 .flbox,.z_lz_warp4 .frbox {
    width: 50%;
    height: 39.5833333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .flbox,.z_lz_warp4 .frbox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .flbox,.z_lz_warp4 .frbox {
        height:auto
    }
}

.z_lz_warp4 .flbox {
    background: #c39c5b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8.8541666667vw;
    color: #fff;
    padding-right: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .flbox {
        padding-left:12px
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .flbox {
        padding-right:12px
    }
}

.z_lz_warp4 .flbox .infobox {
    width: 100%
}

.z_lz_warp4 .smallbox {
    margin-top: 4.1666666667vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .smallbox {
        margin-top:20px
    }
}

.z_lz_warp4 .smallbox .item {
    margin-right: 0vw;
    width: 48%
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .smallbox .item {
        margin-right:5px
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .smallbox .item {
        width:100%
    }
}

.z_lz_warp4 .frbox {
    color: #fff;
    padding-left: 4.1666666667vw;
    padding-right: 4.1666666667vw;
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .frbox {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .frbox {
        padding-top:35px;
        padding-bottom: 35px
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp4 .flbox {
        padding:35px 12px
    }

    .z_lz_warp4 .smallbox {
        display: block
    }

    .z_lz_warp4 .smallbox .item {
        width: 100%;
        margin-bottom: 20px
    }
}

.z_lz_warp5 {
    padding-top: 2.6041666667vw;
    padding-bottom: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp5 {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.z_lz_warp5 .font48 {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #902927;
    margin-bottom: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp5 .font48 {
        margin-bottom:20px
    }
}

.z_lz_warp5 .z_flex_warp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_lz_warp5 .itembox {
    width: 33.75vw;
    margin: 0 2px;
    margin-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_lz_warp5 .itembox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_lz_warp5 .itembox {
        margin-bottom:20px
    }
}

.z_lz_warp5 .imgbox {
    height: 23.3333333333vw;
    margin-bottom: 10px
}

@media screen and (max-width: 980px) {
    .z_lz_warp5 .imgbox {
        height:60vw
    }
}

.z_tz_about {
    width: 72.9166666667vw;
    padding-top: 7.2916666667vw;
    padding-bottom: 2.0833333333vw;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

@media screen and (max-width: 980px) {
    .z_tz_about {
        padding-top:35px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_about {
        padding-bottom:35px
    }
}

.z_tz_about .flwarp {
    width: 20.8333333333vw;
    display: none
}

@media screen and (max-width: 980px) {
    .z_tz_about .flwarp {
        width:100%
    }
}

.z_tz_about .flwarp li {
    border-bottom: 1px solid #d5d5d5;
    padding-top: .78125vw;
    padding-bottom: .78125vw
}

@media screen and (max-width: 980px) {
    .z_tz_about .flwarp li {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.z_tz_about .flwarp .z_desc {
    margin-top: .3125vw
}

@media screen and (max-width: 980px) {
    .z_tz_about .flwarp .z_desc {
        margin-top:15px
    }
}

.z_tz_about .frwarp {
    width: 80%;
    margin: 0 auto;
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_tz_about .frwarp {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_tz_about .frwarp {
        margin-top:30px
    }
}

.z_tz_about .frwarp video {
    width: 100%
}

.z_tz_dongshi {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_tz_dongshi .tablewarp {
    margin-top: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi .tablewarp {
        margin-top:20px
    }
}

.z_tz_dongshi .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.z_tz_dongshi .item:hover .tt {
    background: #fac38c
}

.z_tz_dongshi .item:hover .con {
    background: #902927;
    color: #fff
}

.z_tz_dongshi .tt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 11.4583333333vw;
    background: #ececec;
    padding: 1.4583333333vw;
    -webkit-transition: background 1s;
    transition: background 1s
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi .tt {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi .tt {
        padding:12px
    }
}

.z_tz_dongshi .con {
    background: #f6f6f6;
    padding: 1.4583333333vw;
    width: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi .con {
        padding:12px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_dongshi .item {
        display:block
    }
}

.z_tz_jiegou {
    text-align: center;
    padding-top: 5.7291666667vw;
    padding-bottom: 5.7291666667vw;
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_tz_jiegou {
        padding-top:35px;
        padding-bottom: 35px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_jiegou {
        padding-left:12px;
        padding-right: 12px
    }
}

.z_tz_jiegou .z_desc {
    width: 50vw;
    margin: 0 auto;
    margin-top: 2.0833333333vw;
    color: #fff;
    text-align: center
}

@media screen and (max-width: 980px) {
    .z_tz_jiegou .z_desc {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_tz_jiegou .z_desc {
        margin-top:20px
    }
}

.z_tz_jiegou .imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_tz_jiegou .imgbox {
        margin-top:20px
    }
}

.z_tz_jiegou .imgbox img {
    display: block
}

.z_tz_huibao {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-bottom: 0
}

@media screen and (max-width: 980px) {
    .z_tz_huibao {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_tz_huibao .z_desc {
    text-align: center;
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_tz_huibao .z_desc {
        margin-top:10px
    }
}

.z_tz_huibao .tablewarp {
    margin-top: 2.0833333333vw;
    border-left: 1px solid #ddd
}

@media screen and (max-width: 980px) {
    .z_tz_huibao .tablewarp {
        margin-top:20px
    }
}

.z_tz_huibao .itembox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.z_tz_huibao .itembox:first-child .item {
    font-weight: bold;
    height: 3.4375vw
}

@media screen and (max-width: 980px) {
    .z_tz_huibao .itembox:first-child .item {
        height:auto
    }
}

@media(min-width: 1920px) {
    .z_tz_huibao .itembox:first-child .item {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_tz_huibao .itembox:first-child .item {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_tz_huibao .itembox:first-child .item {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_tz_huibao .itembox:first-child .item {
        font-size:.9375vw;
        font-size: 14px
    }
}

.z_tz_huibao .itembox:first-child .item:nth-child(1) {
    background: #ee9b47
}

.z_tz_huibao .itembox:first-child .item:nth-child(2) {
    background: #f6af67
}

.z_tz_huibao .itembox:first-child .item:nth-child(3) {
    background: #fac38b
}

.z_tz_huibao .itembox:first-child .item:nth-child(4) {
    background: #fbd8b4
}

.z_tz_huibao .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    height: 4.1666666667vw;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0vw
}

@media(min-width: 1920px) {
    .z_tz_huibao .item {
        font-size:16px
    }
}

@media(max-width: 1920px) {
    .z_tz_huibao .item {
        font-size:.8333333333vw
    }
}

@media(max-width: 1440px) {
    .z_tz_huibao .item {
        font-size:.8333333333vw
    }
}

@media(max-width: 1000px) {
    .z_tz_huibao .item {
        font-size:.8333333333vw;
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_huibao .item {
        height:50px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_huibao .item {
        padding:5px
    }
}

.z_tz_huibao .item:first-child {
    -webkit-box-flex: .4;
    -ms-flex: .4;
    flex: .4
}

.z_tz_huibao .item:nth-child(2) {
    -webkit-box-flex: .8;
    -ms-flex: .8;
    flex: .8
}

.z_tz_huibao .item:nth-child(3) {
    -webkit-box-flex: .8;
    -ms-flex: .8;
    flex: .8
}

.z_gupiao_about {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw;
    padding-bottom: 0
}

@media screen and (max-width: 980px) {
    .z_gupiao_about {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_gp_warp1 {
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 {
        padding-bottom:30px
    }
}

.z_gp_warp1 .desc {
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .desc {
        margin-top:15px;
        margin-bottom: 15px
    }
}

.z_gp_warp1 .flbox {
    background: #fbcea1;
    padding: 2.6041666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .flbox {
        padding:12px
    }
}

.z_gp_warp1 .flbox .z_index_more {
    width: 220px;
    cursor: pointer
}

.z_gp_warp1 .flbox .dm {
    margin-top: .5208333333vw
}

@media(min-width: 1920px) {
    .z_gp_warp1 .flbox .dm {
        font-size:36px
    }
}

@media(max-width: 1920px) {
    .z_gp_warp1 .flbox .dm {
        font-size:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_gp_warp1 .flbox .dm {
        font-size:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_gp_warp1 .flbox .dm {
        font-size:1.875vw;
        font-size: 26px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .flbox .dm {
        margin-top:5px
    }
}

.z_gp_warp1 .flbox .ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    height: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .flbox .ico {
        height:24px
    }
}

.z_gp_warp1 .frbox {
    background: url(../images/tz5.jpg) no-repeat center;
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 1.0416666667vw;
    padding: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .frbox {
        margin-left:0
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .frbox {
        padding:15px
    }
}

.z_gp_warp1 .topbox {
    width: 100%
}

.z_gp_warp1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    width: 26.0416666667vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 ul {
        width:100%
    }
}

.z_gp_warp1 ul h3 {
    margin-top: .5208333333vw
}

@media(min-width: 1920px) {
    .z_gp_warp1 ul h3 {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .z_gp_warp1 ul h3 {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .z_gp_warp1 ul h3 {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_gp_warp1 ul h3 {
        font-size:1.25vw;
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 ul h3 {
        margin-top:5px
    }
}

.z_gp_warp1 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.z_gp_warp1 .num {
    margin-bottom: 0vw
}

@media(min-width: 1920px) {
    .z_gp_warp1 .num {
        font-size:72px
    }
}

@media(max-width: 1920px) {
    .z_gp_warp1 .num {
        font-size:3.75vw
    }
}

@media(max-width: 1440px) {
    .z_gp_warp1 .num {
        font-size:3.75vw
    }
}

@media(max-width: 1000px) {
    .z_gp_warp1 .num {
        font-size:3.75vw;
        font-size: 36px
    }
}

@media(min-width: 1920px) {
    .z_gp_warp1 .num {
        line-height:70px
    }
}

@media(max-width: 1920px) {
    .z_gp_warp1 .num {
        line-height:3.6458333333vw
    }
}

@media(max-width: 1440px) {
    .z_gp_warp1 .num {
        line-height:3.6458333333vw
    }
}

@media(max-width: 1000px) {
    .z_gp_warp1 .num {
        line-height:3.6458333333vw;
        line-height: 36px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .num {
        margin-bottom:20px
    }
}

.z_gp_warp1 .btm {
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .btm {
        margin-top:20px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp1 .topbox {
        display:block
    }
}

.z_gp_warp2 {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
    padding-bottom: 0
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 {
        padding-top:30px;
        padding-bottom: 30px
    }
}

.z_gp_warp2 .titbar {
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 .titbar {
        margin-bottom:15px
    }
}

@media(min-width: 1920px) {
    .z_gp_warp2 .tablewarp {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_gp_warp2 .tablewarp {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_gp_warp2 .tablewarp {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_gp_warp2 .tablewarp {
        font-size:.9375vw;
        font-size: 14px
    }
}

.z_gp_warp2 .itembox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    background: #f5f5f5;
    border-left: 3px solid #fac38c
}

.z_gp_warp2 .itembox:first-child {
    background: url(../images/tz5.jpg) no-repeat center;
    background-size: cover
}

.z_gp_warp2 .itembox:first-child .item {
    height: 3.2291666667vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 .itembox:first-child .item {
        height:50px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 .itembox:first-child .item {
        padding-left:5px;
        padding-right: 5px
    }
}

.z_gp_warp2 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 .item {
        padding-left:5px;
        padding-right: 5px
    }
}

@media screen and (max-width: 980px) {
    .z_gp_warp2 .item {
        padding-top:10px;
        padding-bottom: 10px
    }
}

.z_gp_warp2 .item:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.z_gp_warp2 .item:nth-child(2) {
    -webkit-box-flex: .5;
    -ms-flex: .5;
    flex: .5
}

.z_tz_contact {
    padding-top: 5.2083333333vw;
    padding-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact {
        padding-top:35px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_contact {
        padding-bottom:35px
    }
}

.z_tz_contact .topbox {
    min-height: 14.5833333333vw;
    padding-left: 5.2083333333vw;
    padding-right: 5.2083333333vw;
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .topbox {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_tz_contact .topbox {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_tz_contact .topbox .titbar {
    font-weight: bold;
}

@media(min-width: 1920px) {
    .z_tz_contact .topbox .titbar {
        font-size:30px
    }
}

@media(max-width: 1920px) {
    .z_tz_contact .topbox .titbar {
        font-size:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_tz_contact .topbox .titbar {
        font-size:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_tz_contact .topbox .titbar {
        font-size:1.5625vw;
        font-size: 18px
    }
}

.z_tz_contact .topbox .z_desc {
    width: 25.4166666667vw;
    margin-top: .5208333333vw;
    line-height:1.5;
}

@media screen and (max-width: 980px) {
    .z_tz_contact .topbox .z_desc {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_tz_contact .topbox .z_desc {
        margin-top:15px
    }
}

.z_tz_contact .line {
    width: 100%;
    height: 3px;
    background: #902927;
    margin-top: 2.0833333333vw;
    margin-bottom: 2.0833333333vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .line {
        margin-top:30px;
        margin-bottom: 30px
    }
}

.z_tz_contact .btmbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.z_tz_contact .btmbox .titbar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24.4791666667vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .btmbox .titbar {
        width:100%
    }
}

.z_tz_contact .frbox {
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .frbox {
        margin-top:20px
    }
}

.z_tz_contact .frbox .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .frbox .item {
        margin-bottom:20px
    }
}

.z_tz_contact .frbox .item:last-child {
    margin-bottom: 0
}

.z_tz_contact .frbox .ico {
    display: block;
    width: 36px;
    margin-right: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_tz_contact .frbox .ico {
        margin-right:12px
    }
}

.z_tz_contact .frbox .con {
    width: 22.3958333333vw
}
.z_tz_contact .frbox .con p{line-height:1.5}
.z_tz_contact .frbox .con img{max-width:140px;margin-top:0.5rem}
@media screen and (max-width: 980px) {
    .z_tz_contact .frbox .con {
        width:100%
    }
}

.z_tz_contact .frbox a {
    text-decoration: underline
}

.z_news_page {
    margin-bottom: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_news_page {
        margin-bottom:20px
    }
}

.z_news_page .headbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_page .headbox {
        margin-bottom:20px
    }
}


.z_news_page li {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw
}

.z_news_page li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 980px) {
    .z_news_page li {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.z_news_page li:first-child {
    border-top: 1px solid #e1e1e1
}

.z_news_page li:hover .tt {
    color: #902927
}

.z_news_page li:hover .time em {
    color: #902927
}

.z_news_page li:hover .z_index_more {
    background: #902927;
    color: #fff;
    border-color: #902927 !important
}

.z_news_page li:hover .z_index_more .zarr {
    background: url(../images/arr2.png) no-repeat center
}

.z_news_page li:hover .imgbg {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.z_news_page .time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: bold;
    text-align: center;
    margin-right: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_page .time {
        margin-right:12px
    }
}

.z_news_page .time em {
    display: block
}

@media(min-width: 1920px) {
    .z_news_page .time em {
        font-size:48px
    }
}

@media(max-width: 1920px) {
    .z_news_page .time em {
        font-size:2.5vw
    }
}

@media(max-width: 1440px) {
    .z_news_page .time em {
        font-size:2.5vw
    }
}

@media(max-width: 1000px) {
    .z_news_page .time em {
        font-size:2.5vw;
        font-size: 24px
    }
}

@media(min-width: 1920px) {
    .z_news_page .time em {
        line-height:48px
    }
}

@media(max-width: 1920px) {
    .z_news_page .time em {
        line-height:2.5vw
    }
}

@media(max-width: 1440px) {
    .z_news_page .time em {
        line-height:2.5vw
    }
}

@media(max-width: 1000px) {
    .z_news_page .time em {
        line-height:2.5vw;
        line-height: 24px
    }
}

.z_news_page .infobox {
    margin-right: 8.3333333333vw
}

@media screen and (max-width: 980px) {
    .z_news_page .infobox {
        margin-right:0px
    }
}

.z_news_page .con {
    border-left: 1px solid #e1e1e1;
    padding-left: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_page .con {
        padding-left:0px
    }
}

.z_news_page .z_index_more {
    margin-left: 1.5625vw;
    margin-top: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_page .z_index_more {
        margin-left:0px
    }
}

@media screen and (max-width: 980px) {
    .z_news_page .z_index_more {
        margin-top:12px
    }
}

.z_news_page .tt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.z_news_page .desc {
    color: #666;
    margin-top: .5208333333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media screen and (max-width: 980px) {
    .z_news_page .desc {
        margin-top:15px
    }
}

.z_news_page .imgbox {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20.625vw;
    height: 14.8958333333vw;
    margin-left: auto
}

@media screen and (max-width: 980px) {
    .z_news_page .imgbox {
        width:100%;
        height: 55vw
    }
}

@media screen and (max-width: 980px) {
    .z_news_page .z_index_tit {
        text-align:center;
        margin-bottom: 20px
    }

    .z_news_page .z_index_tit .tit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .z_news_page .filterbox {
        display: block;
        padding: 0 12px
    }

    .z_news_page .filterbox .box {
        margin-left: 0;
        margin-bottom: 10px
    }

    .z_news_page li {
        padding: 20px 12px
    }

    .z_news_page li a {
        display: block
    }

    .z_news_page .time {
        text-align: left
    }

    .z_news_page .con {
        padding: 0;
        border: none
    }

    .z_news_page .imgbox {
        margin-top: 20px
    }
}

.z_big_video {
    margin-bottom: 2.6041666667vw
}

.z_news_xq {
    width: 68.2291666667vw;
    margin: 0 auto;
    margin-top: 1.0416666667vw
}

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

@media screen and (max-width: 980px) {
    .z_news_xq {
        margin-top:0
    }
}

.z_news_xq .flwarp {
    width: 45.8333333333vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .flwarp {
        width:100%
    }
}

.z_news_xq .flwarp .time {
    background: #902927;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 5.7291666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: bold;
    color: #fff;
    min-height: 5.7291666667vw;
    margin-right: 1.5625vw;
    padding: 10px 0
}

@media screen and (max-width: 980px) {
    .z_news_xq .flwarp .time {
        width:80px
    }
}

@media screen and (max-width: 980px) {
    .z_news_xq .flwarp .time {
        margin-right:12px
    }
}

.z_news_xq .flwarp .time em {
    display: block
}

@media(min-width: 1920px) {
    .z_news_xq .flwarp .time em {
        font-size:48px
    }
}

@media(max-width: 1920px) {
    .z_news_xq .flwarp .time em {
        font-size:2.5vw
    }
}

@media(max-width: 1440px) {
    .z_news_xq .flwarp .time em {
        font-size:2.5vw
    }
}

@media(max-width: 1000px) {
    .z_news_xq .flwarp .time em {
        font-size:2.5vw;
        font-size: 24px
    }
}

@media(min-width: 1920px) {
    .z_news_xq .flwarp .time em {
        line-height:48px
    }
}

@media(max-width: 1920px) {
    .z_news_xq .flwarp .time em {
        line-height:2.5vw
    }
}

@media(max-width: 1440px) {
    .z_news_xq .flwarp .time em {
        line-height:2.5vw
    }
}

@media(max-width: 1000px) {
    .z_news_xq .flwarp .time em {
        line-height:2.5vw;
        line-height: 24px
    }
}

.z_news_xq .titbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .titbox {
        padding-bottom:20px
    }
}

.z_news_xq .tt {
    min-height: 4.1666666667vw;
    font-weight: bold
}

@media(min-width: 1920px) {
    .z_news_xq .tt {
        font-size:36px
    }
}

@media(max-width: 1920px) {
    .z_news_xq .tt {
        font-size:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_news_xq .tt {
        font-size:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_news_xq .tt {
        font-size:1.875vw;
        font-size: 18px
    }
}

@media(min-width: 1920px) {
    .z_news_xq .tt {
        line-height:40px
    }
}

@media(max-width: 1920px) {
    .z_news_xq .tt {
        line-height:2.0833333333vw
    }
}

@media(max-width: 1440px) {
    .z_news_xq .tt {
        line-height:2.0833333333vw
    }
}

@media(max-width: 1000px) {
    .z_news_xq .tt {
        line-height:2.0833333333vw;
        line-height: 24px
    }
}

.z_news_xq .conwarp {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .conwarp {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.z_news_xq .conwarp img {
    max-width: 100% !important;
    height: auto !important
}

.z_news_xq .frwarp {
    width: 19.7916666667vw;
    margin-left: auto;
    border-left: 1px solid #e4e4e4;
    padding-left: 2.34375vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp {
        padding-left:0
    }
}

.z_news_xq .frwarp li {
    padding-top: .78125vw;
    padding-bottom: .78125vw;
    border-bottom: 1px solid #e1e1e1
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp li {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.z_news_xq .frwarp li:hover .tit {
    color: #902927
}

.z_news_xq .frwarp a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.z_news_xq .frwarp .time {
    color: #666
}

.z_news_xq .frwarp .imgbox {
    width: 107px;
    height: 76px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .78125vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp .imgbox {
        margin-right:12px
    }
}

.z_news_xq .frwarp .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 12px
}

.z_news_xq .frwarp .gzbox {
    background: #f5f5f5;
    min-height: 6.5625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.0416666667vw;
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp .gzbox {
        padding:12px
    }
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp .gzbox {
        margin-top:12px
    }
}

.z_news_xq .frwarp .gzbox .code {
    width: 4.6875vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: .78125vw
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp .gzbox .code {
        width:80px
    }
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp .gzbox .code {
        margin-right:12px
    }
}

.z_news_xq .topbtmbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4
}

.z_news_xq .topbtmbar a {
    padding: 15px 0
}

@media(min-width: 1920px) {
    .z_news_xq .topbtmbar a {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_news_xq .topbtmbar a {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_news_xq .topbtmbar a {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_news_xq .topbtmbar a {
        font-size:.9375vw;
        font-size: 16px
    }
}

.z_news_xq .topbtmbar a:hover {
    color: #902927;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .z_news_xq .frwarp {
        display:none
    }
}

.z_pro_head {
    background: #f5f5f5;
    padding: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_head {
        padding:0px
    }
}

.z_pro_head .imgbox {
    width: 60.7291666667vw;
    margin-right: 2.0833333333vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 34.0104166667vw
}

@media screen and (max-width: 980px) {
    .z_pro_head .imgbox {
        width:100%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_head .imgbox {
        margin-right:0
    }
}

.z_pro_head .imgbox .imgbg {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.z_pro_head .infobox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.z_pro_head .titbox {
    font-weight: bold;
    color: #902927
}

@media(min-width: 1920px) {
    .z_pro_head .tt1 {
        font-size:48px
    }
}

@media(max-width: 1920px) {
    .z_pro_head .tt1 {
        font-size:2.5vw
    }
}

@media(max-width: 1440px) {
    .z_pro_head .tt1 {
        font-size:2.5vw
    }
}

@media(max-width: 1000px) {
    .z_pro_head .tt1 {
        font-size:2.5vw;
        font-size: 24px
    }
}

@media(min-width: 1920px) {
    .z_pro_head .lsj {
        font-size:18px
    }
}

@media(max-width: 1920px) {
    .z_pro_head .lsj {
        font-size:.9375vw
    }
}

@media(max-width: 1440px) {
    .z_pro_head .lsj {
        font-size:.9375vw
    }
}

@media(max-width: 1000px) {
    .z_pro_head .lsj {
        font-size:.9375vw;
        font-size: 14px
    }
}

@media(min-width: 1920px) {
    .z_pro_head .tt2 {
        font-size:24px
    }
}

@media(max-width: 1920px) {
    .z_pro_head .tt2 {
        font-size:1.25vw
    }
}

@media(max-width: 1440px) {
    .z_pro_head .tt2 {
        font-size:1.25vw
    }
}

@media(max-width: 1000px) {
    .z_pro_head .tt2 {
        font-size:1.25vw;
        font-size: 16px
    }
}

.z_pro_head .con {
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
    max-height: 21vw;
    overflow-y: auto;
    padding-right: .625vw
}

@media screen and (max-width: 980px) {
    .z_pro_head .con {
        margin-top:20px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_head .con {
        padding-right:0
    }
}

.z_pro_head .ggbar {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.z_pro_head .ggbar .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    margin-bottom: 10px
}

.z_pro_head .hs {
    width: 82px;
    height: 34px;
    border: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 980px) {
    .z_pro_head .imgbox {
        height:52vw
    }

    .z_pro_head .infobox {
        padding: 30px 12px
    }

    .z_pro_head .con {
        max-height: none
    }

    .z_pro_head .ggbar .item {
        margin-bottom: 5px
    }
}

.z_pro_nav {
    height: 5.2083333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 980px) {
    .z_pro_nav {
        height:60px
    }
}

.z_pro_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.z_pro_nav li {
    margin-right: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_pro_nav li {
        margin-right:12px
    }
}

.z_pro_nav a {
    position: relative;
    display: block
}

@media(min-width: 1920px) {
    .z_pro_nav a {
        font-size:22px
    }
}

@media(max-width: 1920px) {
    .z_pro_nav a {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1440px) {
    .z_pro_nav a {
        font-size:1.1458333333vw
    }
}

@media(max-width: 1000px) {
    .z_pro_nav a {
        font-size:1.1458333333vw;
        font-size: 16px
    }
}

@media(min-width: 1920px) {
    .z_pro_nav a {
        line-height:40px
    }
}

@media(max-width: 1920px) {
    .z_pro_nav a {
        line-height:2.0833333333vw
    }
}

@media(max-width: 1440px) {
    .z_pro_nav a {
        line-height:2.0833333333vw
    }
}

@media(max-width: 1000px) {
    .z_pro_nav a {
        line-height:2.0833333333vw;
        line-height: 30px
    }
}

.z_pro_nav a:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #902927;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_pro_nav a.active {
    font-weight: bold;
    color: #000
}

.z_pro_nav a.active::before {
    left: 0;
    width: 100%
}

.z_pro_xqwarp1 {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_pro_xqwarp1 .pro_video {
    position: relative
}

.z_pro_xqwarp1 .pro_video .imgbox {
    height: 33.3333333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 .pro_video .imgbox {
        height:60vw
    }
}

.z_pro_xqwarp1 .pro_video .infobox {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    z-index: 1;
    text-align: center;
    color: #fff
}

.z_pro_xqwarp1 .pro_video .z_desc {
    text-align: center
}

.z_pro_xqwarp1 .pro_video .slg {
    display: block;
    height: 4.0625vw;
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 .pro_video .slg {
        height:30px
    }
}

.z_pro_xqwarp1 .pro_video .font48 {
    margin-top: .5208333333vw;
    margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 .pro_video .font48 {
        margin-top:5px;
        margin-bottom: 5px
    }
}

.z_pro_xqwarp1 .pro_video .play {
    margin-top: 1.0416666667vw;
    display: block
}

@media(min-width: 1920px) {
    .z_pro_xqwarp1 .pro_video .play {
        font-size:60px
    }
}

@media(max-width: 1920px) {
    .z_pro_xqwarp1 .pro_video .play {
        font-size:3.125vw
    }
}

@media(max-width: 1440px) {
    .z_pro_xqwarp1 .pro_video .play {
        font-size:3.125vw
    }
}

@media(max-width: 1000px) {
    .z_pro_xqwarp1 .pro_video .play {
        font-size:3.125vw;
        font-size: 40px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 .pro_video .play {
        margin-top:12px
    }
}

.z_pro_xqwarp1 .gongyi {
    width: 62.5vw;
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 .gongyi {
        width:100%
    }
}

.z_pro_xqwarp1 li {
    margin-top: 6.25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li {
        margin-top:30px
    }
}

.z_pro_xqwarp1 li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.z_pro_xqwarp1 li .imgbox {
    width: 27.6041666667vw;
    height: 20.5208333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li .imgbox {
        width:100%;
        height: 55vw
    }
}

.z_pro_xqwarp1 li .infobox {
    width: 28.125vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li .infobox {
        width:100%
    }
}

.z_pro_xqwarp1 li .tt1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: bold;
    margin-bottom: 6px
}

@media(min-width: 1920px) {
    .z_pro_xqwarp1 li .tt1 {
        font-size:36px
    }
}

@media(max-width: 1920px) {
    .z_pro_xqwarp1 li .tt1 {
        font-size:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_pro_xqwarp1 li .tt1 {
        font-size:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_pro_xqwarp1 li .tt1 {
        font-size:1.875vw;
        font-size: 18px
    }
}

@media(min-width: 1920px) {
    .z_pro_xqwarp1 li .tt1 {
        line-height:36px
    }
}

@media(max-width: 1920px) {
    .z_pro_xqwarp1 li .tt1 {
        line-height:1.875vw
    }
}

@media(max-width: 1440px) {
    .z_pro_xqwarp1 li .tt1 {
        line-height:1.875vw
    }
}

@media(max-width: 1000px) {
    .z_pro_xqwarp1 li .tt1 {
        line-height:1.875vw;
        line-height: 24px
    }
}

.z_pro_xqwarp1 li .tt1 .ico {
    display: block;
    height: 4.0625vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li .tt1 .ico {
        height:32px
    }
}

.z_pro_xqwarp1 li .z_desc {
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li .z_desc {
        margin-top:20px
    }
}

.z_pro_xqwarp1 li .con h3 {
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .z_pro_xqwarp1 li {
        display:block
    }

    .z_pro_xqwarp1 li .infobox {
        padding: 20px 12px
    }
}

.z_pro_ping {
    padding-top: 7.8125vw;
    background-color: #004663;
    padding-bottom: 15.625vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping {
        padding-top:40px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_ping {
        padding-bottom:25px
    }
}

.z_pro_ping .desc {
    text-align: center;
    color: #fff;
    margin-top: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .desc {
        margin-top:20px
    }
}

.z_pro_ping .dot {
    width: .9375vw;
    height: .9375vw;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    text-align: center;
    background: #902927;
    color: #fff;
    position: absolute
}

@media screen and (max-width: 980px) {
    .z_pro_ping .dot {
        width:10px;
        height: 10px
    }
}

.z_pro_ping .dot::before {
    content: "";
    display: block;
    width: 1.1458333333vw;
    height: 1.1458333333vw;
    border-radius: 50%;
    background: rgba(236,34,46,.7);
    position: absolute;
    -webkit-animation: circle-opacity 1.4s infinite;
    animation: circle-opacity 1.4s infinite;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0)
}

@media screen and (max-width: 980px) {
    .z_pro_ping .dot::before {
        width:10px;
        height: 10px
    }
}

.z_pro_ping .lihe_box {
    width: 22.9166666667vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .lihe_box {
        width:50%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_ping .lihe_box {
        margin-top:30px
    }
}

.z_pro_ping .lihe_box .pz {
    display: block;
    width: 100%
}

.z_pro_ping .lihe_box .dot1 {
    left: 23.5%;
    top: 57.5%
}

.z_pro_ping .lihe_box .dot2 {
    right: 20%;
    top: 11.5%
}

.z_pro_ping .lihe_box .dot3 {
    right: 3%;
    top: 54.5%
}

.z_pro_ping .lihe_box .dot4 {
    right: 20%;
    top: 75%
}

.z_pro_ping .boxs {
    position: absolute;
    color: #fff
}

.z_pro_ping .boxs .img {
    display: block
}

.z_pro_ping .boxs .tt {
    color: #fac38c;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .2604166667vw;
    margin-bottom: .2604166667vw
}

@media(min-width: 1920px) {
    .z_pro_ping .boxs .tt {
        font-size:30px
    }
}

@media(max-width: 1920px) {
    .z_pro_ping .boxs .tt {
        font-size:1.5625vw
    }
}

@media(max-width: 1440px) {
    .z_pro_ping .boxs .tt {
        font-size:1.5625vw
    }
}

@media(max-width: 1000px) {
    .z_pro_ping .boxs .tt {
        font-size:1.5625vw;
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs .tt {
        margin-top:10px;
        margin-bottom: 10px
    }
}

.z_pro_ping .hzwarps {
    position: relative
}

.z_pro_ping .line {
    background: #fff;
    position: absolute;
    z-index: 1
}

.z_pro_ping .boxs1 {
    left: 0;
    top: 7.3958333333vw;
    width: 15.625vw;
    text-align: right
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs1 {
        width:100%
    }
}

.z_pro_ping .boxs1 .img {
    margin-left: auto;
    height: 8.6979166667vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs1 .img {
        height:100%
    }
}

.z_pro_ping .boxs1 .z_desc {
    text-align: right
}

.z_pro_ping .boxs1 .dot {
    right: -15.625vw
}

.z_pro_ping .boxs1 .tt {
    margin-top: 1.0416666667vw;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs1 .tt {
        margin-top:10px;
        margin-bottom: 10px
    }
}

.z_pro_ping .boxs1 .line {
    width: 14.0625vw;
    height: 1px;
    background: #fff;
    position: absolute;
    right: -15.1041666667vw;
    z-index: 1
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs1 .line {
        width:100%
    }
}

.z_pro_ping .boxs2 {
    right: 0;
    top: -3.125vw;
    width: 19.2708333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs2 {
        width:100%
    }
}

.z_pro_ping .boxs2 .tt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.z_pro_ping .boxs2 .dot {
    left: -11.1979166667vw
}

.z_pro_ping .boxs2 .img {
    height: 6.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs2 .img {
        height:100%
    }
}

.z_pro_ping .boxs2 .line {
    width: 9.375vw;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -10.8333333333vw;
    z-index: 1
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs2 .line {
        width:100%
    }
}

.z_pro_ping .boxs3 {
    right: 0;
    top: 9.375vw;
    width: 19.2708333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs3 {
        width:100%
    }
}

.z_pro_ping .boxs3 .tt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.z_pro_ping .boxs3 .dot {
    left: -7.03125vw
}

.z_pro_ping .boxs3 .img {
    height: 7.1354166667vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs3 .img {
        height:100%
    }
}

.z_pro_ping .boxs3 .line {
    width: 5.46875vw;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -6.6666666667vw;
    z-index: 1
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs3 .line {
        width:100%
    }
}

.z_pro_ping .boxs4 {
    text-align: center;
    width: 30.2083333333vw;
    left: 38%;
    top: 95%
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs4 {
        width:100%
    }
}

.z_pro_ping .boxs4 .tt {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_pro_ping .boxs4 .img {
    height: 5.7291666667vw;
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs4 .img {
        height:100%
    }
}

.z_pro_ping .boxs4 .z_desc {
    text-align: center;
    margin-bottom: 20px
}

.z_pro_ping .boxs4 .dot {
    top: -6.25vw
}

.z_pro_ping .boxs4 .bar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_pro_ping .boxs4 .line {
    height: 4.9479166667vw;
    width: 1px;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: -5.7291666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_ping .boxs4 .line {
        height:100%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_ping .dotcon {
        display:none
    }
}

@-webkit-keyframes circle-opacity {
    from {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2)
    }
}

@keyframes circle-opacity {
    from {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2)
    }
}

.z_pro_tese ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.z_pro_tese li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

.z_pro_other {
    padding-top: 7.2916666667vw;
    padding-bottom: 7.2916666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_other {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.z_pro_other .imgbox {
    cursor: pointer;
    height: 33.3333333333vw;
    position: relative;
    margin-top: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_other .imgbox {
        height:55vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_other .imgbox {
        margin-top:30px
    }
}

.z_pro_other .imgbox .play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

@media(min-width: 1920px) {
    .z_pro_other .imgbox .play {
        font-size:50px
    }
}

@media(max-width: 1920px) {
    .z_pro_other .imgbox .play {
        font-size:2.6041666667vw
    }
}

@media(max-width: 1440px) {
    .z_pro_other .imgbox .play {
        font-size:2.6041666667vw
    }
}

@media(max-width: 1000px) {
    .z_pro_other .imgbox .play {
        font-size:2.6041666667vw;
        font-size: 30px
    }
}

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

.z_three_nav {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 980px) {
    .z_three_nav {
        padding-top:30px;
        padding-bottom: 30px
    }
}

.z_three_nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.0833333333vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    background: rgba(218,184,102,0);
    border: 1px solid #333;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    cursor: pointer;
    margin-right: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_three_nav a {
        height:40px
    }
}

@media screen and (max-width: 980px) {
    .z_three_nav a {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_three_nav a {
        margin-right:12px
    }
}

.z_three_nav a.active,.z_three_nav a:hover {
    background: #902927;
    color: #fff;
    border-color: #902927
}