@media screen and (max-width:1023px)and (min-width:300px)
{ 
	.model_view_box {
    width: 100%;
    overflow: hidden;
}
    /*导航*/
    .zh_nav_box{
        width: 100%;
        height: 8vh;
        position: fixed;
        top: 0;
        z-index: 1000;
        border-bottom: 1px solid rgba(255,255,255,0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_nav_boxon{
        height: 8vh;
        background: #FFFFFF;
        -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);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .zh_nav_boxopen{
        height: 8vh;
        background: #FFFFFF;
        -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);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }


    .zh_nav{
        width: 94%;
        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: 50%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_nav_main{
        width: 100%;
        height: auto;
        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;
        background: #FFFFFF;
        left: 100%;
        top: 8vh;
        padding: 2rem 0;
        opacity: 0;
    }
    .zh_nav_mainon{
        left: 0;
        opacity: 1;
    }

    .zh_nav_meun{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: static;
    }
    .zh_nav_meun_tiem{
        width: auto;
        height: 100%;
        margin: 1rem 0rem;
        position: relative;
        text-align: center;
    }
    .zh_nav_meun_tiem:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 4px;
        background: #FFFFFF;
        font-size: 0;
        left: 0;
        bottom: -2px;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_nav_meun_tiem:hover:after{
        transform: scaleX(1);
    }
    .zh_nav_meun_tiemon:after{
        transform: scaleX(1);
    }
    .zh_nav_boxon .zh_nav_meun_tiem:after{
        background: none;
    }
    .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_boxon .zh_nav_meun_tiem>a{
        color: #000000;
        font-size: 1.25rem;
    }
    .zh_nav_boxon .zh_nav_meun_tiemon>a{
        color: var(--OneColor);
        font-size: 1.25rem;
    }
    .zh_nav_boxon .zh_nav_meun_tiem:hover>a{
        color: var(--OneColor);
    }

    .yy_nav_down{
        position: absolute;
        width: calc(100% + 8rem);
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 100%;
        left: -4rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 1rem;
    }
    .zh_nav_meun_tiem:hover .yy_nav_down{
        height: auto;
        opacity: 1;
    }
    .yy_nav_down_item{
        width: 100%;
        height: auto;
        padding: 0.8rem 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_down{
        position: absolute;
        width: calc(100% + 6rem);
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 100%;
        left: -3rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 1rem;
    }
    .zh_nav_meun_tiem:hover .zh_nav_down{
        height: auto;
        opacity: 1;
    }
    .zh_nav_down_item{
        width: 100%;
        height: auto;
        padding: 0.8rem 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);
    }
    .zh_nav_down_item:last-child{
        border-bottom: 1px solid rgba(0,0,0,0);
    }
    .zh_nav_down_item>a{
        font-size: 1.062rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

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

    .zh_nav_lag{
        color: #000000;
        margin-left: 0;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .zh_nav_search{
        width: 100%;
        height: auto;
        position: relative;
        margin-left:0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-top: 1rem;
    }
    .zh_nav_search_ico{
        width: 1.5rem;
        height: 1.5rem;
        display: none;
    }
    .zh_nav_search_ico svg{
        fill:#ffffff;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_nav_boxon .zh_nav_search_ico svg{
        fill:var(--OneColor);
    }
    .zh_nav_search_main{
        position: relative;
        width: 20rem;
        overflow: hidden;
        background: #FFFFFF;
        top: 0;
        left: 0rem;
        margin: 0 auto;
        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 rgba(0,0,0,0.1);
    }
    .zh_nav_boxon .zh_nav_search_main{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0);
    }
    .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);
    }
    
    	
.menubtn{
	width: 25px;
	position: absolute;
	right: 0%;
	top: 0;
	z-index: 10;
	display: block;
}
/* nav-icon-5 */
.nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
.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}
   .zh_nav_boxon .nav-icon-5 span{
        background-color:var(--OneColor);
    }
    .zh_nav_boxopen .nav-icon-5 span{
        background-color:var(--OneColor);
    }
.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: 35vh;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 14vh;
    }
    .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;
        transform: scale(1.2);
        animation: ahniamit 1s ease forwards;
    }

    @keyframes ahniamit
    {

        to {transform: scale(1);}

    }
    .zh_nbanner_text{
        width: 94%;
        height: auto;
        margin: 0 auto;
        color: #FFFFFF;
        font-size: 1.75rem;
        z-index: 10;
        font-family: opm;
    }



    /*footer*/
    .zh_footer_box{
        width: 100%;
        height: auto;
        background:var(--OneColor);
        position: relative;
    }
    .zh_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .zh_footer_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .zh_footer_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .zh_footer_menu_item_at{
        display: block;
        font-size: 1.25rem;
        color: #FFFFFF;
        margin-bottom: 1.5rem;
    }
    .zh_footer_menu_item_a{
        display: none;
    }

    .zh_footer_contact{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .zh_footer_contact_l{
        width: auto;
        height: auto;
    }
    .zh_footer_contact_title{
        font-size: 1.25rem;
        color: rgba(255,255,255,0.4);
        text-align: center;
    }
    .zh_footer_contact_tel{
        font-size: 2.5rem;
        color: rgba(255,255,255,1);
        font-family: dm;
        margin-top: 0.5rem;
        text-align: center;
    }
    .zh_footer_contact_jg{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1.2rem;
    }
    .zh_footer_contact_jg_item{
        width: 10rem;
        height: 3.1rem;
        border: 1px solid rgba(255,255,255,0.2);
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        margin: 0 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_contact_jg_item:hover{
        background: #FFFFFF;
    }
    .zh_footer_contact_jg_item_text{
        font-size: 1rem;
        color: #FFFFFF;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_contact_jg_item:hover .zh_footer_contact_jg_item_text{
        color: var(--OneColor);
    }
    .zh_footer_contact_jg_item_ico svg{
        width: 1.3rem;
        height: 1.3rem;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_contact_jg_item:hover .zh_footer_contact_jg_item_ico svg{
        fill: var(--OneColor);
    }


    .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;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .zh_footer_code{
        font-size: 1rem;
        color: rgba(255,255,255,0.4);
        text-align: center;
        margin-right: 1rem;
        margin-left: 1rem;
        line-height: 160%;
    }
    .zh_footer_code img{
        width: 7.5rem;
        height: auto;
    }

    .zh_footer_bottom_right{
        width: 100%;
        height: auto;
        padding-bottom: 0.5rem;
        margin-top: 2rem;
    }
    .zh_footer_bottom_right_link{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .zh_footer_bottom_right_link a{
        color: rgba(255,255,255,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_bottom_right_link a:hover{
        color: rgba(255,255,255,1);
    }
    .zh_footer_bottom_right_link span{
        color: rgba(255,255,255,0.4);
        padding: 0 1rem;
    }
    .zh_footer_bottom_right_lx{
        color: rgba(255,255,255,0.4);
        text-align: center;
        margin-top: 1.5rem;
    }
    .zh_footer_bottom_right_copy{
        color: rgba(255,255,255,0.4);
        text-align: center;
        margin-top: 0.5rem;
    }
    .zh_footer_bottom_right_copy a{
        color: rgba(255,255,255,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_footer_bottom_right_copy a:hover{
        color: rgba(255,255,255,1);
    }

    /*客服栏*/
    .zh_server{
        width: 3.6rem;
        height: 12rem;
        position: fixed;
        right: 1rem;
        top: auto;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 50;
    }
    .zh_server_item{
        width: 3.6rem;
        height: 3.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #FFFFFF;
        border-radius: 8px;
        -moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.3);
        box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.3);
        position: relative;
        margin: 0.25rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
        overflow: hidden;
    }
    .zh_server_item:hover{
        background: var(--OneColor);
        overflow: visible;
    }
    .zh_server_item svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_server_item2 svg{
        width: 48%;
        height: 48%;
    }
    .zh_server_item:hover svg{
        fill: #ffffff;
    }
    .zh_server_item_tel{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .zh_server_item_tel:hover{
        width: 18.6rem;
        transform: translateX(-15rem);
    }
    .zh_server_item_tel_svg{
        width: 3.6rem;
        height: 3.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_server_tel{
        width: 0rem;
        height: 100%;
        left: 0rem;
        border-radius: 8px 0 0 8px;
        background: var(--OneColor);
        position: absolute;
        font-size: 0rem;
        color: rgba(255,255,255,0);
        font-family: db;
        padding-left: 0rem;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_server_item:hover .zh_server_tel{
        width: 15rem;
        font-size: 1.875rem;
        padding-left: 1rem;
        color: rgba(255,255,255,1);
    }

    .zh_server_code{
        position: absolute;
        width: 9rem;
        height: 9rem;
        background: var(--OneColor);
        border-radius: 8px;
        padding: 0.7rem;
        left: -9.5rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_server_item:hover .zh_server_code{
        opacity: 1;
    }
    .zh_server_code img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /*菜单*/
    .zh_menu_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        background: var(--OneColor);
        border-radius: 6px;
        margin-top: 1.5rem;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem 0;
    }
    .zh_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
	
    .zh_menu a{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        margin: 0.3rem 1%;
        width: 30%;
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.zh_menus a{
		width: 48%;
	}
    .zh_menu a.zh_menu_aon{
        font-size: 1.25rem;
		    background: #fff;
    color: var(--OneColor);
    }

    /*面包屑*/
    .zh_bread{
        width: 94%;
        height: auto;
        margin: 1.5rem auto;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 1rem;
    }
    .zh_bread_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_bread_left_l{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        font-size: 1rem;
        color: #535353;
    }
    .zh_bread_left a{
        color: #535353;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread_left a:hover{
        color: var(--OneColor);
    }
    .zh_bread_left span{
        padding: 0 0.5rem;
    }

    .zh_bread_right{
        width: auto;
        height: 100%;
        display: none;
    }
    .zh_bread_right a{
        width: 12rem;
        height: 100%;
        margin: 0 auto;
        background: var(--OneColor);
        border-radius: 4rem;
        padding: 0 1.8rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread_right a:hover{
        background: #FFFFFF;
    }
    .zh_bread_right_text{
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread_right a:hover .zh_bread_right_text{
        color: var(--OneColor);
    }
    .zh_bread_right_ico{
        width: 2rem;
        height: 2rem;
        background: #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;
    }
    .zh_bread_right a:hover .zh_bread_right_ico{
        background: var(--OneColor);
    }
    .zh_bread_right_ico svg{
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
        fill:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread_right a:hover .zh_bread_right_ico svg{
        fill: #ffffff;
    }

    .zh_bread_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1rem;
    }
    .zh_bread_menu a{
        font-size: 1rem;
        color: #535353;
        font-family: opm;
        margin-left: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_bread_menu a:hover{
        color: var(--OneColor);
    }
    .zh_bread_menu a.zh_bread_menu_aon{
        color: var(--OneColor);
    }

    /*翻页*/

    .zh_page{
        width: 100%;
        height: auto;
        margin: 3rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }
    .zh_page_as{
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_page_as svg{
        width: 1.2rem;
        height: 1.2rem;
        fill:#000000;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_page_as:hover svg{
        fill:var(--OneColor);
    }

    .zh_page_ac{
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        margin: 0 0.3rem;
        border-radius: 50%;
        font-size: 1.375rem;
        font-family: "Arial";
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_page_ac:hover{
        color:var(--OneColor); 
    }
    .zh_page_acon{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .zh_page_acon:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }

    /*标题*/
    .zh_ntitle{
        width: 94vw;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }
    .zh_ntitle_en{
        font-size: 1.125rem;
        font-family: 'Arial';
        color: var(--OneColor);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 100%;
    }
    .zh_ntitle_cn{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        line-height: 100%;
        margin-top: 0.5rem;
    }

    /*典型工程*/
    .zh_case{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .zh_case_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top:3%; 
    }
    .zh_case_item:nth-of-type(3n){
        margin-right: 0;
    }
    .zh_case_item a{
        display: block;
        width: 100%;
        height: auto;
        background: #f7fbfd;
        border-radius: 10px;
        padding: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover a{
        background: var(--OneColor);
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
    }
    .zh_case_item_img{
        width: 100%;
        height: calc((94vw * 0.485 - 2rem) * 320 / 450);
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .zh_case_item_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_case_item:hover .zh_case_item_img img{
        transform: scale(1.05);
    }
    .zh_case_item_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
        text-align: center;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin: 1rem 0;
        margin-bottom: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover .zh_case_item_title{
        color: #FFFFFF;
    }
    .zh_case_item_con{
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1rem;
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
        font-family: opm;
        padding-left: 1.5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover .zh_case_item_con{
        color: #FFFFFF;
    }
    .zh_case_item_con_name{
        background-image: url("../images/case_name.svg");
    }
    .zh_case_item:hover .zh_case_item_con_name{
        background-image: url("../images/case_name_1.svg");
    }
    .zh_case_item_con_address{
        background-image: url("../images/case_address.svg");
    }
    .zh_case_item:hover .zh_case_item_con_address{
        background-image: url("../images/case_address_1.svg");
    }

    .zh_case_item_btn{
        width: 80%;
        height: 3rem;
        margin: 0 auto;
        background: var(--OneColor);
        border-radius: 3rem;
        padding: 0 2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover .zh_case_item_btn{
        background: #FFFFFF;
    }
    .zh_case_item_btn_text{
        font-size: 1rem;
        font-family: opm;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover .zh_case_item_btn_text{
        color: var(--OneColor);
    }
    .zh_case_item_btn_ico{
        width: 1.6rem;
        height: 1.6rem;
        background: #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;
    }
    .zh_case_item:hover .zh_case_item_btn_ico{
        background: var(--OneColor);
    }
    .zh_case_item_btn_ico svg{
        width: 1.2rem;
        height: 1.2rem;
        margin: 0 auto;
        fill:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_case_item:hover .zh_case_item_btn_ico svg{
        fill: #ffffff;
    }

    /*案例详情*/
    .zh_scase_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #f7fbfe;
        border-radius: 10px 0 0 10px;
        overflow: hidden;
    }
    .zh_scase_jj_left{
        width: 100%;
        height: auto;
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .zh_scase_jj_left img{
        width: 100%;
        height: auto;
    }
    .zh_scase_jj_right{
        width: 100%;
        height: auto;
        padding: 1.5rem;
    }
    .zh_scase_jj_right_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
    }
    .zh_scase_jj_right_tag{
        margin-top: 1rem;
    }
    .zh_scase_jj_right_tag span{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0.5rem 1rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .zh_scase_jj_right_line{
        width: 100%;
        height: 1px;
        font-size: 0;
        background: rgba(0,0,0,0.1);
        margin-top: 1.5rem;
    }
    .zh_scase_jj_right_con p{
        position: relative;
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        margin-top: 1rem;
        line-height: 160%;
        padding-left: 0.7rem;
    }
    .zh_scase_jj_right_con p:after{
        position: absolute;
        content: '';
        width: 0.3rem;
        height: 0.3rem;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: 0.6rem;
        font-size: 0;
    }

    .zh_scase_tj{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }

    /*新闻中心*/
    .zh_news_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .zh_news{
        width: 100%;
        height: auto;
        margin-top: 0.5rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .zh_news_item{
        width: 48.5%;
        height: auto;
        margin-top: 3%;

    }
    .zh_news_item a{
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
        background: #f7fbfd;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }
    .zh_news_item a:hover{
        background: var(--OneColor);
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
    }
    .zh_news_item_left{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-right: 0rem;
        margin-top: 1rem;
    }
    .zh_news_item a:hover .zh_news_item_left{
        padding-left: 0rem;
        padding-right: 0;
    }
    .zh_news_item_title{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .zh_news_item a:hover .zh_news_item_title{
        color: #FFFFFF;
    }
    .zh_news_item_des{
        width: 100%;
        height: auto;
        font-size: 1rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 160%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 0.5rem;
    }
    .zh_news_item a:hover .zh_news_item_des{
        color: rgba(255,255,255,0.7);
    }
    .zh_news_item_time{
        font-size: 1rem;
        font-family: dm;
        color: rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_news_item a:hover .zh_news_item_time{
        color: rgba(255,255,255,0.5);
    }
    .zh_news_item_img{
        width: 100%;
        height: calc((94vw * 0.485 - 2rem) * 150 / 278);
        font-size: 0;
        position: relative;
        right: 0rem;
        top: 0rem;
        border-radius: 10px;
        overflow: hidden;
    }
    .zh_news_item_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to right,rgba(0,140,214,0.8),rgba(0,140,214,0.2));
        z-index: 10;
    }
    .zh_news_item_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;
        position: relative;
        z-index: 0;
    }
    .zh_news_item a:hover .zh_news_item_img img{
        transform: scale(1.05);
    }

    .zh_news_pj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 3rem;
    }
    .zh_news_pj_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
		flex-wrap: wrap;
        align-items: flex-end;
    }
	.zh_news_pj_menu{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 1.5rem;
	}
    .zh_news_pj_menu span{
        display: flex;
		align-items: center;
        font-size: 1.125rem;
        margin-left: 0;
        margin: 0.1rem 0.5rem;
    }
    .zh_news_pj_menu span.zh_news_pj_menu_son{
        color: #fff;
    }

    .zh_news_pj{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-bottom: 1rem;
        padding-top: 0;
        margin-top: 2rem;
    }
    .zh_news_pj_back{
        width: 100%;
        height: calc(100% - 0rem);
        background: #f0f9fe;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        border-radius: 10px;
    }
    .zh_news_pj_sw{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 5;
    }
	.zh_news_pj_sw a{
    padding: 1rem 1rem;
    justify-content: center;
		flex-direction: column;
    margin: 1rem 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	
    .zh_news_pj_sw .swiper-slide a{
        width: 100%;
        height: auto;
        padding: 0 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_new_sw_img{
        width: 100%;
        height: calc((94vw - 3rem) * 366 / 586);
        font-size: 0;
        border-radius: 10px;
        overflow: hidden;
    }
    .zh_new_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .zh_new_sw_con{
        width: 100%;
        height: auto;
        padding-top: 1.5rem;
    }
    .zh_new_sw_con_title{
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
    }
    .zh_new_sw_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        line-height: 160%;
        font-family: opm;
        margin-top: 0.5rem;
    }

    .zh_news_pj_btn{
        position: absolute;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 50%;
        top: calc(50% - 1.5rem);
        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_news_pj_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_news_pj_btn_left{
        left: -4rem;
    }
    .zh_news_pj_btn_right{
        right: -4rem;
    }


    /*新闻详情*/
    .zh_snews_back{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .zh_snews_back a{
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        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_snews_back a:hover{
        color: var(--OneColor);
    }
    .zh_snews_back a svg{
        width: 1.2rem;
        height: 1.2rem;
        fill:rgba(0,0,0,0.8);
        margin-top: 0.1rem;
        margin-right: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_snews_back a:hover svg{
        fill:var(--OneColor);
    }
    .zh_snews_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .zh_snews_title{
        font-size: 1.5rem;
        line-height: 150%;
        font-family: opm;
        color: #000000;
    }
    .zh_snews_des{
        width: 100%;
        height: auto;
        background: #f7fbfd;
        border-radius: 10px;
        padding: 1rem 1.2rem;
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        font-family: opm;
        line-height: 160%;
        margin-top: 1rem;
        position: relative;
        padding-right: 1.2rem;
    }
    .zh_snews_des_ico{
        position: absolute;
        width: 7rem;
        height: 7rem;
        top: -3.5rem;
        right: 2.5rem;
        z-index: 5;
        display: none;
    }
    .zh_snews_con{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        font-family: opm;
        padding: 1.5rem 0;
    }

    .zh_snews_page{
        width: 100%;
        height: auto;
        padding: 1.5rem 0;
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_snews_page a{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin: 0.2rem 0;
    }
    .zh_snews_page a:hover{
        color: var(--OneColor);
    }

    .zh_snews_tj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_snews_tj_title{
        width: 100%;
        height: auto;
        font-size: 2rem;
        font-family: opm;
        color: #000000;
    }
    .zh_snews_tj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.5rem;
    }
    .zh_snews_tj_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top: 3%;
    }
    .zh_snews_tj_item:nth-of-type(3n){
        margin-right: 0;
    }
    .zh_snews_tj_item a{
        display: block;
        width: 100%;
        height: 100%;
        background: #f7fbfd;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_snews_tj_item:hover a{
        background: var(--OneColor);
    }
    .zh_snews_tj_img{
        width: 100%;
        height: calc(94vw * 0.485 * 150 / 278);
        position: relative;
        font-size: 0;
        overflow: hidden;
    }
    .zh_snews_tj_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_snews_tj_item:hover .zh_snews_tj_img img{
        transform: scale(1.05);
    }
    .zh_snews_tj_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to right,rgba(0,140,214,0.7),rgba(0,140,214,0.3));
        z-index: 10;
    }
    .zh_snews_tj_con{
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
    }
    .zh_snews_tj_con_title{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
         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_snews_tj_item:hover .zh_snews_tj_con_title{
        color: #FFFFFF;
    }
    .zh_snews_tj_con_des{
        font-size: 1rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 160%;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_snews_tj_item:hover .zh_snews_tj_con_des{
        color: rgba(255,255,255,0.7);
    }
    .zh_snews_tj_con_time{
        font-size: 1rem;
        font-family: dm;
        color: rgba(0,0,0,0.4);
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_snews_tj_item:hover .zh_snews_tj_con_time{
        color: rgba(255,255,255,0.4);
    }

    /*关于我们-发展历程*/
    .zh_ab_lc_box{
        width: 100%;
        height: auto;
        background-image: url("../images/ab_lc_back.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 0;
        margin-top: 1.5rem;
    }
    .zh_ab_lc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 2rem;
        position: relative;
        padding-bottom: 2rem;
    }
    .zh_ab_lc_sw{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .zh_ab_lc_sw .swiper-slide{
        position: relative;
        padding-top: 0rem;
        background: rgba(255,255,255,0.8);
        border-radius: 10px;
        padding: 1.5rem 1.5rem;
    }

    .zh_ab_lc_sw_con{
        width: 100%;
        height: auto;
        background: rgba(255,255,255,0);
        border-radius: 10px;
        padding: 0 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 1rem;
    }
    .zh_ab_lc_sw_con_item{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        margin: 1rem 0;
        line-height: 160%;
        position: relative;
        padding-left: 1.5rem;
    }
    .zh_ab_lc_sw_con_item:after{
        position: absolute;
        content: '';
        width: 0.7rem;
        height: 0.7rem;
        font-size: 0;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: 0.5rem;
    }
    .zh_ab_lc_sw_img{
        position: relative;
        width: 100%;
        height: auto;
        font-size: 0;
        top: 0;
        left: 0rem;
        border-radius: 15px;
        overflow: hidden;
        margin-top: 6rem;
    }
    .zh_ab_lc_sw_img img{
        width: 100%;
        height: auto;
    }
    .zh_ab_lc_sw_title{
        width: 100%;
        position: absolute;
        top: 1.5rem;
        right: auto;
        left: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .zh_ab_lc_sw_title_cn{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        writing-mode: horizontal-tb;
    }
    .zh_ab_lc_sw_title_line{
        font-size: 0;
        width: 4rem;
        height: 3px;
        background: var(--OneColor);
        margin: 0.5rem 0rem;
    }
    .zh_ab_lc_sw_title_en{
        font-size: 1.5rem;
        font-family: 'Arial';
        font-weight: bold;
        opacity: 0.2;
        color: var(--OneColor);
        writing-mode: horizontal-tb;
    }


    .zh_ab_lc_btn{
        position: absolute;
        top: 10.5rem;
        right: 0;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-right: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 200;
    }



    .zh_ab_lc_btn_left{
        right: 5.5rem;
    }
    .zh_ab_lc_btn_left.swiper-button-disabled,.zh_ab_lc_btn_right.swiper-button-disabled{ display: none;}


    .zh_ab_lc_btn_right{
        right: 1.5rem;
    }
    .zh_ab_lc_btn:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
    }
    .zh_ab_lc_btn svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
    }

    .zh_ab_lc_menu{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 20;
        left: 0;
        bottom: 0;
        display: none;
    }
    .zh_ab_lc_menu_item{
        position: absolute;
        width: 2.8rem;
        height: 2.8rem;
        cursor: pointer;
    }
    .zh_ab_lc_menu_item1{
        left: 0;
        bottom: 15%;
    }
    .zh_ab_lc_menu_item2{
        left: 20%;
        bottom: 13.5%;
    }
    .zh_ab_lc_menu_item3{
        left: 38%;
        bottom: 18%;
    }
    .zh_ab_lc_menu_item4{
        left: 53%;
        bottom: 27%;
    }
    .zh_ab_lc_menu_item5{
        left: 68%;
        bottom: 34%;
    }
    .zh_ab_lc_menu_item6{
        left: 83%;
        bottom: 35.5%;
    }
    .zh_ab_lc_menu_item7{
        right: 0%;
        bottom: 36%;
    }
    .zh_ab_lc_menu_item_dian{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        background: #FFFFFF;
        border: 0.8rem solid var(--OneColor);
        border-radius: 50%;
        left: 0;
        transform: scale(0.7);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        top:10%;
    }
    .zh_ab_lc_menu_item:hover .zh_ab_lc_menu_item_dian{
        transform: scale(1);
    }
    .zh_ab_lc_menu_item_on .zh_ab_lc_menu_item_dian{
        transform: scale(1);
    }
    .zh_ab_lc_menu_item_line{
        position: absolute;
        width: 2px;
        font-size: 0;
        background: var(--OneColor);
        top: 1rem;
        left: 1.4rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        height: 0;
    }
    .zh_ab_lc_menu_item_on .zh_ab_lc_menu_item_line{
        height: 8rem;
        top: -7rem;
    }
    .zh_ab_lc_menu_item_title{
        position: absolute;
        width: 20rem;
        height: auto;
        font-size: 1.375rem;
        font-family: opm;
        color: #000000;
        top: -7.5rem;
        left: 2.8rem;
        opacity: 0;
        -webkit-transition: all 0.5s 0.3s;
        -moz-transition: all 0.5s 0.3s;
        transition: all 0.5s 0.3s;
    }
    .zh_ab_lc_menu_item7 .zh_ab_lc_menu_item_title{
        left: -20rem;
        text-align: right;
    }
    .zh_ab_lc_menu_item_on .zh_ab_lc_menu_item_title{
        opacity: 1;
    }

    /*关于我们-公司简介*/
    .zh_ab_jj_jj_box{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding-bottom: 2rem;
        margin-top: 2rem;
    }
    .zh_ab_jj_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 0rem;
    }
    .zh_ab_jj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .zh_ab_jj_left{
        width: 100%;
        height: auto;
    }
    .zh_ab_jj_left_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
    }
    .zh_ab_jj_left_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        margin-top: 1rem;
        line-height: 170%;
    }
    .zh_ab_jj_right{
        width: 100%;
        height: calc(94vw * 350 / 372);
        background-image: url("../images/ab_jj_img.jpg");
        background-size: 100% auto;
        background-position: center bottom;
        border-top-right-radius: 0px;
        padding-top: 1.5rem;
    }
    .zh_ab_jj_right_item{
        text-align: center;
        font-size: 1.312rem;
        color: #FFFFFF;
        margin: 1rem 0;
    }
    .zh_ab_jj_right_item font{
        font-family: opm;
    }

    .zh_ab_jj_back{
        width: 100%;
        height: calc(100vw * 529 / 1920);
        font-size: 0;
    }
    .zh_ab_jj_back img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .zh_ab_jj_ly_box{
        position: relative;
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: calc(-100vw * 529 / 1920 * 0.48);
        background: #FFFFFF;
        border-radius: 10px;
        padding:2rem 2rem;
        margin-bottom: 2rem;
    }
    .zh_ab_jj_ly_title_box{
        width: 100%;
        height: auto;
        border-bottom: 2px solid rgba(0,0,0,0.1);
        position: relative;
        padding-bottom: 1.5rem;
    }
    .zh_ab_jj_ly_title_cn{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        line-height: 100%;
    }
    .zh_ab_jj_ly_title_en{
        font-size: 1.125rem;
        font-family: 'Arial';
        color:var(--OneColor);
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
        margin-top: 1rem;
    }
    .zh_ab_jj_ly_title_ico{
        width: auto;
        height:4rem;
        position: absolute;
        bottom: -1px;
        left: auto; 
        right: 0;
        font-size: 0;
    }
    .zh_ab_jj_ly_title_ico img{
        width: auto;
        height: 100%;
    }

    .zh_ab_jj_ly{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .zh_ab_jj_ly_left{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
    }
    .zh_ab_jj_ly_right{
        width: 100%;
        height: auto;
        background-image: url("../images/ab_jj_map.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top center;
        padding-left: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 2rem;
    }
    .zh_ab_jj_ly_item{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        margin-top: 1.5rem;
    }
    .zh_ab_jj_ly_item_left{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .zh_ab_jj_ly_item_left_1{
        font-family: rh;
        font-size: 3.5rem;
        color: var(--OneColor);
        line-height: 75%;
    }
    .zh_ab_jj_ly_item_left_2{
        font-family: opb;
        font-size: 2.5rem;
        color: var(--OneColor);
        line-height: 100%;
    }
    .zh_ab_jj_ly_item_left_3{
        font-family: dr;
        font-size: 2.687rem;
        color: var(--OneColor);
        line-height: 40%;
    }
    .zh_ab_jj_ly_item_right{
        font-size: 1.5rem;
        color: rgba(0,0,0,0.8);
        line-height: 100%;
        padding-left: 1rem;
        padding-bottom: 0.2rem;
    }

    /*关于我们-宣传册*/
    .zh_ab_xcc_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_ab_xcc{
        width: 100%;
        height: auto;
        padding-bottom: 2rem;
        padding-top: 0rem;
    }
    .zh_ab_xcc_item{
        width: 100%;
        height: auto;
        background: #e6f0f7;
        border-radius: 10px;
        padding: 1rem;
        margin-top: 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
    }
    .zh_ab_xcc_item_img{
        width: 30%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .zh_ab_xcc_item_img img{
        width: 100%;
        height: auto;
    }
    .zh_ab_xcc_item_con{
        width: 70%;
        height: 100%;
        padding-left: 1rem;
    }
    .zh_ab_xcc_item_con_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
    }
    .zh_ab_xcc_item_con_con{
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
        padding-top: 0.5rem;
    }
    .zh_ab_xcc_item_con_con p{
        margin: 0.35rem 0;
        position: relative;
        padding-left: 0.75rem;
    }
    .zh_ab_xcc_item_con_con p:after{
        position: absolute;
        content: '';
        width: 3px;
        height: 3px;
        font-size: 0;
        background: rgba(0,0,0,0.2);
        border-radius: 50%;
        left: 0;
        top: 0.6rem;
    }
    .zh_ab_xcc_item_btn{
        position: absolute;
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: auto;
        bottom: 1rem;
        right: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        font-size: 0;
    }
    .zh_ab_xcc_item_btn:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.5);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.5);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.5);
        transform: scale(1.05);
    }
    .zh_ab_xcc_item_btn svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    /*关于我们-企业文化*/
    .zh_ab_wh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        padding-bottom: 2rem;

    }
    .zh_ab_wh{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        margin-top: 1rem;
    }
    .zh_ab_wh_left{
        width: 48.5%;
        height: auto;
        position: relative;
        display: flex;
        background: #fff;
        -moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        padding: 1.285rem;
        border-radius:10px;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3%;
    }
    .zh_ab_wh_left:nth-child(2n) .zh_ab_wh_sw_con{ margin-top: 0; padding-bottom: 3.5rem;}

    .zh_ab_wh_sw_img{
        width: 100%;
      height: calc(94vw * 0.485 * 177 / 306);
        border-radius: 7px;
            overflow: hidden;
    }
    .zh_ab_wh_sw_img img{
        position: relative;
        z-index: 5;
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    .zh_ab_wh_sw_con{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
        padding-bottom: 2rem;
    }
    .zh_ab_wh_sw_con_title{
        width: auto;
        height: auto;
        position: relative;
    }
    .zh_ab_wh_sw_con_title_en{
        font-size: 3rem;
        line-height: 100%;
        font-family: pm;
        text-transform: uppercase;
        color: var(--OneColor);
        opacity: 0.12;
    }
    .zh_ab_wh_sw_con_title_cn{
        position: relative;
        left: 0;
        bottom: 0.3rem;
        font-size: 1.5rem;
        color: #000;
        font-family: opm;
    }
    .zh_ab_wh_sw_con_con{
        font-size: 1.5rem;
        color: #000;
        font-family: opm;
        margin-top: 1rem;
    }



    .zh_ab_wh_right{
        width: 19.5vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zh_ab_wh_rsw{
        width: 19.5vw;
        height: 19.5vw;
    }
    .zh_ab_wh_rsw_img{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }
    .zh_ab_wh_rsw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .zh_ab_wh_rsw_img_back{
        position: absolute;
        width:100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        top: 0;
        left: 0;
        z-index: 5;
    }

    .zh_ab_wh_pagination{
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        position: absolute;
        z-index: 10;
        left: -2rem;
        top: calc(50% - 2rem);
        background: var(--OneColor);
        border-radius: 50%;
        font-size: 1.125rem;
        color: #FFFFFF;
        text-align: center;
        font-family: opm;
    }

    .zh_ab_wh_btn{
        width: 2rem;
        height: 2rem;
        position: absolute;
        z-index: 20;
        top: calc(50% - 1rem);
        cursor: pointer;
    }
    .zh_ab_wh_btn svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }
    .zh_ab_wh_btn_left{
        left: -5rem;
    }
    .zh_ab_wh_btn_right{
        left: 3rem;
    }

    /*关于我们-资质荣誉*/
    .zh_ab_ry_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .zh_ab_ry_menu{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .zh_ab_ry_menu span{
        display: inline-block;
        width: 3rem;
        font-size: 1.125rem;
        color: #898989;
        font-family: opm;
        margin-left: 2rem;
        cursor: pointer;
    }
    .zh_ab_ry_menu span.zh_ab_ry_menu_son{
        color: var(--OneColor);
    }
    .zh_ab_ry{
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .zh_ab_ry_bsw{
        width: 100%;
        height: auto;
    }
    .zh_ab_ry_bsw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_ab_ry_bsw_img{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 0;
    }
    .zh_ab_ry_bsw_img img{
        width: 100%;
        height: auto;
    }
    .zh_ab_ry_bsw_left{
        width: 94%;
        height: calc(94vw * 612 / 1069);
        background-image: url("../images/ab_ry_back.jpg");
        background-size: cover;
        background-position: center;
        margin: 0 auto;
    }
    .zh_ab_ry_lsw{
        width: 100%;
        height: 100%;
    }
    .zh_ab_ry_lsw .swiper-slide{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 10%;
        padding-right: 10%;
    }
    .zh_ab_ry_lsw_img{
        width: auto;
        height: auto;
        margin: 0 auto;
        max-width: 70%;
        max-height: 90%;
    }
    .zh_ab_ry_lsw_img img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .zh_ab_ry_bsw_right{
        width: 100%;
        height: auto;
        padding-right: 3%;
    }
    .zh_ab_ry_rsw{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 10;
    }
    .zh_ab_ry_rsw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 2rem;
        padding-left: 4%;
    }

    .zh_ab_ry_rsw_item{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 3rem;
        line-height: 3rem;
        margin: 0rem 0;
        cursor: pointer;
    }
    .zh_ab_ry_rsw_item_count{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: 'Arial';
        font-weight: bold;
    }
    .zh_ab_ry_rsw_item_title{
        font-family: opm;
        font-size: 1.125rem;
        line-height: 130%;
        color: rgba(0,0,0,0.8);
        padding-left: 1rem;
         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_ab_ry_rsw_item_title a{

        color: rgba(0,0,0,0.8);

    }
    .zh_ab_ry_rsw_itemon .zh_ab_ry_rsw_item_title{
        -webkit-line-clamp: 2;
        font-size: 1.125rem;
        color: var(--OneColor);
    }
    .zh_ab_ry_rsw_itemon .zh_ab_ry_rsw_item_title a{
        -webkit-line-clamp: 2;
        font-size: 1.125rem;
        color: var(--OneColor);
    }

    .zh_ab_ry_bsw_btn_box{
        width: 100%;
        height: 6rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 1.5rem;
        padding-left: 3%;
    }
    .zh_ab_ry_bsw_btn{
        width: 3.3rem;
        height: 3.3rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-right: 0.8rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .zh_ab_ry_bsw_btn_left.swiper-button-disabled,.zh_ab_ry_bsw_btn_right.swiper-button-disabled{ display: none;}

    .zh_ab_ry_bsw_btn:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
    }
    .zh_ab_ry_bsw_btn svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
    }

    /*关于我们-组织架构*/
    .zh_ab_jg_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_ab_jg{
        width: 100%;
        height: auto;
        background: #f7fbfd;
        border-radius: 10px;
        margin-top: 2rem;
        margin-bottom: 3rem;
        padding: 2rem 1rem;
        text-align: center;
    }
    .zh_ab_jg img{
        width: auto;
        height: auto;
        max-width: 80%;
    }

    /*主营业务-粉煤清洁气化*/
    .zh_yw_mf_gs{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .zh_yw_mf_gs_left{
        width: 100%;
        height: auto;
    }
    .zh_yw_mf_gs_title{
        font-size: 1.5rem;
        color: #414141;
        font-family: opm;
        line-height: 100%;
        margin-top: 1.5rem;
    }
    .zh_yw_mf_gs_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        line-height: 170%;
        margin-top: 1rem;
    }
    .zh_yw_mf_gs_right{
        width: 100%;
        height: auto;
        font-size: 0;
        margin-top: 1rem;
    }
    .zh_yw_mf_gs_right img{
        width: 100%;
        height: auto;
        border-radius: 15px;
    }

    .zh_yw_mf_cx_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_yw_mf_cx{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .zh_yw_mf_cx_item{
        width: 100%;
        /*height: auto;*/
        margin-top: 1.5rem;
    }
    .zh_yw_mf_cx_item a{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f7fbfd;
        border-radius: 15px;
        padding: 3rem;
    }
    .zh_yw_mf_cx_item a:hover{
        -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 20px 0 rgba(0,0,0,0.1);
        transform: scale(1.01);
    }
    .zh_yw_mf_cx_item_ico{
        width: 8rem;
        height: 8rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
    }
    .zh_yw_mf_cx_item_ico img{
        width: 80%;
        height: 80%;
        margin: 0 auto;
    }
    .zh_yw_mf_cx_item_right{
        width: 100%;
        height: auto;
    }
    .zh_yw_mf_cx_item_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #414141;
        line-height: 100%;
        margin-top: 1.5rem;
        text-align: center;
    }
    .zh_yw_mf_cx_item_con{
        margin-top: 1rem;
    }
    .zh_yw_mf_cx_item_con p{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        font-family: opm;
        background-image: url("../images/yw_cx_ico2.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1rem;
        margin: 0.5rem 0;
        padding-left: 1.4rem;
    }


    .zh_yw_mf_ys_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_yw_mf_ys{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .zh_yw_mf_ys_item{
        width: 48.5%;
        height: auto;
        margin-top: 3%;
        margin-right: 0%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_yw_mf_ys_item:nth-of-type(3n){
        margin-right: 0;
    }
    .zh_yw_mf_ys_item a{
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f7fbfd;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }
    .zh_yw_mf_ys_item:hover{
    -moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    }


    .zh_yw_mf_ys_item_title{
        display: flex;
        justify-content: center;
        background: var(--OneColor);
        font-size: 1.25rem;
        color: #fff;
        height: 3.5rem;
        align-items: center;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-left: 0rem;
    }
    .zh_yw_mf_ys_item_title img{
        max-width: 1.75rem;
        margin-right: 0.5rem;
    }


    .zh_yw_mf_ys_item_des{
        font-size: 1.125rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 1rem 1.5rem;
    }
    .zh_yw_mf_ys_item_des span{
        display: block;
        background: url(../images/he_15.png) no-repeat left 0.3rem;
        font-size: 1rem;
        background-size:0.8rem;
        padding-left: 1.25rem;
        line-height: 150%;
         color: rgba(0,0,0,0.8);
        font-family: opm;
        margin-top: 0.5rem;
    }
    .zh_yw_mf_ys_item_des span:first-child{ margin-top: 0;}



    .zh_yw_mf_js_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_yw_mf_js_title_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .zh_yw_mf_js_menu{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items:stretch;
        margin-top: 1.5rem;
    }
    .zh_yw_mf_js_menu span{
        width: 48.5%;
        font-size: 1rem;
        color: #3a3a3a;
        font-family: opm;
        margin-left: 0rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f6f6f6;
        border-radius:4px;
        height: auto;
        padding: 0.5rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .zh_yw_mf_js_menu span.zh_yw_mf_js_menu_son{
        background: var(--OneColor);
        color: #fff;
    }

    .zh_yw_mf_js{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .zh_yw_mf_js_sw{
        width: 100%;
        height: auto;
    }
    .zh_yw_mf_js_sw_1{
        width: 100%;
        height: auto;
        clear: both;
    }
    .zh_yw_mf_js_sw_1_img{
        width: 100%;
        height: auto;
        font-size: 0;
        float: none;
    }
    .zh_yw_mf_js_sw_1_img img{
        width: 100%;
        height: auto;
    }
    .zh_yw_mf_js_sw_1_right{
        width: 100%;
        height: auto;
        float: none;
        margin-top: 1rem;
    }
    .zh_yw_mf_js_sw_1_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .zh_yw_mf_js_sw_1_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        margin-top: 1rem;
    }


    .zh_yw_mf_js_sw_2{
        width: 100%;
        height: auto;
        clear: both;
        padding-top: 2rem;
    }
    .zh_yw_mf_js_sw_2_img{
        width: 100%;
        height: auto;
        font-size: 0;
        float: none;
    }
    .zh_yw_mf_js_sw_2_img img{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .zh_yw_mf_js_sw_2_right{
        width: 100%;
        height: auto;
        float: none;
        padding-top: 3rem;
    }
    .zh_yw_mf_js_sw_2_title{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
    }
    .zh_yw_mf_js_sw_2_con{
        margin-top: 1rem;
    }
    .zh_yw_mf_js_sw_2_con p{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 130%;
        position: relative;
        margin: 1rem 0;
        padding-left: 1.3rem;
    }
    .zh_yw_mf_js_sw_2_con p:after{
        position: absolute;
        content: '';
        width: 0.6rem;
        height: 0.6rem;
        font-size: 0;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: 0.35rem;
    }


    /*生物质资源利用*/
    .zh_yw_sw_ys{
         width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .zh_yw_sw_ys_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_yw_sw_ys_sw{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }
    .zh_yw_sw_ys_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .zh_yw_sw_ys{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .zh_yw_sw_ys_item{
        width: 48.5%;
        height: auto;
        margin-top: 3%;
        margin-right: 0%;
    }
    .zh_yw_sw_ys_item:nth-of-type(4n){
        margin-right: 0;
    }
    .zh_yw_sw_ys_item a{
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f7fbfd;
        border-radius: 10px;
        padding:1.5rem 1.5rem;
        position: relative;
    }
    .zh_yw_sw_ys_item:hover a{

    }
    .zh_yw_sw_ys_item_count{
        width: 4.125rem;
        height: 4.125rem;
        border-radius: 50%;
       background: var(--OneColor);
        margin: 0 auto;
        font-size: 0;
        overflow: hidden;
    }
    .zh_yw_sw_ys_item_count img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .zh_yw_sw_ys_item_title{
        font-size: 1.5rem;
        color: var(--FontOneColor);
        text-align: center;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 1.25rem;

    }
    .zh_yw_sw_ys_item:hover .zh_yw_sw_ys_item_title{
        color:var(--OneColor);;
    }
    .zh_yw_sw_ys_item_des{
        font-size: 1rem;
        color: #4f4f4f;
        font-family: opm;
        line-height: 150%;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        text-align: center;
    }
    .zh_yw_sw_ys_item:hover .zh_yw_sw_ys_item_des{

    }


    .zh_yw_sw_js_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_yw_sw_js_title_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }
    .zh_yw_sw_js_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        margin-top: 1.5rem;
    }
    .zh_yw_sw_js_menu span{
        width: 48.5%;
        font-size: 1.125rem;
        color: #3a3a3a;
        font-family: opm;
        margin-left: 0rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f6f6f6;
        border-radius:4px;
        height: auto;
        padding: 0.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }
    .zh_yw_sw_js_menu span.zh_yw_sw_js_menu_son{
        background: var(--OneColor);
        color: #fff;
    }

    .zh_yw_sw_js{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .zh_yw_sw_js_sw{
        width: 100%;
        height: auto;
    }
    .zh_yw_sw_js_sw_1{
        width: 100%;
        height: auto;
        clear: both;
    }
    .zh_yw_sw_js_sw_1_img{
        width: 100%;
        height: auto;
        font-size: 0;
        float: none;
    }
    .zh_yw_sw_js_sw_1_img img{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .zh_yw_sw_js_sw_1_right{
        width: 100%;
        height: auto;
        float: none;
        margin-top: 1.5rem;
    }
    .zh_yw_sw_js_sw_1_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .zh_yw_sw_js_sw_1_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        margin-top: 1rem;
    }

    /*联系我们*/
    .zh_lx_lx_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .zh_lx_lx{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .zh_lx_lx_item{
        width: 20%;
        height: 20rem;
        position: relative;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
		overflow: hidden;
    }
    .zh_lx_lx_itemon{
        width: 56%;
        background: var(--OneColor);
    }
    .zh_lx_lx_item_img{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 5;
    }
    .zh_lx_lx_itemon .zh_lx_lx_item_img{
        width: calc(94vw * 0.56);
        height: 100%;
        opacity: 0;
    }
    .zh_lx_lx_item_img img{
        width: calc(94vw * 0.56);
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .zh_lx_lx_item_img_text{
        position: absolute;
        z-index: 5;
        width: calc(94vw * 0.2);
        height: 100%;
        background: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_lx_itemon .zh_lx_lx_item_img_text{
        opacity: 0;
    }
    .zh_lx_lx_item_img_text div{
        width: calc(94vw * 0.2);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: opm;
        position: absolute;
        writing-mode: vertical-rl;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
        letter-spacing: 0.3rem;
        transform: translateY(0);
    }
    .zh_lx_lx_itemon .zh_lx_lx_item_img_text div{
        opacity: 0;
        transform: translateY(100%);
    }
    .zh_lx_lx_item_con{
        width: calc(94vw * 0.56);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 1.5rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 10;
    }
    .zh_lx_lx_itemon .zh_lx_lx_item_con{
        opacity: 1;
    }
    .zh_lx_lx_item_con_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .zh_lx_lx_item_con_con{
        font-size: 1rem;
        font-family: opm;
        color: rgba(255,255,255,0.8);
        line-height: 170%;
        margin-top: 2rem;
    }

    .zh_lx_lx_menu{
        width: 100%;
        height: 4rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
    }
    .zh_lx_lx_menu_item{
        width: 2rem;
        height: 2rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .zh_lx_lx_menu_itemon{
        width: 4rem;
        height: 4rem;
        margin: 0 0.5rem;
    }
    .zh_lx_lx_menu_item_dian{
        width: 1rem;
        height: 1rem;
        background: #cccccc;
        font-size: 0;
        border-radius: 50%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_lx_menu_itemon .zh_lx_lx_menu_item_dian{
        opacity: 0;
    }
    .zh_lx_lx_menu_item_text{
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
        text-align: center;
        z-index: 5;
        left: 0;
        top: 0;
        opacity: 0;
        transform: scale(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_lx_menu_itemon .zh_lx_lx_menu_item_text{
        opacity: 1;
        transform: scale(1);
    }

    .zh_lx_zp_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_lx_zp{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }

    .zh_lx_zp_item{
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .zh_lx_zp_item_top{
        width: 100%;
        height: 3.5rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .zh_lx_zp_item_top_ico{
        width: 1.3rem;
        height: 1.3rem;
    }
    .zh_lx_zp_item_top_ico svg{
        width: 100%;
        height: 100%;
        fill:#333333;
    }
    .zh_lx_zp_item_top_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #333333;
        padding-left: 0.5rem;
    }
    .zh_lx_zp_item_top_btn{
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: calc(50% - 0.5rem);
        right: 0;
        cursor: pointer;
    }
    .zh_lx_zp_item_top_btn svg{
        width: 100%;
        height: 100%;
        fill:#333333;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_zp_item_top_btn:hover svg{
        fill:var(--OneColor);
    }
    .zh_lx_zp_itemon .zh_lx_zp_item_top_btn svg{
        transform: rotate(45deg);
        fill:var(--OneColor);
    }

    .zh_lx_zp_item_con{
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #f7fbfd;
        padding:0 1.5rem;
        font-size: 1.125rem;
        color: rgba(43,43,43,0.8);
        font-family: opm;
        line-height: 160%;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_zp_itemon .zh_lx_zp_item_con{
        height: auto;
        padding: 1.5rem 1.5rem;
        opacity: 1;
    }
    .zh_lx_zp_item_con_mail{
        margin-top: 2rem;
    }
    .zh_lx_zp_item_con_mail font{
        color: var(--OneColor);
    }

    .zh_lx_zp_page{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 0rem;
    }
    .zh_lx_zp_page a{
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #eef1f4;
        border-radius: 50%;
        margin: 0 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_zp_page a:hover{
        background: var(--OneColor);
    }
    .zh_lx_zp_page a svg{
        width: 55%;
        height: 55%;
        fill:#919191;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_lx_zp_page a:hover svg{
        fill: #ffffff;
    }

    .zh_lx_ly_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .zh_lx_ly_top{
        width: 100%;
        height: calc(94vw * 400 / 1600);
        background-image: url("../images/lx_ly_top.jpg");
        background-size: auto 100%;
        background-position:left center;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .zh_lx_ly_top_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 1.5rem;
    }
    .zh_lx_ly_top_left_img{
        width: calc(94vw * 400 / 1600 * 0.8);
        height: calc(94vw * 400 / 1600 * 0.8);
        background: #249cdc;
        border-radius: 50%;
        padding: 0.7rem;
        overflow: hidden;
    }
    .zh_lx_ly_top_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
    }
    .zh_lx_ly_top_left_con{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 1rem;
    }
    .zh_lx_ly_top_left_con_en{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: 'Arial';
        font-weight: bold;
        text-transform: uppercase;
    }
    .zh_lx_ly_top_left_con_cn{
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opm;
        margin-top: 0.5rem;
    }

    .zh_lx_ly_top_right{
        width: 61%;
        height: auto;
        padding: 0 3rem;
        display: none;
    }
    .zh_lx_ly_top_right_title{
        font-size: 1.75rem;
        font-family: opm;
        color: #000000;
    }
    .zh_lx_ly_top_right_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(43,43,43,0.8);
        margin-top: 1rem;
        line-height: 150%;
    }

    .zh_lx_ly{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem;
        padding-bottom: 3rem;
    }
    .zh_lx_ly_item{
        width: 100%;
        height: 3.6rem;
        line-height: 3.6rem;
        padding: 0 1.3rem;
        border: 2px solid rgba(0,0,0,0.05);
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        margin-top: 1rem;
    }
    .zh_lx_ly_item_title{
        font-size: 1.125rem;
        color: #000000;
    }
    .zh_lx_ly_item_text{
        width: calc(100% - 4rem);
        height: 2rem;
    }
    .zh_lx_ly_item_text input{
        width: 100%;
        height: 100%;
        text-align: right;
        border: none;
    }
    .zh_lx_ly_item2{
        width: 100%;
        height: 9rem;
        padding: 1rem 1.3rem;
        border: 2px solid rgba(0,0,0,0.05);
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        margin-top: 1.3rem;
    }
    .zh_lx_ly_item2_text{
        width: calc(100% - 4rem);
        height: 2rem;
    }
    .zh_lx_ly_item2_text textarea{
        width: 100%;
        height: 7rem;
        line-height: 150%;
        text-align: left;
        border: none;
    }

    .zh_lx_ly_btn{
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 1.5rem;
    }
    .zh_lx_ly_btn a{
        width: auto;
        height: 3.5rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
        background: var(--OneColor);
        border-radius: 5px;
        padding: 0 5rem;
    }

    /*首页*/
    .arhm{
        position: relative;
        font-size: 0;
    }
    .zh_id_menu{
        width: 16px;
        height: 100%;
        position: fixed;
        left: 0.5rem;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 100;
        display: none;
    }
    .zh_id_menu_item{
        position: relative;
        width: 14px;
        height: 14px;
        font-size: 0;
        margin: 0.4rem 0;
        border-radius: 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .zh_id_menu_itemon{
        background: var(--OneColor);
    }
    .zh_id_menu_index .zh_id_menu_itemon{
        background: #FFFFFF;
    }
    .zh_id_menu_item_dian{
        font-size: 0;
        width: 10px;
        height: 10px;
        margin: 2px;
        border-radius: 50%;
        background: rgba(0,0,0,0.2);
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_menu_itemon .zh_id_menu_item_dian{
        background: #FFFFFF;
    }
    .zh_id_menu_index .zh_id_menu_itemon .zh_id_menu_item_dian{
        background: var(--OneColor);
    }

    .zh_id_menu_item_text{
        width: 6rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        font-size: 1rem;
        font-family: opm;
        color: #000000;
        left: 1.4rem;
        top: calc(50% - 1rem);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_menu_itemon .zh_id_menu_item_text{
        opacity: 1;
    }
    .zh_id_menu_index .zh_id_menu_item_text{
        color: #FFFFFF;
    }


    .zh_banner{
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    .zh_banner_sw{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .zh_banner_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 0;
        overflow: hidden;
    }
    .zh_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: scale(1.3);
        animation: ahniamit 1s ease forwards;
    }
    .zh_banner_con{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 7%;
    }

    .zh_banner_con_top{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .zh_banner_con_top_1{
        font-size: 1.562rem;
        color: #FFFFFF;
        font-family: opm;
        line-height: 100%;
    }
    .zh_banner_con_top_2{
        font-size: 0;
        width: 5px;
        height: 5px;
        background: #FFFFFF;
        border-radius: 50%;
        margin: 0 1rem;
    }
    .zh_banner_con_top_3{
        font-size: 1.562rem;
        color: #FFFFFF;
        font-family: db;
        text-transform: uppercase;
        line-height: 100%;
    }

    .zh_banner_con_title{
        font-size: 3.125rem;
        color: #FFFFFF;
        margin-top: 1.5rem;
        text-align: center;
    }
    .zh_banner_con_btn{
        margin-top: 3rem;
    }
    .zh_banner_con_btn a{
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: auto;
        height: 3rem;
        border-radius: 3rem;
        padding: 0 1rem;
        background: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_banner_con_btn a:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        transform: translateY(-2px);
    }
    .zh_banner_con_btn_text{
        font-size: 1rem;
        color: var(--OneColor);
        font-family: opm;
        padding-left: 0.5rem;
    }
    .zh_banner_con_btn_ico{
        width: 1.8rem;
        height: 1.8rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_banner_con_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#ffffff;
    }

    .zh_banner_more{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 3rem;
        left: 0;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .zh_banner_more_ico{
        width: 2rem;
        height: 2rem;

    }
    .zh_banner_more_ico svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
        opacity: 0;
        transform: translateY(-2rem);
        animation: zhbminiamit 1.5s ease infinite;
    }
    .zh_banner_more_text{

        margin-top: 0.2rem;


    }    
    .zh_banner_more_text a{
           color: var(--OneColor);
            display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #FFFFFF;
        height: 3rem;
        line-height: 3rem;
        border-radius: 3rem;
        padding: 0 1rem;
         font-size: 1rem;
        font-family: opm;
    }  
    .zh_banner_more_text a:hover {
        -moz-box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        box-shadow: 0px 0px 25px 0 rgba(255,255,255,0.6);
        transform: translateY(-2px);
    }

    @keyframes zhbminiamit

    {

        80%{
            opacity: 1;
            transform: translateY(0rem);
        }
        100%{
            opacity: 0;
            transform: translateY(0rem);
        }

    }

    .zh_id_ab_box{
        width: 94%;
        height: auto;
        background-image: url("../images/id_ab_back.jpg");
        background-size: cover;
        background-position: center;
        margin: 0 auto;
        margin-top: 2rem;
        padding-bottom: 2rem;
    }
    .zh_id_ab{
        width: 100%;
        height: auto;
        background-image: url("../images/id_ab_img.jpg");
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        
    }
    .zh_id_abl{
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .zh_id_ab_en{
        font-size: 1.125rem;
        font-family: 'Arial';
        font-weight: bold;
        color: var(--OneColor);
        text-transform: uppercase;
        line-height: 100%;
    }
    .zh_id_ab_cn{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        line-height: 100%;
        margin-top: 0.5rem;
    }
    .zh_id_ab_con{
        font-size: 1.25rem;
        font-family: opm;
        color: rgba(0,0,0,0.5);
        line-height: 150%;
        margin-top: 1.5rem;
    }


    .zh_id_ab_btn{
        margin-top: 2.5rem;
    }
    .zh_id_ab_btn a{
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: auto;
        height: 3rem;
        border-radius: 3rem;
        padding: 0 1rem;
        background: var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_ab_btn a:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        transform: translateY(-2px);
    }
    .zh_id_ab_btn_text{
        font-size: 1rem;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 0.5rem;
    }
    .zh_id_ab_btn_ico{
        width: 1.8rem;
        height: 1.8rem;
        background: #FFFFFF;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_ab_btn_ico svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:var(--OneColor);
    }



    .zh_id_ab_num_box{
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .zh_id_ab_num{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .zh_id_ab_num_item{
    }
    .zh_id_ab_num_item_top{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .zh_id_ab_num_item_top_1{
        font-family: rh;
        font-size: 3.125rem;
        color: var(--OneColor);
        line-height: 75%;
    }
    .zh_id_ab_num_item_top_2{
        font-family: opb;
        font-size: 2.2rem;
        color: var(--OneColor);
        line-height: 100%;
    }
    .zh_id_ab_num_item_top_3{
        font-family: dr;
        font-size: 2rem;
        color: var(--OneColor);
        line-height: 40%;
    }
    .zh_id_ab_num_item_title{
        font-size: 1.25rem;
        color: rgba(0,0,0,0.8);
        line-height: 100%;
        margin-top: 1.5rem;
    }

    .zh_id_ab_num_right{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }
    .zh_id_ab_num_right_con{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
    }
    .zh_id_ab_num_right_btn{
        margin-top: 1.5rem;
    }
    .zh_id_ab_num_right_btn a{
        width: 3rem;
        height: 3rem;
        background: var(--OneColor);
        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;
    }
    .zh_id_ab_num_right_btn a:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.6);
        transform: translateY(-2px);
    }
    .zh_id_ab_num_right_btn a svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
        transform: rotate(45deg);
    }


    .zh_id_yw_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
        background: #f7fbfd;
        border-radius: 10px;
        margin-top: 1rem;
    }
    .zh_id_yw_l{
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_id_yw_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .zh_id_yw_sw{
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .zh_id_yw_sw .swiper-slide{
        overflow: visible;
    }
    .zh_id_yw_sw_title{
        font-size: 1.5rem;
        font-family: opm;
        color: var(--OneColor);
        margin-top: 1.5rem;
    }
    .zh_id_yw_sw_des{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        margin-top: 0.5rem;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
    .zh_id_yw_sw_con{
        padding-top: 2rem;
    }
    .zh_id_yw_sw_con p{
        position: relative;
        margin: 0.6rem 0;
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.6);
        padding-left: 1.2rem;
    }
    .zh_id_yw_sw_con p:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 6px;
        height: 6px;
        background: rgba(0,0,0,0.3);
        border-radius: 50%;
        left: 0;
        top: 0.55rem;
    }

    .zh_id_yw_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom: 0rem;
        margin-top: 2.5rem;
    }
    .zh_id_yw_right_item{
        width: 48%;
        height: calc(94vw * 0.48 * 280 / 353);
        position: relative;
        margin-top: 4%;
    }
    .zh_id_yw_right_item:nth-of-type(1),.zh_id_yw_right_item:nth-of-type(2){
        margin-top: 0;
    }
    .zh_id_yw_right_item:nth-of-type(2) a,.zh_id_yw_right_item:nth-of-type(4) a{
        transform: translateY(0rem);
    }
    .zh_id_yw_right_item a{
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        background: #FFFFFF;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .zh_id_yw_right_itemon a{
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_img_back{background: rgba(0,140,214,0.8);}

    .zh_id_yw_right_item_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        z-index: 0;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
        overflow: hidden;
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_img{
        opacity: 1;
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_img img{
        opacity: 1;
    }
    .zh_id_yw_right_item_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-size: 0;
        z-index: 5;
        border-radius: 10px;
        background: rgba(233,245,255,0.6);
         -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_yw_right_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0.2;
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_img img{
        transform: scale(1.06);
    }
    .zh_id_yw_right_item_con{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 1.5rem;
        padding-right: 3rem;
    }
    .zh_id_yw_right_item_con_title{
        font-size: 1.5rem;
        font-family: opm;
        color: rgba(0,0,0,0.8);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_con_title{
        color: #FFFFFF;
    }
    .zh_id_yw_right_item_con_count{
        font-size: 2.5rem;
        font-family: rh;
        color:var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_yw_right_itemon .zh_id_yw_right_item_con_count{
        color: #FFFFFF;
    }

    .zh_id_case_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        background: #f7fbfd;
        border-radius: 10px;
        padding: 2rem 5%;
    }
    .zh_id_case_title_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .zh_id_case_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5rem;
    }
    .zh_id_case_menu span{
        font-size: 1.125rem;
        color: #898989;
        font-family: opm;
        margin-left: 0rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_case_menu span.zh_id_case_menu_son{
        color: var(--OneColor);
    }

    .zh_id_case_bsw{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 1.5rem;
        
    }
    .zh_id_case_bsw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: visible;
        z-index: 0;

    }
    .zh_id_case_bsw .swiper-slide-active{
        z-index: 10;
    }
    .zh_id_case_box .swiper-container-fade .swiper-slide .swiper-slide{
        pointer-events:auto;
    }
    .zh_id_case_sw{
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .zh_id_case_sw .swiper-slide{
        overflow: visible;
    }
    .zh_id_case_sw_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: visible;
    }
    .zh_id_case_sw_left_title{
        font-size: 1.5rem;
        color: var(--OneColor);
    }
    .zh_id_case_sw_left_con{
        padding-top: 1rem;
    }
    .zh_id_case_sw_left_con p{
        font-size: 1rem;
        font-family: opm;
        color: rgba(0,0,0,0.6);
        margin: 0.5rem 0;
        position: relative;
        padding-left: 1rem;
    }
    .zh_id_case_sw_left_con p:after{
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        background: rgba(0,0,0,0.3);
        border-radius: 50%;
        font-size: 0;
        left: 0;
        top: 0.6rem;
    }
    .zh_id_case_sw_right{
        width: 100%;
        height: calc(94vw * 320 / 450);
        font-size: 0;
        margin-top: 2rem;
    }
    .zh_id_case_sw_right img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }

    .zh_id_case_msw_box{
        width: calc(100% - 4rem);
        height: auto;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 1rem;
    }
    .zh_id_case_msw{
        width: 100%;
        height: auto;
        overflow: hidden;
        z-index: 20;
    }
    .zh_id_case_msw .swiper-wrapper{
        width: 100%;
        height: auto;
    }
    .zh_id_case_msw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 20;
        cursor: pointer;

    }
    .zh_id_case_msw_img{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        
    }
    .zh_id_case_msw_img:after{
        position: absolute;
        content: '';
        width: 1.2rem;
        height: 1.2rem;
        background-image: url("../images/id_case_ico.svg");
        background-size: cover;
        background-position: center;
        right: calc(50% - 0.6rem);
        top: 0rem;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .zh_id_case_msw .swiper-slide-thumb-active .zh_id_case_msw_img:after{
        opacity: 1;
    }
    .zh_id_case_msw_img img{
        width: calc(94vw * 0.17);
        height: calc(94vw * 0.17);
        object-fit: cover;
        object-position: center;
        border: 3px solid #FFFFFF;
        border-radius: 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_case_msw .swiper-slide-thumb-active .zh_id_case_msw_img img{
        border: 3px solid var(--OneColor);
    }

    .zh_id_case_msw_btn{
        position: absolute;
        width: 1.3rem;
        height: 1.3rem;
        bottom: calc(94vw * 0.1 - 0.65rem);
        right: auto;
        z-index: 20;
        cursor: pointer;
        transform: rotate(-90deg);
    }
    .zh_id_case_msw_btn_left{
        top: auto;
        left: 0;
    }
    .zh_id_case_msw_btn_right{
        right: 0;
    }
    .zh_id_case_msw_btn svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }

    .zh_id_new{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem 5%;
        background: #f7fbfd;
        border-radius: 10px;
    }
    .zh_id_new_left{
        width: 100%;
        height: auto;
    }
    .zh_id_new_menu{
        margin-top: 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .zh_id_new_menu_item{
        margin: 0rem 0;
    }
    .zh_id_new_menu_item a{
        font-size: 1.125rem;
        font-family: opm;
        color: #a5a5a5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_new_menu_itemon a{
        color: var(--OneColor);
    }

    .zh_id_new_right{
        width: 100%;
        height: auto;
        margin-top: 1rem;
        overflow: hidden;
    }
    .zh_id_new_sw{
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .zh_id_new_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .zh_id_new_item{
        width: 48.5%;
        height: auto;
        margin-top: 3%;

    }
    .zh_id_new_item:first-child{
        margin-top: 3%;
    }
    .zh_id_new_item a{
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
        background: #FFFFFF;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_new_item a:hover{
        background: var(--OneColor);
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 25px 0 rgba(0,140,214,0.3);
    }
    .zh_id_new_item_left{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-right: 0rem;
        margin-top: 1rem;
    }
    .zh_id_new_item a:hover .zh_id_new_item_left{
        padding-left: 0rem;
        padding-right: 0;
    }
    .zh_id_new_item_title{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .zh_id_new_item a:hover .zh_id_new_item_title{
        color: #FFFFFF;
    }
    .zh_id_new_item_des{
        width: 100%;
        height: auto;
        font-size: 1rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 160%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 0.5rem;
    }
    .zh_id_new_item a:hover .zh_id_new_item_des{
        color: rgba(255,255,255,0.7);
    }
    .zh_id_new_item_time{
        font-size: 1rem;
        font-family: dm;
        color: rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_new_item a:hover .zh_id_new_item_time{
        color: rgba(255,255,255,0.5);
    }
    .zh_id_new_item_img{
        width: 100%;
        height: calc(((94vw) - 2rem) * 0.485 * 150 / 278);
        font-size: 0;
        position: relative;
        right: 0rem;
        top: 0rem;
        border-radius: 10px;
        overflow: hidden;
    }
    .zh_id_new_item_img_back{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to right,rgba(0,140,214,0.8),rgba(0,140,214,0.2));
        z-index: 10;
    }
    .zh_id_new_item_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;
        position: relative;
        z-index: 0;
    }
    .zh_id_new_item a:hover .zh_id_new_item_img img{
        transform: scale(1.05);
    }


    .zh_id_kh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
        background: #f7fbfd;
        border-radius: 10px;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .zh_id_kh_l{
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .zh_id_kh_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .zh_id_kh_menu{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .zh_id_kh_menu_btn{
        width: 3.3rem;
        height: 3.3rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-right: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_kh_menu_btn_left.swiper-button-disabled,.zh_id_kh_menu_btn_right.swiper-button-disabled{ display: none;}

    .zh_id_kh_menu_btn:hover{
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
        box-shadow: 0px 0px 35px 0 rgba(0,140,214,0.3);
    }
    .zh_id_kh_menu_btn svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
    }

    .zh_id_kh_sw{
        width: 100%;
        height: auto;
        overflow: visible;
        margin-top: 1.5rem;
    }

    .zh_id_kh_item{
        width: 32%;
        height: calc(84.6vw * 0.32 * 125 / 255);
        margin-right: 2%;
        margin-top: 2%;

    }
    .zh_id_kh_item:nth-of-type(6n){
        margin-right: 2%;
    }
    .zh_id_kh_item:nth-of-type(3n){
        margin-right: 0%;
    }

    .zh_id_kh_item_l{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        border-radius: 5px;
        background: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
        box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
    }
    .zh_id_kh_item:hover .zh_id_kh_item_l{
        transform: scale(1);
        -moz-box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
        -webkit-box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
        box-shadow: 0px 0px 30px 0 rgba(0,140,214,0.1);
    }
    .zh_id_kh_item_l div{
        width: auto;
        height: 70%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .zh_id_kh_item img{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }



    .zh_yw_sw_ys_title_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }
    .zh_yw_sw_ys_menu{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        margin-top: 1.5rem;
    }
    .zh_yw_sw_ys_menu span{
        width: 48.5%;
        font-size: 1.125rem;
        color: #3a3a3a;
        font-family: opm;
        margin-left: 0rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #f6f6f6;
        border-radius:4px;
        height: auto;
        padding: 0.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }
    
    .zh_id_kh_l_zi {
    justify-content: flex-start;
    margin-top: 0.5rem;
}
    
    .zh_yw_sw_ys_menu span.zh_yw_sw_ys_menu_son{
        background: var(--OneColor);
        color: #fff;
    }
}