@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .flm_nav_box{
        width: 100%;
        height: 8vh;
        position: sticky;
        background: #FFFFFF;
        top: 0;
        z-index: 1000;
        margin: 0 auto;
        border-bottom: 3px solid var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .flm_nav{
        width: 100%;
        height: 100%;
        padding: 0 5%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: static;
        padding-top: 2vh;
        background-image: url("../svg/nav_back.svg");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }

    .flm_nav_logo{
        width: auto;
        height: 100%;
        position: relative;
    }
    .flm_nav_logo>a{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

    .flm_nav_logo img{
        width: auto;
        height: 4vh;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_nav_main{
        width: 0%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        background: #FFFFFF;
        left: 0;
        top: 8vh;
        opacity: 0;
        padding: 1.5rem 0;
    }
    .flm_nav_mainon{
        width: 100%;
        opacity: 1;
    }

    .flm_nav_meun{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: relative;

    }

    .flm_nav_meun_tiem{
        width: auto;
        height: auto;
        margin-right:0rem;
        position: relative;
        text-align: center;
    }
    .flm_nav_meun_tiem:last-child{ margin-right: 0;}
    .flm_nav_meun_tiem2{
        position: relative;
    }
    .flm_nav_meun_tiem>a{
        height: 100%;
        position: relative;
        font-size: 1.25rem;
        line-height: 100%;
        margin: 1rem 0;
        color: #000000;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        padding: 0px 5px;
        text-align: center;
    }
    .flm_nav_meun_tiem:hover>a{
        color: var(--OneColor);
    }
    .flm_nav_meun_tiemon>a{
        color: var(--OneColor);
    }

    .flm_nav_meun_tiem>a:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 0.571rem;
        background:var(--OneColor);
        left: 0;
        bottom: 0px;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: -5;
    }
    .flm_nav_meun_tiem:hover>a:after{
        transform: scaleX(0);
    }
    .flm_nav_meun_tiemon>a:after{
        transform: scaleX(0);
    }

    .flm_nav_down{
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding: 0rem 0;
    }
    .flm_nav_meun_tiem:hover .flm_nav_down{
        height: auto;
        opacity: 1;
        padding: 0.5rem 0;
        -moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
        -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
        box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);
    }
    .flm_nav_down_item{
        text-align: center;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_nav_down_item>a{
        display: inline-block;
        height: auto;
        line-height: 2.5rem;
        position: relative;
        font-size: 1.125rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .flm_nav_down_item:hover{

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


    .flm_nav_search{
        width: 100%;
        height: auto;
        border-radius: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-bottom: 1rem;
    }
    .flm_nav_code{
        width: 1.5rem;
        height: 2.857rem;
        position: relative;
        margin-right: 0rem;
        display: flex;
        align-items: center;
        z-index: 10;
    }
    .flm_nav_code svg{
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        fill:#000000;
    }
    .flm_nav_code_img{
        position: absolute;
        left: calc(50% - 50px);
        top: 2.5rem;
        width: auto;
        height: 0px;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_nav_code:hover .flm_nav_code_img{
        height: auto;
        opacity: 1;
    }
    .flm_nav_code_img img{
        width: 100px;
        height: 100px;
    }

    .flm_nav_search_btn{
        width: auto;
        height: 2.857rem;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
    }

    .flm_nav_search_btn svg{
        width: 1.6rem;
        height: 1.6rem;
        fill:#000000;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
    }
    .flm_nav_search_btn svg:hover{
        fill:var(--OneColor);
    }
    .flm_nav_search_main{
        position: relative;
        top: 0%;
        right: 0px;
        width: auto;
        height: auto;
        margin: 0 auto;
        padding: 0.5rem 1rem;
        opacity: 1;
        padding-right: 0;
        background: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(0,0,0,0.05);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 1;
        margin-top: 1rem;
    }
    .flm_nav_search_main_on{
        top: 0;
        opacity: 1;
        z-index: 1;
    }
    .flm_nav_search_main_input_input{
        width: 15rem;
        height: 100%;
        border: none;
    }
    .flm_nav_search_main_btn{
        display: block;
        width: 4rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1rem;
        text-align: center;
        color: var(--OneColor);
    }
    .flm_nav_search_main_line{
        width: 2px;
        height: 1rem;
        background: rgba(0,0,0,0.1);
        margin-left: 1rem;
    }

    .menubtn{
        width: 30px;
        height: 20px;
        position: absolute;
        right: 5%;
        top: calc(50% - 10px);
        z-index: 10;
        display: block;
        cursor: pointer;
    }
    /* nav-icon-5 */
    .nav-icon-5 span{  background-color:var(--OneColor);  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
  
    .nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
    .nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
    .nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
    .nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5.open span:nth-child(1){transform: rotate(45deg);  top: 8px;}
    .nav-icon-5.open span:nth-child(2){opacity:0;}
    .nav-icon-5.open span:nth-child(3){transform: rotate(-45deg);  top: 8px;}


    /*footer*/
    .flm_footer_box{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding-top: 2rem;
    }
    .flm_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 4rem;
        border-bottom: 3px solid #f2f2f2;
    }
    .flm_footer_item{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        margin-top: 1.5rem;
    }

    .flm_footer_item_ico{
        width: auto;
        height: auto;
    }
    .flm_footer_item_ico img{
        width: 3rem;
        height: 3rem;
    }
    .flm_footer_item_text{
        width: auto;
        height: auto;
        padding: 0.3rem 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 0.7rem;
    }
    .flm_footer_item_text_title{
        font-size: 1.125rem;
        color: #b2b2b2;
    }
    .flm_footer_item_text_ltitle{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 0.3rem;
    }
    .flm_footer_item_text_ltitle2{
        font-family: drm;
        font-size: 1.125rem;
        color: #000000;
        margin-top: 0.3rem;
    }

    .flm_footer_item_code{

        width: 90px;
        height: 90px;

    }

    .flm_footer_item_code img{
        width: 90px;
        height: 90px;
        object-fit: cover;
        object-position: center;
    }
    .flm_footer_item_code_title{
        width:120%;
        text-align: center;
        font-size: 12px;
        color: #000;
        margin-left: -10%;
    }


    .flm_footer_link{
        width: 94%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        padding: 1.5rem 0;
        font-size: 1.125rem;
    }
    .flm_footer_link a{
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_footer_link a:hover{
        color: var(--OneColor);
    }
    .flm_footer_link span{
        padding: 0 1rem;
    }
    .flm_footer_copy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
        padding-top: 0rem;
        color: #9e9e9e;
        font-size: 1rem;
        position: relative;
        text-align: center;
    }
    .flm_footer_copy a{
        color: #9e9e9e;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_footer_copy a:hover{
        color: #000000;
    }

    .flm_footer_copy_gotop{
        width: 3.5rem;
        height: 3.5rem;
        background: #0086dc;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 1rem;
        cursor: pointer;
    }
    .flm_footer_copy_gotop_j svg{
        width: 1rem;
        height: 1rem;
        fill:#ffffff;
    }
    .flm_footer_copy_gotop_t{
        font-size: 1rem;
        text-transform: uppercase;
        color: #FFFFFF;
        font-family: db;
    }

    /*标题*/
    .flm_title_cn{
        font-size: 2.125rem;
        font-weight: bold;
        color: #000000;
        text-align: center;
    }
    .flm_title_en{
        font-size: 1.125rem;
        font-family: dm;
        color: rgba(0,0,0,0.73);
        text-align: center;
        text-transform: uppercase;
    }
    /*翻页*/
    .flm_page{
        width: 100%;
        text-align: center;
        padding: 2rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .flm_page a{
        width: 3rem;
        height: 3rem;
        text-align: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 50%;
        background: #FFFFFF;
        margin: 0 0.3rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_page svg{
        width: 1rem;
        height: 1rem;
        fill:#000000;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_page a:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .flm_page a:hover svg{
        fill: #FFFFFF;
    }
    .flm_page a.flm_page_aon{
        background: var(--OneColor);
        color: #FFFFFF;
    }

    /*战略布局*/
    .flm_zlbj_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-image: url("../jpg/zlbj_back.jpg");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
    }
    .flm_zlbj_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        position: relative;
        padding-top: 0;
    }
    .flm_zlbj_top_img_sw{
        position: relative;
        width: 100%;
        height: calc(94vw * 800 / 1462);
        right: 0;
        top: 0;
        z-index: 0;
    }
    .flm_zlbj_top_img_sw .swiper-slide{
        width: 100%;
        height: 100%;
    }
    .flm_zlbj_top_img_sw .swiper-slide img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .flm_zlbj_top_con{
        width: 100%;
        height: auto;
        background-image: url("../jpg/zlbj_top_back.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 5;
        padding-bottom: 4rem;
    }

    .flm_zlbj_top_sw{
        width: 100%;
        height: auto;
    }
    .flm_zlbj_top_sw .swiper-slide{
        padding: 2rem 2rem;
    }
    .flm_zlbj_top_sw_title{
        color: #FFFFFF;
        font-size: 2rem;
        padding-bottom: 0.7rem;
    }
    .flm_zlbj_top_sw_con{
        color: #FFFFFF;
        font-size: 1.125rem;
        height: auto;
        line-height: 2rem;
        margin-top: 0.7rem;
        background-position: left 0.2rem;
        background-repeat: no-repeat;
        background-size: 1.5rem;
        padding-left: 2rem;
    }
    .flm_zlbj_top_sw_con_address{
        background-image: url("../svg/zlbj_top_address.svg");
    }
    .flm_zlbj_top_sw_con_tel{
        background-image: url("../svg/zlbj_top_tel.svg");
    }
    .flm_zlbj_top_sw_con_mail{
        background-image: url("../svg/zlbj_top_mail.svg");
    }

    .flm_zlbj_top_btn{
        position: absolute;
        width: 3rem;
        height: 3rem;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        z-index: 20;
        bottom: 1rem;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_zlbj_top_btn:hover{
        background: #FFFFFF;
    }
    .flm_zlbj_top_btn_left{
        right: 5.25rem;
    }
    .flm_zlbj_top_btn_right{
        right: 1.5rem;
    }
    .flm_zlbj_top_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        fill:#FFFFFF;
        margin-top: 0.65rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_zlbj_top_btn:hover svg{
        fill: var(--OneColor);
    }


    .flm_zlbj_img{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        position: relative;
        display: grid;
        grid-template-columns: calc(25% - 0.2rem) calc(25% - 0.2rem) calc(25% - 0.2rem) calc(25% - 0.2rem);
        grid-template-rows: calc((94vw * 0.25 - 0.2rem) * 274 / 358) calc((94vw * 0.25 - 0.2rem) * 274 / 358);
        grid-gap: 0.4rem 0.4rem;
    }
    .flm_zlbj_img_item img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_zlbj_img_item1{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .flm_zlbj_img_item4{
        grid-column-start: 4;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .flm_zlbj_img_item5{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .flm_zlbj_text{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        padding-bottom: 3rem;
    }
    .flm_zlbj_text_title{
        font-size: 1.562rem;
        font-family: opm;
    }
    .flm_zlbj_text_con{
        padding-top: 0rem;
        font-size: 1.125rem;
        line-height: 170%;
    }

    /*新闻列表*/
    .flm_new_title{
        padding-top: 3rem;
    }
    .flm_new_menu_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        text-align: center;
        margin-top: 1rem;
    }
    .flm_new_menu_box:after{
        width: 100%;
        height: 1px;
        position: absolute;
        content: '';
        background: #c5c5c5;
        left: 0;
        top: 50%;
        z-index: -1;
    }
    .flm_new_menu{
        width: auto;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 1rem;
        background: #f6f6f6;
    }
    .flm_new_menu_line{
        width: 1px;
        height: 1.5rem;
        background: #c5c5c5;
        margin: 0 1.5rem;
    }
    .flm_new_menu_item{
        width: auto;
        height: 2.2rem;
        line-height: 2.2rem;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_menu_item_ico{
        width: 2.2rem;
        height: 2.2rem;
        background: var(--OneColor);
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: scale(0);
    }

    .flm_new_menu_itemon .flm_new_menu_item_ico{
        transform: scale(1);
    }
    .flm_new_menu_item_ico img{
        width: 1.4rem;
        height: 1.4rem;
        margin-top: 0.5rem;
    }
    .flm_new_menu_item_text{
        font-size: 1.125rem;
        color: #737373;
        margin-left: -2.4rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_menu_item:hover .flm_new_menu_item_text{
        color: var(--OneColor);
    }
    .flm_new_menu_itemon .flm_new_menu_item_text{
        margin-left: 0.5rem;
        color: var(--OneColor);
    }

    .flm_new_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 0rem;
        -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);
    }
    .flm_new_top_a{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .flm_new_top_img{
        width: 100%;
        height: calc(94vw * 482 / 790);
        font-size: 0;
        overflow: hidden;
    }
    .flm_new_top_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;
    }
    .flm_new_top_a:hover .flm_new_top_img img{
        transform: scale(1.03);
    }
    .flm_new_top_right{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem 2rem;
    }
    .flm_new_top_right_titme_ri{
        font-size: 3rem;
        font-family: "Arial";
        font-weight: bold;
        color: #000000;
        margin-left: -0.3rem;
        line-height: 85%;
    }
    .flm_new_top_right_titme_nian{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
    }
    .flm_new_top_right_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_top_a:hover .flm_new_top_right_title{
        color: var(--OneColor);
    }
    .flm_new_top_right_des{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        line-height: 150%;
        color: #000000;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 1.1rem;
        padding-top: 1.1rem;
        position: relative;
    }
    .flm_new_top_right_des:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background:#c5c5c5;
        top: 1px;
        left: 0;
        z-index: 0;
    }
    .flm_new_top_right_des:before{
        position: absolute;
        content: '';
        width: 35%;
        height: 3px;
        background: var(--OneColor);
        top: 0px;
        left: 0;
        z-index: 5;
    }
    .flm_new_top_right_ico{
        text-align: right;
        margin-top: 1rem;
    }
    .flm_new_top_right_ico img{
        height: 3rem;
    }

    .flm_new_top_pagination{
        width: 100%;
        height: auto;
        margin-top:1.1rem;
        text-align: center;
        position: relative;
    }

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

    .flm_new{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .flm_new_item{
        width: 48%;
        height: auto;
        margin-right: 4%;
        margin-top: 3%;
    }
    .flm_new_item:nth-of-type(3n){
        margin-right: 4%;
    }
    .flm_new_item:nth-of-type(2n){
        margin-right: 0%;
    }
    .flm_new_item_img{
        width: 100%;
        height: calc(94vw * 0.48 * 330 / 500);
        font-size: 0;
        overflow: hidden;
    }
    .flm_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;
    }
    .flm_new_item:hover .flm_new_item_img img{
        transform: scale(1.03);
    }
    .flm_new_item_con{
        background: #FFFFFF;
        padding: 1rem 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con{
        background: var(--OneColor);
    }

    .flm_new_item_con_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
        font-family: opm;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con_title{
        color: #FFFFFF;
    }
    .flm_new_item_con_des{
        width: 100%;
        height: auto;
        font-size: 1rem;
        line-height: 150%;
        color: #000000;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 1.1rem;
        padding-top: 1.1rem;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con_des{
        color: #FFFFFF;
    }
    .flm_new_item_con_des:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background:#c5c5c5;
        top: 1px;
        left: 0;
        z-index: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con_des:after{
        background:rgba(255,255,255,0.2);
    }
    .flm_new_item_con_des:before{
        position: absolute;
        content: '';
        width: 35%;
        height: 3px;
        background: var(--OneColor);
        top: 0px;
        left: 0;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con_des:before{
        background:rgba(255,255,255,1);
    }

    .flm_new_item_con_titme{
        width: 100%;
        height: auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
        margin-top: 0.4rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_new_item:hover .flm_new_item_con_titme{
        color:rgba(255,255,255,0.6);
    }

    /*新闻详情*/
    .snew_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 3rem;
    }
    .snew_left{
        width: 100%;
        height: auto;
    }
    .snew_left_title{
        font-size: 2rem;
        color: #000000;
    }
    .snew_left_time{
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        margin-top: 0.7rem;
    }
    .snew_left_time span{
        margin-left: 3rem;
        background-image: url("../svg/snew_sys.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 1.6rem;
    }
    .snew_left_line{
        font-size: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin: 1.5rem 0;
    }
    .snew_left_con{
        font-size: 1.125rem;
        color: #000000;
        line-height: 160%;
    }
    .snew_right{
        width: 100%;
        height: auto;
        position: relative;
    }
    .snew_right_l{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .snew_right_top{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .snew_right_top_line{
        width: 1px;
        height: 3rem;
        background: rgba(0,0,0,0.1);
        margin-right: 2rem;
    }
    .snew_right_top_btn a{
        width: 3.5rem;
        height: 3.5rem;
        background: var(--OneColor);
        border-radius: 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .snew_right_top_btn img{
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
    }
    .snew_right_page{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border: 12px solid #eeeeee;
        margin-top: 2rem;
        padding:2.5rem 1.5rem;
    }
    .snew_right_page_item_btitle{
        font-size: 1.25rem;
        color: rgba(0,0,0,0.8);
        font-weight: bold;
    }
    .snew_right_page_item_time{
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        margin-top: 0.5rem;
    }
    .snew_right_page_item_title{
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        font-weight: bold;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .snew_right_page_item:hover .snew_right_page_item_title{
        color: var(--OneColor);
    }
    .snew_right_page_line{
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        margin: 1.5rem 0;
    }


    .flm_snew_tj_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .flm_snew_tj_title{
        font-size: 2.25rem;
        color: #000000;
    }
    .flm_snew_tj{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    /*加入我们*/
    .flm_join{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .flm_join_item{
        width: 100%;
        height: auto;
        -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);
        margin-top: 1.5rem;
    }
    .flm_join_item:hover .flm_join_item_top_left_title{color: var(--OneColor);}
    .flm_join_item:hover .flm_join_item_top_right span{background: var(--OneColor); color: #fff;}
    .flm_join_item_top{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .flm_join_item_top_left{
        width: calc(100% - 7rem);
        height: auto;
    }
    .flm_join_item_top_left_title{
        font-size: 1.5rem;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_join_item_top_left_tag{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        margin-top: 0.8rem;
    }
    .flm_join_item_top_left_tag span{
        display: block;
        background-image: url("../svg/join_tag_ico.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 1.8rem;
        margin-right: 1rem;
        margin: 0.5rem 0;
    }
    .flm_join_item_top_right{
        width: 7rem;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .flm_join_item_top_right>span{
        width: 7rem;
        height: 2.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.125rem;
        color: var(--OneColor);
        border:2px solid var(--OneColor);
        border-radius: 2rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_join_item_top_right>span>span{
        width: 2rem;
        height: 2px;
        background: var(--OneColor);
        display: inline-block;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_join_item_top_right>span:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .flm_join_item_top_right>span:hover>span{
        background: #FFFFFF;
    }

    .flm_join_item_mid{
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        overflow: hidden;
        background: linear-gradient(to right,#eef8ff,#fafdff);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_join_itemon .flm_join_item_mid{
        height: 4rem;
    }
    .flm_join_item_mid_title{
        width: 6.5rem;
        font-size: 1.25rem;
        font-family: opm;
    }
    .flm_join_item_mid_ltitle{
        width: calc(100% - 6.5rem);
        font-size: 1.125rem;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        padding-left: 0rem;
    }

    .flm_join_item_con{
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        margin-top: 0px;
        padding: 0rem 6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_join_itemon .flm_join_item_con{
        height: auto;
        padding: 1rem 1rem;
        margin-top: 10px;
    }
    .flm_join_item_con_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .flm_join_item_con_title span{
        font-size: 1.25rem;
    }
    .flm_join_item_con_title a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:7rem;
        height: 2.5rem;
        font-size: 13px;
        background: var(--OneColor);
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
    }
    .flm_join_item_con_tag{
        padding: 1.5rem 1rem;
        margin-top: 1.5rem;
    }
    .flm_join_item_con_tag span{
        display: block;
        width: 50%;
        height: auto;
        padding: 0.2rem 0;
		    font-size: 14px;
    }
    .flm_join_item_con_con{
        width: 100%;
        height: auto;
        margin-top: 2rem;
		line-height: 160%;
    }
    .flm_join_item_con_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 2rem;

    }
    .flm_join_item_con_menu_left{
        font-family: opm;
		    font-size: 14px;
    line-height: 160%;
    }
    .flm_join_item_con_menu_left a{
        color: var(--OneColor);
    }
    .flm_join_item_con_menu_right{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center;
    }
    .flm_join_item_con_menu_right span{
        margin-left: 1rem;
    }
    .flm_join_item_con_menu_right img{
        width: 90px;
        height: 90px;
    }

    .flm_lx_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/lx_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding-bottom: 3rem;
    }
    .flm_lx{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .flm_lx_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .flm_lx_left_title{
        font-size: 1.5rem;
        color: #000000;
        font-weight: bold;
    }
    .flm_lx_left_line{
        width: 2.5rem;
        height: 2px;
        background:var(--OneColor); 
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .flm_lx_left_con{
        font-size: 1.125rem;
        height: 2rem;
        line-height: 2rem;
        margin-top: 0.5rem;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.5rem;
        padding-left: 2rem;
    }
    .flm_lx_left_con_address{
        background-image: url("../svg/lx_address.svg");
    }
    .flm_lx_left_con_tel{
        background-image: url("../svg/lx_tel.svg");
    }
    .flm_lx_left_con_mail{
        background-image: url("../svg/lx_mail.svg");
    }
    .flm_lx_left_code{
        margin-top: 2rem;
        display: none;
    }
    .flm_lx_left_code img{
        height: 7rem;
    }

    .flm_lx_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .flm_lx_right_img{
        width: calc(100% - 4rem);
        height: 100%;
    }
    .flm_lx_right_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_lx_right_title{
        width: 4rem;
        height: auto;
        background: var(--OneColor);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .flm_lx_right_title span{
        font-size: 1.125rem;
        font-weight: bold;
        text-transform: uppercase;
        writing-mode: vertical-lr;
        text-align: center;
        color: #FFFFFF;
        margin: 0 auto;
        padding-bottom: 2rem;
        position: relative;
    }
    .flm_lx_right_title span:after{
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #FFFFFF;
        top: -1rem;
        left: calc(50% - 2px);
    }

    /*合作品牌*/
    .flm_pp1{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .flm_pp1_img{
        width: 100%;
        height: calc(94vw * 500 / 790);
        font-size: 0;
        overflow: hidden;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content:center;
    }
    .flm_pp1_img img{
        width: auto;
        height: 40%;
    }
    .flm_pp1_con{
        width: 100%;
        height: 100%;
        padding-left: 0;
		margin-top: 2rem;
    }
    .flm_pp1_con_title{
        font-size: 2rem;
    }
    .flm_pp1_con_line{
        width: 2.5rem;
        height: 2px;
        background:var(--OneColor); 
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
    .flm_pp1_con_con{
        height: auto;
        overflow: auto;
        font-size: 1rem;
        line-height: 160%;
        padding-right: 1rem;
    }


    .flm_pp2{
        width: 94vw;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .flm_pp2_img{
        width: 100%;
        height: auto;
    }
    .flm_pp2_img img{
        width: 100%;
        height: auto;
    }
    .flm_pp2_con{
        width: 100%;
        height: auto;
        padding-right: 0;
		margin-top: 2rem;
    }
    .flm_pp2_con_title{
        font-size: 2rem;
        font-family: opm;
    }
    .flm_pp2_con_line{
        width: 2.5rem;
        height: 2px;
        background:var(--OneColor); 
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
	.flm_pp2_con_logo{
		text-align: center;
	}
    .flm_pp2_con_logo img{
        height: 5rem; 
        margin-top: 1rem;
    }
    .flm_pp2_con_ltitle{
        font-size: 2.25rem;
        margin-top: 2.5rem;
    }
    .flm_pp2_con_con{
        font-size: 1.125rem;
        line-height: 160%;
        margin-top: 1.5rem;
    }


    .flm_pp3{
        width: 94vw;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .flm_pp3_img{
        width: 100%;
        height: auto;
    }
    .flm_pp3_img img{
        width: 100%;
        height: auto;
    }
    .flm_pp3_con{
        width: 100%;
        height: auto;
        padding-left: 0;
		margin-top: 2rem;
    }
    .flm_pp3_con_title{
        font-size: 2rem;
        font-family: opm;
    }
    .flm_pp3_con_line{
        width: 2.5rem;
        height: 2px;
        background:var(--OneColor); 
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
    .flm_pp3_con_ltitle{
        font-size: 2.25rem;
        margin-top: 2.5rem;
    }
    .flm_pp3_con_con{
        font-size: 1.125rem;
        line-height: 160%;
        margin-top: 1.5rem;
    }

    .flm_pp_bottom{
        width: 100%;
        height: 3rem;
    }


    /*合作客户*/
    .flm_xm{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .flm_xm_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 3%;
    }
    .flm_xm_item:nth-of-type(3n){
        margin-right: 3%;
    }
    .flm_xm_item:nth-of-type(2n){
        margin-right: 0%;
    }
    .flm_xm_item a{
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_xm_item:hover a{
        -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);
    }
    
    .flm_xm_item_img{
        width: 100%;
        height: calc(94vw * 0.485 * 499 / 791);
        overflow: hidden;
        background: #fff;
    -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_xm_item_img_tu{
        width:100%;
        height: 100%;
        position: relative;
    }
    .flm_xm_item_img_tu_1,.flm_xm_item_img_tu_2{
        width: 100%;
        height: 100%;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_xm_item_img_tu_2{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }


    .flm_xm_item_img_tu_1 img,.flm_xm_item_img_tu_2 img{
        width:auto;
        height: auto;
        max-width: 80%;
        max-height: 100%;
    }
   

    .flm_xm_item_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1rem 1rem;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .flm_xm_item_con_title{
        font-size: 1.25rem;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_xm_item:hover .flm_xm_item_con_title{
        color: var(--OneColor);
    }
    .flm_xm_item_con_des{
        font-size: 1rem;
        color: #989898;
        line-height: 150%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.5rem;
    }
    .flm_xm_item_sj{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 1rem 1rem;
        border-top: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .flm_xm_item_sj_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .flm_xm_item_sj_left_img{
        width: 3rem;
        height: auto;
    }
    .flm_xm_item_sj_left_img img{
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
    }
    .flm_xm_item_sj_left_text{
        width: calc(100% - 3.5rem);
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 0.5rem;
    }
    .flm_xm_item_sj_left_text_title{
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        color: #000000;
    }
    .flm_xm_item_sj_left_text_ltitle{
        width: 100%;
        height: auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
    }
    .flm_xm_item_sj_right{
        width: 100%;
        height: auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        padding-bottom: 0rem;
        margin-top: 0.7rem;
    }

    /*合作客户详情*/
    .flm_sxm_top_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #f6f6f6;
    }
    .flm_sxm_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .flm_sxm_top_left{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem 2rem;
    }
    .flm_sxm_top_con_title{
        font-size: 1.5rem;
        font-weight: bold;
        color: #000000;
    }
    .flm_sxm_top_con_line{
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin-top: 1rem;
    }
    .flm_sxm_top_con_ltitle{
        font-size: 1.25rem;
        font-family: opm;
        color: rgba(0,0,0,0.47);
        margin-top: 1rem;
    }
    .flm_sxm_top_con_des{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        margin-top: 1rem;
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }



    .flm_sxm_top_sj{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 1rem;
    }
    .flm_sxm_top_sj_img img{
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
    }
    .flm_sxm_top_sj_text{
        width: auto;
        height: 4rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 1rem;
    }
    .flm_sxm_top_sj_text_title{
        font-size: 1.25rem;
        color: #000000;
    }
    .flm_sxm_top_sj_text_ltitle{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        margin-top: 0.3rem;
    }

    .flm_sxm_top_right{
        width: 100%;
        height: calc(94vw * 800 / 1001);
        position: relative;
    }
    .flm_sxm_top_sw{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
    }
    .flm_sxm_top_sw .swiper-slide{
        width: 100%;
        height: 100%;
    }
    .flm_sxm_top_sw .swiper-slide img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_sxm_top_sw_menu{
        position: absolute;
        width: 8rem;
        height: 100%;
        background: rgba(0,0,0,0.8);
        z-index: 5;
        right: 0;
        top: 0;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        padding: 1rem 0;
    }
    .flm_sxm_top_sw_menu span{
        display: block;
        font-size: 1.125rem;
        height: auto;
        position: relative;
        font-family: opm;
        color: rgba(255,255,255,0.3);
        cursor: default;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_sxm_top_sw_menu span.flm_sxm_top_sw_menu_son{
        color: rgba(255,255,255,1);
    }
    .flm_sxm_top_sw_menu span font{
        position: relative;
        display: inline-block;
        width: auto;
        height: 2rem;
        line-height: 2rem;
    }
    .flm_sxm_top_sw_menu span font:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: var(--OneColor);
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_sxm_top_sw_menu span.flm_sxm_top_sw_menu_son font:after{
        transform: scaleX(1);
    }


    .flm_sxm_mid{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_sxm_mid_menu{
        width: 100%;
        height: 4rem;
        border: 2px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 1.25rem;
    }
    .flm_sxm_mid_menu span{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        color: #000000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_sxm_mid_menu span.flm_sxm_mid_menu_son{
        background: var(--OneColor);
        color: #FFFFFF;
    }
    .flm_sxm_mid_menu_sw{
        width: 100%;
        height: auto;
        border: 2px solid rgba(0,0,0,0.1);
        border-top: none;
        padding: 1.5rem;
    }
    .flm_sxm_mid_menu_sw_title{
        font-size: 1.5rem;
        color: var(--OneColor);
    }
    .flm_sxm_mid_menu_sw_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8);
        line-height: 170%;
        padding-top: 1rem;
    }

    .flm_sxm_tj_box{
        width: 100%;
        height: auto;
        position: relative;
        padding:3rem 0;
        margin-top: 3rem;
    }
    .flm_sxm_tj_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }
    .flm_sxm_tj_title_text{
        font-size: 2rem;
        font-family: opm;
    }
    .flm_sxm_tj_title_line{
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin-top: 1rem;
    }

    .flm_sxm_tj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        position: relative;
        z-index: 5;
        margin-top: 1rem;
    }
    .flm_sxm_tj_back{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: #f6f6f6;
    }

    /*关于我们*/
    .flm_ab_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        -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);
        margin-top: 3rem;
        padding: 1rem 1rem;
    }
    .flm_ab_menu_item{
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .flm_ab_menu_item:hover{transform: translateY(-5px);}
    .flm_ab_menu_item_ico img{
        width: auto;
        height: 3rem;
    }
    .flm_ab_menu_item_title{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_menu_item:hover .flm_ab_menu_item_title{
        color: var(--OneColor);
    }
    .flm_ab_menu_itemon .flm_ab_menu_item_title{
        color: var(--OneColor);
    }

    .flm_ab_jj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 1rem;
    }
    .flm_ab_jj{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .flm_ab_jj_left{
        width: 100%;
        height: auto;
        position: relative;
        padding-left: 1rem;
    }
    .flm_ab_jj_left_img{
        width: 100%;
        height: calc((94vw - 1rem) * 440 / 769);
        font-size: 0;
        position: relative;
        z-index: 5;
    }
    .flm_ab_jj_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_ab_jj_left_title{
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        position: relative;
        z-index: 5;
    }
    .flm_ab_jj_left_title span{
        font-family: dm;
        font-size: 1.125rem;
        color: #FFFFFF;
        text-transform: uppercase;
        position: relative;
        padding-left: 13px;
    }
    .flm_ab_jj_left_title span:after{
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #FFFFFF;
        left: 0;
        top: calc(50% - 2px);
    }
    .flm_ab_jj_left_back{
        position: absolute;
        width: 50%;
        height: 100%;
        background: var(--OneColor);
        top: 0;
        left: 0;
        z-index: 0;
    }
    .flm_ab_jj_right{
        width: 100%;
        height: auto;
        padding-left: 0rem;
        margin-top: 1.5rem;
    }
    .flm_ab_jj_right_title{
        font-size: 2rem;
        color: #000000;
        font-family: opm;
        height: 4rem;
    }
    .flm_ab_jj_right_line{
        width: 4rem;
        height: 2px;
        background: var(--OneColor);
        margin-left: 0.2rem;
    }
    .flm_ab_jj_right_con{
        padding-left: 0rem;
        font-size: 1.125rem;
        color: #000000;
        line-height: 170%;
        margin-top: 1.5rem;
        height: auto;
        overflow: auto;
        padding-right: 0rem;

    }
    .flm_ab_fw_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_ab_fw{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 3rem;
    }
    .flm_ab_fw_sw{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
    }
    .flm_ab_fw_sw .swiper-slide{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }

    .flm_ab_fw_left{
        width: 100%;
        height: calc(94vw * 580 / 790);
        position: relative;
    }
    .flm_ab_fw_left img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .flm_ab_fw_left_con{
        position: absolute;
        width: 65%;
        height: 7rem;
        background: var(--OneColor);
        z-index: 5;
        right: 0;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 2rem;
    }
    .flm_ab_fw_left_con_title{
        font-size: 1.5rem;
        color: #FFFFFF;
    }
    .flm_ab_fw_left_con_ltitle{
        font-size: 1rem;
        color: rgba(254,254,254,0.5);
        margin-top: 0.2rem;
    }
    .flm_ab_fw_right{
        width: 100%;
        height: auto;
        background: #f7f9fb;
        padding: 1.5rem;
    }
    .flm_ab_fw_right_title{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
    }
    .flm_ab_fw_right_en{
        font-size: 1.125rem;
        font-family: gb;
        color: var(--OneColor);
        margin-top: 0.5rem;
    }
    .flm_ab_fw_right_des{
        font-size: 1.125rem;
        color: #000000;
        margin-top: 1.5rem;
        line-height: 160%;
    }

    .flm_ab_fw_menu_box{
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        bottom: 0;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem 0;
    }
    .flm_ab_fw_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        z-index: 5;
    }
    .flm_ab_fw_menu_item{
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        cursor: default;
        margin: 0.7rem 0;
    }
    .flm_ab_fw_menu_item_img{
        width: 3rem;
        height: 3rem;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 3rem auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_fw_menu_itemon .flm_ab_fw_menu_item_img{
        background-position: bottom center;
    }
    .flm_ab_fw_menu_item_con{
        height: 3rem;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 1rem;
    }
    .flm_ab_fw_menu_item_con_title{
        font-size: 1.375rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_fw_menu_itemon .flm_ab_fw_menu_item_con_title{
        color: var(--OneColor);
    }
    .flm_ab_fw_menu_item_con_ltitle{
        font-size: 1rem;
        font-family: dm;
        color: rgba(0,0,0,0.3);
    }

    .flm_ab_ry_box{
        width: 100%;
        height: auto;
        padding-top: 3rem;
    }

    .flm_ab_ry{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .flm_ab_ry_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 0;
    }
    .flm_ab_ry_left_sw{
        width: 100%;
        height: auto;
    }
    .flm_ab_ry_left_sw_item{
        width: 100%;
        height: auto;
        line-height: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 1.4rem;
        padding-left: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        cursor: default;
    }
    .flm_ab_ry_left_sw_itemon{
        padding-left: 0rem;
    }
    .flm_ab_ry_left_sw_item_count{
        font-size: 1.125rem;
        color: #818181;
        font-family: "Arial";
        margin-right: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_ry_left_sw_itemon .flm_ab_ry_left_sw_item_count{
        color: var(--OneColor);
    }
    .flm_ab_ry_left_sw_item_line{
        font-size: 0;
        height: 1.5px;
        background: #818181;
        width: 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_ry_left_sw_itemon .flm_ab_ry_left_sw_item_line{
        background: var(--OneColor);
        width: 2rem;
    }
    .flm_ab_ry_left_sw_item_title{
        font-size: 1.125rem;
        color: #000000;
        margin-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_ry_left_sw_itemon .flm_ab_ry_left_sw_item_title{
        color: var(--OneColor);
        font-size: 1.125rem;
    }



    .flm_ab_ry_left_btn_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 0rem;
    }
    .flm_ab_ry_left_btn{
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        border: 2px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-right: 0.7rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_ry_left_btn:hover{
        border: 2px solid var(--OneColor);
    }
    .flm_ab_ry_left_btn svg{
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
        fill:rgba(0,0,0,0.3);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_ry_left_btn:hover svg{
        fill: var(--OneColor);
    }





    .flm_ab_ry_right{
        width: 100%;
        height: calc(94vw * 688 / 1172);
        background-image: url("../jpg/ab_ry_back.jpg");
        background-position: center;
        background-size: cover;
        position: relative;
        margin-top: 2rem;
    }
    .flm_ab_ry_right_sw{
        position: absolute;
        left: 0;
        top: 0;
        width: 57%;
        height: 100%;
    }
    .flm_ab_ry_right_sw .swiper-slide{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 0;
    }
    .flm_ab_ry_right_sw .swiper-slide img{
        width: auto;
        height: auto;
        max-width: 80%;
        max-height: 80%;
        margin: 0 auto;
    }

    .flm_ab_wh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_ab_wh{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flm_ab_wh_item{
        width: 48.5%;
        height: auto;
        background: #FFFFFF;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        padding: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 3%;
    }
    .flm_ab_wh_item:hover{
        background: var(--OneColor);
    }
    .flm_ab_wh_item:hover .flm_ab_wh_item_en{
        transform: translateX(1rem);
    }
    .flm_ab_wh_item_en{
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        font-family: dm;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        text-transform: uppercase;
        position: relative;
        margin-top: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_wh_item:hover .flm_ab_wh_item_en{
        color: rgba(255,255,255,0.5);
    }
    .flm_ab_wh_item_en:after{
        position: absolute;
        content: '';
        width: 4px;
        height: 90%;
        left: -1rem;
        font-size: 0;
        top: 5%;
        background: var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_wh_item:hover .flm_ab_wh_item_en:after{
        background: rgba(255,255,255,1);
    }
    .flm_ab_wh_item_cn{
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        position: relative;
        height: auto;
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_ab_wh_item:hover .flm_ab_wh_item_cn{
        color: rgba(255,255,255,1);
    }
    .flm_ab_wh_item_img{
        width: 100%;
        height: calc((94vw * 0.485 - 2rem) * 182 / 272);
        font-size: 0;
        overflow: hidden;
        margin-top: 1rem;
    }
    .flm_ab_wh_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;
    }
    .flm_ab_wh_item:hover .flm_ab_wh_item_img img{
        transform: scale(1.03);
    }

    .flm_ab_fc_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_ab_fc{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
        position: relative;
        display: grid;
        grid-template-columns: calc(25% - 0.2rem) calc(25% - 0.2rem) calc(25% - 0.2rem) calc(25% - 0.2rem);
        grid-template-rows: calc((94vw * 0.25 - 0.2rem) * 274 / 358) calc((94vw * 0.25 - 0.2rem) * 274 / 358);
        grid-gap: 0.4rem 0.4rem;
    }
    .flm_ab_fc_item img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_ab_fc_item1{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .flm_ab_fc_item4{
        grid-column-start: 4;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .flm_ab_fc_item5{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    /*首页*/
    .flm_id_banner{
        width: 100%;
        height: calc(100vw * 700 / 1580);
        margin: 0 auto;
        position: relative;
    }
    .flm_id_banner_sw{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
    }
    .flm_id_banner_sw img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .flm_id_banner_pagination{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        bottom: 1rem;
        left: 0;
    }

    .flm_id_banner_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:3rem; 
        height:2px; 
        background: #FFFFFF;
        border-radius: 0;
        margin:0 0.4rem; 
        cursor: pointer;  
        -webkit-transition: all 0.4s ease-in-out;
    }
    .flm_id_banner_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }

    .flm_id_fw_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
        position: relative;
    }
    .flm_id_fw{
        position: relative;
        width: 100%;
        height: calc(94vw * 1300 / 1580);
        margin-top: 2rem;
    }
    .flm_id_fw_sw{
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100%;
    }
    .flm_id_fw_sw_img{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
    }
    .flm_id_fw_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .flm_id_fw_sw_con{
        position: absolute;
        z-index: 5;
        width: 65%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 0;
        top: 0;
        padding: 0 1.5rem;
    }
    .flm_id_fw_sw_con_title{
        font-size: 2rem;
        font-family: opm;
        color: #FFFFFF;
        padding-bottom: 0.5rem;
    }
    .flm_id_fw_sw_con_ltitle{
        font-size: 1.125rem;
        margin-top: 1rem;
        color: #FFFFFF;
    }
    .flm_id_fw_sw_con_con{
        font-size: 1rem;
        color: #FFFFFF;
    }
    .flm_id_fw_sw_con_btn{
        margin-top: 1.5rem;
    }
    .flm_id_fw_sw_con_btn a{
        height: 2.4rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border: 2px solid var(--OneColor);
        background: var(--OneColor);
        color: #FFFFFF;
        padding: 0 1.5rem;
        border-radius: 3rem;
        font-size: 1rem;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_fw_sw_con_btn a:hover{
        background: none;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
    }

    .flm_id_fw_menu_box{
        position: absolute;
        z-index: 5;
        width: 8rem;
        height: 100%;
        right: 0;
        top: 0;
        text-align: center;
        padding: 2rem 0;
    }
    .flm_id_fw_menu_box:after{
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        left: 1px;
        top: 0;
        background: rgba(255,255,255,0.2);
    }
    .flm_id_fw_menu{
        width: 100%;
        height: 100%;

    }
    .flm_id_fw_menu .swiper-slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(255,255,255,0.7);
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_fw_menu .swiper-slide:hover{
        font-size: 1.875rem;
        color: rgba(255,255,255,1);
    }
    .flm_id_fw_menu .swiper-slide:hover:after{
        transform: scaleY(1);
    }

    .flm_id_fw_menu .swiper-slide-active{
        font-size: 1.875rem;
        color: rgba(255,255,255,1);
    }
    .flm_id_fw_menu .swiper-slide:after{
        position: absolute;
        content: '';
        width: 3px;
        height: 2.5rem;
        background: #FFFFFF;
        left: 0;
        top: calc(50% - 1.25rem);
        transform: scaleY(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_fw_menu .swiper-slide-active:after{
        transform: scaleY(1);
    }

    .flm_id_ys_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        padding-top: 3rem;
    }
    .flm_id_ys_back{
        position: absolute;
        width: 60%;
        left: 20%;
        top: 4rem;
        height: 6rem;
        background-image: url("../svg/nav_back.svg");
        background-size: auto 100%;
        background-position:20% center;
    }
    .flm_id_ys{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .flm_id_ys_item{
        width: 100%;
        height: calc(94vw * 209 / 609);
        position: relative;
        margin-top: 1rem;
        
    }
    .flm_id_ys_item a{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    .flm_id_ys_item:nth-child(2n){
        margin-top: 1rem;
    }
    /*.flm_id_ys_item:nth-of-type(2){
        padding-top: 4rem;
    }
    .flm_id_ys_item:nth-of-type(3){
        padding-bottom: 4rem;
    }
    .flm_id_ys_item:nth-of-type(4){
        padding-top: 4rem;
    }
    .flm_id_ys_item:nth-of-type(5){
        padding-bottom: 4rem;
    }*/

    .flm_id_ys_item:hover:after{ height: 100%; opacity: 1;}

    .flm_id_ys_item:hover .flm_id_ys_item_img:after{
        opacity: 1;
    }

    .flm_id_ys_item:hover .flm_id_ys_item_title{transform: translate(0px,0px);}
    .flm_id_ys_item:hover .flm_id_ys_item_des{transform: translate(0px,0px);}

    .flm_id_ys_item:after{
        content: '';
        width: 0.25rem;
        height: 0px;
        opacity: 0;
        background:  var(--OneColor);
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }


    .flm_id_ys_item_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .flm_id_ys_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;
    }
    .flm_id_ys_item_img:after{
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .flm_id_ys_item_title{
        position: relative;
        z-index: 5;
        width: 100%;
        height: auto;
        font-size: 1.875rem;
        font-family: opm;
        color: #FFFFFF;
        text-align: center;
        writing-mode:horizontal-tb;
        top: 0rem;
        left: 0rem;
        letter-spacing: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_ys_item_des{
        position: relative;
        z-index: 5;
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #FFFFFF;
        writing-mode:horizontal-tb;
        text-align: center;
        top: auto;
        left: 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 0.6rem;
    }
    .flm_id_ys_item:nth-of-type(2) .flm_id_ys_item_title,.flm_id_ys_item:nth-of-type(4) .flm_id_ys_item_title{
        top: auto;
    }
    .flm_id_ys_item:nth-of-type(2) .flm_id_ys_item_des,.flm_id_ys_item:nth-of-type(4) .flm_id_ys_item_des{
        top: auto;
    }

    .flm_id_hz_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_id_hz{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-template-rows: calc(94vw * 0.32 * 200 / 257) calc(94vw * 0.32 * 200 / 257) calc(94vw * 0.32 * 200 / 257) calc(94vw * 0.32 * 200 / 257) calc(94vw * 0.32 * 200 / 257);
        grid-gap: 2vw 2vw;
        margin-top: 2rem;
    }
    .flm_id_hz_item{
        overflow: hidden;
        position: relative;
    }
    
    .flm_id_hz_item_logo{

        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border: 1px solid #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .flm_id_hz_item_logo_1{
        width: auto;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_hz_item_logo_2{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .flm_id_hz_item_logo_2 div{
        width: auto;
        height: auto;
        text-align: center;
    }

    .flm_id_hz_item_logo_1 img,.flm_id_hz_item_logo_2 img{
        height: auto;
        width: auto;
        max-width: 90%;
        max-height: 90%;
    }


    .flm_id_hz_item:nth-of-type(3){
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .flm_id_hz_item:nth-of-type(3) .flm_id_hz_item_logo img{ height: 7.5rem;}

    .flm_id_xm_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_id_xm{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 48.5% 48.5%;
        grid-template-rows: calc(94vw * 0.485 * 270 / 386) calc(94vw * 0.485 * 270 / 386) calc(94vw * 0.485 * 270 / 386) calc(94vw * 0.485 * 270 / 386) calc(94vw * 0.485 * 270 / 386) calc(94vw * 0.485 * 270 / 386);
        grid-gap: 2vw 2vw;
        margin-top:2rem;
    }
    .flm_id_xm_item{
        display: block;
        position: relative;
    }
    .flm_id_xm_item:nth-of-type(1){
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .flm_id_xm_item_img{
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
    }
    .flm_id_xm_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;
    }
    .flm_id_xm_item:hover .flm_id_xm_item_img img{
        transform: scale(1.03);
    }
    .flm_id_xm_item_back{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_xm_item:hover .flm_id_xm_item_back{
        opacity: 1;
    }
    .flm_id_xm_item_title{
        width: auto;
        height: 3.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        padding: 0rem 3.5rem;
        border: 1px solid #FFFFFF;
        position: relative;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .flm_id_xm_item:nth-of-type(1) .flm_id_xm_item_title{
        height: 5rem;
        padding: 0rem 6rem;
        font-size: 1.75rem;
    }
    .flm_id_xm_item_title_line{
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        background: #FFFFFF;
        transform:skew(-30deg,0deg);
        left: 1rem;
    }
    .flm_id_xm_item:nth-of-type(1) .flm_id_xm_item_title_line{
        left: 1.3rem;
    }
    .flm_id_xm_item_title_line2{
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        background: #FFFFFF;
        transform:skew(-30deg,0deg);
        right: 1rem;
    }
    .flm_id_xm_item:nth-of-type(1) .flm_id_xm_item_title_line2{
        right: 1.3rem;
    }
    .flm_id_xm_more{
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 2rem;
    }
    .flm_id_xm_more a{
        width: auto;
        height: 3rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 3rem;
        border-radius: 3rem;
        background: var(--OneColor);
        border: 2px solid var(--OneColor);
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_xm_more a:hover{
        background: #FFFFFF;
        color: var(--OneColor);
    }

    .flm_id_new_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .flm_id_new{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

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

    .flm_id_new_item{
        display: block;
        width: 47%;
        height: auto;
    }
    .flm_id_new_item:nth-of-type(3){
        display: none;
    }
    .flm_id_new_item_title{
        font-size: 1.25rem;
        line-height: 140%;
        color: #000000;
        font-family: opm;
        height: auto;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_new_item:hover .flm_id_new_item_title{
        color: var(--OneColor);
    }
    .flm_id_new_item_title:after{
        position: absolute;
        content: '';
        width: 0%;
        height: 3px;
        background: var(--OneColor);
        bottom: -2px;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_new_item:hover .flm_id_new_item_title:after{
        width: 50%;
    }
    .flm_id_new_item_des{
        width: 100%;
        height: 6.5rem;
        margin-top: 1rem;
    }
    .flm_id_new_item_des div{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #000000;
        line-height: 170%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .flm_id_new_item_time{
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
    }


    .flm_id_new_menu_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .flm_id_new_menu_box:after{
        width: 100%;
        height: 1px;
        position: absolute;
        content: '';
        background: #c5c5c5;
        left: 0;
        top: 50%;
        z-index: -1;
    }
    .flm_id_new_menu{
        width: auto;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 1rem;
        background: #FFFFFF;
    }
    .flm_id_new_menu_line{
        width: 1px;
        height: 1.5rem;
        background: #c5c5c5;
        margin: 0 1.5rem;
    }
    .flm_id_new_menu_item{
        width: auto;
        height: 2.4rem;
        line-height: 2.4rem;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_new_menu_item_ico{
        width: 2.4rem;
        height: 2.4rem;
        background: var(--OneColor);
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: scale(0);
    }

    .flm_id_new_menu_itemon .flm_id_new_menu_item_ico{
        transform: scale(1);
    }
    .flm_id_new_menu_item_ico img{
        width: 1.4rem;
        height: 1.4rem;
        margin-top: 0.5rem;
    }
    .flm_id_new_menu_item_text{
        font-size: 1.25rem;
        color: #737373;
        margin-left: -2.4rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_new_menu_item:hover .flm_id_new_menu_item_text{
        color: var(--OneColor);
    }
    .flm_id_new_menu_itemon .flm_id_new_menu_item_text{
        margin-left: 0.5rem;
        color: var(--OneColor);
    }

    .flm_id_ab_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: #f7f7f7;
    }
    .flm_id_ab{
        width: 94%;
        height: auto;
        margin: 0 auto;
        
    }
    .flm_id_ab_left{
        width: 33%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: var(--OneColor);
    }
    .flm_id_ab_left_img img{
        height: 11rem;
        margin:0.5rem;
    }
    .flm_id_ab_left_text{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 3.5rem;
        color: #FFFFFF;
        font-family:db;
        text-transform: uppercase;
        line-height: 90%;
        text-align: right;
        padding-right: 2rem;
    }


    .flm_id_ab_right{
        width: 100%;
        height: auto;
        background:#FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    .flm_id_ab_right_item{
        width: 20%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         background-size:cover;
        padding: 1rem 0;
    }
    .flm_id_ab_right_item:hover{ background: url(../jpg/flm_id_ab_right_item_1.jpg) no-repeat center; background-size:cover;}
    .flm_id_ab_right_item:hover .flm_id_ab_right_item_ico_1{ opacity: 0;}
    .flm_id_ab_right_item:hover .flm_id_ab_right_item_ico_2{ opacity: 1;transform: translateY(-5px);}
    .flm_id_ab_right_item:hover .flm_id_ab_right_item_ico_2 img{  animation:rot 0.5s; -webkit-animation:rot 0.5s;}


    .flm_id_ab_right_item:hover .flm_id_ab_right_item_title{ color: #fff;transform: translateY(-5px);}
    .flm_id_ab_right_item:hover .flm_id_ab_right_item_ltitle{ color: rgba(255,255,255,0.8);transform: translateY(-5px);}

    .flm_id_ab_right_item_ico{
        width: 100%;
        height: 2.5rem;
        position: relative;
        overflow: hidden;
    }
    .flm_id_ab_right_item_ico_1,.flm_id_ab_right_item_ico_2{
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 0px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .flm_id_ab_right_item_ico_2{
        position: absolute;top: 0;
        left: 0;
        opacity: 0;
    }
    .flm_id_ab_right_item_ico img{
        height: 100%;
        width: auto;
    }
    @keyframes rot{
        0% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            }
        25% {
            transform:rotate(5deg);
            -webkit-transform:rotate(5deg);
        }
        50% {
            transform:rotate(-5deg);
            -webkit-transform:rotate(-5deg);
        }
        75% {
            transform:rotate(5deg);
            -webkit-transform:rotate(5deg);
        }
        100% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            }
    }
    @-webkit-keyframes rot{
        0% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            }
        25% {
            transform:rotate(5deg);
            -webkit-transform:rotate(5deg);
        }
        50% {
            transform:rotate(-5deg);
            -webkit-transform:rotate(-5deg);
        }
        75% {
            transform:rotate(5deg);
            -webkit-transform:rotate(5deg);
        }
        100% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            }
    }


    .flm_id_ab_right_item_title{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin-top: 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .flm_id_ab_right_item_ltitle{
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        line-height: 100%;
        font-family: dm;
        margin-top: 0.3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
}

/*@media screen and (max-width:1595px)and (min-width:1280px){
	.flm_nav_meun_tiem{ margin-right: 2.5rem;}
	.flm_footer_item_ico img {
		width: 3rem;
		height: 3rem;
	}
	.flm_footer_item_text{
		    height: 3.5rem;
	}
	
	.flm_footer_item_text_title,.flm_footer_item_text_ltitle {
    font-size: 1rem;
}
	.flm_footer_item_code,.flm_footer_item_code img {
    width: 70px;
		height: 70px;}
}
@media screen and (max-width:1279px)and (min-width:1024px){
	.flm_nav_meun_tiem{ margin-right: 1.5rem;}
	.flm_footer_item_ico img {
		width: 3rem;
		height: 3rem;
	}
	.flm_footer_item_text{
		    height: 3.5rem;
	}
	
	.flm_footer_item_text_title,.flm_footer_item_text_ltitle {
    font-size: 1rem;
}
	.flm_footer_item_code,.flm_footer_item_code img {
    width: 70px;
		height: 70px;}
}
*/