@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .zh_nav_box{
        width: 100%;
        height: 8vh;
        position: sticky;
        background: #0e2656;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .zh_nav{
        width: 90%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .zh_nav_logo{
        width: auto;
        height: 100%;
        position: relative;
    }
    .zh_nav_logo>a{
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }

    .zh_nav_logo img{
        width: auto;
        height: 60%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_nav_main{
        width: 0%;
        height: auto;
        overflow: hidden;
        opacity: 0;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        left: 0;
        top: 8vh;
        padding: 2rem 0;
    }
    .zh_nav_mainon{
        width: 100%;
        opacity: 1;
    }

    .zh_nav_meun{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: static;
    }
    .zh_nav_meun_tiem{
        width: 100%;
        height: auto;
        text-align: center;
        margin: 1rem 0rem;
        position: relative;
    }

    .zh_nav_meun_tiem>a{
        width: auto;
        height: 100%;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
    }
    .zh_nav_meun_tiem:hover>a{
        color: var(--OneColor);
    }
    .zh_nav_meun_tiemon>a{
        color: var(--OneColor);
    }

    .yy_nav_down{
        position: relative;
        width: 90%;
        height: 0;
        margin: 0 auto;
        overflow: hidden;
        background: #FFFFFF;
        top: 0%;
        left: 0rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 0;
        padding-top: 0rem;
        max-height: 26rem;
    }
    .zh_nav_meun_tiem:hover .yy_nav_down{
        height: auto;
        opacity: 1;
        padding: 0 0;
        padding-top: 1rem;
        overflow: auto;
    }
    .yy_nav_down_item{
        width: 47%;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0rem 0;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .yy_nav_down_item:last-child{
        border-bottom: 1px solid rgba(0,0,0,0);
    }
    .yy_nav_down_item>a{
        font-size: 1.062rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .yy_nav_down_item:hover>a{
        color:var(--OneColor);
    }




    .zh_nav_search{
        width: 20rem;
        height: auto;
        position: relative;
        margin-left: 0rem;
        margin: 1.5rem auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_nav_search_ico{
        width: 1.7rem;
        height: 1.7rem;
        display: none;
    }
    .zh_nav_search_ico svg{
        fill:var(--OneColor);
        width: 100%;
        height: 100%;
    }
    .zh_nav_search_main{
        position: relative;
        width: 20rem;
        overflow: hidden;
        background: #FFFFFF;
        top: 0%;
        left: 0rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        opacity: 1;
        height: 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border: 1px solid var(--OneColor);
    }
    .zh_nav_search:hover .zh_nav_search_main{
        height: 3rem;
        opacity: 1;
    }
    .zh_nav_search_main_input{
        width: 16rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_nav_search_main_input input{
        width: 100%;
        height: 2rem;
        border: none;
    }
    .zh_nav_search_main_btn{
        width: 3rem;
        height: 1.7rem;
        text-align: right;
    }
    .zh_nav_search_main_btn svg{
        width: 1.7rem;
        height: 1.7rem;
        fill:rgba(0,0,0,0.7);
    }

    .zh_nav_lang{
        width: auto;
        height: auto;
        margin-left: 1.5rem;
    }
    .zh_nav_lang a{
        width: 3rem;
        height: 3rem;
        background: linear-gradient(to right,#485dff,#787bff);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        color: #FFFFFF;
        font-size: 1.125rem;
        font-family: opm;
    }

    .zh_nav_index{
        position: fixed;
        top: auto;
        bottom: 1rem;
        right: 1rem;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 5px;
        background: linear-gradient(45deg,#485dff,#787bff);
        z-index: 300;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_nav_index svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#ffffff;
    }
    
    
    .menubtn{
        width: 30px;
        height: 20px;
        position: absolute;
        right: 5%;
        top: calc(50% - 10px);
        z-index: 10;
        display: block;
        cursor: pointer;
    }
    /* nav-icon-5 */
    .nav-icon-5 span{  background-color:#FFFFFF;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
  
    .nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
    .nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
    .nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
    .nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5.open span:nth-child(1){transform: rotate(45deg);  top: 8px;}
    .nav-icon-5.open span:nth-child(2){opacity:0;}
    .nav-icon-5.open span:nth-child(3){transform: rotate(-45deg);  top: 8px;}


    /*nbanner*/
    .zh_nbanner{
        width: 100%;
        height: calc(100vw * 720 / 1920);
        position: relative;
    }
    .zh_ab_nbanner{
        width: 100%;
        height: calc(100vw * 720 / 1920);
        position: relative;
    }
    .zh_nbanner_img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        z-index: 0;
    }
    .zh_nbanner_img>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }



    /*footer*/
    .zh_footer_box{
        width: 100%;
        height: auto;
        background:linear-gradient(30deg,#3663f4 60%,#6e7efd);
        position: relative;
    }
    .zh_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .zh_footer_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        padding-top: 2rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .zh_footer_top_logo{
        width: 35%;
        height: auto;
    }
    .zh_footer_top_logo img{
        height:3rem;
    }

    .zh_footer_top_menu{
        width: 65%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .zh_footer_top_menu a{
        display: block;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
        margin-left: 2rem;
    }


    .zh_footer_bottom{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 0;
        padding-bottom: 2rem;
    }
    .zh_footer_bottom_left{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.125rem;
        color: rgba(255,255,255,0.2);
    }
    .zh_footer_bottom_left a{
        color: rgba(255,255,255,0.2);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_bottom_left a:hover{
        color:  rgba(255,255,255,1);
    }
    .zh_footer_bottom_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
    }
    /*通知公告*/
    .zh_gg_menu_box{
        width: 100%;
        height: calc(100vw * 1100 / 1920);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_gg_menu_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .zh_gg_menu_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_gg_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-bottom: 6rem;
    }
    .zh_gg_menu_item{
        width: 23%;
        height: 5.5rem;
        margin: 0 1%;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: linear-gradient(45deg,#ffffff,#e4ebff);
        border-radius: 6px;
        -moz-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
    }
    .zh_gg_menu_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background: linear-gradient(45deg,#3663f4,#7180fe);
        opacity: 0;
        border-radius: 6px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_gg_menu_item:hover .zh_gg_menu_item_back{
        opacity: 1;
    }
    .zh_gg_menu_itemon .zh_gg_menu_item_back{
        opacity: 1;
    }
    .zh_gg_menu_item_cn{
        font-size: 1.125rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        z-index: 5;
    }
    .zh_gg_menu_item:hover .zh_gg_menu_item_cn{
        color: #FFFFFF;
    }
    .zh_gg_menu_itemon .zh_gg_menu_item_cn{
        color: #FFFFFF;
    }
    .zh_gg_menu_item_en{
        font-size: 0.875rem;
        color: rgba(81,86,106,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        z-index: 5;
    }
    .zh_gg_menu_item:hover .zh_gg_menu_item_en{
        color: rgba(255,255,255,0.4);
    }
    .zh_gg_menu_itemon .zh_gg_menu_item_en{
        color: rgba(255,255,255,0.4);
    }

    .zh_gg{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        margin-top: -6rem;
        position: relative;
        z-index: 5;
        border-radius: 10px;
        padding: 1.5rem;
        margin-bottom: 3rem;
    }
    .zh_gg_all{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: #FFFFFF;
        position: relative;
        z-index: 5;
        border-radius: 15px;
        padding: 3rem;
        margin-bottom: 3rem;
        margin-top: 2rem;
    }


    .zh_gg_title{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .zh_gg_title span{
        font-size: 3rem;
        font-family: opb;
        color: #0f2b5e;
        position: relative;
        padding: 0 3rem;
        padding-bottom: 1rem;
    }
    .zh_gg_title span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 100%;
        height: 3px;
        background: #0f2b5e;
        left: 0;
        bottom: 0;
    }
    .zh_gg_ltitle{
        text-align: center;
        font-size: 1.125rem;
        color: #0f2b5e;
        margin-top: 2rem;
        font-family: opm;
    }
    .zh_gg_ctitle{
        text-align: center;
        font-size: 1.75rem;
        color: var(--OneColor);
        margin-top: 2rem;
        font-family: opm;
    }
    .zh_gg_con{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 2rem;
        font-family: opm;
        line-height: 170%;
    }

    .zh_gg_con_all{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        line-height: 170%;
    }
    .zh_gg_con_all img{
        max-width: 100%;
    }
    .zh_gg_time{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 2rem;
        font-family: opm;
        line-height: 170%;
        text-align: right;
    }

    /*新闻直击*/
    .zh_new_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_new_title{
        text-align: center;
        font-size: 2rem;
        color: #000000;
        font-family: opm;
        letter-spacing: 0.2rem;
    }
    .zh_new_line{
        font-size: 0;
        width: 4rem;
        height: 2px;
        background: var(--OneColor);
        margin: 0.7rem auto;
    }
    .zh_new_ltitle{
        text-align: center;
        font-size: 1rem;
        color: rgba(81,86,106,0.4);
        font-family: opm;
        padding-top: 0.2rem;
    }
    .zh_new_sw_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
    }
    .zh_new_sw{
        width: 100%;
        height: auto;
    }
    .zh_new_sw_img{
        width: 100%;
        height: calc(94vw * 265 / 431);
        font-size: 0;
        overflow: hidden;
    }
    .zh_new_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_sw a:hover .zh_new_sw_img img{
        transform: scale(1.05);
    }
    .zh_new_sw_con{
        width: 100%;
        height: 14rem;
        overflow: hidden;
        padding: 1.5rem;
        background: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border-radius: 0 0 0 0;
    }
    .zh_new_sw a:hover .zh_new_sw_con{
        background: var(--OneColor);
    }
    .zh_new_sw_con_title{
        font-size: 1.5rem;
        color: #000000;
        font-family: opm;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_sw a:hover .zh_new_sw_con_title{
        color: #FFFFFF;
    }
    .zh_new_sw_con_des{
        font-size: 1.125rem;
        color: #000000;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-height: 160%;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_sw a:hover .zh_new_sw_con_des{
        color: #FFFFFF;
    }

    .zh_new_sw_btn{
        position: absolute;
        width: 3.6rem;
        height: 3.6rem;
        background: var(--OneColor);
        border-radius: 50%;
        top: calc(94vw * 265 / 431 * 0.5 - 1.8rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 20;
    }
    .zh_new_sw_btn:hover{
        background: #FFFFFF;
    }
    .zh_new_sw_btn svg{
        width: 50%;
        height: 50%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_sw_btn:hover svg{
        fill: var(--OneColor);
    }
    .zh_new_sw_btn_left{
        left: 0.5rem;
    }
    .zh_new_sw_btn_right{
        right: 0.5rem;
    }

    /*重要嘉宾*/
    .zh_jb_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_jb{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0rem;
    }
    .zh_jb_item{
        width: 48%;
        height: auto;
        background: linear-gradient(45deg,#485dff,#787bff);
        border-radius: 5px;
        margin-right: 0%;
        margin-top: 4%;
        position: relative;
        padding:2.5rem 1.5rem;
    }
    .zh_jb_item:nth-of-type(4n){
        margin-right: 0;
    }
    .zh_jb_item_back{
        position: absolute;
        width: 80%;
        height: auto;
        left: 10%;
        top: 5rem;
        z-index: 0;
        opacity: 0.1;
    }
    .zh_jb_item_back img{
        width: 100%;
        height: auto;
    }
    .zh_jb_item_img_box{
        width: 100%;
        height: 11rem;
    }
    .zh_jb_item_img{
        width: 11rem;
        height: 11rem;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        background: #FFFFFF;
        position: relative;
        z-index: 5;
        border: 4px solid #FFFFFF;
    }
    .zh_jb_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;

    }
    .zh_jb_item_title{
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: opm;
        text-align: center;
        margin-top: 1.5rem;
    }
    .zh_jb_item_ltitle{
        font-size: 1rem;
        color: #FFFFFF;
        text-align: center;
        margin-top: 0.7rem;
    }

    /*中拉论坛*/
    .zh_lt_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_lt{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-bottom: 0rem;
        margin-top: 2rem;
        position: relative;
    }
    .zh_lt_left{
        width: 100%;
        height: calc(94vw * 389 / 652);
        position: relative;
        z-index: 5;
    }
    .zh_lt_left img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_lt_right{
        position: relative;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        right: 0;
        bottom: 0;
        z-index: 0;
        padding-left: 0%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 0rem;
        padding: 1.5rem;
    }
    .zh_lt_right_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
    }
    .zh_lt_right_con{
        margin-top: 0.3rem;
    }
    .zh_lt_right_con a{
        display: block;
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin: 1rem 0;
        position: relative;
        padding-left: 1.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lt_right_con a:hover{
        color: var(--OneColor);
    }
    .zh_lt_right_con a:after{
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 3px);
        font-size: 0;
    }

    /*参展企业详情*/
    .zh_bread{
        width: 94%;
        height: auto;
        margin: 0 auto;
        line-height: 160%;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
    }
    .zh_bread a{
        color: rgba(0,0,0,0.8);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread a:hover{
        color: var(--OneColor);
    }
    .zh_bread span{
        padding: 0 0.2rem;
    }

    .zh_sqy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_sqy_left{
        width: 100%;
        height: 30vh;
        background-image: url("../images/sqy_left.jpg");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_sqy_left_logo{
        width: 10rem;
        height: 10rem;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 50%;
        margin-top: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .zh_sqy_left_logo img{
        width: 85%;
        height: auto;
        margin: 0 auto;
    }
    .zh_sqy_right{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1.5rem 1.5rem;
    }
    .zh_sqy_right_title{
        font-size: 1.5rem;
        color: #000000;
        font-family: opm;
    }
    .zh_sqy_right_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin-top: 1.5rem;
    }
    .zh_sqy_right_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        line-height: 160%;
        margin-top: 2rem;
    }



    /*同期展览*/
    .zh_zl_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_zl{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
        background: #FFFFFF;
        border-radius: 0px;
        overflow: hidden;
    }
    .zh_zl_left{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .zh_zl_left img{
        width: 100%;
        height: auto;
    }
    .zh_zl_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.5rem 1.5rem;
    }
    .zh_zl_right_top{
        font-size: 1.125rem;
        color: #000000;
        line-height: 150%;
    }
    .zh_zl_right_top_s{
        font-size: 1.125rem;
        color: #000000;
        line-height: 170%;
        opacity: 0.8;
        padding-top: 1rem;
    }
    .zh_zl_right_bottom{
        margin-top: 2rem;
    }
    .zh_zl_right_title{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .zh_zl_right_title_ico{
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 50%;
        background: linear-gradient(45deg,#485dff,#787bff);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_zl_right_title_ico img{
        width: 65%;
        height: 65%;
        margin: 0 auto;
    }
    .zh_zl_right_title_text{
        font-size: 1.125rem;
        font-family: opm;
        color: var(--OneColor);
        padding-left: 0.6rem;
    }
    .zh_zl_right_con{
        font-size: 1.125rem;
        color: #000000;
        line-height: 180%;
        margin-top: 1.5rem;
    }

    .zh_zl_sw_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
    }

    .zh_zl_sw_img{
        width: 100%;
        height: calc(94vw * 305 / 448);
        font-size: 0;
        overflow: hidden;
    }

    .zh_zl_sw_btn{
        position: absolute;
        width: 3.6rem;
        height: 3.6rem;
        background: var(--OneColor);
        border-radius: 50%;
        top: calc(94vw * 305 / 448 / 2 - 1.8rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 20;
    }
    .zh_zl_sw_btn:hover{
        background: #FFFFFF;
    }
    .zh_zl_sw_btn svg{
        width: 50%;
        height: 50%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_zl_sw_btn:hover svg{
        fill: var(--OneColor);
    }
    .zh_zl_sw_btn_left{
        left: 0.5rem;
    }
    .zh_zl_sw_btn_right{
        right: 0.5rem;
    }

    .zh_zl_pagination{ 
        position: relative;
        width: 100%;
        height: auto;
        z-index: 10;
        text-align: center;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s; 
        margin-top: 2rem;
    }

    .zh_zl_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.8rem; 
        height:0.8rem; 
        background: rgba(0,0,0,0.1);
        border-radius:50px;
        margin:0 0.5rem; 
        cursor: pointer;  
        -webkit-transition: all 0.4s ease-in-out;
    }
    .zh_zl_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }

    .zh_new_ntitle{
        text-align: center;
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        margin-top: 2rem;
    }

    .zh_zl_qy_sw{
        width: 100%;
        height: auto;

    }
    .zh_zl_qy_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        background: #FFFFFF;
        padding: 1rem;
        border-radius: 10px;
    }
    .zh_zl_qy_sw_img{
        width: 33.33%;
        height: calc(94vw * 0.3333 * 130 / 320);
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_zl_qy_sw_img div{
        width: auto;
        height: auto;
        max-width: 80%;
        max-height: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .zh_zl_qy_sw_img img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }


    /*视频影像*/
    .zh_sp_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_sp{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 2rem;
        position: relative;
    }
    .zh_sp2{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-top: 2rem;
        position: relative;
    }
    .zh_sp_video{
        width: 100%;
        height: calc(94vw * 555 / 987);
        font-size: 0;
        position: relative;
        z-index: 0;
        cursor: pointer;
    }
    .zh_sp_video>a>img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_sp_video_btn{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 5;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_sp_video:hover .zh_sp_video_btn{
        background: rgba(0,0,0,0);
    }
    .zh_sp_video_on .zh_sp_video_btn{
        opacity: 0;
    }
    .zh_sp_video_btn span{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        background: #FFFFFF;
        border-radius: 50%;
        margin: 0 auto;
    }
    .zh_sp_video_btn span svg{
        width: 60%;
        height: 60%;
        fill:var(--OneColor);
        margin: 0 auto;
    }

    .zh_sp_right{
        width: 100%;
        height: auto;
        background: #f5f8fc;
        position: relative;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 3rem;
        padding: 2rem;
    }
    .zh_sp2_right{
        width: 100%;
        height: auto;
        background: #f5f8fc;
        position: relative;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 3rem;
        padding: 2rem;
    }
    .zh_sp_right_en{
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 3.5rem;
        color: rgba(0,0,0,0.1);
        font-family: "Arial";
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.6rem;
    }
    .zh_sp_right_cn{
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 1.5rem;
        color: #000000;
        font-family: opm;
        margin-top: 1rem;
    }

    .zh_sp_sxc{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        position: relative;
    }
    .zh_sp_sxc_img{
        position: relative;
        width: 16rem;
        height: calc(16rem * 357 / 264);
        font-size: 0;
        right: 0rem;
        top: 0rem;
        margin: 0 auto;
        z-index: 5;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    }
    .zh_sp_sxc_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_sp_sxc_con{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        background: #eef7ff;
        border-radius: 5px;
        padding:2rem 1.5rem;
        margin-top: 1.5rem;
    }
    .zh_sp_sxc_con_title{
        font-size: 1.5rem;
        color: #000000;
        font-family: opm;
    }
    .zh_sp_sxc_con_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: opm;
        padding-right: 0;
        line-height: 160%;
        margin-top: 1rem;
    }


    .zh_sp_sw_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
    }

    .zh_sp_sw_img{
        width: 100%;
        height: calc(94vw * 249 / 444);
        font-size: 0;
        overflow: hidden;
    }

    .zh_sp_sw_img_btn{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 20;
    }

    .zh_sp_sw_img_btn span{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        background: #FFFFFF;
        border-radius: 50%;
        margin: 0 auto;
    }
    .zh_sp_sw_img_btn span svg{
        width: 60%;
        height: 60%;
        fill:var(--OneColor);
        margin: 0 auto;
    }

    .zh_sp_sw_btn{
        position: absolute;
        width: 3.6rem;
        height: 3.6rem;
        background: var(--OneColor);
        border-radius: 50%;
        top: calc(50% - 1.8rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 20;
    }
    .zh_sp_sw_btn:hover{
        background: #FFFFFF;
    }
    .zh_sp_sw_btn svg{
        width: 50%;
        height: 50%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_sp_sw_btn:hover svg{
        fill: var(--OneColor);
    }
    .zh_sp_sw_btn_left{
        left: 0.5rem;
    }
    .zh_sp_sw_btn_right{
        right: 0.5rem;
    }




    .zh_sp_sw_btns{
        position: absolute;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 50%;
        top:auto;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_sp_sw_btns:hover{
        background: var(--OneColor);
    }
    .zh_sp_sw_btns svg{
        width: 50%;
        height: 50%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_sp_sw_btns:hover svg{
        fill:#ffffff;
    }
    .zh_sp_sw_btn_lefts{
        right: calc(3.5rem + 3%);
    }
    .zh_sp_sw_btn_rights{
        right: 3%;
    }



    .zh_sp_sj{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-template-rows: calc(100vw * 0.32 * 209 / 316) calc(100vw * 0.32 * 209 / 316) calc(100vw * 0.32 * 209 / 316) calc(100vw * 0.32 * 209 / 316) calc(100vw * 0.32 * 209 / 316);
        grid-gap: 2vw 2vw;
        margin: 3rem 0;
    }

    .zh_sp_sj_item{
        width:100%;
        height: 100%;
        font-size: 0px;
        overflow: hidden;
        position: relative;
    }
    .zh_sp_sj_item img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_sp_sj_item:hover .zh_sp_sj_item img{
        transform: scale(1.03);
    }

    .zh_sp_sj_item:nth-of-type(9){
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    /*媒体支持*/
    .zh_mt_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_mt{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        background: #FFFFFF;
        padding: 1rem;
        border-radius: 10px;
    }

    .zh_mt_img{
        width: 33.33%;
        height: calc(94vw * 0.3333 * 130 / 320);
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_mt_img div{
        width: auto;
        height: auto;
        max-width: 80%;
        max-height: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .zh_mt_img img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .zh_mt_img_s{
        width: 25%;
        height: calc(94% * 0.25 * 130 / 320);
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_mt_img_s div{
        width: auto;
        height: auto;
        max-width: 80%;
        max-height: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .zh_mt_img_s img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .zh_mt_bd{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        background: #FFFFFF;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .zh_mt_bd_sw{
        width: 100%;
        height: auto;
    }
    .zh_mt_bd_logo{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .zh_mt_bd_logo img{
        width: auto;
        height: 5rem;
    }

    .zh_mt_bd_item{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin: 1.5rem 0;
    }
    .zh_mt_bd_item_left{
        width: 4rem;
        height: 4rem;
        background: #041e6d;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
    }
    .zh_mt_bd_item_right{
        width: calc(100% - 4.3rem);
        height: 4rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0.1rem 0;
        padding-left: 1rem;
    }
    .zh_mt_bd_item_right_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_mt_bd_item:hover .zh_mt_bd_item_right_title{
        color: var(--OneColor);
    }
    .zh_mt_bd_item_right_ltitle{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_mt_bd_item:hover .zh_mt_bd_item_right_ltitle{
        color: rgba(0,0,0,1);
    }

    .zh_mt_bd_page{
        width: 100%;
        text-align: center;
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .zh_mt_bd_page_btn{
        width: 3.5rem;
        height: 3.5rem;
        text-align: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 50%;
        font-size: 1.125rem;
        font-family: "Arial";
        background: #FFFFFF;
        margin: 0 0.5rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .zh_mt_bd_page_btn svg{
        width: 1.6rem;
        height: 1.6rem;
        fill:rgba(0,0,0,0.1);
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_mt_bd_page_btn:hover{
        background: #041e6d;
        color: #FFFFFF;
    }
    .zh_mt_bd_page_btn:hover svg{
        fill: #FFFFFF;
    }

    /*翻页*/
    .zh_new_page{
        width: 100%;
        text-align: center;
        padding: 3rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .zh_new_page a{
        width: 2.8rem;
        height: 2.8rem;
        text-align: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 50%;
        font-size: 1.25rem;
        font-family: "Arial";
        background: #FFFFFF;
        margin: 0 0.3rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_page svg{
        width: 1.3rem;
        height: 1.3rem;
        fill:#000000;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_new_page a:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .zh_new_page a:hover svg{
        fill: #FFFFFF;
    }
    .zh_new_page a.zh_new_page_aon{
        background: var(--OneColor);
        color: #FFFFFF;
    }

    /*论坛日程*/
    .zh_rc_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_rc{
        width: 100%;
        height: auto;
        margin-top: 2rem;
        position: relative;
    }
    .zh_rc:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 2px;
        height: 100%;
        background-image: url("../images/rc_line.png");
        background-repeat: repeat-y;
        left: calc(1rem - 1px);
        top: 0;
    }

    .zh_rc_item{
        margin-bottom: 2.5rem;
    }
    .zh_rc_item_data{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        padding-left: 2.8rem;
    }
    .zh_rc_iteml{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 1rem;
    }
    .zh_rc_iteml_ico{
        width: 2rem;
        height: 2rem;
        border: 2px solid #4d79f4;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        margin-top: 0.35rem;
    }
    .zh_rc_iteml_ico span{
        display: block;
        width: 1rem;
        height: 1rem;
        margin: 0 auto;
        background: #4d79f4;
        border-radius: 50%;
    }
    .zh_rc_iteml_time{
        width: 8rem;
        height: 2.5rem;
        background: linear-gradient(to right,#3663f4,#6f7ffe);
        border-radius: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1rem;
        color: #FFFFFF;
        font-family: opm;
        margin-left: 1rem;
    }
    .zh_rc_iteml_con{
        width: calc(100% - 11rem);
        height: auto;
        padding-left: 1rem;
    }
    .zh_rc_iteml_con_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        margin-top: 0.5rem;
    }
    .zh_rc_iteml_con_des{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 0.3rem;
        line-height: 170%;
    }


    /*共同计划*/
    .zh_jh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_jh_box_partner{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 7rem;
    }
    .zh_jh{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding-bottom: 0rem;
        margin-top: 2rem;
        position: relative;
    }
    .zh_jh_left{
        width: 100%;
        height: calc(94vw * 389 / 652);
        position: relative;
        z-index: 5;
    }
    .zh_jh_left img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_jh_right{
        position: relative;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        left: 0;
        bottom: 0;
        z-index: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 1.5rem 1.5rem;
        padding-right: 0%;
    }
    .zh_jh_right_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
    }
    .zh_jh_right_title a{
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_jh_right_title a:hover{
        color: var(--OneColor);
    }
    .zh_jh_right_con{
        margin-top: 1rem;
    }
    .zh_jh_right_con a{
        display: block;
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin: 1.5rem 0;
        position: relative;
        padding-left: 1.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_jh_right_con a:hover{
        color: var(--OneColor);
    }
    .zh_jh_right_con a:after{
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 3px);
        font-size: 0;
    }

    /*成果发布*/
    .zh_cg_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_cg{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .zh_cg_item{
        width: 48%;
        height: auto;
        margin-right: 0%;
        margin-top: 2rem;
    }
    .zh_cg_item:nth-of-type(4n){
        margin-right: 0;
    }
    .zh_cg_item_img{
        width: 100%;
        height: calc(94vw * 0.48 * 357 / 264);
        font-size: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_cg_item:hover .zh_cg_item_img{
        transform: scale(1.03);
    }
    .zh_cg_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_cg_item_title{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        text-align: center;
        line-height: 150%;
        padding: 0 1rem;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    /*关于协会*/
    .zh_ab_jj_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #FFFFFF;
    }
    .zh_ab_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .zh_ab_jj_left{
        width: 100%;
        height: auto;
    }
    .zh_ab_jj_left_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .zh_ab_jj_left_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(46,46,46,0.7);
        line-height: 180%;
        margin-top: 1.5rem;
    }
    .zh_ab_jj_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .zh_ab_jj_right img{
        width:80%;
        height: auto;
    }
    .zh_ab_count_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 2rem;
    }
    .zh_ab_count_title_left{
        width: 100%;
        height: auto;
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .zh_ab_count_title_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
    }

    .zh_ab_count_btn{
        position: relative;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .zh_ab_count_btn:hover{
        background: #FFFFFF;
    }
    .zh_ab_count_btn svg{
        width: 50%;
        height: 50%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_ab_count_btn:hover svg{
        fill: var(--OneColor);
    }

    .zh_ab_count{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_ab_count_sw{
        width: 100%;
        height: auto;
    }
    .zh_ab_count_sw .swiper-slide{
        width: auto;
        height: auto;
        padding: 0 1.5rem;
    }
    .zh_ab_count_sw_count{
        width: auto;
        display: inline-block;
        position: relative;
        padding-right: 1.8rem;
    }
    .zh_ab_count_sw_count_count{
        position: relative;
        font-size: 4rem;
        font-family: db;
        color: var(--OneColor);
    }
    .zh_ab_count_sw_count_unit{
        position: absolute;
        font-size: 2.437rem;
        font-family: opm;
        color: var(--OneColor);
        top: 0.5rem;
        right: 0;
    }

    .zh_ab_count_sw_title{
        display: block;
        font-size: 1.125rem;
        color: #000000;
    }

    .zh_ab_zz_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        /*background-image: url("../images/ab_zz_back.jpg");*/
        background-size: cover;
        background-position: center;
    }
    .zh_ab_zz_title{
        text-align: center;
        margin-top: 2rem;
    }
    .zh_ab_zz_title span{
        display: inline-block;
        width: auto;
        height: 3.5rem;
        line-height: 3.5rem;
        background: linear-gradient(to right,#3663f4,#7180fe);
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: opm;
        padding: 0 2rem;
        border-radius: 6px;
    }

    .zh_ab_zz_wyh{
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .zh_ab_zz_wyh_left{
        width: 100%;
        font-size: 1.5rem;
        font-family: opm;
        color: var(--OneColor);
        text-align: center;
    }
    .zh_ab_zz_wyh_right{
        width:100%;
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        text-align: center;
        margin-top: 1rem;
    }
    .zh_ab_zz_dw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 2.5rem;
    }
    .zh_ab_zz_dw_item{
        width: 48%;
        height: 6rem;
        background: #FFFFFF;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin: 0 0rem;
        -moz-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
    }
    .zh_ab_zz_dw_item img{
        width: 80%;
        height: auto;
        max-height: 100%;
    }

    .zh_ab_yt_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #FFFFFF;
    }
    .zh_ab_yt_top_1{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        z-index: 5;
        padding-left: 2rem;
    }
    .zh_ab_yt_top_1 img{
        width: 7rem;
        height: 7rem;
    }
    .zh_ab_yt_top_2{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        margin-top: -3.5rem;
        background:linear-gradient(to right,#3663f4,#7180fe);
        padding: 2rem 2rem;
        border-radius: 8px;
        padding-left: 2rem;
        padding-top: 4rem;
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        line-height: 170%;
    }

    .zh_ab_yt_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .zh_ab_yt_menu:after{
        position: absolute;
        content: '';
        z-index: 0;
        width: 75%;
        height: 1rem;
        font-size: 0;
        background: #f5f8fc;
        left: 12.5%;
        top: calc(50% - 0.5rem);
    }
    .zh_ab_yt_menu_item{
        width: 25%;
        height: auto;
        padding: 0rem;
        position: relative;
        z-index: 5;
    }
    .zh_ab_yt_menu_item span{
        width: 6.5rem;
        height: 6.5rem;
        margin: 0 auto;
        background: linear-gradient(to right,#3663f4,#7180fe);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        padding: 2rem;
        position: relative;
        z-index: 5;
    }
    .zh_ab_yt_menu_item span:after{
        position: absolute;
        content: '';
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
        border: 1px dashed var(--OneColor);
        left: calc(-0.25rem - 1px);
        top: calc(-0.25rem - 1px);
        z-index: -1;
    }

    .zh_ab_yt{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0rem;
    }
    .zh_ab_yt_item{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 5;
        background: #f5f8fc;
        border-radius: 10px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem 0;
        margin-top: 3rem;
    }
    .zh_ab_yt_item:after{
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        pointer-events: none;
        top: -34px;
        left: calc(50% - 18px);
        border-color: transparent transparent #f5f8fc transparent;
        border-width: 18px;
        border-style: solid;
    }
    .zh_ab_yt_item span{
        display: block;
        text-align: center;
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        padding: 0.2rem 0;
    }

    .zh_ab_jb_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
      /*  background: #f5f8fc;*/
    }
    .zh_ab_jb{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_ab_jb_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 1.5rem;
    }
    .zh_ab_jb_left_des{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        line-height: 170%;
    }
    .zh_ab_jb_left_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 0rem;
    }
    .zh_ab_jb_left_menu span{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 32%;
        margin-right: 2%;
        height: 3.5rem;
        background: #FFFFFF;
        margin-top: 1.5rem;
        text-align: center;
        border-radius: 5px;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.6);
        font-family: opm;
        cursor: default;
        -moz-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_ab_jb_left_menu span:nth-of-type(3n){
        margin-right: 0;
    }
    .zh_ab_jb_left_menu span.zh_ab_jb_left_menu_son{
        background: linear-gradient(to right,#3663f4,#7180fe);
        color: #FFFFFF;
    }
    .zh_ab_jb_right{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    .zh_ab_jb_sw{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .zh_ab_jb_sw .swiper-slide{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .zh_ab_jb_sw .swiper-slide img{
        width: 100%;
        height: auto;
    }

    .zh_ab_jh_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #FFFFFF;
    }
    .zh_ab_jh{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .zh_ab_jh_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .zh_ab_jh_top_ico img{
        width: 5rem;
        height: 5rem;
    }


    .zh_ab_jh_pagination{
        width: 100%;
        height: auto;
        text-align: right;
        position: relative;
    }

    .zh_ab_jh_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.7rem; 
        height:0.7rem;  
        background: rgba(0,0,0,0.1);
        border-radius: 50%;
        margin-left: 1rem;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_ab_jh_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }


    .zh_ab_jh_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 0rem;
    }
    .zh_ab_jh_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .zh_ab_jh_sw_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_ab_jh_sw_left_con{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
        line-height: 170%;
    }
    .zh_ab_jh_sw_left_btn{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }
    .zh_ab_jh_sw_left_btn a{
        width: 100%;
        height: 4rem;
        background: linear-gradient(to right,#3663f4,#7180fe);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 1.5rem;
        border-radius: 5px;
    }
    .zh_ab_jh_sw_left_btn_ico svg{
        width: 1.6rem;
        height: 1.6rem;
        fill:#ffffff;
    }
    .zh_ab_jh_sw_left_btn_text{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 0.6rem;
    }


    .zh_ab_jh_sw_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 0;
        margin-top: 1.5rem;
    }
    .zh_ab_jh_sw_right img{
        width: 100%;
        height: auto;
    }

    .zh_ab_jh_dy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top:3rem;
        padding-bottom: 3rem;
    }
    .zh_ab_jh_dy_title{
        font-size: 1.875rem;
        color: #000000;
        font-family: opm;
    }

    .zh_ab_jh_dy_l{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 2rem;
    }
    .zh_ab_jh_dy_sw{
        width: 100%;
        height: 8rem;
        -moz-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        box-shadow: 0px 0px 25px 0 rgba(54,98,255,0.1);
        border-radius: 6px;

    }
    .zh_ab_jh_dy_sw .swiper-slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_ab_jh_dy_sw .swiper-slide div{
        width: 80%;
        height: 5rem;
        margin: 0 auto;
        text-align: center;
    }
    .zh_ab_jh_dy_sw .swiper-slide div img{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

    .zh_ab_jh_dy_btn{
        display: none;
    }

    .zh_ab_jh_dy_pagination{ 
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 10;
        text-align: center;
        bottom: -2.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s; 
    }

    .zh_ab_jh_dy_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.8rem; 
        height:0.8rem; 
        background: rgba(0,0,0,0.1);
        border-radius:50px;
        margin:0 0.3rem; 
        cursor: pointer;  
        -webkit-transition: all 0.4s ease-in-out;
    }
    .zh_ab_jh_dy_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }

    /*首页*/
    .zh_id_banner{
        width: 100%;
        height: auto;
        position: relative;
    }
    .zh_id_banner_sw{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
    }
    .zh_id_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        font-size: 0;
   
	}
	.zh_id_banner_sw_con_warp{
	padding: 3rem  0;
}
.zh_id_banner_sw_con{
	    width: 94%;
	justify-content: center;
	flex-direction: column;
}
.zh_id_banner_sw_con_img{
	width: 100%;
	justify-content: center;
}
.zh_id_banner_sw_con_img img{
    width:50%;
}
.zh_id_banner_sw_con_right{
	width: 100%;
	margin-top: 2rem;
}
.zh_id_banner_sw_con_right_1{
	text-align: center;
}
.zh_id_banner_sw_con_right_1 img{
    width:86%;
}
.zh_id_banner_sw_con_right_2{
	justify-content: center;
	margin-top: 1.5rem;
}
.zh_id_banner_sw_con_right_2 a{
	   
	width: 10rem;
	height: 3rem;
	font-size: 1.25rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

	
    .zh_id_banner_menu{
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        bottom: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        z-index: 5;
    }
    .zh_id_banner_menu span{
        font-size: 0;
        display: block;
        width: 3rem;
        height: 2px;
        background: #7a8aad;
        margin: 0 0.4rem;
        position: relative;
    }
    .zh_id_banner_menu span.zh_id_banner_menu_son{
        background: #FFFFFF;
    }
    .zh_id_banner_menu span:after{
        position: absolute;
        content: '';
        width: 0%;
        height: 100%;
        background: var(--OneColor);
    }
    .zh_id_banner_menu span.zh_id_banner_menu_son:after{
        animation: zhidbmamit 3s linear forwards;
    }
    @keyframes zhidbmamit
    {
        to {
            width: 100%;
        }
    }

    .zh_id_ab_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background-image: url("../images/id_ab_back.jpg");
        background-size: cover;
        background-position: center;
    }
    .zh_id_ab_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .zh_id_ab_title_cn{
        font-size: 2rem;
        color: #000000;
        font-family: opm;
    }
    .zh_id_ab_title_line{
        font-size: 0;
        width: 1px;
        height: 1.6rem;
        background: rgba(0,0,0,0.1);
        margin:  0 1rem;
    }
    .zh_id_ab_title_en{
        font-size: 1rem;
        color: rgba(81,86,106,0.4);
        text-transform: uppercase;
        font-family: opm;
        letter-spacing: 0.2rem;
        line-height: 110%;
    }

    .zh_id_ab{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .zh_id_ab_left{
        width: 100%;
        height: auto;
    }
    .zh_id_ab_left_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
    }
    .zh_id_ab_left_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(46,46,46,0.7);
        line-height: 160%;
        margin-top: 1rem;
    }
    .zh_ab_zz_title_s{
        margin-top: 0rem;
    }
    .zh_ab_zz_title_s a{
        display: inline-block;
        width: auto;
        height: 3rem;
        line-height: 3rem;
        background: linear-gradient(to right,#3663f4,#7180fe);
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        padding: 0 2rem;
        border-radius: 6px;
    }



    .zh_id_ab_right{
        width: 100%;
        height: auto;
        font-size: 0;
        margin-top: 1.5rem;
    }
    .zh_id_ab_right img{
        width: 100%;
        height: auto;
    }


    .zh_id_ab_count_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 2rem;
    }
    .zh_id_ab_count_title_left{
        width: 100%;
        height: auto;
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .zh_id_ab_count_title_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .zh_id_ab_count_btn{
        position: relative;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-top: 1rem;
    }

    .zh_id_ab_count{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_id_ab_count_sw{
        width: 100%;
        height: auto;
    }
    .zh_id_ab_count_sw .swiper-slide{
        width: auto;
        height: auto;
        padding: 0 1.5rem;
    }
    .zh_id_ab_count_sw_count{
        width: auto;
        display: inline-block;
        position: relative;
        padding-right: 1.8rem;
    }
    .zh_id_ab_count_sw_count_count{
        position: relative;
        font-size: 4rem;
        font-family: db;
        color:var(--OneColor);
    }
    .zh_id_ab_count_sw_count_unit{
        position: absolute;
        font-size:2.25rem;
        top: 0rem;
        right: 0;
		 color:var(--OneColor);
    }

    .zh_id_ab_count_sw_title{
        display: block;
        font-size: 1.125rem;
        color: #000000;
    }

    .zh_id_gg_box{
        width: 100%;
        height: auto;
        background: #f5f8fc;
        position: relative;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zh_id_gg_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg,#3663f4,#7180fe);
        left: 0;
        top: 0rem;
        z-index: 0;
        text-align: center;
        font-size: 0rem;
        text-transform: uppercase;
        font-family: db;
        color: rgba(0,0,0,0.06);
        
    }
    .zh_id_gg_backs{
        height: 100%;
    }
    .zh_id_gg{
        width: 94%;
        height: auto;
        padding-left: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 5;
    }

    .zh_id_gg_left{
        width: 100%;
        height: auto;
    }
    .zh_id_gg_left_title_cn{
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opm;
        text-align: center;
    }
    .zh_id_gg_left_title_en{
        font-size: 1.125rem;
        color: rgba(255,255,255,0.4);
        font-family: opm;
        text-transform: uppercase;
        margin-top: 0.5rem;
        text-align: center;
    }
    .zh_id_gg_left_title_line{
        font-size: 0;
        width: 3rem;
        height: 1px;
        background: #FFFFFF;
        margin: 0 auto;
        margin-top: 1.5rem;
    }

    .zh_id_gg_left_btnbox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 1.5rem;
        
    }
    .zh_id_gg_btn{
        position: relative;
        width: 3rem;
        height: 3rem;
        background: none;
        border: 2px solid rgba(255,255,255,0.4);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }


    .zh_id_gg_right{
        width: 100%;
        height: auto;
    }
    .zh_id_gg_sw{
        width: 100%;
        height: auto;
		margin-top: 1rem;
    }
    .zh_id_gg_sw_img{
        width: 100%;
        height: calc(1660px * 0.8 * 0.31 * 313 / 424);
        height: calc(((var(--mainwidth) + ((100vw - var(--mainwidth)) / 2))) * 0.8 * 0.31 * 313 / 424);
        font-size: 0;
        overflow: hidden;
    }
    .zh_id_gg_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_gg_sw a:hover .zh_id_gg_sw_img img{
        transform: scale(1.03);
    }

    .zh_id_gg_sw_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding-top: 2rem;
    }
    .zh_id_gg_sw_con_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        height:4rem;
        overflow: hidden;
        padding: 0 2.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_gg_sw a:hover .zh_id_gg_sw_con_title{
        color: var(--OneColor);
    }

    .zh_id_gg_sw_con_titles{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        height:4rem;
        overflow: hidden;
        padding: 0 2.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .zh_id_gg_sw_con_line{
        font-size: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin-top: 1rem;
    }
    .zh_id_gg_sw_con_bottom{
        width: 100%;
        height: auto;
        padding: 2.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .zh_id_gg_sw_con_time{
        font-size: 1rem;
        color: #000000;
    }
    .zh_id_gg_sw_con_btn{
        font-size: 1rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_gg_sw a:hover .zh_id_gg_sw_con_btn{
        color: var(--OneColor);
    }

    .zh_id_hg_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #f5f8fc;
        overflow: hidden;
    }
    .zh_id_hg_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-right: 0%;
    }
    .zh_id_hg_title_left{
        width: 60%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .zh_id_hg_title_right{
        width: 40%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .zh_id_hg_title_right_ico{
        font-size: 0;
    }
    .zh_id_hg_title_right_ico img{
        width: 3rem;
        height: auto;
    }
    .zh_id_hg_pagination{
        font-size: 1.375rem;
        font-family: opb;
        color: #787878;
        width: 6rem;
        text-align: right;
    }
    .zh_id_hg_pagination .swiper-pagination-current{
        color: var(--OneColor);
    }

    .zh_id_hg{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding: 1.5rem 0;
        padding-bottom: 3rem;
    }
    .zh_id_hg_bback{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        left: 0px;
        top: 0;
        z-index: 0;
    }
    .zh_id_hg_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        overflow: visible;
        margin-top: 2rem;
    }
    .zh_id_hg_sw .swiper-slide{
        position: relative;
        width: 100%;
        height: auto;
    }

    .zh_id_hg_sw_img{
        width: 100%;
        height: calc(94vw * 0.94 * 409 / 1176);
        font-size: 0;
        overflow: hidden;
        position: relative;
    }
    .zh_id_hg_sw_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
        background: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_hg_sw .swiper-slide-active .zh_id_hg_sw_img_back{
        background: rgba(0,0,0,0);
    }
    .zh_id_hg_sw .swiper-slide-active a:hover .zh_id_hg_sw_img img{
        transform: scale(1.03);
    }
    .zh_id_hg_sw_title{
        font-size: 1.5rem;
        color: rgba(0,0,0,0.4);
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_hg_sw .swiper-slide-active .zh_id_hg_sw_title{
        color: #000000;
    }
    .zh_id_hg_sw .swiper-slide-active a:hover .zh_id_hg_sw_title{
        color: var(--OneColor);
    }
    .zh_id_hg_sw_des{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.4);
        margin-top: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_hg_sw .swiper-slide-active .zh_id_hg_sw_des{
        color: rgba(0,0,0,0.8);
    }
    .zh_id_hg_sw .swiper-slide-active a:hover .zh_id_hg_sw_des{
        color: rgba(0,0,0,1);
    }
    .zh_id_hg_sw_time{
        font-size: 1rem;
        color: rgba(0,0,0,0.4);
        font-family: "Arial";
        margin-top: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_hg_sw .swiper-slide-active .zh_id_hg_sw_time{
        color: rgba(0,0,0,0.6);
    }
    .zh_id_hg_sw .swiper-slide-active a:hover .zh_id_hg_sw_time{
        color: rgba(0,0,0,1);
    }


    .zh_id_gg_right_copy{
        width: 100%;
        height: auto;
        background: none;
        margin-top: 2rem;
    }
    .right_copy_all .swiper-slide{
        background-color: #ffffff;
        padding: 1.5rem;
    }
    .right_copy_all{
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 0rem;
    }
    .right_copy_all a{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .right_copy_all_img{
        width: 100%;
        height: calc((94vw - 3rem) * 303 / 501);
        font-size: 0;
        overflow: hidden;
    }
    .right_copy_all_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .right_copy_all a:hover .right_copy_all_img img{
        transform: scale(1.03);
    }



    .right_copy_all_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        position: relative;
    }
    .right_copy_all_con_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        margin-bottom: 1rem;
        overflow: hidden;
        padding: 0 0rem;
        margin-top: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .right_copy_all a:hover .right_copy_all_con_title{
        color: var(--OneColor);
    }

    .right_copy_all_con_time{
        font-size: 1rem;
         padding: 0 0rem;
        color: #000000;
    }
    .right_copy_all_con_line{
        font-size: 0;
        width: 100%;
        margin: auto;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin-top: 1rem;
    }
    .right_copy_all_con_des{
        font-family: opm;
        font-size: 1.125rem;
        margin-top: 1rem;
        padding: 0 0rem;
		height: 48px;
		line-height: 24px;
		 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    }
    .right_copy_all_con_des_btn{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color:  var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        bottom: 0;
        left: 0rem;
        margin-top: 1rem;

    }
    .zh_id_gg_sw a:hover .zh_id_gg_sw_con_btn{
        color: var(--OneColor);
    }


    /*首页动画*/

    /*nbanner*/

    .sh_banner{
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        z-index: 500;
        background: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sh_banneroff{
        opacity: 0;
        z-index: -1;
    }
    .sh_banner_sw{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .sh_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .sh_banner_img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        z-index: 0;
    }
    .sh_banner_video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }

    .sh_banner_img_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        background-image: url("../images/banner_back.png");
        background-repeat: repeat;
        left: 0;
        top: 0;
    }


    .sh_banner_con{
        position: relative;
        z-index: 5;
        width: 90%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 10rem;
    }
    .sh_banner_con_title{
        font-size: 4.125rem;
        color: #FFFFFF;
        transform: translateY(4rem);
        opacity: 0;
        transition: all 0.5s;
    }
    .sh_banner_sw .swiper-slide-active .sh_banner_con_title{
        transform: translateY(0);
        opacity: 1;
    }
    .sh_banner_con_title2{
        font-size: 4.125rem;
        color: #FFFFFF;
        transform: translateY(4rem);
        opacity: 0;
        transition: all 0.5s 0.2s;
    }
    .sh_banner_sw .swiper-slide-active .sh_banner_con_title2{
        transform: translateY(0);
        opacity: 1;
    }


    .sh_banner_btn{
        position: absolute;
        bottom: 3rem;
        z-index: 20;
        cursor: pointer;
        width: 3.5rem;
        height: 3.5rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sh_banner_btn:hover{
        background: var(--OneColor);
        border: 1px solid var(--OneColor);
    }
    .sh_banner_btn svg{
        width: 1.2rem;
        height: 1.2rem;
        fill:#ffffff;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sh_banner_btn_right{
        left: calc(5% + 4.5rem);
    }
    .sh_banner_btn_left{
        left: 5%;
    }

    .sh_banner_exit{
        position: absolute;
        bottom: 4rem;
        right: 5%;
        z-index: 20;
        cursor: pointer;
        width: 7rem;
        height: 3.1rem;
        border: 1px solid #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
    }
    .sh_banner_exit:hover{
        border: 1px solid var(--OneColor);
        background: var(--OneColor);
    }


    .sh_banner_rand{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sh_banner_randoff{
        opacity: 0;
    }
    .sh_banner_rand1{
        width: 66vh;
        height: 66vh;
        background-image: url("../images/banner_rand_line.svg");
        background-size: cover;
        background-position: center;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sh_banner_rand2{
        width: 93%;
        height: 93%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    .sh_banner_rand2_svg{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
    }
    .sh_banner_rand2_svg2{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        transform: rotate(90deg);
    }
    .sh_banner_rand2_svg2_s{
    }

    .sh_banner_rand2_svg3{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
    }

    .sh_banner_rand2_logo{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 20;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sh_banner_rand2_logo svg{
        height: 30%;
        width: auto;
        margin: 0 auto;
        fill:#ffffff;
    }

    .sh_banner_zz{
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sh_banner_zzon{
        z-index: 5100;
        opacity: 1;
    }
    .sh_banner_zz img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: scale(8);
    }

    .sh_banner_logeh{
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        z-index: -1;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sh_banner_logehon{
        z-index: 1500;
        opacity: 1;
    }
    .sh_banner_logeh img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: scale(1.3);
    }

    .zh_id_main{
        width: 100%;
        height: auto;
        font-size: 0;
        position: relative;
    }
    .module0275s{
        width:100%;
        height:auto;
        margin:0 auto;
        margin-top: 2rem;
    }
    .module0275s_box{
        width:100%;
        height:auto;
        margin-top: 2rem;
    }
    .module0275s_box:nth-child(1){
        margin-top:0;
    }
    .module0275s_box a{
        width: 100%;
        display:flex;
        flex-direction: column;
        justify-content:space-between;
        position:relative;
        height: auto;
        background: #fff;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        transition:all .5s;
    }
    .module0275s_box a:hover{ background: var(--OneColor);}
    .module0275s_box a:hover .module0275s_box_img img{
        -moz-transform:scale(1.05,1.05);
        -webkit-transform:scale(1.05,1.05);
        -o-transform:scale(1.05,1.05);
        -ms-transform:scale(1.05,1.05);
        transform:scale(1.05,1.05);
    }
    .module0275s_box a:hover .module0275s_box_title{
        color:#fff;
    }.module0275s_box a:hover .module0275s_box_con{
        color:#fff;
    }

    .module0275s_box_img{
        width: 100%;
        height: calc(94vw * 265 / 431);
        font-size:0;
        overflow:hidden;
    }
    .module0275s_box_img img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        transition:all .5s;
    }
    .module0275s_box_right{
        width: 100%;
        height:auto;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding: 1.5rem;
    }

    .module0275s_box_title{
        position:relative;
        width:100%;
        font-size:1.5rem;
        font-family: opm;
        color:var(--FontOneColor);
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        transition:all .5s;
    }

    .module0275s_box_con{
        width:100%;
        font-size:1.125rem;
        margin-top:1rem;
    }
	
	
.zh_id_ab_zi{
	    width: 94%;
	margin-top: 5vh;
	justify-content: center;
	flex-direction: column;
}
.zh_id_ab_zi_con{
	width:100%;
}
.zh_id_ab_zi_tit{
	font-size: 1.5rem;
    text-align: center;
}
.zh_id_ab_zi_list {
    justify-content: space-between;
}
	
.zh_id_ab_zi_list_yi{
	padding:0 1.5rem;
}
	.zh_id_ab_zi_list_yi:nth-child(2){
		padding-right: 6rem;
	}	
	.zh_id_ab_zi_con:nth-child(2){
		margin-top: 2rem;
	}
.zh_id_ab_zi_con:nth-child(2) .zh_id_ab_zi_list_yi:first-child .zh_id_ab_zi_list_yi_1 font{
right: 0rem;
}


.zh_id_ab_zi_list_yi_1{
	width:100%;
	    font-size: 2.437rem;
    font-family: opm;
    color: var(--OneColor);
	position: relative;
	
}
.zh_id_ab_zi_list_yi_1 span{
    font-size: 4rem;
}
.zh_id_ab_zi_list_yi_1 font{
	    position: absolute;
    font-size: 2.25rem;
    top: 0rem;
    right: -2rem;
	 color:var(--OneColor);
}


.zh_id_ab_zi_list_yi_2 {
    font-size: 1.125rem;
}




	
	
	

}