@media screen and (max-width:1023px)and (min-width:300px)
{ 
    /*导航*/
    .xc_nav_box{
        width: 100%;
        height: 55px;
        max-height: 150px;
        position: sticky;
        background: #FFFFFF;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    }


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

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

    .xc_nav_logo img{
        width: auto;
        height: 18px;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xc_nav_main{
        width: 100%;
        height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        background: #FFFFFF;
        border-top: 1px solid rgba(0,0,0,0.1);
        padding: 0rem 0 0rem 0;
        left: 0;
        top: 55px;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_nav_main_on{
        height: auto;
        opacity: 1;
        padding: 1.5rem 0 3rem 0;
        
    }

    .xc_nav_meun{
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .xc_nav_meun_tiem{
        width: auto;
        height: 100%;
        padding: 0 0rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        text-align: center;
        margin: 0.5rem 0;
    }

    .xc_nav_meun_tiem>a{
        width: auto;
        height: auto;
        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: opm;
        color: #000000;
        padding: 0.5rem 0;

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

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

    .xc_nav_lang{
        width: auto;
        height: auto;
        font-size: 0;
        margin-left: 0rem;
        margin-top: 2rem;
    }
    .xc_nav_lang img{
        width: auto;
        height: 0.85rem;
    }

    .xc_nav_search{
        width: 16rem;
        height: 2.5rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-top: 1.5rem;
    }


    .xc_nav_search_btn{
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        cursor: pointer;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 1rem;
    }
    .xc_nav_search:hover .xc_nav_search_btn{
        margin-right: 1rem;
    }
    .xc_nav_search_btn svg{
        fill:rgba(0,0,0,0.4);
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_nav_search:hover svg{
        fill:var(--OneColor);
    }
    .xc_nav_search_main{
        width: 100%;
        height: 100%;
        border: 1px solid rgba(0,0,0,0.6);
        position: absolute;
        border-radius: 3rem;
        background: #FFFFFF;
        z-index: 0;
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_nav_search_main form{

        height: 100%;
    }

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



    .xc_nav_down{
        position: relative;
        width: auto;
        height: 0;
        overflow: hidden;
        background: rgba(255,255,255,0.9);
        top: 0%;
        left: 0;
        opacity: 0;
        z-index: 50;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_nav_meun_tiem2:hover .xc_nav_down{

        height: auto;
        opacity: 1;
    }
    .xc_nav_down_item_title{
        font-size: 0;
        font-family: oph;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 1rem;
        padding-top: 1.5rem;
        text-align: center;
        display: none;
    }
    .xc_nav_down_item_title img{
        height: 2rem;
        width: auto;
    }

    .xc_nav_down_item_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 1rem;
        text-align: center;
        padding-bottom: 0rem;
    }
    .xc_nav_down_item_con a{
        font-size: 1.125rem;
        color: #696a72;
        font-family: opm;
        margin: 0.4rem 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_nav_down_item_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;}

    /*pbanner*/
    .xc_pbanner{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        background-image: url("../images/pro_banner_back.jpg");
        background-size: cover;
        background-position: center;
        padding-bottom: 2rem;
    }

    .xc_pbanner_con{
        width: 94%;
        height: 100%;
        margin: 0 auto;
    }
    .xc_pbanner_con_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 3rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 1.5rem;
    }
    .xc_pbanner_con_top_left{
        width: 100%;
        height: auto;
    }
    .xc_pbanner_con_top_left_logo{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 0;
    }
    .xc_pbanner_con_top_left_logo img{
        width: auto;
        height: 2rem;
    }
    .xc_pbanner_con_top_left_logo_2{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .xc_pbanner_con_top_left_logo_2 img{
        width: auto;
        height: 2.3rem;
    }
    .xc_pbanner_con_top_left_title{
        font-size: 1.25rem;
        font-family: oph;
        color: #000000;
        margin-top: 0.75rem;
        letter-spacing: 0rem;
        width: 100%;
        text-align: center;
    }


    .xc_pbanner_con_top_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 1.5rem;
    }
    .xc_pbanner_con_top_right a{
        font-size: 1.125rem;
        color: #000000;
        font-family: opb;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_pbanner_con_top_right a:hover{
        color: var(--OneColor);
    }
    .xc_pbanner_con_top_right a.xc_pbanner_con_top_right_a{
        color: var(--OneColor);
    }

    .xc_pbanner_con_main{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        position: relative;
        padding-top: 25rem;
    }

    .xc_pbanner_con_main_left{
        width: 100%;
        height: auto;
    }
    .xc_pbanner_con_main_left_des{
        font-size: 1.125rem;
        color: #3e3a39;
        font-family: opm;
        line-height: 165%;
        padding-top: 1.5rem;
    }

    .xc_pbanner_con_main_left_tag{
        width: 100%;
        height: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1rem 0 1.5rem 0;
    }
    .xc_pbanner_con_main_left_tag p{
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        font-size: 1.25rem;
        margin: 0.3rem 0;
        font-family: opb;
        font-style: oblique;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .xc_pbanner_con_main_left_tag p:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 6px;
        height: 6px;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 3px);
    }
    .xc_pbanner_con_main_left_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        border-top: 1px solid rgba(93,18,112,0.1);
        padding-top: 0.5rem;
    }
    .xc_pbanner_con_main_left_ld_item{
        width: 33.33%;
        height: auto;
        margin-top: 1.5rem;
    }
    .xc_pbanner_con_main_left_ld_item_ico{
        font-size: 0;
        width: auto;
        height: 2.3rem;
        margin: 0 auto;
        text-align: center;
    }
    .xc_pbanner_con_main_left_ld_item_ico img{
        width: auto;
        height: 100%;
    }
    .xc_pbanner_con_main_left_ld_item_title{
        font-size: 1rem;
        font-family: opm;
        color: #000000;
        text-align: center;
        padding-top: 0.75rem;
    }

    .xc_pbanner_con_main_right{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25rem;
        font-size: 0;
        padding-top: 3rem;
    }
    .xc_pbanner_con_main_right div{
        width: 100%;
        height: 100%;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
    }
    .xc_pbanner_con_main_right div img{
        width: auto;
        height: 100%;
        max-height: 100%;
    }


    /*nbanner*/
    .xc_nbanner{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        aspect-ratio: 1920/700;
        position: relative;
    }
    .xc_nbanner_img{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        font-size: 0;
    }
    .xc_nbanner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xc_nbanner_con{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 5;
        text-align: center;
    }
    .xc_nbanner_con_en{
        font-size: 2rem;
        font-family: 'Arial';
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
    }
    .xc_nbanner_con_cn{
        font-size: 2rem;
        font-family: opm;
        color: #FFFFFF;
        margin-top: 0rem;
    }


    /*footer*/
    .xc_footer_box{
        width: 100%;
        height: auto;
        background:#f7f7f9;
        position: relative;
    }
    .xc_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-top: 3rem;
    }
    .xc_footer_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 2rem;
    }

    .xc_footer_top_mid{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        display: none;

    }
    .xc_footer_menu{
        margin-right: 4rem;
    }
    .xc_footer_menu_at{
        width: 100%;
        height: auto;
        display: block;
        font-size: 1.25rem;
        font-family: opm;
        color: rgba(0,0,0,0.9);
        margin-bottom: 1.5rem;
    }
    .xc_footer_menu_a{
        width: 100%;
        height: auto;
        display: block;
        font-family: opm;
        font-size: 1rem;
        color: rgba(0,0,0,0.6);
        margin-bottom: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_footer_menu_a:hover{
        color: rgba(0,0,0,1);
    }

    .xc_footer_top_right{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .xc_footer_top_right_logo img{
        width: auto;
        height: 1.5rem;
    }
    .xc_footer_top_right_title{
        font-size: 1.125rem;
        color: #a4a4a4;
        margin-top: 2rem;
        font-family: opm;
    }
    .xc_footer_top_right_tel{
        font-size: 1.875rem;
        font-family: opb;
        color: #000000;
    }
    .xc_footer_top_right_mail{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
    }

    .xc_footer_bottom{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .xc_footer_bottom_left{
        font-size: 1rem;
        color: rgba(0,0,0,0.4);
        line-height: 170%;
        font-family: opm;
        text-align: center;
    }
    .xc_footer_bottom_left a{
        color: rgba(0,0,0,0.4);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        /*margin-left: 1rem;*/
    }
    .xc_footer_bottom_left a:hover{
        color: rgba(0,0,0,1);
    }

    .xc_footer_bottom_right{
        width: auto;
        height: auto;
        align-items: center;
        position: relative;
        display: none;
    }
    .xc_footer_bottom_right a{
        display: block;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 50%;
        background: #959595;
        padding: 0.7rem;
        font-size: 0;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_footer_bottom_right a:hover{
        background: var(--OneColor);
    }
    .xc_footer_bottom_right a svg{
        width: 100%;
        height: 100%;
        margin: 0 auto;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xc_footer_bottom_right_code{
        position: absolute;
        width: 120px;
        height: 0px;
        left: calc(50% - 60px);
        bottom: 110%;
        z-index: 5;
        font-size: 0;
        padding: 0px 5px;
        background: #FFFFFF;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_footer_bottom_right:hover .xc_footer_bottom_right_code{
        opacity: 1;
        height: 120px;
        padding: 5px 5px;
    }
    .xc_footer_bottom_right_code img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    /*产品页面*/
    .xc_pro_ld_box{
        width: 100%;
        height: auto;
        padding: 2rem 0 3rem 0;
      /*  background-image: url("../images/pro_ld_back.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: top center;*/
    }
    .xc_pro_ld_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-family: opm;
        font-size: 1.875rem;
        color: #000000;
        border-bottom: 2px solid #9d3c90;
        padding-bottom: 1.5rem;
        position: relative;
    }
    .xc_pro_ld_title:before{
        position: absolute;
        content: '';
        width: 5rem;
        height: 10px;
        font-size: 0;
        left: 2px;
        bottom: -1px;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        transform: skewX(-30deg);
    }

    .xc_pro_ld{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;

    }

    .xc_pro_ld_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 2rem;
    }
    .xc_pro_ld_item:nth-of-type(3n){
        margin-right: 3%;
    }
    .xc_pro_ld_item:nth-of-type(2n){
        margin-right: 0;
    }
    .xc_pro_ld_item_img{
        width: 100%;
        height: calc(94vw * 0.485 * 304 / 445);
        font-size: 0;
        overflow: hidden;
    }
    .xc_pro_ld_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);
    }
    .xc_pro_ld_item:hover .xc_pro_ld_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .xc_pro_ld_item_title{
        margin-top: 1.5rem;
        text-align: center;
    }
    .xc_pro_ld_item_title span{
        font-size: 1.375rem;
        font-family: opb;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
    }
    .xc_pro_ld_item_des{
        margin-top: 0.75rem;
        font-size: 1rem;
        color: rgba(58,58,58,0.80);
        font-family: opm;
        line-height: 150%;
    }


    .xc_pro_yy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .xc_pro_yy_item{
        width: 48.5%;
        height: calc(94vw * 0.485 * 319 / 449);
        margin-right: 3%;
        margin-top: 3%;
        position: relative;
    }
    .xc_pro_yy_item:nth-of-type(3n){
        margin-right: 3%;
    }
    .xc_pro_yy_item:nth-of-type(2n){
        margin-right: 0;
    }
    .xc_pro_yy_item_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
    }
    .xc_pro_yy_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);
    }
    .xc_pro_yy_item:hover .xc_pro_yy_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .xc_pro_yy_item_title{
        position: relative;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 1rem 0;
        text-align: center;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5))
    }


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

    .xc_pro_yy2_item{
        width: 48.5%;
        aspect-ratio: 686/410;
        margin-top: 3%;
        position: relative;
    }
    .xc_pro_yy2_item_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
    }
    .xc_pro_yy2_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);
    }
    .xc_pro_yy2_item:hover .xc_pro_yy2_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .xc_pro_yy2_item_title{
        position: relative;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 1rem 0;
        text-align: center;
        font-size: 1.25rem;
        font-family: opm;
        color: #FFFFFF;
        background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5))
    }


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

    .xc_pro_yy3_item{
        width: 48.5%;
        height: auto;
        margin-top: 3%;
        position: relative;
    }
    .xc_pro_yy3_item_title{
        position: relative;
        z-index: 5;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 1.15rem 0;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        background: linear-gradient(to right,#292e87,#a03e8f);
        border-top-left-radius: 2rem;
    }
    .xc_pro_yy3_item_con{
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
        border: 2px solid rgba(93,18,112,0.2);
        border-top: 0;
        font-size: 1rem;
        color: rgba(62,58,57,0.8);
        font-family: opm;
        line-height: 140%;
    }
    .xc_pro_yy3_item_con div{
        width: 100%;
        height: 100%;
        overflow: auto;
    }



    .xc_pro_fa{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;

    }

    .xc_pro_fa_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 2rem;
        background: #ffffff;
    }
    .xc_pro_fa_item:nth-of-type(3n){
        margin-right: 3%;
    }
    .xc_pro_fa_item:nth-of-type(2n){
        margin-right: 0;
    }
    .xc_pro_fa_item_img{
        width: 100%;
        height: calc(94vw * 0.485 * 304 / 445);
        aspect-ratio: 445/304;
        font-size: 0;
        overflow: hidden;
    }
    .xc_pro_fa_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);
    }
    .xc_pro_fa_item:hover .xc_pro_fa_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .xc_pro_fa_item_title{
        margin-top: 1.5rem;
        padding: 0 1rem;
    }
    .xc_pro_fa_item_title span{
        font-size: 1.375rem;
        font-family: opm;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
    }
    .xc_pro_fa_item_ltitle{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        padding: 0 1rem;
        margin-top: 0.3rem;
    }
    .xc_pro_fa_item_con{
        padding: 1rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .xc_pro_fa_item_con span{
        position: relative;
        font-size: 1rem;
        font-family: opm;
        color: #000000;
        margin: 0.2rem 0;
        padding-left: 1rem;
    }
    .xc_pro_fa_item_con span:before{
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        font-size: 0;
        background: var(--OneColor);
        border-radius: 50%;
        left: 0;
        top: calc(50% - 2px);
    }


    /*规格*/
    .xc_pro_gg_title{
        text-align: center;
        font-size: 2rem;
        font-family: opb;
    }
    .xc_pro_gg_ltitle{
        text-align: center;
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        font-family: opm;
        line-height: 130%;
        margin-top: 1rem;
    }

    .xc_pro_gg{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .xc_pro_gg form{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .xc_pro_gg_item{
        width: 100%;
        height: 3.5rem;
        border: 1px solid var(--OneColor);
        margin-top: 1rem;
    }
    .xc_pro_gg_item input{
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        padding: 0 1rem;
        font-size: 1.125rem;
        font-family: opm;
    }
    .xc_pro_gg_item2{
        width: 100%;
        height: 8rem;
        border: 1px solid var(--OneColor);
        margin-top: 1rem;
    }
    .xc_pro_gg_item2 textarea{
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        padding: 1rem 1rem;
        font-size: 1.125rem;
        font-family: opm;
    }
    .xc_pro_gg_btn{
        width: 100%;
        height: auto;
        margin-top: 1.5rem;
        text-align: center;
    }
    .xc_pro_gg_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        padding: 0 1.5rem;
        width: auto;
        height: 3.5rem;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        cursor: pointer;
    }

    .xc_pro_down{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .xc_pro_down_item{
        width: 48.5%;
        height: auto;
        margin-right: 3%;
        margin-top: 1.5rem;
    }
    .xc_pro_down_item:nth-of-type(3n){
        margin-right: 3%;
    }
    .xc_pro_down_item:nth-of-type(2n){
        margin-right: 0;
    }
    .xc_pro_down_item_img{
        width: 100%;
        height:  calc(94vw * 0.485 * 305 / 452);
        font-size: 0;
        overflow: hidden;
    }
    .xc_pro_down_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xc_pro_down_item_title{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .xc_pro_down_item_title a{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        text-align: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_pro_down_item_title a:hover{
        color: var(--OneColor);
    }
    .xc_pro_down_item_title span{
        font-size: 0;
        width: 2px;
        height: 1rem;
        margin: 0 1rem;
        background: rgba(0,0,0,0.6);
    }

    .xc_pro_down_btn{
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 4rem;
    }
    .xc_pro_down_btn a{
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3.5rem;
        background: #f9f9f9;
        color: #000000;
        font-size: 1.125rem;
        font-family: opm;
        padding: 0 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_pro_down_btn a:hover{
        background: var(--OneColor);
        color: #FFFFFF;
    }


    /*技术工艺*/
    .xc_gy_menu_box{
        width: 100%;
        height: auto;
    }
    .xc_gy_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 3rem;
    }
    .xc_gy_menu a{
        width: 50%;
        font-size: 1.125rem;
        color: #000000;
        font-family: opb;
        margin: 0.25rem 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_gy_menu a:hover{
        color: var(--OneColor);
    }
    .xc_gy_menu a.xc_gy_menu_on{
        color: var(--OneColor);
    }

    .xc_gy_cob_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        padding:0 0 3rem 0;
       /* background-image: url("../images/gy_back1.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xc_gy_title{
        text-align: center;
        font-size: 2rem;
        font-family: opb;
        color: #000000;
        text-transform: uppercase;
    }
    .xc_gy_cob{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .xc_gy_cob_left{
        width: 100%;
        height: auto;
    }
    .xc_gy_cob_left_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .xc_gy_cob_left_title_text{
        width: auto;
        height: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        letter-spacing: 0.1rem;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        padding: 0 2rem;
        border-radius: 3.5rem;
    }
    .xc_gy_cob_left_title_ico{
        width: 3.5rem;
        height: 3.5rem;
        font-size: 0;
        margin-left: 1rem;
    }
    .xc_gy_cob_left_title_ico img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    .xc_gy_cob_left_tag{
        width: 100%;
        height: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.5rem 0;
    }
    .xc_gy_cob_left_tag p{
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        font-size: 1.125rem;
        margin-top: 1.5rem;
        line-height: 160%;
        color: #3e3a39;
        font-family: opm;
        padding-left: 1.15rem;
    }
    .xc_gy_cob_left_tag p:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 5px;
        height: 5px;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        border-radius: 50%;
        left: 0;
        top: 0.85rem;
    }


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


    .xc_gy_3d_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        padding: 3rem 0 5rem 0;
       /* background-image: url("../images/gy_back2.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xc_gy_title2{
        text-align: center;
        font-size: 2rem;
        font-family: opb;
        color: #FFFFFF;
        text-transform: uppercase;
    }
    .xc_gy_3d{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .xc_gy_3d_left{
        width: 100%;
        height: auto;
    }


    .xc_gy_cob_left_tag2{
        width: 100%;
        height: auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.5rem 0;
    }
    .xc_gy_cob_left_tag2 p{
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        font-size: 1.125rem;
        margin-top: 1.5rem;
        line-height: 160%;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 1.15rem;
    }
    .xc_gy_cob_left_tag2 p br{
        display: none;
    }
    .xc_gy_cob_left_tag2 p:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 5px;
        height: 5px;
        background: #FFFFFF;
        border-radius: 50%;
        left: 0;
        top: 0.85rem;
    }

    .xc_gy_3d_left_img{
        width: auto;
        height: auto;
        font-size: 0;
        text-align: center;
        margin-top: 2rem;
        padding-left: 0rem;
    }
    .xc_gy_3d_left_img img{
        width: auto;
        height: 4rem;
    }


    .xc_gy_3d_right{
        width: 100%;
        height: auto;
        font-size: 0;
        padding-top: 2.5rem;
    }
    .xc_gy_3d_right img{
        width: 100%;
        height: auto;
    }


    .xc_gy_nm_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        padding: 3rem 0 5rem 0;
        /*background-image: url("../images/gy_back3.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xc_gy_nm{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .xc_gy_nm_left{
        width: 100%;
        height: auto;
        padding-top: 1.5rem;
    }
    .xc_gy_nm_left_des{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin-top: 1.5rem;
        line-height: 160%;
    }
    .xc_gy_nm_left_ys{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 2rem;
    }
    .xc_gy_nm_left_ys_item{
        width: auto;
        height: auto;
        text-align: center;
    }
    .xc_gy_nm_left_ys_item_ico{
        width: auto;
        height: 2.5rem;
        font-size: 0;
    }
    .xc_gy_nm_left_ys_item_ico img{
        width: auto;
        height: 100%;
    }
    .xc_gy_nm_left_ys_item_title{
        width: auto;
        height: auto;
        text-align: center;
        margin-top: 0.75rem;
    }

    .xc_gy_nm_left_ys_item_title span{
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        font-size: 1rem;
        font-family: opm;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
    }
    .xc_gy_nm_left_ys_item:nth-of-type(1) .xc_gy_nm_left_ys_item_title span{
        background-image:linear-gradient(to right,#282e87, #2d2e89);
    }
    .xc_gy_nm_left_ys_item:nth-of-type(2) .xc_gy_nm_left_ys_item_title span{
        background-image:linear-gradient(to right,#3f2c91, #58409e);
    }
    .xc_gy_nm_left_ys_item:nth-of-type(3) .xc_gy_nm_left_ys_item_title span{
        background-image:linear-gradient(to right,#602b9d, #682b9e);
    }
    .xc_gy_nm_left_ys_item:nth-of-type(4) .xc_gy_nm_left_ys_item_title span{
        background-image:linear-gradient(to right,#8343a3, #883598);
    }
    .xc_gy_nm_left_ys_item:nth-of-type(5) .xc_gy_nm_left_ys_item_title span{
        background-image:linear-gradient(to right,#993c92, #a13f8f);
    }

    .xc_gy_nm_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        margin-top: 2rem;
    }
    .xc_gy_nm_right img{
        width: 80%;
        height: auto;
    }

    /*技术支持*/
    .xc_zc_map_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        padding-top: 3rem;
    }
    .xc_zc_map{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 0;
    }
    .xc_zc_map svg{
        width: 100%;
        height: auto;
    }

    .xc_zc_address{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-bottom: 3rem;
    }
    .xc_zc_address_item{
        width: 100%;
        height: auto;
        background: #edeffb;
        padding: 2rem 2rem;
        margin-right: 0%;
        margin-top: 3%;
        position: relative;
    }
    .xc_zc_address_item:nth-of-type(3n){
        margin-right: 0%;
    }
    .xc_zc_address_item:nth-of-type(2n){
        margin-right: 0;
    }

    .xc_zc_address_item_back{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to right,#292e87,#a03e8f);
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_zc_address_item:hover .xc_zc_address_item_back{
        opacity: 1;
    }

    .xc_zc_address_item_title{
        font-size: 1.5rem;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_zc_address_item:hover .xc_zc_address_item_title{
        color: #FFFFFF;
    }
    .xc_zc_address_item_con{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        font-family: opm;
        margin-top: 0.85rem;
        background-repeat: no-repeat;
        background-position: left 0.2rem;
        background-size: 1.1rem;
        padding-left: 1.7rem;
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_zc_address_item:hover .xc_zc_address_item_con{
        color: rgba(255,255,255,0.7);
    }
    .xc_zc_address_item_con_tel{
        background-image: url("../images/zc_tel.svg");
    }
    .xc_zc_address_item:hover .xc_zc_address_item_con_tel{
        background-image: url("../images/zc_tel1.svg");
    }
    .xc_zc_address_item_con_address{
        background-image: url("../images/zc_address.svg");
    }
    .xc_zc_address_item:hover .xc_zc_address_item_con_address{
        background-image: url("../images/zc_address1.svg");
    }
    .xc_zc_address_item_con_mail{
        background-image: url("../images/zc_mail.svg");
    }
    .xc_zc_address_item:hover .xc_zc_address_item_con_mail{
        background-image: url("../images/zc_mail1.svg");
    }

    .xc_zc_zc_box{
        width: 100%;
        height: auto;
        padding: 3rem 0 3rem 0;
        background: linear-gradient(to right,#eceefb,#dfe1f7);
    }
    .xc_zc_zc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .xc_zc_zc img{
        width: 100%;
        height: auto;
    }

    /*品质水平*/
    .xc_pz_kj_box{
        width: 100%;
        height: auto;
        padding: 0rem 0 3rem 0;
       /* background-image: url("../images/pz_kj.jpg");
        background-size: cover;
        background-position: center top;*/
    }
    .xc_pz_kj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
        padding-bottom: 3rem;
    }
    .xc_pz_kj_left{
        width: 100%;
        height: auto;
    }


    .xc_pz_yh_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
       /* background-image: url("../images/pz_yh.jpg");
        background-size: cover;
        background-position: center top;*/
    }
    .xc_pz_yh{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 1.5rem;
    }

    .xc_pz_yh_left{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .xc_pz_yh_left_img{
        width: auto;
        height: 11rem;
        padding-left: 0rem;
        font-size: 0;
        margin-top: 0rem;
        text-align: center;
    }
    .xc_pz_yh_left_img img{
        width: auto;
        height: 100%;
    }

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


    .xc_pz_cob_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        /*background-image: url("../images/pz_cob.jpg");
        background-size: cover;
        background-position: center top;*/
    }
    .xc_pz_cob{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5rem;
    }

    .xc_pz_cob_left{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .xc_pz_cob_left_td{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 2rem;
    }
    .xc_pz_cob_left_td_item_title{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin-top: 1rem;
    }

    .xc_pz_cob_left_td_item{
        width: 25%;
        height: auto;
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .xc_pz_cob_left_td_item_ico{
        width: 5rem;
        height: auto;
        font-size: 0;
        margin: 0 auto;
    }
    .xc_pz_cob_left_td_item_ico img{
        width: 100%;
        height: auto;
    }


    .xc_pz_cob_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        margin-top: 2rem;
    }
    .xc_pz_cob_right img{
        width: 80%;
        height: auto;
    }


    .xc_pz_sqc_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        background: linear-gradient(to bottom,#fefeff,#f3f5fe);
    }
    .xc_pz_sqc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .xc_pz_sqc_des{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #3e3a39;
        font-family: opm;
        line-height: 170%;
        margin-top: 1.5rem;
    }
    .xc_pz_sqc_img{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .xc_pz_sqc_img img{
        width: 100%;
        height: auto;
    }

    /*企业介绍*/
    .xc_ab_js_box{
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        background-image: url("../images/phone.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
    }
    .xc_ab_menu_box{
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        z-index: 5;
    }
    .xc_ab_menu{
        width: 94%;
        height: auto;
        padding: 1.5rem 0;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .xc_ab_menu a{
        margin: 0 1rem;
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        position: relative;
        padding-bottom: 5px;
    }
    .xc_ab_menu a:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 100%;
        height: 1px;
        background: #FFFFFF;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: scaleX(0);
    }
    .xc_ab_menu a:hover:after{
        transform: scaleX(1);
    }

    .xc_ab_js_title_box{
        position: relative;
        width: 100%;
        height: auto;
        top: 0%;
        left: 0;
        z-index: 5;
    }
    .xc_ab_js_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 2rem;
        font-family: opb;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 100%;
        margin-top: 3rem;
        text-align: center;
    }

    .xc_ab_js_ltitle_box{
        position: relative;
        width: 100%;
        height: auto;
        top: 0%;
        left: 0;
        z-index: 5;
        margin-top: 1.5rem;
    }
    .xc_ab_js_ltitle{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 140%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-image: url("../images/ab_jj_ico.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 5rem auto;
        padding-left: 0rem;
        text-align: center;
        background: none;
    }


    .xc_ab_js_des_box{
        position: relative;
        width: 100%;
        height: auto;
        top: 0%;
        left: 0;
        z-index: 5;
    }
    .xc_ab_js_des{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 4rem;
    }

    .xc_ab_js_des_item{
        width: 100%;
        height: auto;
        position: relative;
        font-size: 1.125rem;
        margin-top: 1.5rem;
        line-height: 160%;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 1.15rem;
    }
    .xc_ab_js_des_item:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 5px;
        height: 5px;
        background:#FFFFFF;
        border-radius: 50%;
        left: 0;
        top: 0.85rem;
    }
.xc_ab_js_btn{
    width: 94%;
	height: auto;
	margin: 0 auto;
    text-align: center;
    padding-bottom: 3rem;
}
.xc_ab_js_btn a{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    background: #FFFFFF;
    border-radius: 4rem;
    width: auto;
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xc_ab_js_btn a:hover{
    -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 5px 15px 0 rgba(255,255,255,0.8);
    transform: translateY(-3px);
}
.xc_ab_js_btn_ico{
    font-size: 0;
    width: auto;
    height: 1.5rem;
}
.xc_ab_js_btn_ico img{
    width:auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.xc_ab_js_btn_text{
    font-size: 1.125rem;
    color: var(--OneColor);
    padding-left: 0.5rem;
}

    .xc_ab_td_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
       /* background-image: url("../images/ab_td_back.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xc_ab_td{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }

    .xc_ab_td_title{
        font-size: 2rem;
        font-family: opb;
        color: #000000;
        text-align: center;
    }
    .xc_ab_td_line{
        width: 4rem;
        height: 0.4rem;
        font-size: 0;
        background: linear-gradient(to right,#292e87,#9f3d90);
        border-radius: 0.5rem;
        margin: 1rem auto;
    }

    .xc_ab_td_ltitle{
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative;
        font-size: 1.125rem;
        font-family: opb;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
        margin-top: 0.5rem;
        text-align: center;
        line-height: 150%;
    }
    .xc_ab_td_des{
        width: 90%;
        height: auto;
        margin: 0 auto;
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        line-height: 160%;
        margin-top: 1.5rem;
    }
    .xc_ab_td_img{
        width: auto;
        height: 9rem;
        font-size: 0;
        margin-top:2rem;
        text-align: center;
    }
    .xc_ab_td_img img{
        width: auto;
        height: 100%;
    }

    .xc_ab_ry_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
        /*background-image: url("../images/ab_ry_back.jpg");
        background-size: cover;
        background-position: center;*/
    }

    .xc_ab_ry_title{
        width: 94%;
        height: auto;
        margin: 0 auto;
        font-size: 2rem;
        font-family: opb;
        color: #000000;
        text-align: center;
        text-transform: uppercase;
    }
    .xc_ab_ry{
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 0;
        margin-top: 1.5rem;
    }
    .xc_ab_ry img{
        width: 100%;
        height: auto;
    }
    .xc_ab_rc_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }

    .xc_ab_rc_ltitle{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
        text-align: center;
        line-height: 150%;
        margin-top: 1rem;
    }
    .xc_ab_rc_btn{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }

    .xc_ab_rc_btn a{
        width: auto;
        height: 4rem;
        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin:0 0.5rem;
        padding: 0 2rem;
        border-radius: 3.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_ab_rc_btn a:hover{
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 15px 15px 0 rgba(156,60,144,0.2);
        transform: translateY(-3px);
    }
    .xc_ab_rc_btn_ico{
        font-size: 0;
        width: 3rem;
        height: auto;
    }
    .xc_ab_rc_btn_ico img{
        width: 100%;
        height: auto;
    }
    .xc_ab_rc_btn_text{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 1rem;
    }

    .xc_ab_rc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .xc_ab_rc_item{
        width: 33%;
        height: auto;
    }
    .xc_ab_rc_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .xc_ab_rc_item_img img{
        width: 80%;
        height: auto;
    }
    .xc_ab_rc_item_title{
        text-align: center;
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
    }

    /*生产智造*/
    .xc_zz_menu_box{
        width: 100%;
        height: auto;
    }
    .xc_zz_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .xc_zz_menu a{
        width: 50%;
        font-size: 1.125rem;
        color: #000000;
        font-family: opb;
        margin: 0.25rem 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_zz_menu a:hover{
        color: var(--OneColor);
    }
    .xc_zz_menu a.xc_zz_menu_on{
        color: var(--OneColor);
    }

    .xc_zz_tj_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        aspect-ratio: auto;
        height: auto;
        background-image: url("../images/zz_tj_img.jpg");
        background-size: cover;
        background-position: center;
    }
    .xc_zz_tj{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        padding: 3.5rem 0;
    }
    .xc_zz_tj_con{
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: linear-gradient(to right,rgba(41,46,135,0.85),rgba(160,63,143,0.85));
        padding: 1.5rem 2rem;
        border-bottom-right-radius: 2rem;
    }
    .xc_zz_tj_con_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .xc_zz_tj_con_line{
        width: 100%;
        height: 1px;
        font-size: 0;
        background: #FFFFFF;
        margin: 1.5rem 0;
        position: relative;
    }
    .xc_zz_tj_con_line:after{
        position: absolute;
        content: '';
        width: 6rem;
        height: 4px;
        font-size: 0;
        background: #FFFFFF;
        left: 0;
        top: -1px;
    }
    .xc_zz_tj_con_des{
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        line-height: 160%;
    }
    .xc_zz_gc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding:1rem 0 3rem 0;
    }
    .xc_zz_gc_item{
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-top: 1.5rem;
    }
    .xc_zz_gc_item2{
        justify-content: flex-start;
    }
    .xc_zz_gc_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
        position: relative;
        left: 0;
        top: 0;
    }
    .xc_zz_gc_item2 .xc_zz_gc_item_img{
        left: auto;
        right: 0;
    }
    .xc_zz_gc_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xc_zz_gc_item_con{
        width: 100%;
        height: 100%;
        background: #f0f0f0;
        padding: 3rem 2rem 2rem 2rem;
    }

    .xc_zz_gc_item_con_line{
        width: 100%;
        height: 1px;
        font-size: 0;
        background: var(--OneColor);
        position: relative;
    }
    .xc_zz_gc_item_con_line:after{
        position: absolute;
        content: '';
        width: 6rem;
        height: 4px;
        font-size: 0;
        background: linear-gradient(to right,rgba(41,46,135,1),rgba(160,63,143,1));
        left: 0;
        top: -1px;
    }
    .xc_zz_gc_item_con_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #000000;
        margin-top: 2rem;
    }
    .xc_zz_gc_item_con_des{
        font-size: 1.125rem;
        font-family: opm;
        color: #000000;
        line-height: 165%;
        max-height: 100vh;
        margin-top: 1.5rem;
    }

    /*性能设计*/
    .xc_xn_dz_box{
        width: 100%;
        height: auto;
       /* background-image: url("../images/xn_dz_back.jpg");
        background-size: cover;
        background-position: center;*/
    }
    .xc_xn_dz{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 0 4rem 0;
    }
    .xc_xn_dz_left{
        width: 100%;
        height: auto;
    }
    .xc_xn_dz_left_des{
        font-size: 1.125rem;
        color: #3e3a39;
        font-family: opm;
        line-height: 160%;
        margin-top: 1.5rem;
    }
    .xc_xn_dz_left_img{
        font-size: 0;
        width: 100%;
        height: 15rem;
        text-align: center;
        margin-top: 1.5rem;
    }
    .xc_xn_dz_left_img img{
        width: auto;
        height: 100%;
    }

    .xc_xn_dz_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        margin-top: 3rem;
    }
    .xc_xn_dz_right img{
        width: 80%;
        height: auto;
    }

    .xc_xn_gy_box{
        width: 100%;
        height: auto;
       /* background-image: url("../images/xn_gy_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0 3rem 0;
    }
    .xc_xn_gy{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .xc_xn_gy_left{
        width: 100%;
        height: auto;
    }
    .xc_xn_gy_left_des{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        line-height: 160%;
        margin-top: 2rem;
    }
    .xc_xn_gy_left_img{
        font-size: 0;
        width: auto;
        height: 9rem;
        margin-top: 2.5rem;
        text-align: center;
    }
    .xc_xn_gy_left_img img{
        width: auto;
        height: 100%;
    }

    .xc_xn_zm_box{
        width: 100%;
        height: auto;
       /* background-image: url("../images/xn_zm_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0 3rem 0;
    }
    .xc_xn_zm{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .xc_xn_zm img{
        width: auto;
        height: auto;
        max-width: 100%;
        margin-top: 1.5rem;
    }


    .xc_xn_ic_box{
        width: 100%;
        height: auto;
       /* background-image: url("../images/xn_ic_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0 3rem 0;
    }
    .xc_xn_ic{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .xc_xn_ic_left{
        width: 100%;
        height: auto;
    }
    .xc_xn_ic_right{
        width: 100%;
        height: auto;
        font-size: 0;
        padding-top: 2rem;
        text-align: center;
    }
    .xc_xn_ic_right img{
        width: 80%;
        height: auto;
    }


    .xc_xn_jc_box{
        width: 100%;
        height: auto;
       /* background-image: url("../images/xn_jc_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0 3rem 0;
    }
    .xc_xn_jc{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
    .xc_xn_jc_left{
        width: 100%;
        height: auto;
    }
    .xc_xn_jc_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    .xc_xn_jc_right img{
        width: 90%;
        height: auto;
    }


    /*首页*/
    .xc_banner{
        width: 100%;
        max-width: 2560px;
        height: calc(100vh - 55px);
        max-height: 100vh;
        margin: 0 auto;
    }
    .xc_banner_sw{
        width: 100%;
        height: 100%;
    }
    .ws_banner_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        top: 0;
    }
    .ws_banner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .ws_banner_con{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opb;
        text-align: center;
        line-height: 180%;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        transform: translateY(10rem);
    }
    .swiper-slide-active .ws_banner_con{
        opacity: 1;
        transform: translateY(0rem);
    }


    .xc_banner_sw_pagination{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: auto;
        text-align: center;
        left: 0;
    }

    .xc_banner_sw_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:2.4rem; 
        height:4px;  
        background: rgba(255,255,255,0.2);
        margin: 1rem 0.5rem;
        border-radius: 0;
        font-size: 0;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_banner_sw_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }



    .xc_id_video{
        position: relative;
        width: 100%;
        max-width: 2560px;
        height: calc(100vh - 55px);
        max-height: 100vh;
        margin: 0 auto;
    }
    .xc_id_video_sw{
        width: 100%;
        height: 100%;
    }
    .xc_id_video_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        left: 0;
        top: 0;
    }
    .xc_id_video_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xc_id_video_con{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .xc_id_video_con_title{
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opb;
        text-align: center;
        line-height: 180%;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        transform: translateY(10rem);
    }
    .swiper-slide-active .xc_id_video_con_title{
        opacity: 1;
        transform: translateY(0rem);
    }
    .xc_id_video_con_btn{
        -webkit-transition: all 0.8s 0.3s;
        -moz-transition: all 0.8s 0.3s;
        transition: all 0.8s 0.3s;
        opacity: 0;
        transform: translateY(10rem);
        margin-top: 1.5rem;
    }
    .swiper-slide-active .xc_id_video_con_btn{
        opacity: 1;
        transform: translateY(0rem);
    }
    .xc_id_video_con_btn a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: auto;
        height: 3rem;
        border: 1px solid rgba(255,255,255,0.2);
        font-size: 1.125rem;
        color: #FFFFFF;
        padding: 0 2rem;
        border-radius: 3rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_id_video_con_btn a:hover{
        background: #FFFFFF;
        border: 1px solid rgba(255,255,255,1);
        color: var(--OneColor);
    }

    .xc_id_video_menu_box{
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 2rem;
    }
    .xc_id_video_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .xc_id_video_menu_item{
        width: 12rem;
        aspect-ratio: 1920/1000;
        position: relative;
        border: 2px solid rgba(0,0,0,0);
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        cursor: pointer;
    }
    .xc_id_video_menu_item_on{
        border: 2px solid var(--OneColor);
    }
    .xc_id_video_menu_item_img{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        font-size: 0;
        left: 0;
        top: 0;
    }
    .xc_id_video_menu_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .xc_id_video_menu_item_btn{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
        left: 0;
        top: 0;
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .xc_id_video_menu_item_on .xc_id_video_menu_item_btn{
        opacity: 1;
    }
    .xc_id_video_menu_item_btn span{
        display: block;
        width: 3.2rem;
        height: 3.2rem;
        background: var(--OneColor);
        padding: 0.5rem;
        font-size: 0;
        border-radius: 50%;
        margin: 0 auto;
    }
    .xc_id_video_menu_item_btn span svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
    }

    .xc_id_video_menu_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.3);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .xc_id_video_menu_item:hover .xc_id_video_menu_item_back{
        opacity: 0;
    }
    .xc_id_video_menu_item_on .xc_id_video_menu_item_back{
        opacity: 0;
    }


    .id_xmetai_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        /*background-image: url("../images/id_xmetai_back.jpg");
        background-size: cover;
        background-position: center;*/
        position: relative;
        padding: 3rem 0 3rem 0;
    }
    .id_xmetai{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .id_xmetai_logo{
        width: 100%;
        height: 3rem;
        font-size: 0;
        text-align: center;
    }
    .id_xmetai_logo img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetai_logo img:hover{
        transform: perspective(100px) translateZ(2px);
    }

    .id_xmetai_main{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
    }
    .id_xmetai_main_img{
        width: 100%;
        height: auto;
        position: relative;
        z-index: 10;
        left: 0;
        top: 0rem;
        font-size: 0;
        text-align: center;

    }
    .id_xmetai_main_img img{
        width: 90%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetai_main_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }
    .id_xmetai_main_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .id_xmetai_main_ld_item{
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 1.5rem;
    }
    .id_xmetai_main_ld_item:nth-of-type(2n){
        justify-content: flex-end;
    }
    .id_xmetai_main_ld_item_ico{
        width: auto;
        height: 5.5rem;
        font-size: 0;
    }
    .id_xmetai_main_ld_item_ico img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetai_main_ld_item:hover img{
        transform: perspective(100px) translateZ(3px);
    }
    .id_xmetai_main_ld_item_title{
        font-size: 1.125rem;
        color: #FFFFFF;
        font-family: opm;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 1rem;
    }

    .id_xmetai_rz_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        position: relative;
        padding-top: 1.5rem;
    }
    .id_xmetai_rz{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    .id_xmetai_rz_item{
        width: auto;
        height: 2.5rem;
        font-size: 0;
        margin: 0 1rem;
        margin-top: 1rem;
    }
    .id_xmetai_rz_item img{
        width: auto;
        height: 100%;
    }


    .id_xmetac_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
       /* background-image: url("../images/id_xmetac_back.jpg");
        background-size: cover;
        background-position: center;*/
        position: relative;
        padding: 3rem 0 3rem 0;
    }
    .id_xmetac{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .id_xmetac_logo{
        width: 100%;
        height: 3rem;
        font-size: 0;
        text-align: center;
    }
    .id_xmetac_logo img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetac_logo img:hover{
        transform: perspective(100px) translateZ(2px);
    }
    .id_xmetac_main{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }

    .id_xmetac_main_ld_box{
        width: 100%;
        height: auto;
        position: relative;
        background-image: linear-gradient(to right,#292e87,#a13e8f);
        padding:2rem 0;
        margin-top: 3rem;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .id_xmetac_main_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-left: 0rem;
    }
    .id_xmetac_main_ld_item{
        width: 33.33%;
        height: auto;
        margin: 1rem 0;
        text-align: center;
    }
    .id_xmetac_main_ld_item_ico{
        width: auto;
        height: 2.6rem;
        font-size: 0;
    }
    .id_xmetac_main_ld_item_ico img{
        width: auto;
        height: 100%;
    }
    .id_xmetac_main_ld_item_title{
        font-size: 1rem;
        color: #FFFFFF;
        font-family: opm;
        margin-top: 1rem;
    }

    .id_xmetac_main_img{
        position: relative;
        width: 100%;
        height: auto;
        font-size: 0;
        right: 0;
        top: 0rem;
        text-align: center;
        margin-top: 2rem;
    }
    .id_xmetac_main_img img{
        width: 85%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetac_main_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .id_xmetac_rz_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 2rem;
    }
    .id_xmetac_rz{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 0rem;
        margin-top: 0rem;
    }
    .id_xmetac_rz_item{
        width: auto;
        height: 2.5rem;
        font-size: 0;
        margin: 0 1rem;
        margin-top: 1rem;
    }
    .id_xmetac_rz_item img{
        width: auto;
        height: 100%;
    }
    .id_xmetac_rz_item_fen{
        width: 1px;
        height: 1.5rem;
        background: #000000;
        font-size: 0;
        margin: 0rem 1.4rem;
        display: none;

    }


    .id_xmetas_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        background: linear-gradient(to right,#292e87,#a13e8f);
        position: relative;
        padding: 3rem 0 3rem 0;
        overflow: hidden;
    }
    .id_xmetas{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .id_xmetas_left{
        width: 100%;
        height: auto;
    }

    .id_xmetas_logo{
        width: 100%;
        height: 3rem;
        font-size: 0;
        text-align: center;
    }
    .id_xmetas_logo img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetas_logo img:hover{
        transform: perspective(100px) translateZ(2px);
    }

    .id_xmetas_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 2rem;
        margin-left: 0rem;
    }
    .id_xmetas_ld_item{
        width: 33.33%;
        aspect-ratio: 1/1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .id_xmetas_ld_item:before{
        position: absolute;
        content: '';
        font-size: 0;
        width: calc(100% - 3rem);
        height: 1px;
        background: rgba(255,255,255,0.1);
        left: 1.5rem;
        top: 0;
    }
    .id_xmetas_ld_item:nth-of-type(1):before,.id_xmetas_ld_item:nth-of-type(2):before,.id_xmetas_ld_item:nth-of-type(3):before{
        display: none;
    }
    .id_xmetas_ld_item:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: calc(100% - 3rem);
        background: rgba(255,255,255,0.1);
        right: 0;
        bottom: 1.5rem;
    }
    .id_xmetas_ld_item:nth-of-type(3n):after{
        display: none;
    }
    .id_xmetas_ld_item_ico{
        width: auto;
        height: 2.5rem;
        font-size: 0;
    }
    .id_xmetas_ld_item_ico img{
        width: auto;
        height: 100%;
    }
    .id_xmetas_ld_item_title{
        text-align: center;
        margin-top: 1rem;
        font-size: 1rem;
        font-family: opm;
        color: #FFFFFF;
    }


    .id_xmetas_right{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        transform: translateX(0rem);
        margin-top: 2rem;
    }
    .id_xmetas_right img{
        width: 90%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_xmetas_right img:hover{
        transform: perspective(100px) translateZ(3px);
    }


    .id_ledgo_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        position: relative;
        padding: 5rem 0 3rem 0;
        overflow: hidden;
    }

    .id_ledgo_logo{
        width: 100%;
        height: 2rem;
        font-size: 0;
        text-align: center;
    }
    .id_ledgo_logo img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_ledgo_logo img:hover{
        transform: perspective(100px) translateZ(2px);
    }
    .id_ledgo{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0rem;
    }

    .id_ledgo_item{
        width: 100%;
        height: auto;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    .id_ledgo_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .id_ledgo_item_img img{
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_ledgo_item_img img:hover{
        transform: perspective(100px) translateZ(3px);
    }

    .id_ledgo_item_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .id_ledgo_item_ld_item{
        width: 33.33%;
        height: auto;
        text-align: center;
        margin-top: 1.5rem;
    }
    .id_ledgo_item_ld_item_ico{
        width: auto;
        height: 2.3rem;
        font-size: 0;
    }
    .id_ledgo_item_ld_item_ico img{
        width: auto;
        height: 100%;
    }
    .id_ledgo_item_ld_item_title{
        font-size: 1rem;
        color: #000000;
        font-family: opm;
        margin-top: 0.5rem;
    }

    .id_guangcan_box{
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        background: #f0f0f0;
    }
    .id_guangcan_box_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        left: 0;
        top: 0;
        background: linear-gradient(to right,#2a2e88,#a03e8f);
    }
    .id_guangcan{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .id_guangcan_left{
        width: 100%;
        height: auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .id_guangcan_logo{
        width: 100%;
        height: 2rem;
        font-size: 0;
        text-align: center;
    }
    .id_guangcan_logo img{
        width: auto;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_guangcan_logo img:hover{
        transform: perspective(100px) translateZ(2px);
    }

    .id_guangcan_ld{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 3rem;
        margin-left: 0rem;
    }
    .id_guangcan_ld_item{
        width: 33.33%;
        aspect-ratio: 1/0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .id_guangcan_ld_item:before{
        position: absolute;
        content: '';
        font-size: 0;
        width: calc(100% - 3rem);
        height: 1px;
        background: rgba(255,255,255,0.1);
        left: 1.5rem;
        top: 0;
    }
    .id_guangcan_ld_item:nth-of-type(1):before,.id_guangcan_ld_item:nth-of-type(2):before,.id_guangcan_ld_item:nth-of-type(3):before{
        display: none;
    }
    .id_guangcan_ld_item:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 1px;
        height: calc(100% - 3rem);
        background: rgba(255,255,255,0.1);
        right: 0;
        bottom: 1.5rem;
    }
    .id_guangcan_ld_item:nth-of-type(3n):after{
        display: none;
    }
    .id_guangcan_ld_item_ico{
        width: auto;
        height: 3rem;
        font-size: 0;
    }
    .id_guangcan_ld_item_ico img{
        width: auto;
        height: 100%;
    }
    .id_guangcan_ld_item_title{
        text-align: center;
        margin-top: 1rem;
        font-size: 1rem;
        font-family: opm;
        color: #FFFFFF;
    }

    .id_guangcan_right{
        padding-top: 0rem;
        width: 100%;
        height: auto;
        padding-bottom: 3rem;
    }
    .id_guangcan_right_img{
        width: 100%;
        height: auto;
        font-size: 0;
        margin: 0 auto;
        text-align: center;
    }
    .id_guangcan_right_img img{
        width: 90%;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px) translateX(0rem);
    }
    .id_guangcan_right_img img:hover{
        transform: perspective(100px) translateZ(3px) translateX(0rem);
    }

    .id_guangcan_rz_box{
        display: none;
    }
    .id_guangcan_rz2_box{
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .id_guangcan_rz2{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .id_case_box{
        width: 100%;
        max-width: 2560px;
        margin: 0 auto;
        height: auto;
        padding: 3rem 0 3rem 0;
    }
    .id_case_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .id_case_title_en{
        display:inline-block;
        width: auto;
        height: auto;
        font-size: 2.2rem;
        font-family: 'Arial';
        line-height: 100%;
        font-weight: bold;

        background-image:linear-gradient(to right,#2a2e88, #a03e8f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-size: 100% 100%;
        padding-right: 0.2rem;
    }
    .id_case_title_cn{
        padding-left: 0.2rem;
        display:inline-block;
        width: auto;
        height: auto;
        font-size: 2rem;
        font-family: opb;
    }

    .id_case_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 2rem;
        padding-bottom: 3rem;
        position: relative;
        overflow: hidden;
    }
    .id_case_menu:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 400vw;
        height:400vw;
        border: 2px solid rgba(126,49,142,0.23);
        border-radius: 50%;
        left: calc(50% - 200vw);
        bottom: 0;
        z-index: -1;
    }
    .id_case_menu span{
        width: 25%;
        margin: 0 0rem;
        padding: 0 0.5rem;
        font-size: 1rem;
        font-family: opb;
        cursor: pointer;
        text-align: center;
    }
    .id_case_menu span.id_case_menu_son{
        color: var(--OneColor);
    }

    .id_case_sw{
        width: 94%;
        height: auto;
        position: relative;
        margin: 0 auto;
        margin-top: 2rem;
    }

    .id_case_sw .swiper-slide{
        width: 100%;
        height: auto;
        position: relative;
        transform-style:flat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: rotateY(0deg);
        transform-origin: 50% 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        perspective:0px;
    }
    .id_case_sw .swiper-slide-prev .id_case_sw_con{
        transform-origin: 50% 50%;
        transform: rotateY(0deg);
    }
    .id_case_sw .swiper-slide-next .id_case_sw_con{
        transform-origin: 50% 50%;
        transform: rotateY(0deg);
    }
    .id_case_sw_con{
        width: 100%;
        aspect-ratio: auto;
        height: calc(94vw * 700 / 1268);
        font-size: 0;
        position: relative;
        z-index: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .id_case_sw_con a{
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .id_case_sw_img{
        width: 100%;
        height: 100%;
        font-size: 0;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
    .id_case_sw_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        transform: perspective(100px) translateZ(0px);
    }
    .id_case_sw_con:hover .id_case_sw_img img{
        transform: perspective(100px) translateZ(3px);
    }

    .id_case_sw_conl{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 5;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.65) 100%);
        padding-top: 0rem;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        text-align: center;
    }
    .id_case_sw_con:hover .id_case_sw_conl{
        padding-top: 0rem;
    }
    .id_case_sw_conl_title{
        font-size: 1.375rem;
        font-family: opm;
        color: rgba(255,255,255,1.00);
        padding-bottom: 0.6rem;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        padding: 0 1.5rem;
    }
    .id_case_sw_conl_pro{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(255,255,255,1.00);
        padding-bottom: 0.3rem;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
    }
    .id_case_sw_conl_mj{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(255,255,255,1.00);
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
    }
    .id_case_sw_back{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 15;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.75);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .id_case_sw .swiper-slide-active .id_case_sw_back{
        opacity: 0;
    }

    .id_case_sw_btn{
        position: absolute;
        width: 3rem;
        height: 3rem;
        font-size: 0;
        top: calc(50% - 1.5rem);
        z-index: 20;
        cursor: pointer;
    }
    .id_case_sw_btn svg{
        width: 100%;
        height: 100%;
        fill:#ffffff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .id_case_sw_btn:hover svg{
        fill:var(--OneColor);
    }
    .id_case_sw_btn_left{
        left: 1rem;
    }
    .id_case_sw_btn_right{
        right: 1rem;
    }
}