@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .jh_nav_box{
        width: 100%;
        height: 7vh;
        position: sticky;
        background: #FFFFFF;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_nav_box_index{
        position: fixed;
        background: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .jh_nav_box_index_on{
        background: #FFFFFF;
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    }


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

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

    .jh_nav_logo img{
        width: auto;
        height: 30%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .jh_nav_main{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 0;
        background: #FFFFFF;
        left: 0;
        top: calc(100% + 1px);
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_nav_main_on{
        height: auto;
        opacity: 1;
    }

    .jh_nav_meun{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: static;
        padding: 1rem 0;
    }
    .jh_nav_meun_tiem{
        width: auto;
        height: 100%;
        margin: 0.5rem 1.3rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .jh_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: row;
        justify-content: center;
        align-items: center;
        font-size: 1.375rem;
        color: #bebebe;
        padding: 0.5rem 0;

    }
    .jh_nav_box_index .jh_nav_meun_tiem>a{
        color: #bebebe;
    }
    .jh_nav_box_index_on .jh_nav_meun_tiem>a{
        color: #bebebe;
    }
    .jh_nav_meun_tiem>a:hover{
        color: var(--OneColor);
    }
    .jh_nav_box_index .jh_nav_meun_tiem>a:hover{
        color: var(--OneColor);
    }
    .jh_nav_box_index_on .jh_nav_meun_tiem>a:hover{
        color: var(--OneColor);
    }
    .jh_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .jh_nav_box_index .jh_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .jh_nav_box_index_on .jh_nav_meun_tiemon>a{
        color: var(--OneColor);
    }

    .jh_nav_meun_tiem>a:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        font-size: 0;
        background: var(--OneColor);
        left: 0;
        bottom: -1px;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_nav_box_index .jh_nav_meun_tiem>a:after{
        background: var(--OneColor);
    }
    .jh_nav_box_index_on .jh_nav_meun_tiem>a:after{
        background: var(--OneColor);
    }
    .jh_nav_meun_tiem:hover>a:after{
        transform: scaleX(1);
    }
    .jh_nav_meun_tiemon>a:after{
        transform: scaleX(1);
    }

    .jh_nav_search{
        width: 16rem;
        height: 2.8rem;
        margin-left: 0rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-top: 1.5rem;
    }
    .jh_nav_search_btn{
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.4rem;
        height: 1.4rem;
        right: 0;
        top: calc(50% - 0.7rem);
        font-size: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
        margin-right: 1rem;
    }
    .jh_nav_search_btn svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }
    .jh_nav_box_index .jh_nav_search_btn svg{
        fill:var(--OneColor);
    }
    .jh_nav_box_index_on .jh_nav_search_btn svg{
        fill:var(--OneColor);
    }
    .jh_nav_search:hover .jh_nav_search_btn svg{
        fill: var(--OneColor);
    }



    .jh_nav_search:hover .jh_nav_search_btn{
        margin-right: 1rem;
    }

    .jh_nav_search_main{
        width: 16rem;
        height: 100%;
        border: 1px solid var(--OneColor);
        position: absolute;
        border-radius: 3rem;
        background: #FFFFFF;
        z-index: 0;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_nav_search_main form{

        height: 100%;
    }

    .jh_nav_search:hover .jh_nav_search_main{
        width: 16rem;
        opacity: 1;
    }
    .jh_nav_search_main input{
        width: 100%;
        height: 100%;
        border: none;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        background: none;
        padding: 0 1.3rem;
        border-radius: 3rem;
    }
    .jh_nav_search_main input::placeholder{
        color: rgba(0,0,0,0.4);
    }

    .jh_nav_lang{
        width: 1.6rem;
        height: 100%;
        margin-left: 0rem;
        position: relative;
        margin-top: 1rem;
        padding-bottom: 1.5rem;
    }
    .jh_nav_lang_btn{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.8rem;
        height: 1.8rem;
        right: 0;
        top: calc(50% - 0.9rem);
        font-size: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_nav_lang_btn svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }
    .jh_nav_box_index .jh_nav_lang_btn svg{
        fill:var(--OneColor);
    }
    .jh_nav_box_index_on .jh_nav_lang_btn svg{
        fill:var(--OneColor);
    }


           	
    .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:var(--OneColor);  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
       .jh_nav_box_index .nav-icon-5 span{
            background-color:#FFFFFF;
        }
        .jh_nav_box_index_on .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*/
    .jh_nbanner{
        width: 100%;
        aspect-ratio: 1920/700;
        position: relative;
        margin-top: 1.5rem;
    }
    .jh_nbanner_img{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        font-size: 0;
    }
    .jh_nbanner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    /*footer*/
    .jh_footer_box{
        width: 100%;
        height: auto;
        background:#FFFFFF;
        position: relative;
    }
    .jh_footer_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .jh_footer_top_left{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .jh_footer_top_left img{
        width: auto;
        height: 2rem;
    }

    .jh_footer_top_right{
        width: 75%;
        height: 2.5rem;
        margin-top: 1.5rem;
        background: #f4f5f7;
        border-radius: 2.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
    }
    .jh_footer_top_right_input{
        width: calc(100% - 2.5rem);
        height: 100%;
    }
    .jh_footer_top_right_input form{
        width: 100%;
        height: 100%;
    }
    .jh_footer_top_right_input input{
        width: 100%;
        height: 100%;
        padding: 0 1.5rem;
        background: none;
        border: none;
    }
    .jh_footer_top_right_btn{
        width: 2.5rem;
        height: 2.5rem;
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #FFFFFF;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_footer_top_right_btn:hover{
        background: var(--OneColor);
    }
    .jh_footer_top_right_btn 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;
    }
    .jh_footer_top_right_btn:hover svg{
        fill: #FFFFFF;
    }

    .jh_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 4rem;
    }
    .jh_footer_menu{
        width: 25%;
    }
    .jh_footer_menu:last-of-type{
        width: 100%;
    }
    .jh_footer_menu:last-of-type .jh_footer_menu_title{
        display: none;
    }
    .jh_footer_menu_title{
        width: auto;
        height: auto;
        display: block;
        font-size: 1.25rem;
        font-family: hnm;
        color: rgba(0,0,0,1);
        position: relative;
        padding-bottom: 0.75rem;
        text-align: center;
    }
    .jh_footer_menu_title:after{
        position: absolute;
        content: '';
        width: 1.5rem;
        height: 2px;
        background: var(--OneColor);
        left: calc(50% - 0.75rem);
        bottom: 0;
    }
    .jh_footer_menu_con{
        width: auto;
        height: auto;
        padding-top: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        display: none;
    }
    .jh_footer_menu_con a{
        width: auto;
        height: auto;
        display: block;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        margin-top: 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_footer_menu_con a:hover{
        color: var(--OneColor);
    }
    .jh_footer_menu_code{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 2rem;
    }

    .jh_footer_menu_code_item{
        width: 7.5rem;
        height: auto;
        text-align: center;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
    }
    .jh_footer_menu_code_item:nth-of-type(1){
        margin-right: 2rem;
    }
    .jh_footer_menu_code_item img{
        width: 100%;
        height: auto;
        margin-bottom: 0.2rem;
    }


    .jh_footer_bottom{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding:2rem 0;
    }
    .jh_footer_bottom_left{
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        line-height: 170%;
    }
    .jh_footer_bottom_left a{
        color: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_footer_bottom_left a:hover{
        color: rgba(0,0,0,1);
    }

    .jh_footer_bottom_right{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-top: 1.5rem;
    }
    .jh_footer_bottom_item{
        width: 2rem;
        height: 2rem;
        font-size: 0;
        margin-left: 0.75rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_footer_bottom_item svg{
        width: 100%;
        height: 100%;
        margin: 0 auto;
        fill:rgba(0,0,0,0.35);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_footer_bottom_item:hover svg{
        fill: var(--OneColor);
    }


    /*首页*/
    .jh_banner{
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .jh_banner_sw{
        width: 100%;
        height: 100%;
        transition-duration: 0.5s;
        transition-property: all;
        transition-timing-function: linear;
    }
    .jh_banner_sw .swiper-wrapper{
        transition-delay: 0.5s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    }
    .jh_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .jh_banner_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .jh_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .jh_banner_con{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .jh_banner_con_title{
        font-size: 3.125rem;
        color: #FFFFFF;
        font-family: hnm;
        text-transform: uppercase;
    }
    .jh_banner_con_ltitle{
        font-size: 2.375rem;
        color: #FFFFFF;
        font-family: opm;
        letter-spacing: 0.3rem;
        text-align: center;
        margin-top: 0.5rem;
    }


    .jh_banner_lmenu_box{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 3rem;
        left: 0;
        z-index: 20;
    }
    .jh_banner_lmenu{
        width: 1720px;
        width: var(--mainwidth);
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .jh_banner_lmenu_item{
        width: 31px;
        height: 31px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        margin-right: 1.2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_banner_lmenu_itemon{
        margin-right: 1.5rem;
    }
    .jh_banner_lmenu_item_yuan{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
        line-height: 100%;
        font-family: dm;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .jh_banner_lmenu_item_yuan2{
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 5;
        font-size: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_lmenu_itemon .jh_banner_lmenu_item_yuan2{
        opacity: 1;
    }
    .jh_banner_lmenu_item_yuan2 svg {
        width: 100%;
        height: 100%;
        fill:none;
        stroke:var(--OneColor);
        stroke-width:2px;
    }

    .jh_banner_lmenu_item_dian{
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: rgba(255,255,255,1);
        position: relative;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_lmenu_itemon .jh_banner_lmenu_item_dian{
        background: var(--OneColor);
    }


    /*about*/
    .jh_map{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 1.5rem;
    }
    .jh_map_ico{
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
    }
    .jh_map_ico svg{
        width: 100%;
        height: 100%;
        fill:#000000;
    }
    .jh_map_dian{
        width: 3px;
        height: 3px;
        font-size: 0;
        background: #000000;
        border-radius: 50%;
        margin: 0 0.5rem;
    }
    .jh_map_text{
        font-size: 1rem;
        color: #000000;
    }
    .jh_map_text a{
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_map_text a:hover{
        color: var(--OneColor);
    }
    .jh_map_text a.jh_map_text_aon{
        color: var(--OneColor);
    }

    .jh_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 2.25rem;
        font-family: hnm;
        line-height: 100%;
        margin-top: 1.5rem;
    }

    .jh_ab_banner{
        width: 100%;
        aspect-ratio: 1920/1000;
        position: relative;
        margin-top: 1.5rem;
    }
    .jh_ab_banner_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .jh_ab_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .jh_ab_banner_btn{
        position: absolute;
        left: 0;
        bottom: 2rem;
        z-index: 5;
        width: 100%;
        height: auto;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;

    }
    .jh_ab_banner_btn a{
        width: auto;
        height: 3.2rem;
        padding: 0 1.5rem 0 0.5rem;
        border-radius: 3.2rem;
        margin: 0 auto;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: rgba(15,113,187,0.8);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_ab_banner_btn a:hover{
        background: rgba(15,113,187,1);
        transform: translateY(-3px);
    }
    .jh_ab_banner_btn_ico{
        width: 2.1rem;
        height: 2.1rem;
        border: 2px solid rgba(255,255,255,1.00);
        border-radius: 50%;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .jh_ab_banner_btn_ico svg{
        width: 60%;
        height: 60%;
        margin-left: 0.55rem;
        fill:rgba(255,255,255,1.00);
    }
    .jh_ab_banner_btn_text{
        font-size: 1.375rem;
        color: rgba(255,255,255,1.00);
        margin-left: 1.2rem;
    }

    .jh_ab_jj_box{
        width: 100%;
        height: auto;
        background: #f4f5f7;
        margin-top: 0rem;
    }
    .jh_ab_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding: 3rem 0;
    }
    .jh_ab_jj_left{
        width: 100%;
        height: auto;
    }
    .jh_ab_jj_left_title{
        font-size: 1.85rem;
        text-align: center;
    }
    .jh_ab_jj_left_des{

        margin-top: 1.5rem;
        padding: 0.5rem 0;
        position: relative;
    }
    .jh_ab_jj_right{
        position: relative;
        width: auto;
        height: auto;
        right: 0;
        bottom: 0;
        font-size: 0;
        overflow: hidden;
        margin-top: 1.5rem;
    }
    .jh_ab_jj_right img{
        width: 100%;
        max-width: 100vw;
        object-fit: cover;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_ab_jj_right img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .jh_ab_ry_zs_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .jh_title{
        font-size: 2rem;
        font-family: hnm;
    }
    .jh_title2{
        font-size: 2rem;
        font-family: hnm;
        color: #FFFFFF;
    }
    .jh_ntitle{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_ntitle_text{
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 2rem;
        color: #000000;
        position: relative;
        text-align: center;
    }
    .jh_ntitle_text:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        font-size: 0;
        background: rgba(0,0,0,0.1);
        left: 0;
        top: calc(100% + 1rem);
    }

    .jh_ntitle_menu{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    .jh_ntitle_menu a{
        font-size: 1.25rem;
        color: #000000;
        margin-left: 0rem;
        margin: 0 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        
    }
    .jh_ntitle_menu a:hover{
        color: var(--OneColor);
    }
    .jh_ntitle_menu a.jh_ntitle_menu_aon{
        color: var(--OneColor);
    }


    .jh_ab_ry_zs{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .jh_ab_ry_zs_sw{
        width: 100%;
        aspect-ratio: 1600/800;
        height: calc(94vw * 800 / 1920);
    }
    .jh_ab_ry_zs_sw .swiper-slide{
        width: auto;
        height: 100%;
        font-size: 0;
    }
    .jh_ab_ry_zs_sw .swiper-slide img{
        width: auto;
        height: 100%;
    }

    .jh_ab_ry_lc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 3rem;
    }
    .jh_ab_ry_lc_left{
        width: 24%;
        height: auto;
        position: relative;
    }
    .jh_ab_ry_lc_left_back{
        position: absolute;
        writing-mode: vertical-rl;
        font-size: 12.5rem;
        color: rgba(0,0,0,0.09);
        line-height: 80%;
        left: 0;
        bottom: -3rem;
        display: none;
    }
    .jh_ab_ry_lc_left_title{
        font-size: 2.25rem;
        font-family: hnm;
    }
    .jh_ab_ry_lc_left_img{
        width: 77%;
        height: auto;
        margin: 0 auto;
        font-size: 0;
        display: none;
    }
    .jh_ab_ry_lc_left_img img{
        width: 100%;
        height: auto;
    }

    .jh_ab_ry_lc_right{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .jh_ab_ry_lc_right_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 165%;
        height: auto;
        overflow: auto;
    }
    .jh_ab_ry_lc_right_con{
        width: 100%;
        height: 24rem;
        margin-top: 1.5rem;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden;
        position: relative;
    }
    .jh_ab_ry_lcrl_sw{
        width: 70%;
        height: 100%;
    }
    .jh_ab_ry_lcrl_sw>.swiper-wrapper>.swiper-slide{
        width: 100%;
        height: 100%;
        padding: 1rem 0;
    }
    .jh_ab_ry_lcrlc_sw{
        width: 100%;
        height: 100%;
        z-index: 5;
    }
    .jh_ab_ry_lcrlc_sw .swiper-slide{
        width: 100%;
        height: 100%;
        font-size: 1.25rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        cursor:s-resize;
    }
    .jh_ab_ry_lcrlc_sw .swiper-slide span{
        width: auto;
        height: auto;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_ab_ry_lcrlc_sw .swiper-slide span:hover{
        color: var(--OneColor);
    }

    .jh_ab_ry_lcrr_sw{
        width: 30%;
        height: 100%;
        overflow: hidden;
        cursor: n-resize;
    }
    .jh_ab_ry_lcrr_sw .swiper-slide{
        width: 100%;
        height: 100%;
        font-size: 3rem;
        line-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: db;
        text-align: right;
        color: rgba(0,0,0,0.09);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_ab_ry_lcrr_sw .swiper-slide-active{
        color: var(--OneColor);
    }

    .jh_ab_ry_ssimg{
        position: absolute;
        width: 100px;
        height: 115px;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 50;
        overflow: hidden;
        left: calc(70% - 50px);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .jh_ab_ry_ssimg div{
        width: 100%;
        height: auto;
        max-height: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .jh_ab_ry_ssimg div img{
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .jh_ab_bu_bbox{
        width: 100%;
        height: auto;
        padding: 5rem 0;
        background: #f4f5f7;
    }
    .jh_ab_bu_box{
        width: 1600px;
        width: var(--mainwidth);
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .jh_ab_bu{
        width: 100%;
        aspect-ratio: 1605/823;
        background-image: url("../images/map.png");
        background-size: cover;
        background-position: center;
        position: relative;
    }
    .jh_ab_bu_item{
        position: absolute;
        font-size: 0;
        width: 1.4rem;
        height: 1.4rem;
        background: #FFFFFF;
        border: 0.5rem solid var(--OneColor);
        border-radius: 50%;
    }

    .jh_ab_bu_item2{
        position: absolute;
        width: 5rem;
        height: 5rem;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
        font-family: hnm;
        color: #FFFFFF;
        text-align: center;
    }
    .jh_ab_bu_item2:after{
        position: absolute;
        content: '';
        width: 6.8rem;
        height: 6.8rem;
        border-radius: 50%;
        left: -0.9rem;
        top: -0.9rem;
        z-index: -1;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        opacity: 0.13;
    }

    .jh_ab_bu_num{
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 4rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .jh_ab_bu_num_item{
        margin-right: 4rem;
    }
    .jh_ab_bu_num_item_top{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .jh_ab_bu_num_item_count{
        font-size: 4.5rem;
        font-family: hnm;
        color: #000000;
        line-height: 100%;
    }
    .jh_ab_bu_num_item_rgiht{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 1rem;
    }
    .jh_ab_bu_num_item_rgiht_uit{
        font-size: 2.5rem;
        font-family: hnm;
        color: #000000;
        line-height: 100%;
    }
    .jh_ab_bu_num_item_rgiht_uit2{
        font-size: 1.25rem;
        font-family: hnm;
        color: #000000;
        line-height: 100%;
        padding-bottom: 0.5rem;
    }
    .jh_ab_bu_num_item_title{
        font-size: 1.25rem;
        color: rgba(0,0,0,0.55);
        margin-top: 1.5rem;
    }

    .jh_ab_pro_bbox{
        width: 100%;
        height: auto;
        /*background: var(--OneColor);*/
    }
    .jh_ab_pro_box{
        position: relative;
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
        padding-bottom: 0;
    }

    .jh_ab_pro_box .jh_title2{
        height: auto;
        padding-bottom: 1rem;
    }

    .jh_ab_pro_sw{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .jh_ab_pro_sw_item{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 0;
    }
    .jh_ab_pro_sw_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.1;
    }
    .jh_ab_pro_sw_item:nth-of-type(1) .jh_ab_pro_sw_left{
        opacity: 1;
    }

    .jh_ab_pro_sw_left_title{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .jh_ab_pro_sw_left_title_1{
        font-size: 1.75rem;
        font-family: hnm;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 100%;
    }
    .jh_ab_pro_sw_left_title_2{
        font-size: 1.125rem;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 100%;
        padding-bottom: 0.25rem;
        padding-left: 1.5rem;
    }
    .jh_ab_pro_sw_left_des{
        font-size: 1.125rem;
        color: rgba(255,255,255,0.6);
        line-height: 165%;
        font-family: hnr;
        margin-top: 1rem;
    }


    .jh_ab_pro_sw_right{
        width: 100%;
        height: auto;
        font-size: 0;
        opacity: 0;
        margin-top: 1rem;
        transform: translateY(20rem) scale(0.6);
    }
    .jh_ab_pro_sw_item:nth-of-type(1) .jh_ab_pro_sw_right{
        opacity: 1;
        transform: scale(1)
    }
    .jh_ab_pro_sw_right img{
        width:100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }

    /**/
    .jh_abs_menu{
        width: 100%;
        height: auto;
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    .jh_abs_menu a{
        width: 50%;
        height: auto;
        text-align: center;
        font-size: 1.25rem;
        font-family: hnm;
        color: rgba(95,95,95,0.6);
        margin: 0.3rem 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_abs_menu a:hover{
        color: var(--OneColor);
    }
    .jh_abs_menu a.jh_abs_menu_aon{
        color: var(--OneColor);
    }

    .jh_abs_item_box{
        width: 100%;
        height: auto;
        background: #f4f5f7;
        padding: 3rem 0;
    }
    .jh_abs_item_box2{
        background: #FFFFFF;
    }
    .jh_abs_item_box_title{
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-align: center;
        padding-bottom: 1.5rem;
    }

    .jh_abs_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .jh_abs_item_box2 .jh_abs_item{
        flex-direction: column;
    }
    .jh_abs_item_left{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 170%;
        padding-top: 1rem;
    }

    .jh_abs_item_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .jh_abs_item_box2 .jh_abs_item_right{
        flex-direction: row-reverse;
    }
    .jh_abs_item_right_img{
        width: calc(100% - 3rem);
        aspect-ratio: 701/408;
        font-size: 0;
        overflow: hidden;
    }
    .jh_abs_item_right_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_abs_item_right_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_abs_item_right_title{
        width: 3rem;
        height: auto;
        background: var(--OneColor);
        writing-mode: vertical-rl;
        font-size: 1.375rem;
        line-height: 100%;
        font-family: hnm;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 1rem;
    }


    /*contact*/
    .jh_plc_box{
        width: 94%;
        height: auto;
        padding: 3rem 0;
        margin: 0 auto;
        display: block;
    }
    .jh_plc_box .jh_ntitle{
        padding-bottom: 1rem;
    }
    .jh_plc_title{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.85rem;
        font-family: hnm;
        margin-top: 2rem;
    }
    .jh_plc{
        width: 100%;
        height: auto;
    }
    
    .jh_plc_item{
        position: relative;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        margin-top: 1rem;
        padding: 1.2rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_plc_item_img{
        width: 6.5rem;
        height: 6.5rem;
        font-size: 0;
        border: 3px solid var(--OneColor);
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        right: 1.5rem;
        top: 1.2rem;
    }
    .jh_plc_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .jh_plc_item_conl{
        width: 100%;
        height: auto;
        
    }
    .jh_plc_item_conl_title{
        font-size: 1.75rem;
        font-family: hnm;
        color: #000000;
        padding-right: 7rem;
        width: 100%;
        height: auto;
        min-height: 6.5rem;
    }
    .jh_plc_item_conl_ltitle{
        font-size: 1.125rem;
        font-family: hnm;
        color: #000000;
    }
    .jh_plc_item_conl_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.45);
        line-height: 150%;
        margin-top: 1rem;
    }
    
    
    
    .jh_lc_map_bbox{
        width: 100%;
        height: auto;
       /* background: #f4f5f7;*/
        padding: 3rem 0;
        display: none;
    }
    .jh_lc_map_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }

    .jh_lc_map{
        width: 100%;
        aspect-ratio: 1605/823;
        height: calc(94vw * 823 / 1605);
        background-image: url("../images/map.png");
        background-size: cover;
        background-position: center;
        position: relative;
        margin-top: 3rem;
    }
    .jh_lc_map_item{
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        z-index: 0;
        border-radius: 50%;
    }
    .jh_lc_map_item:hover{
        overflow: visible;
        z-index: 5;
    }
    .jh_lc_map_item_dian{
        position: absolute;
        font-size: 0;
        width: 1.4rem;
        height: 1.4rem;
        background: #FFFFFF;
        border: 0.5rem solid var(--OneColor);
        border-radius: 50%;
        left: calc(50% - 0.7rem);
        top: calc(50% - 0.7rem);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_lc_map_item:hover .jh_lc_map_item_dian{
        opacity: 0;
    }

    .jh_lc_map_item_title{
        position: absolute;
        width: 5rem;
        height: 5rem;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
        left: calc(50% - 2.5rem);
        top: calc(50% - 2.5rem);
        font-family: hnm;
        color: #FFFFFF;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_lc_map_item:hover .jh_lc_map_item_title{
        opacity: 1;
    }
    .jh_lc_map_item_title:after{
        position: absolute;
        content: '';
        width: 6.8rem;
        height: 6.8rem;
        border-radius: 50%;
        left: -0.9rem;
        top: -0.9rem;
        z-index: -1;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        opacity: 0.13;
    }
    .jh_lc_map_item_con{
        position: absolute;
        left: 6rem;
        top: -2.5rem;
        width: 42rem;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 1.7rem 2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
    }
    .jh_lc_map_item2 .jh_lc_map_item_con{
        left: auto;
        right: 6rem;
    }
    .jh_lc_map_item:hover .jh_lc_map_item_con{
        opacity: 1;
    }
    .jh_lc_map_item_con:before {
        opacity: 1;
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        pointer-events: none;
        left: -26px;
        top: 2.5rem;
        border-color: transparent rgba(255,255,255,1) transparent transparent;
        border-width: 14px;
        border-style: solid;
    }
    .jh_lc_map_item2 .jh_lc_map_item_con:before{
        left: auto;
        right: -26px;
        border-color: transparent transparent transparent rgba(255,255,255,1);
    }
    .jh_lc_map_item_con_img{
        width: 7.5rem;
        height: 7.5rem;
        font-size: 0;
        border: 4px solid var(--OneColor);
        border-radius: 50%;
        overflow: hidden;
    }
    .jh_lc_map_item_con_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .jh_lc_map_item_conl{
        width: calc(100% - 10rem);
        height: auto;
        padding: 1rem 0;
    }
    .jh_lc_map_item_conl_title{
        font-size: 2.25rem;
        font-family: hnm;
        color: #000000;
    }
    .jh_lc_map_item_conl_ltitle{
        font-size: 1.375rem;
        font-family: hnm;
        color: #000000;
    }
    .jh_lc_map_item_conl_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.45);
        line-height: 150%;
        margin-top: 2rem;
    }

    .jh_lc_ly_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .jh_lc_ly_box .jh_title{
        text-align: center;
    }
    .jh_lc_ly{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 1.5rem;
        background: #f7f7f7;
    }
    .jh_lc_lyl{
        width: 100%;
        height: auto;
        padding:1rem 1.3rem;
    }
    .jh_lc_lyl form{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .jh_lc_lyl_item{
        width: 48%;
        height: auto;
        margin-top: 1rem;
    }
    .jh_lc_lyl_item_title{
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
    }
    .jh_lc_lyl_item_input{
        width: 100%;
        height: 2.6rem;
        border: 1px solid rgba(0,0,0,0.07);
        background: #FFFFFF;
        margin-top: 0.5rem;
    }
    .jh_lc_lyl_item_input input{
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        padding: 0 1rem;
    }
    .jh_lc_lyl_item2{
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .jh_lc_lyl_item2_input{
        width: 100%;
        height: 6rem;
        border: 1px solid rgba(0,0,0,0.07);
        background: #FFFFFF;
        margin-top: 0.5rem;
    }
    .jh_lc_lyl_item2_input textarea{
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        padding: 0 1rem;
    }
    .jh_lc_lyl_btn{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
        text-align: center;
    }
    .jh_lc_lyl_btn a{
        display: inline-flex;
        width: auto;
        height: 2.7rem;
        flex-direction: column;
        justify-content: center;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 2.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_lc_lyl_btn a:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }


    .jh_lc_lyr{
        width: 36%;
        height: auto;
        font-size: 0;
        display: none;
    }
    .jh_lc_lyr img{
        width: 100%;
        height: auto;
    }

    /*new*/
    .jh_new_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 4rem 0;
    }
    .jh_new_box{
        width: 100%;
        height: auto;
       /* background: #f4f5f7;*/
    }
    .jh_new{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .jh_new_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top: 3%;
        background: #FFFFFF;
    }
    .jh_new_item:nth-of-type(3n){
        margin-right: 0;
    }

    .jh_new_item_img{
        width: 100%;
        aspect-ratio: 516/282;
        height: calc(94vw * 0.485 * 282 / 516);
        font-size: 0;
        overflow: hidden;
    }
    .jh_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_new_item:hover .jh_new_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_new_item_con{
        width: 100%;
        height: auto;
        padding:1rem 1.3rem;
    }
    .jh_new_item_title{
        font-size: 1.125rem;
        color: #000000;
        font-family: hnm;
        line-height: 130%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_new_item:hover .jh_new_item_title{
        color: var(--OneColor);
    }
    .jh_new_item_date{
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        font-family: hnm;
        margin-top: 1rem;
        padding-bottom: 0.5rem;
    }

    .jh_page{
        width: 100%;
        height: auto;
        padding: 2rem 0 3rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .jh_page_btn{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        font-size: 0;
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        margin: 0 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_page_btn:hover{
        background: var(--OneColor);
    }
    .jh_page_btn 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;
    }
    .jh_page_btn:hover svg{
        fill:#ffffff;
    }

    .jh_page_count{
        font-size: 1.375rem;
        color: #000000;
        font-family: hnm;
        margin: 0 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_page_count:hover{
        color:var(--OneColor);
    }

    /*snews*/
    .jh_snew_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-top: 3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .jh_snew_box_left{
        width: 3rem;
        height: auto;
        padding-bottom: 7rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .jh_snew_box_right{
        width: 3rem;
        height: auto;
        padding-bottom: 7rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .jh_snew{
        width: calc(100% - 6rem);
        height: auto;
        margin: 0 auto;
    }
    .jh_snew_btn{
        width: 100%;
        height: auto;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
    }
    .jh_snew_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 2rem;
        width: auto;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;

    }
    .jh_snew_title{
        text-align: center;
        font-size: 1.5rem;
        font-family: hnm;
        color: #000000;
        padding: 0 1rem;
        line-height: 120%;
        padding-top: 1.5rem;
    }
    .jh_snew_con{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #555555;
        line-height: 150%;
        padding-top: 1.5rem;
        padding-bottom: 4rem;
    }

    .jh_snew_page_btn{
        position: sticky;
        width: 2rem;
        height: 2rem;
        top: calc(50vh - 1rem);
        z-index: 5;
    }

    .jh_snew_page_btn a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0;
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        margin: 0 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_snew_page_btn a:hover{
        background: var(--OneColor);
    }
    .jh_snew_page_btn a 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;
    }
    .jh_snew_page_btn a:hover svg{
        fill:#ffffff;
    }

    .jh_snew_tj_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 3rem;
    }
    .jh_snew_tj_box .jh_title{
        padding: 0 3vw;
    }
    .jh_snew_tj_box .jh_new_item{
        margin-top: 3%;
    }


    /*partners*/
    .jh_par_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 2rem;
    }
    .jh_par_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 2rem;
        padding-top: 1rem;
    }
    .jh_par_menu a{
        font-size: 1.125rem;
        color: #000000;
        margin: 0.2rem 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_par_menu a:hover{
        color: var(--OneColor);
    }
    .jh_par_menu a.jh_par_menu_aon{
        color: var(--OneColor);
    }
    .jh_par_box{
        width: 100%;
        height: auto;
       /* background: #f4f5f7;*/
        padding: 1rem 0 3rem 0;
    }
    .jh_par{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .jh_par_item{
        width: 32%;
        aspect-ratio: 305/115;
        height: calc(94vw * 0.32 * 115 / 305);
        font-size: 0;
        overflow: hidden;
        margin-right: 2%;
        margin-top: 2%;
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_par_item:hover{
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.1);
        transform: perspective(100px) translateZ(3px);
    }
    .jh_par_item:nth-of-type(5n){
        margin-right: 2%;
    }
    .jh_par_item:nth-of-type(3n){
        margin-right: 0;
    }
    .jh_par_item img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    /*product*/
    .jh_pro_item_box{
        width: 100%;
        height: auto;
    }
    .jh_pro_item_box2{
       /* background: #f4f5f7;*/
    }
    .jh_pro_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 3rem 0;
    }
    .jh_pro_item_box2 .jh_pro_item{
        flex-direction: column;
    }
    .jh_pro_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_pro_item_img img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_pro_item_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_pro_itemc{
        width: 100%;
        height: auto;
        padding-top: 1.5rem;
    }
    .jh_pro_itemc_title{
        font-size: 1.75rem;
        color: #000000;
        font-family: hnm;
    }
    .jh_pro_itemc_c{
        width: 100%;
        height: auto;
        min-height: 0rem;
        padding-left: 0rem;
        position: relative;
        margin-top: 0.5rem;
    }
    .jh_pro_itemc_c:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: 100%;
        left: 1rem;
        top: 0;
        background: rgba(0,0,0,0.1);
        display: none;
    }

    .jh_pro_itemc_c_bitem{
        width: 100%;
        height: auto;
    }
    .jh_pro_itemc_c_bitem_title{
        width: 100%;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0rem;
        font-size: 1.25rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_pro_itemc_c_bitem_on .jh_pro_itemc_c_bitem_title{
        height: 3.5rem;
        background: var(--OneColor);
        border-radius: 10px;
        color: #FFFFFF;
        padding: 0 1rem;
    }
    .jh_pro_itemc_c_bitem_con{
        width: 100%;
        height: 0px;
        overflow: hidden;
        opacity: 0;
        padding-top: 0rem;
        padding-bottom: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_pro_itemc_c_bitem_on .jh_pro_itemc_c_bitem_con{
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: auto;
        opacity: 1;
    }
    .jh_pro_itemc_c_bitem_con a{
        display: block;
        width: auto;
        height: auto;
        font-size: 1.125rem;
        color: #5f5f5f;
        margin: 0.3rem 0;
        position: relative;
        padding-left: 3.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_pro_itemc_c_bitem_con a:hover{
        color: var(--OneColor);
    }
    .jh_pro_itemc_c_bitem_con a:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--OneColor);
        left: 2rem;
        top: calc(50% - 3px);
    }
    .jh_pro_itemc_c_bitem_con span{
        display: block;
        width: auto;
        height: auto;
        font-size: 1.125rem;
        color: #5f5f5f;
        margin: 0.3rem 0;
        position: relative;
        padding-left: 2.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_pro_itemc_c_bitem_con span:hover{
        color: var(--OneColor);
    }
    .jh_pro_itemc_c_bitem_con span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--OneColor);
        left: 1rem;
        top: calc(50% - 2px);
    }
    .jh_pro_itemc_btn{
        margin-top: 1.5rem;
    }
    .jh_pro_itemc_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_pro_itemc_btn a:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }

    .jh_pro_itemc_c_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 170%;
    }
    .jh_pro_itemc_c_tag{
        width: 100%;
        height: auto;
        padding-top: 1.5rem;
    }
    .jh_pro_itemc_c_tag a{
        display: block;
        font-size: 1.25rem;
        color: var(--OneColor);
        margin: 0.5rem 0;
    }
    .jh_pro_itemc_c_tag span{
        display: block;
        font-size: 1.25rem;
        color: var(--OneColor);
        margin: 0.5rem 0;
    }


    /*proc*/
    .jh_proc_class_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
       /* background-image: url("../images/proc_back.jpg");
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;*/
        padding-bottom: 3rem;
    }
    .jh_proc_class{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .jh_proc_class_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 1rem;
    }
    .jh_proc_class_item:nth-of-type(2n){
        margin-right: 0;
    }
    .jh_proc_class_item:nth-of-type(4n){
        margin-right: 0;
    }
    .jh_proc_class_item_img{
        width: 100%;
        aspect-ratio: 386/312;
        height: calc(94vw * 0.485 * 312 / 386);
        font-size: 0;
        overflow: hidden;
    }
    .jh_proc_class_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_proc_class_item:hover .jh_proc_class_item_img img{
        transform: perspective(100px) translateZ(3px);
    }

    .jh_proc_class_item_title{
        font-size: 1.125rem;
        color: #000000;
        padding: 0 0.5rem;
        line-height: 150%;
        text-align: center;
        margin-top: 0.5rem;
    }

    .jh_proc_item_box{
        width: 100%;
        height: auto;
       /* background: #f4f5f7;*/
    }

    .jh_proc_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 3rem 0;
    }
    .jh_proc_item_box2 .jh_proc_item{
        flex-direction: column;
    }
    .jh_proc_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_proc_item_img_1{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_proc_item_img_1 img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_proc_item_img_1 img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .jh_proc_item_img_2{
        font-size: 1.125rem;
        color: rgba(95,95,95,0.7);
        margin-top: 1rem;
        text-align: right;
    }

    .jh_proc_itemc{
        width: 100%;
        height: auto;
        padding-top: 1rem;
    }
    .jh_proc_itemc_title{
        font-size: 1.75rem;
        color: #000000;
        font-family: hnm;
        
    }
    .jh_proc_itemc_c{
        width: 100%;
        height: auto;
        min-height: 0rem;
        padding-left: 0rem;
        position: relative;
        margin-top: 0.5rem;
    }
    .jh_proc_itemc_c:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: 100%;
        left: 1rem;
        top: 0;
        background: rgba(0,0,0,0.1);
        display: none;
    }

    .jh_proc_itemc_c_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 160%;
    }

    .jh_proc_wall_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .jh_proc_wall_title{
        font-size: 1.75rem;
        font-family: hnm;
        color: #000000;
    }
    .jh_proc_wall_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 170%;
        margin-top: 0.5rem;
    }

    .jh_proc_wall{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0rem;
    }
    .jh_proc_wall_item{
        width: 48.5%;
        height: auto;
        margin-top: 1rem;
    }
    .jh_proc_wall_item_img{
        width: 100%;
        aspect-ratio: 779/411;
        height: calc(94vw * 0.485 * 411 / 779);
        font-size: 0;
        overflow: hidden;
    }
    .jh_proc_wall_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_proc_wall_item_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_proc_wall_item_title{
        font-size: 1.125rem;
        color: rgba(95,95,95,0.7);
        margin-top: 0.5rem;
    }

    .jh_proc_obj_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .jh_proc_obj_box .jh_title{
        text-align: center;
    }

    .jh_proc_obj{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 1.5rem;
    }
    .jh_proc_obj_sw{
        width: 100%;
        height: auto;
    }
    .jh_proc_obj_sw .swiper-slide{
        position: relative;
        width: auto;
        height: auto;
    }
    .jh_proc_obj_sw_img{
        width: auto;
        height: 17rem;
        font-size: 0;
        position: relative;
        z-index: 0;
    }
    .jh_proc_obj_sw_img img{
        width: auto;
        height: 100%;
    }
    .jh_proc_obj_sw_back{
        position: absolute;
        width: 100%;
        height: 80%;
        background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
        z-index: 5;
        left: 0;
        bottom: 0;
    }
    .jh_proc_obj_sw_back2{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 15;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_proc_obj_sw .swiper-slide-active .jh_proc_obj_sw_back2{
        opacity: 0;
        z-index: 0;
    }
    .jh_proc_obj_sw .swiper-slide-next .jh_proc_obj_sw_back2{
        opacity: 0;
        z-index: 0;
    }
    .jh_proc_obj_sw_con{
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 5;
        left: 0;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 1rem;
    }
    .jh_proc_obj_sw_con2{
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 5;
        left: 0;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 1rem;
    }
    .jh_proc_obj_sw_con_title{
        font-size: 1.125rem;
        font-family: hnm;
        color: #FFFFFF;
        text-align: left;
    }
    .jh_proc_obj_sw_con_tag{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        margin-top: 1rem;
    }
    .jh_proc_obj_sw_con2 .jh_proc_obj_sw_con_tag{
        margin-top: 1rem;
    }
    .jh_proc_obj_sw_con_tag_1{
        font-size: 1rem;
        color: #FFFFFF;
        background-image: url("../images/proc_1.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 1.2rem;
        padding-left: 2rem;
    }
    .jh_proc_obj_sw_con_tag_2{
        font-size: 1rem;
        color: #FFFFFF;
        background-image: url("../images/proc_2.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.2rem auto;
        padding-left: 2rem;
        margin-left: 0rem;
        margin-top: 0.5rem;
    }


    /*server*/

    .jh_ser_item_box{
        width: 100%;
        height: auto;
    }
    .jh_ser_item_box2{
        background: #f4f5f7;
    }
    .jh_ser_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 3rem 0;
    }

    .jh_ser_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_ser_item_img img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_ser_item_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_ser_itemc{
        width: 100%;
        height: auto;
        padding-top: 1.5rem;
    }
    .jh_ser_itemc_ltitle{
        font-size: 1.125rem;
        color: var(--OneColor);
    }
    .jh_ser_itemc_title{
        font-size: 1.75rem;
        color: #000000;
        font-family: hnm;
    }

    .jh_ser_itemc_c{
        width: 100%;
        height: auto;
        min-height: 0rem;
        padding-left: 0;
        position: relative;
        margin-top: 1rem;
    }
    .jh_ser_itemc_c:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: 100%;
        left: 3rem;
        top: 0;
        background: rgba(0,0,0,0.1);
        display: none;
    }

    .jh_ser_itemc_c_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
    }


    /*strengths*/
    .jh_str_bra_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 1rem 0 3rem 0;
    }
    .jh_str_bra_box .jh_title{
        text-align: center;
    }
    .jh_str_bra{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .jh_str_bra_img{
        width: 50%;
        height: auto;
        font-size: 0;
    }
    .jh_str_bra_img img{
        width: 100%;
        height: auto;
    }
    .jh_str_brac{
        width: 45%;
        height: auto;
    }
    .jh_str_brac_title{
        font-size: 2.25rem;
        color: #000000;
        font-family: hnm;
        margin-top: 2rem;
    }
    .jh_str_brac_des{
        font-size: 1.375rem;
        color: #5f5f5f;
        line-height: 170%;
        margin-top: 1.5rem;
    }
    .jh_str_brac_img{
        width: 75%;
        height: auto;
        font-size: 0;
        margin-top: 8rem;
    }
    .jh_str_brac_img img{
        width: 100%;
        height: auto;
    }

    .jh_str_lea_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
       /* background: #f4f5f7;*/
    }
    .jh_str_lea_box .jh_title{
        text-align: center;
    }
    .jh_str_lea_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .jh_str_lea_menu span{
        font-size: 1.25rem;
        color: #000000;
        margin: 0 1.5rem;
        position: relative;
        padding: 1rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_str_lea_menu span.jh_str_lea_menu_son{
        color: var(--OneColor);
    }
    .jh_str_lea_menu span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 0%;
        height: 3px;
        background: var(--OneColor);
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_str_lea_menu span.jh_str_lea_menu_son:after{
        width: 100%;
    }

    .jh_str_lea{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .jh_str_lea_sw{
        width: 100%;
        height: auto;
    }
    .jh_str_lea_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_str_lea_sw_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_str_lea_sw_img img{
        width: 100%;
        height: auto;
    }
    .jh_str_lea_swc{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .jh_str_lea_swc_title{
        font-size: 1.5rem;
        line-height: 100%;
        color: #000000;
        font-family: hnm;
    }
    .jh_str_lea_swc_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
        margin-top: 0.5rem;
    }


    .jh_str_qua_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .jh_str_qua_box .jh_title{
        text-align: center;
    }
    .jh_str_qua_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 0rem;
    }
    .jh_str_qua_menu span{
        font-size: 1.25rem;
        color: #000000;
        margin: 0 1rem;
        position: relative;
        padding: 1rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_str_qua_menu span.jh_str_qua_menu_son{
        color: var(--OneColor);
    }
    .jh_str_qua_menu span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 0%;
        height: 3px;
        background: var(--OneColor);
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_str_qua_menu span.jh_str_qua_menu_son:after{
        width: 100%;
    }

    .jh_str_qua{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .jh_str_qua_sw{
        width: 100%;
        height: auto;
    }
    .jh_str_qua_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_str_qua_sw_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_str_qua_sw_img img{
        width: 100%;
        height: auto;
    }
    .jh_str_qua_swc{
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .jh_str_qua_swc_title{
        font-size: 1.5rem;
        line-height: 100%;
        color: #000000;
        font-family: hnm;
    }
    .jh_str_qua_swc_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
        margin-top: 0.5rem;
    }
    .jh_str_qua_swc_tag{
        margin-top: 1.5rem;
    }
    .jh_str_qua_swc_tag a{
        display: block;
        font-size: 1.25rem;
        color: var(--OneColor);
        margin-top: 0.5rem;
    }
    .jh_str_qua_swc_tag p{
        display: block;
        font-size: 1.125rem;
        color: var(--OneColor);
        margin-top: 0.5rem;
    }



    .jh_str_ser_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        /*background: #f4f5f7;*/
    }
    .jh_str_ser_box .jh_title{
        text-align: center;
    }
    .jh_str_ser{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_str_ser_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_str_ser_img img{
        width: 100%;
        height: auto;
    }
    .jh_str_serc{
        width: 100%;
        height: auto;
        padding-top: 1rem;
    }
    .jh_str_serc_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
    }
    .jh_str_serc_tag{
        margin-top: 2.5rem;
    }
    .jh_str_serc_tag a{
        display: block;
        font-size: 1.75rem;
        color: var(--OneColor);
        margin-top: 0.5rem;
    }
    .jh_str_serc_tag p{
        display: block;
        font-size: 1.75rem;
        color: var(--OneColor);
        margin-top: 0.5rem;
    }

    .jh_str_fir_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .jh_str_fir_box .jh_title{
        text-align: center;
    }
    .jh_str_fir{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .jh_str_fir_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .jh_str_fir_img img{
        width: 100%;
        height: auto;
    }
    .jh_str_firc{
        width: 100%;
        height: auto;
        padding-top: 1rem;
    }
    .jh_str_firc_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
    }

    .jh_str_team_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
      /*  background: #f4f5f7;*/
    }
    .jh_str_team_box .jh_title{
        text-align: center;
    }
    .jh_str_team_des{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1rem;
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 150%;
        text-align: center;
    }
    .jh_str_team_des img{
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .jh_str_team{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .jh_str_team img{
        width: 100%;
        height: auto;
    }


    /*projects-list*/
    .jh_obj_search{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }

    .jh_obj_search_item{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding: 1rem 0;
    }
    .jh_obj_search_item2{
        background: #f4f5f7;
    }
    .jh_obj_search_item_left{
        width: 7rem;
        height: auto;
        font-size: 1.125rem;
        font-family: hnm;
        color: #000000;
        padding: 0.2rem 0;
        text-align: right;
        padding-right: 1rem;
        padding-top: 0.5rem;
    }

    .jh_obj_search_item_right{
        width: calc(100% - 7rem);
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .jh_obj_search_item_right a{
        width: auto;
        height: auto;
        padding: 0.5rem 1rem;
        background: none;
        border-radius: 2.5rem;
        font-size: 1.125rem;
        margin: 0.2rem 0.5rem;
        color: #545454;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_obj_search_item_right a:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .jh_obj_search_item_right a.jh_obj_search_aon{
        background: var(--OneColor);
        color: #FFFFFF;
    }

    .jh_obj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 2rem;
    }
    .jh_obj_box .jh_title{
        text-align: center;
    }

    .jh_obj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 5rem;
    }
    .jh_obj_item{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .jh_obj_item a{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_obj_item_img{
        width: 100%;
        aspect-ratio: 776/375;
        height: calc(94vw * 375 / 776);
        font-size: 0;
        overflow: hidden;
    }
    .jh_obj_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_obj_item:hover .jh_obj_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_obj_item_title{
        font-size: 1.5rem;
        font-family: hnm;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_obj_item:hover .jh_obj_item_title{
        color: var(--OneColor);
    }
    .jh_obj_item_tag{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-top: 1rem;
    }
    .jh_obj_item_tag_1{
        font-size: 1.125rem;
        line-height: 150%;
        color: rgba(0,0,0,0.65);
        margin-right: 2rem;
        background-image: url("../images/obj_ico1.svg");
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        padding-left: 2rem;
    }
    .jh_obj_item_tag_2{
        font-size: 1.125rem;
        line-height: 150%;
        color: rgba(0,0,0,0.65);
        background-image: url("../images/obj_ico2.svg");
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        padding-left: 2rem;
    }


    .jh_obj_item_btn{
        margin-top: 1.5rem;
    }
    .jh_obj_item_btn span{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_obj_item_btn span:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }


    /*projects-details*/
    .jh_sobj_box{
        width: 100%;
        height: auto;
        background: #f4f5f7;
        padding: 3rem 0 3rem 0;
    }
    .jh_sobj{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .jh_sobj_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .jh_sobj_top_btn{
        width: 3rem;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        border-radius: 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_sobj_top_btn:hover{
        background: var(--OneColor);
    }
    .jh_sobj_top_btn svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_sobj_top_btn:hover svg{
        fill: #ffffff;
    }
    .jh_sobj_title{
        width: calc(90% - 6rem);
        height: auto;
        font-size: 2rem;
        font-family: hnm;
        text-align: center;
    }
    .jh_sobj_con{
        width: 100%;
        height: auto;
        padding-top: 2rem;
    }
    .jh_sobj_con img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
    .jh_sobj_con_title{
        font-size: 1.375rem;
        font-family: hnm;
        color: var(--OneColor);
        position: relative;
        padding-bottom: 2rem;
    }
    .jh_sobj_con_title:after{
        position: absolute;
        content: '';
        width: 2.5rem;
        height: 3px;
        font-size: 0;
        background: var(--OneColor);
        left: 0;
        bottom: 0;
    }
    .jh_sobj_con_des{
        font-size: 1.125rem;
        color: #000000;
        line-height: 160%;
        margin-top: 1.5rem;
    }
    .jh_sobj_con_1{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .jh_sobj_con_1_left{
        width: 46%;
        height: auto;
    }
    .jh_sobj_con_1_left img{
        width: 100%;
        height: auto;
    }
    .jh_sobj_con_1_right{
        width: 52%;
        height: auto;
    }
    .jh_sobj_con_1r_item{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0.65rem 0;
    }
    .jh_sobj_con_1ri_left{
        width: 12rem;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .jh_sobj_con_1ri_left span{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        background: #a0a2a9;
        border-radius: 50%;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: hnm;
        margin-left: 0.35rem;
    }
    .jh_sobj_con_1ri_right{
        width: calc(100% - 13rem);
        height: auto;
        font-size: 1.25rem;
        color: rgba(0,0,0,0.7);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .jh_sobj_con_2{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        background-image: url("../images/quote-right.svg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 5rem;
    }
    .jh_sobj_con_2_1{
        font-size: 3.5rem;
        font-family: hnm;
        color: #000000;
    }
    .jh_sobj_con_2_2{
        font-size: 1.625rem;
        font-family: hnm;
        color: #000000;
        padding-left: 6rem;
    }
    .jh_sobj_con_3{
        width: 100%;
        height: auto;
        padding-top: 1rem;
    }
    .jh_sobj_con_3_item{
        font-size: 1.375rem;
        font-family: hnm;
        color: var(--OneColor);
        font-style: oblique;
        margin-top: 1rem;
        position: relative;
        padding-left: 1.5rem;
    }
    .jh_sobj_con_3_item:after{
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        font-size: 0;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 3px);
    }
    .jh_sobj_con_4{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 170%;
        padding-top: 5rem;
    }
    .jh_sobj_con_5{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 6rem;
    }
    .jh_sobj_con_5_item{
        width: 24%;
        height: auto;
    }
    .jh_sobj_con_5_item img{
        width: 100%;
        height: auto;
    }


    .jh_sobj_tj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
    }

    .jh_sobj_tj .jh_obj{
        border-bottom: 1px solid rgba(0,0,0,0);
    }


    /*Projects*/
    .jh_objp_item_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .jh_objp_item_box .jh_title{
        text-align: center;
    }
    .jh_objp_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 1.5rem;
        padding-bottom: 4.5rem;
    }
    .jh_objp_item_sw{
        width: 100%;
        height: auto;
    }

    .jh_objp_item_sw .swiper-slide a{
        width: 100%;
        height: auto;
    }

    .jh_objp_item_img{
        width: 100%;
        aspect-ratio: 776/375;
        height: calc(94vw * 375 / 776);
        font-size: 0;
        overflow: hidden;
    }
    .jh_objp_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_objp_item_sw .swiper-slide a:hover .jh_objp_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .jh_objp_item_title{
        font-size: 1.5rem;
        font-family: hnm;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_item_sw .swiper-slide a:hover .jh_objp_item_title{
        color: var(--OneColor);
    }
    .jh_objp_item_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        margin-top: 0.5rem;
        line-height: 150%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }


    .jh_objp_item_btn{
        margin-top: 1rem;
    }
    .jh_objp_item_btn span{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_item_btn span:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }

    .jh_objp_item_menubtn{
        position: absolute;
        width: 3rem;
        height: 3rem;
        border: 2px solid var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        top: auto;
        bottom: 0;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_item_menubtn:hover{
        background: var(--OneColor);
    }
    .jh_objp_item_menubtn svg{
        width: 50%;
        height: 50%;
        fill:var(--OneColor);
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_item_menubtn:hover svg{
        fill: #ffffff;
    }
    .jh_objp_item_menubtn_left{
        left: calc(50% - 4rem);
    }
    .jh_objp_item_menubtn_right{
        right: calc(50% - 4rem);
    }


    .jh_objp_map_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 1rem;
    }
    .jh_objp_map_box .jh_title{
        text-align: center;
    }
    .jh_objp_map_des{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 160%;
        margin-top: 1rem;
    }
    .jh_objp_map_des2{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: var(--OneColor);
        line-height: 160%;
        margin-top: 1rem;
        padding-bottom: 3rem;
    }


    .jh_objp_map{
        width: 1600px;
        width: var(--mainwidth);
        margin: 0 auto;
        aspect-ratio: 1605/823;
        background-image: url("../images/map.png");
        background-size: cover;
        background-position: center;
        position: relative;
        margin-top: -4rem;
        display: none;
    }
    .jh_objp_map_item{
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        z-index: 0;
    }
    .jh_objp_map_item_on{
        overflow: visible;
        z-index: 5;
    }
    .jh_objp_map_item_dian{
        position: absolute;
        font-size: 0;
        width: 1.4rem;
        height: 1.4rem;
        background: #FFFFFF;
        border: 0.5rem solid var(--OneColor);
        border-radius: 50%;
        left: calc(50% - 0.7rem);
        top: calc(50% - 0.7rem);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_item_on .jh_objp_map_item_dian{
        opacity: 0;
    }

    .jh_objp_map_item_title{
        position: absolute;
        width: 5rem;
        height: 5rem;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
        left: calc(50% - 2.5rem);
        top: calc(50% - 2.5rem);
        font-family: hnm;
        color: #FFFFFF;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_item_on .jh_objp_map_item_title{
        opacity: 1;
    }
    .jh_objp_map_item_title:after{
        position: absolute;
        content: '';
        width: 6.8rem;
        height: 6.8rem;
        border-radius: 50%;
        left: -0.9rem;
        top: -0.9rem;
        z-index: -1;
        background: linear-gradient(to bottom,#69c695,#157bb0);
        opacity: 0.13;
    }
    .jh_objp_map_obj{
        position: absolute;
        width: 60rem;
        height: auto;
        left: calc(50% - 30rem);
        top: 7rem;
        background: #FFFFFF;
        border-radius: 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-bottom: 1rem;
        -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);
        z-index: -1;
        opacity: 0;
    }
    .jh_objp_map_obj_on{
        z-index: 50;
        opacity: 1;
    }
    .jh_objp_map_obj_top{
        width: 100%;
        height: 6rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
    }
    .jh_objp_map_obj_top_btn{
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0;
        cursor: pointer;
    }
    .jh_objp_map_obj_top_btn svg{
        width: 100%;
        height: 100%;
        fill:#878787;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_obj_top_btn:hover svg{
        fill:var(--OneColor);
    }

    .jh_objp_map_obj_top_sw{
        width: calc(100% - 7rem);
        height: auto;
    }
    .jh_objp_map_obj_top_sw .swiper-slide{
        text-align: center;
        font-size: 1.25rem;
        color: #a8a8a8;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_obj_top_sw .swiper-slide-active{
        color: var(--OneColor);
    }

    .jh_objp_map_obj_bsw{
        width: 100%;
        height: auto;
    }
    .jh_objp_map_obj_bsw .swiper-slide{
        padding: 0 1rem;
    }

    .jh_objp_map_obj_sw{
        width: 100%;
        height: auto;
    }
    .jh_objp_map_obj_sw .swiper-slide{
        padding: 3rem 0rem;
    }
    .jh_objp_map_obj_sw .swiper-slide a{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: auto;
    }
    .jh_objp_map_obj_sw_img{
        width: 8rem;
        height: auto;
        font-size: 0;
    }
    .jh_objp_map_obj_sw_img img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_objp_map_obj_sw .swiper-slide a:hover .jh_objp_map_obj_sw_img img{
        transform: perspective(100px) translateZ(2px);
    }
    .jh_objp_map_obj_sw_con{
        width: calc(95% - 8rem);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .jh_objp_map_obj_sw_con_title{
        font-size: 1.625rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_obj_sw .swiper-slide a:hover .jh_objp_map_obj_sw_con_title{
        color: var(--OneColor);
    }
    .jh_objp_map_obj_sw_con_des{
        font-size: 1.25rem;
        color: #696969;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_obj_sw .swiper-slide a:hover .jh_objp_map_obj_sw_con_des{
        color: #000000;
    }

    .jh_objp_map_obj_sw_pagination{
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        margin-top: 1rem;
        bottom: 0;
        padding-bottom: 1rem;
    }

    .jh_objp_map_obj_sw_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.8rem; 
        height:0.8rem;  
        background: #e1e1e1;
        border-radius: 50%;
        margin: 0 0.5rem;
        font-size: 0;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_objp_map_obj_sw_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }


    /*首页*/

    .jh_banner{
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .jh_banner_sw{
        width: 100%;
        height: 100%;
        transition-duration: 0.5s;
        transition-property: all;
        transition-timing-function: linear;
    }
    .jh_banner_sw .swiper-wrapper{
        transition-delay: 0.5s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    }
    .jh_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .jh_banner_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .jh_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .jh_banner_con{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .jh_banner_con_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: hnm;
        text-transform: uppercase;
        transform: translateY(12rem);
        opacity: 0;
        text-align: center;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    .jh_banner_sw .swiper-slide-active .jh_banner_con_title{
        transform: translateY(0rem);
        opacity: 1;
    }
    .jh_banner_con_link{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        transform: translateY(12rem);
        opacity: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        text-align: center;
    }
    .jh_banner_sw .swiper-slide-active .jh_banner_con_link{
        transform: translateY(0rem);
        opacity: 1;
    }
    .jh_banner_con_link a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3.2rem;
        margin: 0 auto;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.375rem;
        color: #FFFFFF;
        padding: 0 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_con_link a:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }


    .jh_banner_lmenu_box{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 1.5rem;
        left: 0;
        z-index: 20;
    }
    .jh_banner_lmenu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .jh_banner_lmenu_item{
        width: 24px;
        height: 24px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }



    .jh_banner_lmenu_item_yuan2{
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 5;
        font-size: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_lmenu_itemon .jh_banner_lmenu_item_yuan2{
        opacity: 1;
    }
    .jh_banner_lmenu_item_yuan2 svg {
        width: 100%;
        height: 100%;
        fill:none;
        stroke:var(--OneColor);
        stroke-width:2px;
    }

    .jh_banner_lmenu_item_dian{
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(255,255,255,1);
        position: relative;
        margin: 0 auto;
        font-size: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_lmenu_itemon .jh_banner_lmenu_item_dian{
        background: var(--OneColor);
    }

    .jh_id_ab_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        position: relative;
    }
    .jh_id_ab{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .jh_id_ab_left{
        width: 100%;
        height: auto;
        position: relative;
    }
    .jh_id_ab_left_title{
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        line-height: 100%;
        text-transform: uppercase;
        text-align: center;
    }
    .jh_id_ab_left_des{
        font-size: 1.125rem;
        color: #5f5f5f;
        line-height: 170%;
        margin-top: 1rem;
    }
    .jh_id_ab_left_btn{
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        bottom: 0;
        text-align: center;
        margin-top: 1rem;
    }
    .jh_id_ab_left_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3rem;
        background: var(--OneColor);
        border-radius: 5px;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_id_ab_left_btn a:hover{
        transform: translateY(-3px);
        -moz-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        -webkit-box-shadow: 0px 0px 20px 0 rgba(0,104,183,0.3);
        box-shadow: 0px 5px 20px 0 rgba(0,104,183,0.3);
    }



    .jh_id_ab_right{
        width: 100%;
        height: auto;
        position: relative;
        font-size: 0;
        margin-top: 2rem;
    }
    .jh_id_ab_right_img{
        position: relative;
        z-index: 0;
        width: 100%;
        aspect-ratio: 800/560;
        height: calc(94vw * 560 / 800);
        overflow: hidden;
        border-bottom-right-radius: 50px;
    }
    .jh_id_ab_right_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;
        transform: perspective(100px) translateZ(0px);
    }
    .jh_id_ab_right:hover .jh_id_ab_right_img img{
        transform: perspective(100px) translateZ(3px);
    }

    .jh_id_ab_right_btn{
        position: absolute;
        width: 4.5rem;
        height: 4.5rem;
        background: var(--OneColor);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        bottom: 1rem;
        right: 1rem;
        z-index: 5;
        padding-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_id_ab_right_btn:hover{
        transform: rotate(360deg);
    }
    .jh_id_ab_right_btn svg{
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        fill:#ffffff;
    }
    .jh_id_ab_back{
        position: absolute;
        width: 90%;
        height: auto;
        left: 0;
        bottom: 0vh;
        font-size: 0;
        z-index: -1;
    }
    .jh_id_ab_back svg{
        width: 100%;
        height: auto;
    }
    .jh_id_ab_back_path{
        fill:none;
        stroke:#e2e2e2;
        stroke-width:2px;
    }



    .jh_id_obj_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .jh_id_obj_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .jh_id_obj_title .jh_title{
        text-transform: uppercase;
    }
    .jh_id_obj_title_right{
        text-align: right;
    }
    .jh_id_obj_title_right a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 2.8rem;
        border: 2px solid rgba(0,0,0,0.2);
        border-radius: 3px;
        padding: 0 2.5rem;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.6);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_id_obj_title_right a:hover{
        background: var(--OneColor);
        border: 2px solid var(--OneColor);
        color: #FFFFFF;
    }

    .jh_id_st_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        padding-top: 0;
    }
    .jh_id_st_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .jh_id_st_title .jh_title{
        text-transform: uppercase;
    }
    .jh_id_st{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .jh_id_st_left{
        width: 100%;
        aspect-ratio: 960/747;
        height: calc(94vw * 600 / 960);
        position: relative;
    }
    .jh_id_st_left_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
    }
    .jh_id_st_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }



    .jh_id_st_right{
        width: 100%;
        height: auto;
        background: #f4f5f7;
        position: relative;
        padding-right: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0 3%;
        padding-top: 0rem;
        padding-bottom: 3rem;
        
    }
    .jh_id_st_item{
        width: 50%;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-top: 3rem;
    }
    .jh_id_st_item_ico{
        width: auto;
        height: 3.5rem;
        font-size: 0;
    }
    .jh_id_st_item_ico img{
        width: auto;
        height: 100%;
    }
    .jh_id_st_item_title{
        font-size: 1.25rem;
        font-family: hnm;
        color: #000000;
        margin-top: 1rem;
    }
    .jh_id_st_item_des{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.4);
        margin-top: 0.5rem;
        line-height: 140%;
    }

    .jh_id_st_tag{
        position: relative;
        width: 100%;
        height: 6rem;
        background: rgba(0,104,183,0.9);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        left: 0;
        bottom:0rem;
    }
    .jh_id_st_tag_ico{
        width: auto;
        height: 1.5rem;
        font-size: 0;
    }
    .jh_id_st_tag_ico svg{
        width: auto;
        height: 100%;
        fill:#ffffff;
    }
    .jh_id_st_tag_text{
        font-size: 1.25rem;
        color: #FFFFFF;
        padding-left: 2rem;
        line-height: 150%;
    }
    .jh_id_st_back{
        width: 70%;
        height: 7rem;
        background: #FFFFFF;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 10;
        display: none;
    }

    .jh_id_bu_bbox{
        width: 100%;
        height: auto;
        padding: 5rem 0;
    }

    .jh_id_new_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
       /* background: #f6f7f9;*/
    }
    .jh_id_new_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .jh_id_new_title .jh_title{
        text-transform: uppercase;
    }
    .jh_id_new_title_right{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .jh_id_new_btn{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        background: #FFFFFF;
        border-radius: 50%;
        margin-left: 1rem;
        font-size: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .jh_id_new_btn:hover{
        background: var(--OneColor);
    }
    .jh_id_new_btn svg{
        width: 45%;
        height: 45%;
        margin: 0 auto;
        fill: rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_id_new_btn:hover svg{
        fill: #FFFFFF;
    }

    .jh_id_new_sw{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
    }

    .jh_id_new_sw .jh_new_item{
        width: 100%;
        height: auto;
        margin-right: 0%;
        margin-top: 0rem;
        background: #FFFFFF;
    }
    .jh_id_load{
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 1500;
        overflow: hidden;
        display: none;
    }
    .jh_id_load svg{
        width: 100%;
        height: 100vh;
    }






    /*************** SCROLLBAR BASE CSS ***************/

    .scroll-wrapper {
        overflow: hidden !important;
        position: relative;
    }

    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }

    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }

    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }

    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }

    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }



    /*************** SCROLLBAR RAIL ***************/

    .scrollbar-rail{
        width: 100%;
        height: auto;
        font-size: 1.375rem;
        color: #5f5f5f;
        line-height: 175%;
        max-height: 22rem;
        padding-left: 3rem;
    }


    .scrollbar-rail > .scroll-element,
    .scrollbar-rail > .scroll-element div
    {
        border: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
    }



    .scrollbar-rail > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-rail > .scroll-element .scroll-element_size {
        background-color: #999;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
        background-color: #666;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .scrollbar-rail > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        min-width: 100%;
        padding: 3px 0 2px;
        width: 100%;
    }

    .scrollbar-rail > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        padding: 0 2px 0 3px;
        right: 0;
        top: 0;
        width: 5px;
    }

    .scrollbar-rail > .scroll-element .scroll-bar {
        background-color: var(--OneColor);

        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }


    /* scrollbar height/width & offset from container borders */

    .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
    .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

    .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 4px; min-width: 10px; top: 1px; }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 0px; max-height: 36px; width: 5px; }

    .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
    .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

    .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 5px; }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 2px; top: -10px; width: 1px; }

    /* update scrollbar offset if both scrolls are visible */

    .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
    .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

    .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
    .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
    
}