@media screen and (min-width: 1200px) {
    * {
        font-size:14px
    }

    div {
        box-sizing: border-box
    }

    .h5 {
        display: none!important
    }

    .index_top .banner {
        width: 100%;
        height: 600px;
        background: url('../img/banner.png') top center / auto 100% no-repeat
    }

    .title {
        background: url(../img/bg_title.png) left center / auto 100% no-repeat;
        padding-left: 39px;
        margin: 0 0 72px 500px
    }

    .title .title_main {
        display: block;
        font-size: 40px;
        line-height: 53px;
        color: #222222
    }

    .title .eng {
        display: block;
        margin-top: 4px;
        font-size: 20px;
        line-height: 27px;
        white-space: nowrap;
        letter-spacing: -0.2px;
        color: #222222
    }

    .warpPx {
        width: 1200px;
        margin: 0 auto
    }

    .introduce {
        height: 728px;
        padding-top: 152px;
        background: url(../img/bg_introduction.png) center 40px / 80px 80px no-repeat;
        box-sizing: border-box
    }

    .introduce .introduce_main .introduce_content .txt {
        text-align: center;
        font-size: 16px;
        color: #484848;
        line-height: 32px
    }

    .introduce .introduce_main .flow {
        position: relative;
        margin-top: 48px
    }

    .introduce .introduce_main .flow .title {
        width: 180px;
        height: 180px;
        position: absolute;
        background: url(../img/bg_introduce.png) center center / 100% auto no-repeat;
        top: 56px;
        left: 0;
        z-index: 10;
        padding: 22px 0 0 32px;
        box-sizing: border-box;
        margin: 0
    }

    .introduce .introduce_main .flow .title span {
        display: block;
        width: 100px;
        font-size: 40px;
        color: #222222;
        line-height: 53px
    }

    .introduce .introduce_main .flow .title .eng {
        width: 100%;
        margin-top: 12px;
        font-size: 13px;
        color: #222222;
        line-height: 17px;
        letter-spacing: -0.5px
    }

    .introduce .introduce_main .flow .introduct {
        width: 1140px;
        height: 460px;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        backdrop-filter: blur(10px);
        margin-left: 60px;
        padding: 56px 51px 0 177px
    }

    .introduce .introduce_main .flow .introduct p {
        text-indent: 2em;
        font-size: 16px;
        color: #484848;
        line-height: 32px
    }

    .introduce .introduce_main .flow .introduct .sub {
        margin-top: 40px;
        text-align: center;
        font-size: 20px;
        color: #222222;
        line-height: 27px;
        margin-bottom: 28px
    }

    .introduce .introduce_main .flow .introduct .progress .line {
        width: 912px;
        height: 6px;
        padding: 0 80px;
        background: #e3f5f0;
        border-radius: 4px;
        display: flex;
        justify-content: space-between
    }

    .introduce .introduce_main .flow .introduct .progress .line .line_item {
        width: 12px;
        height: 12px;
        background: #11c28f;
        border-radius: 50%;
        margin-top: -3px;
        margin-right: 136px;
        float: left
    }

    .introduce .introduce_main .flow .introduct .progress .line .line_item:last-of-type {
        margin-right: 0
    }

    .introduce .introduce_main .flow .introduct .progress .city {
        width: 912px;
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        padding: 0 46px
    }

    .introduce .introduce_main .flow .introduct .progress .city .city_item {
        display: inline-block;
        color: #222222;
        width: 80px;
        text-align: center;
        white-space: nowrap
    }

    .introduce .introduce_main .flow .introduct .progress .city .city_item .cityName {
        font-size: 22px;
        line-height: 30px
    }

    .introduce .introduce_main .flow .introduct .progress .city .city_item .time {
        font-size: 18px;
        line-height: 24px
    }

    .introduce .introduce_main .flow .introduct .progress .city .city_item .isEnd {
        font-size: 18px;
        color: #222222;
        line-height: 24px
    }

    .introduce .introduce_main .flow .introduct .progress .city .city_item:last-child {
        margin-right: 0
    }

    .jbgc {
        width: 100%;
        height: 700px;
        background: #222222
    }

    .jbgc .jbgc_main {
        padding-top: 156px;
        position: relative
    }

    .jbgc .jbgc_main .title {
        width: 240px;
        height: 88px
    }

    .jbgc .jbgc_main .title .title_main {
        display: block;
        font-size: 40px;
        color: #f9f9f9;
        line-height: 53px
    }

    .jbgc .jbgc_main .title .eng {
        display: block;
        margin-top: 4px;
        font-size: 20px;
        color: #f9f9f9;
        line-height: 27px;
        white-space: nowrap
    }

    .jbgc .jbgc_main .jbgc_content {
        display: flex
    }

    .jbgc .jbgc_main .jbgc_content .jbgc_left {
        width: 580px;
        height: 340px;
        background: url(../img/jbgc.png) center center / 100% auto no-repeat;
        z-index: 10
    }

    .jbgc .jbgc_main .jbgc_content .jbgc_right {
        width: 540px;
        height: 340px;
        margin-left: 80px
    }

    .jbgc .jbgc_main .jbgc_content .jbgc_right p {
        font-size: 20px;
        color: #ffffff;
        line-height: 24px;
        margin-bottom: 24px
    }

    .jbgc .jbgc_main .jbgc_content .jbgc_right span {
        display: block;
        font-size: 20px;
        color: #ffffff;
        line-height: 24px;
        padding-left: 60px;
        margin-bottom: 24px
    }

    .jbgc .jbgc_main .bg {
        width: 1000px;
        height: 200px;
        background: #11c28f;
        position: absolute;
        bottom: -68px;
        right: 560px;
        z-index: 1
    }

    .hdld {
        padding-top: 120px
    }

    .hdld .hdld_main .hdldCon .hdItemBox {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px
    }

    .hdld .hdld_main .hdldCon .hdItemBox .hdItem {
        width: 1160px;
        display: flex
    }

    .hdld .hdld_main .hdldCon .hdItemBox .hdItem .hdleft img {
        width: 600px;
        height: 300px
    }

    .hdld .hdld_main .hdldCon .hdItemBox .hdItem .hdright {
        width: 540px;
        height: 300px;
        background: #00553d;
        flex-shrink: 0
    }

    .hdld .hdld_main .hdldCon .hdItemBox .hdItem .hdright .hdtitle {
        width: 240px;
        height: 48px;
        background: rgba(17,194,143,0.8);
        margin-left: -20px;
        margin-top: 40px;
        font-size: 20px;
        color: #ffffff;
        line-height: 48px;
        padding-left: 60px;
        backdrop-filter: blur(0)
    }

    .hdld .hdld_main .hdldCon .hdItemBox .hdItem .hdright .hdInfo {
        font-size: 14px;
        color: rgba(255,255,255,0.8);
        line-height: 28px;
        padding: 24px 50px 0 40px
    }

    .hdld .hdld_main .hdldCon .hdItemBox .after {
        width: 40px;
        height: 300px;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(0,85,61,0) 0%, #00553d 100%)
    }

    .hdld .hdld_main .hdldCon .blueT .hdItem {
        margin-left: 20px
    }

    .hdld .hdld_main .hdldCon .blueT .hdright {
        background: #0a3892 !important
    }

    .hdld .hdld_main .hdldCon .blueT .hdright .hdtitle {
        background: rgba(60,118,231,0.8) !important
    }

    .hdld .hdld_main .hdldCon .blueT .after {
        background: linear-gradient(180deg, rgba(10,56,146,0) 0%, #0a3892 100%)
    }

    .hdld .hdld_main .hdldCon .purpleT .hdright {
        background: #38238c !important
    }

    .hdld .hdld_main .hdldCon .purpleT .hdright .hdtitle {
        background: rgba(101,67,241,0.8) !important
    }

    .hdld .hdld_main .hdldCon .purpleT .after {
        background: linear-gradient(180deg, rgba(56,35,140,0) 0%, #38238c 100%)
    }

    .hdld .hdld_main .hdldCon .redT {
        margin-bottom: 0
    }

    .hdld .hdld_main .hdldCon .redT .hdItem {
        margin-left: 20px
    }

    .hdld .hdld_main .hdldCon .redT .hdright {
        background: #8e134f !important
    }

    .hdld .hdld_main .hdldCon .redT .hdright .hdtitle {
        background: rgba(254,52,150,0.8) !important
    }

    .hdld .hdld_main .hdldCon .redT .after {
        background: linear-gradient(180deg, rgba(142,19,79,0) 0%, #8e134f 100%)
    }

    .hdgc {
        padding-top: 96px
    }

    .hdgc .hdgc_main .hdgc_sub {
        font-weight: bold;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 30px;
        margin-bottom: 8px
    }

    .hdgc .hdgc_main .hdgc_txt {
        font-size: 14px;
        color: rgba(255,255,255,0.8);
        line-height: 24px
    }

    .hdgc .hdgc_main .hdgc_banner {
        width: 1200px;
        height: 600px;
        background: url(../img/hdgc_banner.png) center center / 100% auto no-repeat;
        position: relative
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_left {
        width: 900px;
        position: absolute;
        left: 0;
        bottom: 40px
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_left .hdgc_title {
        width: 240px;
        height: 64px;
        background: #11C28F;
        font-weight: bold;
        font-size: 32px;
        line-height: 64px;
        margin-bottom: 32px;
        color: #FFFFFF;
        text-align: center
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_left .hdgc_item {
        display: flex;
        margin-left: 40px
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_left .hdgc_item .hdgc_li {
        font-size: 21px;
        color: rgba(255,255,255,0.8);
        line-height: 40px;
        margin-right: 40px
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_left .hdgc_item .hdgc_li:last-of-type {
        margin-right: 0
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right {
        position: absolute;
        top: 40px;
        right: 40px
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right .hdgc_li {
        width: 252px;
        margin-bottom: 20px;
        display: flex;
        height: 160px;
        align-items: center
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right .hdgc_li img {
        width: 240px;
        height: 160px
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right .hdgc_li .line {
        width: 12px;
        height: 136px;
        background: #3C76E7
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right .hdgcI2 .line {
        background: #6543F1
    }

    .hdgc .hdgc_main .hdgc_banner .hdgc_right .hdgcI3 .line {
        background: #FE3496
    }

    .hdgc .hdgc_main .hdgc_center {
        height: 306px;
        width: 100%;
        margin: 24px 0;
        display: flex;
        justify-content: space-between
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL {
        width: 588px;
        height: 306px
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL .hdgc_centerLT {
        width: 100%;
        height: 208px;
        display: flex;
        position: relative
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL .hdgc_centerLT img {
        display: inline-block;
        height: 196px
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL .hdgc_centerLT img:last-of-type {
        margin-top: 12px
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL .hdgc_centerLT::after {
        display: block;
        content: '';
        width: 564px;
        height: 208px;
        background: #00553D;
        position: absolute;
        left: 12px;
        z-index: -1
    }

    .hdgc .hdgc_main .hdgc_center .hdgc_centerL .hdgc_centerLB {
        width: 588px;
        height: 98px;
        background: #00553D;
        padding: 16px 40px 0
    }

    .hdgc .hdgc_main .hdgc_bottom {
        display: flex;
        justify-content: space-between
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem {
        width: 384px;
        height: 496px;
        position: relative
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem .hdgc_bottomCon {
        position: relative
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem .hdgc_bottomCon img {
        display: block;
        width: 372px;
        height: 248px
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem .hdgc_bottomCon img:last-of-type {
        margin-left: 12px
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem .hdgc_bottomCon::after {
        display: block;
        content: '';
        width: 384px;
        height: 472px;
        background: #00553D;
        position: absolute;
        top: 12px;
        z-index: -1
    }

    .hdgc .hdgc_main .hdgc_bottom .hdgc_bottomItem .hdgc_bottomConModal {
        width: 384px;
        height: 144px;
        background: rgba(0,85,61,0.8);
        padding: 20px 40px 0;
        position: absolute;
        top: 176px;
        backdrop-filter: blur(2px)
    }

    .chjz {
        padding-top: 96px
    }

    .chjz .chjz_main .chjz_con {
        display: flex;
        justify-content: space-between
    }

    .chjz .chjz_main .chjz_con .chjz_item {
        width: 384px;
        height: 392px;
        background: #F5F5F5;
        padding: 20px 24px
    }

    .chjz .chjz_main .chjz_con .chjz_item img {
        display: block;
        width: 336px;
        height: 224px;
        margin-bottom: 16px
    }

    .chjz .chjz_main .chjz_con .chjz_item .chjz_title {
        font-weight: bold;
        font-size: 21px;
        color: #333333;
        line-height: 28px
    }

    .chjz .chjz_main .chjz_con .chjz_item .chjz_tag {
        font-size: 0;
        margin: 16px 0 12px
    }

    .chjz .chjz_main .chjz_con .chjz_item .chjz_tag .chjz_tagItem {
        height: 24px;
        padding: 3px 8px 4px;
        background: #3C76E7;
        font-size: 13px;
        color: #FFFFFF;
        line-height: 24px;
        margin-right: 8px
    }

    .chjz .chjz_main .chjz_con .chjz_item .chjz_info {
        font-size: 14px;
        color: #484848;
        line-height: 24px
    }

    .tips {
        width: 100%;
        height: 140px;
        background: #222222;
        margin-top: 120px
    }

    .tips .tips_main {
        height: 100%;
        display: flex;
        align-items: center
    }

    .tips .tips_main .tips_txt {
        font-weight: bold;
        font-size: 28px;
        color: #FFFFFF;
        line-height: 48px;
        flex-shrink: 0
    }

    .tips .tips_main .tips_txt span {
        font-size: 32px;
        line-height: 48px
    }

    .tips .tips_main .quadrate {
        display: flex
    }

    .tips .tips_main .quadrate .quadrateItem {
        width: 222px;
        height: 76px;
        background: #11C28F;
        margin-left: 32px;
        padding-top: 12px;
        text-align: center
    }

    .tips .tips_main .quadrate .quadrateItem:first-of-type {
        margin-left: 62px
    }

    .tips .tips_main .quadrate .quadrateItem .quadrate_title {
        font-weight: bold;
        font-size: 24px;
        color: #FFFFFF;
        line-height: 32px;
        margin-bottom: 4px
    }

    .tips .tips_main .quadrate .quadrateItem .quadrate_txt {
        font-size: 14px;
        color: #FFFFFF;
        line-height: 19px
    }

    .back {
        padding: 96px 0 100px;
        background-color: #f5f5f5
    }

    .back .back_con {
        display: flex;
        justify-content: space-between
    }

    .back .back_con .backItem {
        display: block;
        width: 282px;
        text-decoration: none;
        margin-right: 24px;
    }

    .back .back_con .backItem a{
      text-decoration: none
    }

    .back .back_con .backItem img {
        display: block;
        width: 282px;
        height: 188px;
        cursor: pointer
    }

    .back .back_con .backItem .back_title {
        font-size: 17px;
        color: #333333;
        line-height: 26px;
        margin-top: 12px;
        margin-bottom: 20px;
        cursor: pointer
    }

    .footer {
        height: 52px;
        border-top: 1px solid #DDDDDD;
        padding-top: 16px;
        box-sizing: border-box;
        background-color: #f5f5f5
    }

    .footer ul {
        width: 300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }

    .footer ul li a {
        position: relative;
        display: block;
        font-size: 14px;
        color: #888888;
        line-height: 19px;
        text-decoration: none
    }

    .footer ul li a::after {
        content: '|';
        display: block;
        clear: both;
        position: absolute;
        color: #888888;
        right: -13px;
        top: 0
    }

    .footer ul li .lastA::after {
        content: ''
    }

    .connect {
        width: 144px;
        height: 144px;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        position: fixed;
        top: 400px;
        right: 14px
    }

    .connect .phone {
        box-shadow: 0 0 8px 2px rgba(0,0,0,0.1)
    }

    .connect .phone .phoneTitle {
        width: 100%;
        height: 32px;
        background: #444444;
        text-align: center;
        font-size: 13px;
        color: #ffffff;
        line-height: 32px
    }

    .connect .phone .phonemain {
        padding: 6px 0;
        font-size: 13px;
        color: #333333;
        line-height: 24px;
        text-align: center;
        background-color: #fff
    }

    .connect .btn {
        display: block;
        width: 100%;
        height: 40px;
        background: #3c76e7;
        box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #ffffff;
        cursor: pointer;
        text-decoration: none
    }
  .left1{
        background-image: url(https://f3-md.veimg.cn/special/2024/2024Cultural/images/btn_left_white.png);
        position: absolute;
        top: 34%;
        left: 0px;
        background-color: #b3b3b3;
    }
    .right1 {
        background-image: url(https://f3-md.veimg.cn/special/2024/2024Cultural/images/btn_right_white.png);
        position: absolute;
        top: 34%;
        right: 0px;
        background-color: #b3b3b3;
    }
      .aa {
        font-family: 'Consolas';
        width: 40px;
        height: 40px;
        border-radius: 4px;
        border: none;
        cursor: pointer;
    }
}