@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .sub_load_box{
        width: 100%;
        height: 100vh;
        position: fixed;
        z-index: 2000;
        background: #0c161d;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
    }
    .sub_load_box_off{
        opacity: 0;
        z-index: -1;
    }
    .sub_load{
        width: auto;
        height: 8rem;
        font-size: 0;
        text-align: center;
    }
    .sub_load svg{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .sub_load_svg_g{fill:#45a8e8;}
    .sub_load_svg_p{
        fill:none;
        stroke:#0c161d;
        stroke-width:55px;
        stroke-miterlimit:10;
    }
    .sub_load_svg_p_1{
        fill:none;
        stroke:#0c161d;
        stroke-width:110px;
        stroke-miterlimit:10;
    }

    .sub_nav_box{
        width: 100%;
        height: 60px;
        position: fixed;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_nav_box_on{
        background: rgba(255,255,255,1);
        -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 10px 0 rgba(0,0,0,0.08);
    }
    .sub_nav_box_open{
        background: rgba(255,255,255,1);
        -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 10px 0 rgba(0,0,0,0.08);
    }
    .sub_nav_box_bai{
        background: rgba(255,255,255,1);
        -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 10px 0 rgba(0,0,0,0.08);
    }

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

    .sub_nav_logo{
        width: auto;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

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

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

    .sub_nav_meun{
        width: 100%;
        height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 0%;
        position: absolute;
        background: #FFFFFF;
        top: 60px;
        left: 0;
        padding: 0;
        opacity: 0;
        border-top: 1px solid rgba(0,0,0,0.1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_nav_meun_on{
        width: 100%;
        height: 30rem;
        opacity: 1;
    }
    .sub_nav_meun_tiem{
        width: auto;
        height: auto;
        margin: 0.75rem 0rem;
        position: relative;
    }

    .sub_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;
        font-family: hnm;
        text-transform: uppercase;
        color: rgba(0,0,0,0.8);
    }
    .sub_nav_box_on .sub_nav_meun_tiem>a{
        color: rgba(0,0,0,0.8);
    }
    .sub_nav_box_bai .sub_nav_meun_tiem>a{
        color: rgba(0,0,0,0.8);
    }
    .sub_nav_meun_tiem:hover>a{
        color: var(--OneColor);
    }
    .sub_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .sub_nav_box_on .sub_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .sub_nav_box_bai .sub_nav_meun_tiemon>a{
        color: var(--OneColor);
    }

    .sub_nav_lag{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-left: 0rem;
        position: relative;
        margin-top: 2rem;
    }
    .sub_nav_lag_ico{
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        display: none;
    }
    .sub_nav_lag_ico svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_nav_box_on .sub_nav_lag_ico svg{
        fill:rgba(0,0,0,0.8);
    }
    .sub_nav_box_bai .sub_nav_lag_ico svg{
        fill:rgba(0,0,0,0.8);
    }


    .sub_nav_lag_text{
        font-family: hnm;
        font-size: 1.125rem;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0 0.5rem;
        display: none;
    }
    .sub_nav_box_on .sub_nav_lag_text{
        color:rgba(0,0,0,0.8);
    }
    .sub_nav_box_bai .sub_nav_lag_text{
        color:rgba(0,0,0,0.8);
    }
    .sub_nav_lag_ico2{
        width: 0.6rem;
        height: 0.6rem;
        font-size: 0;
        display: none;
    }
    .sub_nav_lag_ico2 svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_nav_box_on .sub_nav_lag_ico2 svg{
        fill:rgba(0,0,0,0.8);
    }
    .sub_nav_box_bai .sub_nav_lag_ico2 svg{
        fill:rgba(0,0,0,0.8);
    }

    .sub_nav_lag_con{
        position: relative;
        width: auto;
        height: auto;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 0rem 0rem;
        padding-left: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .sub_nav_lag:hover .sub_nav_lag_con{
        height: auto;
        opacity: 1;
        padding: 0rem 0rem;
        padding-left: 1rem;
    }
    .sub_nav_box_on .sub_nav_lag:hover .sub_nav_lag_con{
        height: auto;
        opacity: 1;
        padding: 0.5rem 0.5rem;
        padding-left: 2rem;
        background: #FFFFFF;
    }
    .sub_nav_box_bai .sub_nav_lag:hover .sub_nav_lag_con{
        height: auto;
        opacity: 1;
        padding: 0.5rem 0.5rem;
        padding-left: 2rem;
        background: #FFFFFF;
    }
    .sub_nav_lag_con a{
        font-family: hnm;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.3);
        display: block;
        margin: 0rem 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_nav_lag_con a:hover{
        color: var(--OneColor);
    }
    .sub_nav_box_on .sub_nav_lag_con a{
        color: rgba(0,0,0,0.3);
    }
    .sub_nav_box_bai .sub_nav_lag_con a{
        color: rgba(0,0,0,0.3);
    }
    .sub_nav_box_on .sub_nav_lag_con a:hover{
        color: var(--OneColor);
    }
    .sub_nav_box_bai .sub_nav_lag_con a:hover{
        color: 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}
       .zh_nav_boxon .nav-icon-5 span{
            background-color:var(--OneColor);
        }
        .zh_nav_boxopen .nav-icon-5 span{
            background-color:var(--OneColor);
        }
    .nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
    .nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
    .nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
    .nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 8px;}
    .nav-icon-5.open span:nth-child(2){  opacity:0;}
    .nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 8px;}

    /*footer*/
    .sub_footer_box{
        width: 100%;
        height: auto;
        background:#0c161d;
        position: relative;
        z-index: 5;
    }
    .sub_footer_top_box{
        width: 100%;
        height: auto;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 1.5rem 0;
    }
    .sub_footer_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .sub_footer_top_left{
        width: 100%;
        height: auto;
        background-image: url("../images/footer_tel.svg");
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: left center;
        font-size: 1.375rem;
        font-family: hnm;
        color: #FFFFFF;
        padding-left: 2rem;
    }
    .sub_footer_top_right{
        width:100%;
        height: auto;
        text-align: left;
    }
    .sub_footer_top_right a{
        display: block;
        width:100%;
        height: auto;
        text-align: left;
        font-size: 1.125rem;
        color: rgba(255,255,255,0.3);
        font-family: hnr;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background-image: url("../images/footer_san.svg");
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: right center;
    }
    .sub_footer_top_right a:hover{
        color: rgba(255,255,255,0.8);
    }

    .sub_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .sub_footer_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-right: 0%;

    }
    .sub_footer_menu{
        width: auto;
        height: auto;
    }
    .sub_footer_menu_at{
        width: 100%;
        height: auto;
        display: block;
        font-size: 1.25rem;
        margin: 0 1rem;
        font-family: hnm;
        color: #FFFFFF;
        margin-bottom: 0rem;
        text-transform: uppercase;
    }
    .sub_footer_menu_a{
        width: 100%;
        height: auto;
        display: block;
        font-size: 1rem;
        color: rgba(255,255,255,0.3);
        margin-bottom: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .sub_footer_menu_a:hover{
        color: rgba(255,255,255,1);
    }


    .sub_footer_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding-bottom: 3rem;
        margin-top: 1rem;
    }
    .sub_footer_bottom_left{
        width: 100%;
        height: auto;
        font-size: 1rem;
        color: rgba(255,255,255,0.2);
        line-height: 130%;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .sub_footer_bottom_left br{
        display: none;
    }

    .sub_footer_bottom_right{
        width: 100%;
        height: auto;
        padding-left: 0rem;
        text-align: center;
        margin-top: 2rem;
    }
    .sub_footer_bottom_right_logo{
        display: block;
        font-size: 0;
    }
    .sub_footer_bottom_right_logo img{
        width: auto;
        height: 2rem;
    }


    .sub_footer_bottom_right_tag{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 1.5rem;
    }

    .sub_footer_bottom_right_tag_item{
        font-size: 0;
        cursor: pointer;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .sub_footer_bottom_right_tag_item svg{
        width: 2rem;
        height: 2rem;
        fill:rgba(255,255,255,0.17);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_footer_bottom_right_tag_item:hover svg{
        fill:rgba(255,255,255,1);
    }


    .sub_footer_bottom_right_pri{
        margin-top: 1.5rem;
        text-align: center;
    }
    .sub_footer_bottom_right_pri a{
        color: rgba(255,255,255,0.2);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_footer_bottom_right_pri a:hover{
        color: rgba(255,255,255,1);
    }

    /*首页*/
    .sub_banner{
        width: 100%;
        height: 100vh;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .sub_banner_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
    }
    .sub_banner_img video{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .sub_banner_con{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        position: absolute;
        z-index: 5;
        color: #FFFFFF;
        font-family: hnm;
        font-size: 2.5rem;
        line-height: 150%;
        text-transform: uppercase;
    }

    .sub_banner_btn{
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 5;
        left: 0;
        bottom: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sub_banner_btn_text{
        padding-bottom: 2rem;
    }
    .sub_banner_btn_text span{
        padding: 0 0.1rem;
        font-size: 1rem;
        color: #FFFFFF;
        font-family: dr;
    }
    .sub_banner_btn_ico{
        width: 1.2rem;
        height: auto;
        font-size: 0;
        transform: translateY(-1rem);
        opacity: 0;
        animation: submiamiet 1.5s linear 0s  infinite;
    }
    .sub_banner_btn_ico svg{
        width: 100%;
        height: auto;
        fill:#ffffff;
    }

    @keyframes submiamiet
    {
        45% {
            transform: translateY(0rem);
            opacity: 1;

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

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

        }
    }

    .sub_id_blue{
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        z-index: 5;
        padding: 10rem 0 16rem 0;
    }
    .sub_id_blue_img{
        display: none;
    }
    .sub_id_blue_img_phone{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
        overflow: hidden;
        display: block;
    }
    .sub_id_blue_img_phone img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: scale(1.3);
    }
    .sub_id_blue_con{
        position: relative;
        width: 100%;
        height: auto;
        z-index: 5;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top:0rem;
    }
    .sub_id_blue_con_title{
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: hnm;
        text-align: center;
        text-transform: uppercase;
    }
    .sub_id_blue_con_des{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: hnr;
        text-align: center;
        margin-top: 2rem;
        line-height: 190%;
        padding: 0 1rem;
    }
    .sub_id_blue_con_des font{
        color: var(--OneColor);
        font-family: hnb;
    }


    .sub_id_ab{
        width: 100%;
        height: auto;
        padding: 5rem 0 9rem 0;
        position: relative;
        left: 0;
        top: 0;
        z-index: 5;
    }
    .sub_id_ab_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
    }
    .sub_id_ab_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
    }
    .sub_id_ab_con{
        position: relative;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sub_id_ab_con_des{
        width: 100%;
        height: auto;
        font-family: hnr;
        color: #FFFFFF;
        font-size: 1.25rem;
        line-height: 170%;
    }
    .sub_id_ab_con_btn{
        margin-top: 2.5rem;
    }
    .sub_id_ab_con_btn a{
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: hnr;
        height: 3.6rem;
        width: auto;
        padding: 0 2rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_id_ab_con_btn a:hover{
        background: #FFFFFF;
        border: 1px solid rgba(255,255,255,1);
        color: rgba(0,0,0,0.7);
        transform: translateY(-3px);
        -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 25px 0 rgba(255,255,255,0.6);
    }

    .sub_id_ab_num{
        width: 50%;
        height: auto;
        margin-top: 2rem;
    }

    .sub_id_ab_num_item{
        width: auto;
        height: auto;
        margin-top: 2.5rem;
    }
    .sub_id_ab_num_item_title{
        font-size: 1.25rem;
        font-family: hnr;
        color: #FFFFFF;
        padding-left: 0.3rem;
        margin-top: 0.5rem;
        display: block;
    }
    .sub_id_ab_num_item_top{
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
    }
    .sub_id_ab_num_item_top_num{
        font-size: 3rem;
        line-height: 100%;
        font-family: hnm;
        color: #FFFFFF;
    }
    .sub_id_ab_num_item_top_uit{
        position: absolute;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        left: calc(100% + 0.5rem);
        top: 0rem;
        font-size: 3rem;
        line-height: 100%;
        font-family: hnm;
        color: #FFFFFF;
    }
    .sub_id_ab_num_item_top_uit2{
        position: absolute;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        left: calc(100% + 0.5rem);
        top: 0rem;
        font-size: 3rem;
        line-height: 100%;
        font-family: hnm;
        color: #FFFFFF;
    }

    .sub_id_ab_bz_box{
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 3rem;
    }
    .sub_id_ab_bz{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size:0.875rem;
        color: #FFFFFF;
    }


    .sub_id_truck{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        z-index: 5;

        background-image: url("../images/id_back3.jpg");
        background-size: 100% 50vh;
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment:inherit;
        background-color: #FFFFFF;
        padding-bottom: 5rem;

    }
    .sub_id_truck_title_box{
        width: 100%;
        height: auto;
        padding-top: 6rem;
        position: relative;
        top: 0;

    }
    .sub_id_truck_title{
        width: 94%;
        margin: 0 auto;
        font-size: 2.5rem;
        color: #FFFFFF;
        font-family: hnm;
        height: auto;
        line-height: normal;
        position: relative;
        z-index: 5;
        transform-origin: 0%,0%;
    }

    .sub_id_truck_item_bbox{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .sub_id_truck_item_box{
        width: 100%;
        height: auto;
        position: relative;
    }

    .sub_id_truck_item_box:nth-of-type(1){
        height: auto;
        top: 0px;
    }
    .sub_id_truck_item_box:nth-of-type(2){
        top: 0px;
    }
    .sub_id_truck_item_box:nth-of-type(3){
        top: 0px;
    }
    .sub_id_truck_item_box:nth-of-type(4){
        top: 0px;
    }

    .sub_id_truck_item{
        width: 94%;
        height: auto;
        background-color: #f0f8fd;
        margin: 0 auto;
        margin-top: 2.5rem;
        padding: 1.5rem 1.5rem;
    }
    .sub_id_truck_iteml{
        width: 100%;
        height:auto;
        background-color: #f0f8fd;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sub_id_truck_item_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0rem 0;
    }

    .sub_id_truck_item_title{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .sub_id_truck_item_title_1{
        font-size: 1.625rem;
        font-family: hnr;
        color: rgba(0,0,0,0.4);
    }
    .sub_id_truck_item_title_2{
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(0,0,0,0.4);
        padding-left: 0.6rem;
    }
    .sub_id_truck_item_des{
        font-size: 1.125rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        line-height: 180%;
        margin-top: 2rem;
    }
    .sub_id_truck_item_des span{
        display: block;
        width: auto;
        height: auto;
        position: relative;
        padding-left: 13px;
    }
    .sub_id_truck_item_des span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        background: rgba(0,0,0,0.7);
        left: 0;
        top: calc(50% - 2px);
        border-radius: 50%;
    }
    .sub_id_truck_item_btitle{
        font-family: hnm;
        font-size: 2rem;
        color: #000000;
        line-height: 110%;
        text-transform:uppercase;
        position: relative;
        padding-top: 2.5rem;
    }
    .sub_id_truck_item_btitle:after{
        font-size: 1.5rem;
        font-family: hnr;
        color: var(--OneColor);
        position: absolute;
        content: attr(artext);
        left: 0;
        top: 0;
    }



    .sub_id_truck_item_btn{
        margin-left: -0.5rem;
        margin-top: 2rem;
    }
    .sub_id_truck_item_btn a{
        display: inline-block;
        width: 2.2rem;
        height: 2.2rem;
        font-size: 0;
    }
    .sub_id_truck_item_btn svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }


    .sub_id_truck_iteml2{
        width: 100%;
        height: auto;
        background: #f0f8fd;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 0rem;
    }
    .sub_id_truck_item2_btitle{
        font-family: hnm;
        font-size: 2rem;
        color: #000000;
        line-height: 110%;
        text-transform: uppercase;
        position: relative;
        padding-top: 2.5rem;
    }


    .sub_id_truck_item2_btitle:after{
        font-size: 1.5rem;
        font-family: hnr;
        color: var(--OneColor);
        position: absolute;
        content: attr(artext);
        left: 0;
        top: 0;
    }

    .sub_id_truck_iteml2_conl{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0rem;
        padding-bottom: 2rem;
    }
    .sub_id_truck_iteml2_conl_item{
        width: 47%;
        height: auto;
        margin-top: 1.5rem;
    }
    .sub_id_truck_iteml2_conl_item_img{
        font-size: 0;
        width: 100%;
        height: calc((94vw - 3rem) * 0.47 * 227 / 327);
    }
    .sub_id_truck_iteml2_conl_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .sub_id_truck_iteml2_conl_item_title{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        line-height: 140%;
        margin-top: 1rem;
    }

    .sub_id_truck_item_box2 .sub_id_truck_item{
        background-image: url("../images/sub_id_truck_back1_phone.png");
        background-size:100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-bottom: 15rem;
    }
    .sub_id_truck_item_box3 .sub_id_truck_item{
        background-image: url("../images/sub_id_truck_back2_phone.png");
        background-size:100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-bottom: 15rem;
    }
    .sub_id_truck_item_box4 .sub_id_truck_item{
        background-image: url("../images/sub_id_truck_back3_phone.png");
        background-size:100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-bottom: 15rem;
    }
    .sub_id_truck_item_box2 .sub_id_truck_iteml,.sub_id_truck_item_box3 .sub_id_truck_iteml,.sub_id_truck_item_box4 .sub_id_truck_iteml{
        background: none;
    }


    .sub_id_e{
        width: 100%;
        height: auto;;
        position: relative;
        left: 0;
        top: 0;
        z-index: 5;
        overflow: hidden;
    }
    .sub_id_e_img{
        display: none;
    }
    .sub_id_e_img_phone{
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: auto;
        bottom: 0;
        z-index: 0;
        font-size: 0;
        overflow: hidden;
    }
    .sub_id_e_img_phone img{
        width:100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .sub_id_e_con{
        position: relative;
        width: 94%;
        height: 100%;
        margin: 0 auto;
        z-index: 5;
        padding-top: 5rem;
        padding-bottom:16rem;
        padding-left: 0rem;
    }
    .sub_id_e_con_title{
        font-size: 2.5rem;
        font-family: hnm;
        color: #000000;
    }
    .sub_id_e_con_title br{
        display: none;
    }
    .sub_id_e_con_tag{
        margin-top: 2rem;
    }
    .sub_id_e_con_tag_item{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        margin: 0.5rem 0;
        /*background-image: url("../images/dui.svg");
        background-repeat: no-repeat;
        background-size: 1.7rem;
        background-position: left center;
        padding-left: 2.5rem;*/
        position: relative;
        padding-left: 13px;
    }
    .sub_id_e_con_tag_item:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        background: rgba(0,0,0,0.7);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 2px);

    }

    .sub_id_new_box{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        position: relative;
        top: 0;
        z-index: 5;
        padding: 5rem 0 0 0;
    }
    .sub_id_new_boxl{
        width: 94%;
        height: 100%;
        margin: 0 auto;
    }
    .sub_id_new_title_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .sub_id_new_title{
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-family: hnm;
        color: #000000;
        font-size: 2.5rem;
        position: relative;
        text-transform: uppercase;
    }
    .sub_id_new_title_more a{
        width: auto;
        height: auto;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        font-size: 1.125rem;
        margin-bottom: 0.3rem;
        color: #000000;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_id_new_title_more a:hover{
        color: var(--OneColor);
    }
    .sub_id_new_title_more svg{
        width: 1rem;
        height: 1rem;
        margin-left: 0.5rem;
        fill:#000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_id_new_title_more a:hover svg{
        fill:var(--OneColor);
    }
    .sub_id_new{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }


    .sub_id_new_item{
        width: 100%;
        height: auto;
        margin-right: 0%;
        margin-top: 3rem;
    }
    .sub_id_new_item:nth-of-type(3n){
        margin-right: 0;
    }
    .sub_id_new_item a{
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sub_id_new_item_img{
        width: 100%;
        height: calc(94vw * 253 / 430);
        font-size: 0;
        overflow: hidden;
    }
    .sub_id_new_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .sub_id_new_item:hover .sub_id_new_item_img img{
        transform: perspective(100px) translateZ(2px);
    }
    .sub_id_new_item_title{
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(0,0,0,1);
        padding-top: 1rem;
        line-height: 130%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_id_new_item:hover .sub_id_new_item_title{
        color: var(--OneColor);
    }
    .sub_id_new_item_time{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        font-family: hnr;
        color: rgba(0,0,0,0.5);
        margin-top: 1rem;
    }

    .sub_id_lx_box{
        width: 100%;
        height: auto;
        margin-top: 5rem;
        background: linear-gradient(to bottom,#ffffff,#f0f8fd);
        overflow: hidden;
    }
    .sub_id_lx_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-family: hnm;
        color: #000000;
        font-size: 2.5rem;
    }
    .sub_id_lx{
        width: 94%;
        height: calc(94vw * 1300 / 1500);
        margin: 0 auto;
        background-image: url("../images/contact_map.png");
        background-size: 100% auto;
        background-position:top center;
        background-repeat: no-repeat;
        position: relative;
    }

    .sub_id_lx_ad{
        position: absolute;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        left: calc(39.5% - 1.5rem);
        top: calc(40% - 1.5rem);
        bottom: auto;
    }
    .sub_id_lx_ad_ico{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(69,168,232,0.9);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        z-index: 5;
    }
    .sub_id_lx_ad_ico svg{
        width: 47%;
        height: 47%;
        margin: 0 auto;
        fill:#ffffff;
    }

    .sub_id_lx_ad_ico_text{
        position: absolute;
        font-size: 1.125rem;
        font-family: hnm;
        color: #000000;
        display: inline-block;
        width: 8rem;
        text-align: center;
        height: auto;
        left: calc(50% - 4rem);
        top: calc(100% + 0.5rem);
    }
    .sub_id_lx_ad_ico_con{
        position: absolute;
        font-size: 1rem;
        font-family: hnm;
        color: #000000;
        width: 24rem;
        text-align: center;
        height: auto;
        padding: 0.75rem 1rem;
        background: #FFFFFF;
        border-radius: 5px;
        line-height: 160%;
        left: calc(50% - 12rem);
        top: calc(100% + 3.5rem);
    }
    .sub_id_lx_ad_ico_con:after{
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        pointer-events: none;
        top: -22px;
        left: calc(50% - 14px);
        border-color: transparent transparent #ffffff transparent;
        border-width: 14px;
        border-style: solid;
        }
    .sub_id_lx_link{
        width: 14rem;
        padding: 0 1.5rem;
        height: 3.5rem;
        background: #FFFFFF;
        border-radius: 3.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        position: absolute;
        right: 0rem;
        bottom: 2rem;
        z-index: 10;
    }
    .sub_id_lx_link_item{
        width: 2rem;
        height: 2rem;
        font-size: 0;
    }
    .sub_id_lx_link_item svg{
        width: 100%;
        height: 100%;
        fill:var(--OneColor);
    }

    .point{
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 70%;
      border-radius: 50%;
      opacity: 0;
        z-index: 0;
    }
    .point-1{
        background: rgba(69,168,232,0.4);
      -webkit-animation: ripple 8000ms ease-out 0ms infinite;
      -moz-animation: ripple 8000ms ease-out 0ms infinite;
      -o-animation: ripple 8000ms ease-out 0ms infinite;
      animation: ripple 8000ms ease-out 0ms infinite;
    }
    .point-2{
        background: rgba(69,168,232,0.4);
      -webkit-animation: ripple 8000ms ease-out 2000ms infinite;
      -moz-animation: ripple 8000ms ease-out 2000ms infinite;
      -o-animation: ripple 8000ms ease-out 2000ms infinite;
      animation: ripple 8000ms ease-out 2000ms infinite;
    }
    .point-3{
        background: rgba(69,168,232,0.4);
      -webkit-animation: ripple 8000ms ease-out 4000ms infinite;
      -moz-animation: ripple 8000ms ease-out 4000ms infinite;
      -o-animation: ripple 8000ms ease-out 4000ms infinite;
      animation: ripple 8000ms ease-out 4000ms infinite;
    }
    .point-4{
        background: rgba(69,168,232,0.4);
      -webkit-animation: ripple 8000ms ease-out 6000ms infinite;
      -moz-animation: ripple 8000ms ease-out 6000ms infinite;
      -o-animation: ripple 8000ms ease-out 6000ms infinite;
      animation: ripple 8000ms ease-out 6000ms infinite;
    }

    @keyframes ripple{
        0%{
            opacity:0;
            -webkit-transform:scale(0.8,0.8);
            -moz-transform:scale(0.8,0.8);
            -ms-transform:scale(0.8,0.8);
            transform:scale(0.8,0.8); 
        }
        5%{ 
            opacity:1; 
        }
        100%{ 
            opacity:0;
            -webkit-transform:scale(5);
            -moz-transform:scale(5);
            -ms-transform:scale(5);
            transform:scale(12);
        }
    }

    /*contact*/
    .sub_nbanner{
        width: 100%;
        aspect-ratio: 1920/1000;
        height: calc(100vw * 1000 / 1920);
        position: relative;
    }
    .sub_nbanner_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
    }
    .sub_nbanner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .sub_nbanner_con{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 3rem;
    }
    .sub_nbanner_con_title{
        font-size: 2rem;
        font-family: hnm;
        color: #FFFFFF;
        text-align: center;
    }
    .sub_lx_lx_box{
        width: 100%;
        height: auto;
        margin-top: 6rem;
    }

    .sub_lx_ly_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .sub_lx_ly_title{
        width: 100%;
        height: auto;
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        text-align: center;
    }
    .sub_lx_ly{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin-top: 2rem;
    }
    .sub_lx_ly form{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
         padding: 0.5rem 2rem 2rem 2rem;
    }
    .sub_lx_ly_item{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
    }
    .sub_lx_ly_item_title{
        font-family: hnr;
        font-size: 1.25rem;
        color: rgba(0,0,0,0.6);
    }
    .sub_lx_ly_item_input{
        width: 100%;
        height: 3.8rem;
        margin-top: 0.5rem;
    }
    .sub_lx_ly_item_input input{
        width: 100%;
        height: 100%;
        background: #f7f7f7;
        padding: 0 1rem;
        border: none;
        font-size: 1.25rem;
        color: rgba(0,0,0,0.6);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_lx_ly_item_input input:focus{
        background: #f0f0f0;
    }
    .sub_lx_ly_item2{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    .sub_lx_ly_item2_input{
        width: 100%;
        height: 10rem;
        margin-top: 0.5rem;
    }
    .sub_lx_ly_item2_input textarea{
        width: 100%;
        height: 100%;
        background: #f7f7f7;
        padding: 1.5rem;
        border: none;
        font-size: 1.25rem;
        color: rgba(0,0,0,0.6);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_lx_ly_item2_input textarea:focus{
        background: #f0f0f0;
    }

    .sub_lx_ly_btn{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .sub_lx_ly_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3.8rem;
        background: #181818;
        border-radius: 5px;
        font-size: 1.625rem;
        font-family: hnm;
        color: #FFFFFF;
        padding: 0 4.5rem;
        text-transform: uppercase;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    .sub_lx_ly_btn a:hover{
        background: var(--OneColor);
    }

    /*news*/
    .sub_news_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 7rem;
    }
    .sub_news_top a{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .sub_news_top_left{
        width: 54%;
        aspect-ratio: 806/476;
        font-size: 0;
        overflow: hidden;
    }
    .sub_news_top_left 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);
    }
    .sub_news_top a:hover .sub_news_top_left img{
        transform: perspective(100px) translateZ(3px);
    }
    .sub_news_top_right{
        width: 41%;
        height: auto;
        position: relative;
    }
    .sub_news_top_right_title{
        font-size: 2.25rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        line-height: 140%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_news_top a:hover .sub_news_top_right_title{
        color: var(--OneColor);
    }
    .sub_news_top_right_des{
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        text-transform: uppercase;
        line-height: 140%;
        margin-top: 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_news_top_right_time{
        font-size: 1.25rem;
        font-family: hnm;
        color: rgba(0,0,0,0.5);
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sub_news{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sub_news_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top: 3rem;
    }
    .sub_news_item:nth-of-type(3n){
        margin-right: 0;
    }
    .sub_news_item_img{
        font-size: 0;
        width: 100%;
        aspect-ratio: 448/253;
        height: calc(94vw * 0.485 * 253 / 448);
        overflow: hidden;
    }
    .sub_news_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .sub_news_item a:hover .sub_news_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .sub_news_item_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
        font-family: hnr;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_news_item a:hover .sub_news_item_title{
        color: var(--OneColor);
    }
    .sub_news_item_time{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        font-family: hnm;
        margin-top: 1rem;
    }

    .sub_news_btn{
        width: 100%;
        height: auto;
        padding: 6rem 0;
        text-align: center;
    }
    .sub_news_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3.5rem;
        background: #181818;
        border-radius: 5px;
        font-size: 1.25rem;
        font-family: hnm;
        color: #FFFFFF;
        padding: 0 4rem;
        text-transform:capitalize;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_news_btn a:hover{
        background: var(--OneColor);
    }

    /*新闻详情*/
    .sub_snews{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 7rem;
        padding-bottom: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }
    .sub_snews:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: 100%;
        left: 75%;
        background: rgba(0,0,0,0.1);
        top: 0;
        display: none;
    }
    .sub_snews_left{
        width: 100%;
        height: auto;
        padding-right: 0rem;
    }
    .sub_snews_left_type{
        font-size: 1.25rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
    }
    .sub_snews_left_title{
        font-size: 1.5rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        margin-top: 2rem;
    }
    .sub_snews_left_time{
        font-size: 1.125rem;
        font-family: hnr;
        color: rgba(0,0,0,0.5);
        text-transform: uppercase;
        margin-top: 1rem;
    }
    .sub_snews_left_con{
        font-size: 1.125rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        margin-top: 2rem;
        line-height: 150%;
    }
    .sub_snews_left_con img{
       max-width: 100%;
       text-align: center;
    }

    .sub_snews_right{
        width: 100%;
        height: auto;
        padding-left:0rem;
        padding-top: 3rem;
    }
    .sub_snews_right_title{
        font-size: 1.5rem;
        font-family: hnm;
        text-transform: uppercase;
        color: #000000;
    }
    .sub_snews_right_list{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sub_snews_right_item{
        width: 48.5%;
        height: auto;
        margin-top: 1.5rem;
    }

    .sub_snews_right_item_img{
        font-size: 0;
        width: 100%;
        aspect-ratio: 448/253;
        height: calc(94vw * 0.485 * 253 / 448);
        overflow: hidden;
    }
    .sub_snews_right_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);
    }
    .sub_snews_right_item a:hover .sub_snews_right_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .sub_snews_right_item_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
        font-family: hnr;
        margin-top: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sub_snews_right_item a:hover .sub_snews_right_item_title{
        color: var(--OneColor);
    }
    .sub_snews_right_item_time{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        font-family: hnm;
        margin-top: 1rem;
    }


    /*ec*/
    .sub_ec_ch_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background-image: url("../images/ec_back1.jpg");
        background-size: cover;
        background-position: center;
    }
    .sub_ec_ch{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .sub_ec_ch_left{
        width: 30%;
        height: auto;
    }
    .sub_ec_ch_left_title{
        font-size: 3.75rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
    }
    .sub_ec_ch_left_des{
        font-size: 1.625rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        margin-top: 3rem;
        line-height: 140%;
    }

    .sub_ec_ch_right{
        width: 59%;
        height: auto;
        font-size: 0;
        overflow: hidden;
    }
    .sub_ec_ch_right img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .sub_ec_ch_right img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .sub_ec_gr_box{
        width: 100%;
        aspect-ratio: 1920/1000;
        height: auto;
        position: relative;
    }
    .sub_ec_gr_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .sub_ec_gr_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .sub_ec_gr{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 0rem;
    }
    .sub_ec_gr_title{
        font-size: 1.5rem;
        font-family: hnm;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
    }
    .sub_ec_gr_des{
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(255,255,255,0.7);
        text-align: center;
        margin-top: 1.5rem;
        line-height: 140%;
    }


    .sub_ec_en_box{
        width: 100%;
        height: auto;
        padding:10rem 0 8rem 0;
    }
    .sub_ec_en{
        width: 1600px;
        width: var(--mainwidth);
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .sub_ec_en_left{
        width: 59%;
        height: auto;
        font-size: 0;
        overflow: hidden;
    }
    .sub_ec_en_left img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .sub_ec_en_left img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .sub_ec_en_right{
        width: 34%;
        height: auto;
    }
    .sub_ec_en_right_title{
        font-size: 3.75rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
    }
    .sub_ec_en_right_des{
        font-size: 1.625rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        margin-top: 3rem;
        line-height: 140%;
    }

    /*product*/
    .pro_logo_box{
        width: 100%;
        height: auto;
        margin-top: 3rem;
    }
    .pro_logo_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 4.375rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
    }
    .pro_logo{
        position: relative;
        width: calc(1600px + 10rem);
        width: calc(var(--mainwidth) + 10rem);
        height: auto;
        margin: 0 auto;
        background: #f0f8fd;
        padding: 5rem;
        margin-top: 6rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .pro_logo_left{
        width: 55%;
        height: auto;
        position: relative;
        font-size: 1.25rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        line-height: 180%;
        padding-right: 10%;
    }
    .pro_logo_left:before{
        position: absolute;
        content: '';
        width: 5.5rem;
        aspect-ratio: 93/71;
        font-size: 0;
        background-image: url("../images/pro_syh.png");
        background-size: cover;
        left: 0;
        top: -7rem;
    }
    .pro_logo_left:after{
        position: absolute;
        content: '';
        width: 5.5rem;
        aspect-ratio: 93/71;
        font-size: 0;
        background-image: url("../images/pro_syh.png");
        background-size: cover;
        right: 0;
        bottom: -7rem;
        transform: rotate(180deg);
    }
    .pro_logo_right{
        width: auto;
        height: auto;
        position: relative;
    }
    .pro_logo_right_logo{
        width: calc(1600px * 0.3);
        width: calc(var(--mainwidth) * 0.3);
        height: calc(1600px * 0.3);
        height: calc(var(--mainwidth) * 0.3);

        font-size: 0;
        padding: 4rem;
        background: #FFFFFF;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: -19rem;
    }
    .pro_logo_right_logo img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
    }
    .pro_logo_right_title{
        width: 100%;
        height: auto;
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-align: center;
        text-transform: uppercase;
        margin-top: 5rem;
    }

    .pro_logob_box{
        width: 100%;
        height: auto;
        margin-top: 7rem;
        background: linear-gradient(to bottom,#ffffff,#f0f8fd);
    }
    .pro_logob{
        width: 1600px;
        width: var(--mainwidth);
        height: calc(1600px * 0.57 * 373 / 851 + 20rem);
        height: calc(var(--mainwidth) * 0.57 * 373 / 851 + 20rem);
        margin: 0 auto;
        position: relative;
    }
    .pro_logob_left{
        position: absolute;
        width: 57%;
        height: auto;
        left: 0;
        top: 0;
    }
    .pro_logob_left_img{
        width: 100%;
        aspect-ratio: 851/373;
        font-size: 0;
        clip-path: polygon(0% 0%, 100% 0%, 73% 100%, 0% 100%);
    }
    .pro_logob_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pro_logob_left_title{
        font-size: 3.125rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        margin-top: 4rem;
    }
    .pro_logob_left_des{
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        margin-top: 2rem;
        padding-right: 20%;
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }



    .pro_logob_right{
        position: absolute;
        width: 57%;
        height: auto;
        right: 0;
        top: 0;
    }
    .pro_logob_right_img{
        width: 100%;
        aspect-ratio: 851/373;
        font-size: 0;
        clip-path: polygon(27% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .pro_logob_right_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pro_logob_right_title{
        font-size: 3.125rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        margin-top: 4rem;
        text-align: right;
    }
    .pro_logob_right_des{
        font-size: 1.25rem;
        font-family: hnr;
        color: rgba(0,0,0,0.7);
        margin-top: 2rem;
        padding-left: 20%;
        line-height: 160%;
        text-align: right;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .pro_four_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .pro_four_title{
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        line-height: 110%;
    }

    .pro_four{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0rem;
    }

    .pro_four_item{
        width: 48%;
        height: auto;
        margin-top: 2rem;
    }
    .pro_four_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .pro_four_item_img img{
        width: 100%;
        height: auto;
    }
    .pro_four_item_des{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        line-height: 150%;
        margin-top: 1rem;
        text-align: center;
    }

    .pro_full_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #f0f8fd;
        overflow: hidden;
    }
    .pro_full_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        line-height: 110%;
    }
    .pro_full{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .pro_full_left{
        width: 100%;
        height: auto;
        padding-top: 0rem;
    }
    .pro_full_left span{
        display: block;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        margin: 0.7rem 0;
        position: relative;
        padding-left: 13px;
    }

    .pro_full_left span:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        background: rgba(0,0,0,0.7);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 2px);

    }

    .pro_full_left p{
        display: block;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: hnr;
        margin: 1rem 0;
        position: relative;
        padding-left: 13px;
    }

    .pro_full_left p:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        background: rgba(0,0,0,0.7);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 2px);

    }

    .pro_full_right{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .pro_full_right img{
        width: 100%;
        height: auto;
        transform: translateX(0rem);
    }

    .pro_truck_box{
        width: 94%;
        height: auto;
        padding: 3rem 0;
        padding-left: 0;
        margin: 0 auto;
    }
    .pro_truck_title{
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 2rem;
        font-family: hnm;
        color: #000000;
        text-transform: uppercase;
        line-height: 110%;
    }
    .pro_truck{
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        margin-top: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pro_truck_item{
        width: 100%;
        height: calc(94vw * 2.5 / 4);
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 1rem;
    }
    .pro_truck_item_on{
        width: 100%;
    }

    .pro_truck_item_img{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .pro_truck_item_on .pro_truck_item_img{
        left: 0;
    }
    .pro_truck_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pro_truck_item_title_box{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .pro_truck_item_title{
        width: calc(1710px * 0.18);
        width: calc((100vw - (100vw - var(--mainwidth)) / 2) * 0.18);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: hnr;
        text-align: center;
        padding: 0 2rem;
        line-height: 120%;
        display: none;
    }
    .pro_truck_item_on .pro_truck_item_title_box{
        opacity: 1;
    }

    .pro_truck_item_title2{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.5rem;
        text-transform: uppercase;
        color: #FFFFFF;
        font-family: hnr;
        padding:0 2.5rem;
        text-align: center;
        position: absolute;
        z-index: 5;
        line-height: 160%;
        transform: translateY(0%);
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .pro_truck_item_on .pro_truck_item_title2{
        opacity: 1;
        transform: translateY(0%);
    }

    .pro_sys_box{
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        position: relative;
    }
    .pro_sys_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        top: 0;
    }
    .pro_sys_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pro_sys{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 5;
        padding: 3rem 0;
    }
    .pro_sys_title{
        font-size: 2rem;
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: hnm;
        line-height: 110%;
    }
    .pro_sys_des{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: rgba(255,255,255,0.7);
        font-family: hnr;
        line-height: 150%;
        margin-top: 2rem;
    }

    .pro_kh{
        width: 1600px;
        width: var(--mainwidth);
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 3rem 0;
    }
    .pro_kh_item{
        width: 20%;
        height: auto;
        font-size: 0;
        padding:1rem 2rem;
    }
    .pro_kh_item img{
        width: 100%;
        height: auto;
        filter:grayscale(1);
        transform: perspective(100px) translateZ(0px);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .pro_kh_item:hover img{
        filter:grayscale(0);
        transform: perspective(100px) translateZ(3px);
    }

    /*隐私*/
    .cook_box{
        position: fixed;
        width: 100%;
        height: auto;
        background: rgba(0,0,0,0.8);
        left: 0;
        bottom: 0;
        z-index: 200;
        padding: 1.5rem 0;
    }
    .cook{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .cook_left{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 150%;
    }
    .cook_left a{
        color: #FFFFFF;
        text-decoration: underline;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .cook_left a:hover{
        color: var(--OneColor);
    }

    .cook_right{
        width: 9rem;
        height: auto;
        margin-top: 1rem;
    }
    .cook_right a{
        width: 100%;
        font-size: 1.25rem;
        color: #FFFFFF;
        background: var(--OneColor);
        height: 3.2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 3.2rem;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .cook_right a:hover{
        background: #106ba6;
    }
	
	

.cook_show{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}


    .privacy_box{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .privacy_title{
        font-size: 2rem;
        font-family: hnm;
        margin-top: 2rem;
    }
    .privacy_ltitle{
        font-size: 1.5rem;
        font-family: hnm;
        margin-top: 1rem;
    }
    .privacy_con{
        font-size: 1.25rem;
        line-height: 160%;
        margin-top: 1rem;
    }
    .privacy_con span{
        display: block;
        position: relative;
        padding-left: 1rem;
    }
    .privacy_con span:after{
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        background: #000000;
        font-size: 0;
        left: 0;
        top: 0.75rem;
        border-radius: 50%;
    }
    .privacy_con span.privacy_span2:after{
        display: none;
    }
    .privacy_con2{
        font-size: 1.25rem;
        line-height: 160%;
        margin-top: 1rem;
    }
    .privacy_con2 span{
        padding: 0 1rem;
        text-decoration: underline;
    }

    
}