@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: 15px;
        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_downs{
        height: auto;
        opacity: 1;
    }
    .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_titles{
        display: block;
		border-bottom: none;
    }
    .xc_nav_down_item_title img{
        height: 2rem;
        width: auto;
    }
	.xc_nav_down_item_titles img{
        height: 3rem;
        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{
        font-size: 1.25rem;
        margin: 0.8rem 0;
    }
    .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.5rem;
        font-family: oph;
        color: #000000;
        margin-top: 0.75rem;
        letter-spacing: 0.2rem;
        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.25rem;
        color: #000000;
        font-family: opm;
        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: 180%;
        text-align: justify;
        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: 0rem;
    }
    .xc_pbanner_con_main_left_ld_item{
        width: 31%;
        height: auto;
		margin-top: 2rem;
    }
    .xc_pbanner_con_main_left_ld_item_ico{
        font-size: 0;
        width: auto;
        height: 5rem;
        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: 1rem;
    }

    .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: 2.75rem;
    }
    .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.5rem;
        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.25rem;
        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.5rem;
        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;
        -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;
        align-items: center;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 3rem;
    }
    .xc_gy_menu a{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin: 0 1.5rem;
        -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.375rem;
        font-family: opm;
        color: #FFFFFF;
        letter-spacing: 0.2rem;
        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.25rem;
        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.25rem;
        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.25rem;
        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: 1.125rem;
        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.25rem;
        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.5rem;
        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: 2rem;
    }

    .xc_ab_js_des_item{
        width: 100%;
        height: auto;
        position: relative;
        font-size: 1.25rem;
        margin-top: 1.5rem;
        line-height: 160%;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 1.15rem;
        text-align: justify;
    }
    .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.5rem;
        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;
        text-align: justify;
        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: 3.5rem;
        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: 1.7rem;
        height: auto;
    }
    .xc_ab_rc_btn_ico img{
        width: 100%;
        height: auto;
    }
    .xc_ab_rc_btn_text{
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
        padding-left: 0.6rem;
    }

    .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.25rem;
        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;
        align-items: center;
        padding: 1.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .xc_zz_menu a{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        margin: 0 1.5rem;
        -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: 85%;
        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;
        text-align: justify;
        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;
        text-align: justify;
        line-height: 170%;
        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.25rem;
        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.25rem;
        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%;
    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: 3.5rem;
    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;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: calc(94vw * 169 / 367);
}
.id_xmetai_main_img{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 10;
    font-size: 0;
    text-align: center;
	top: 0;
	left: 0;
    
}
.id_xmetai_main_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_xmetai_main_img img:hover{
    transform: perspective(100px) translateZ(3px);
}
.id_xmetai_main_l{
    width: 48%;
    height: auto;
}
.id_xmetai_main_r{
    width: 48%;
    height: auto;
}
.id_xmetai_main_ld_item{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	margin: 2rem 0;
}
.id_xmetai_main_r .id_xmetai_main_ld_item{
    justify-content: flex-end;
}
.id_xmetai_main_ld_item_ico{
    width: 5rem;
    height: 5rem;
    font-size: 0;
	background: #f5f6f6;
	border-radius: 8px;
	overflow: hidden;
}
.id_xmetai_main_ld_item_ico 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);
}
.id_xmetai_main_ld_item:hover img{
    transform: perspective(100px) translateZ(3px);
}
.id_xmetai_main_ld_item_title{
	width: calc(100% - 5.5rem);
    font-size: 1.125rem;
    color: #000000;
    font-family: opm;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}
.id_xmetai_main_r .id_xmetai_main_ld_item_title{
    text-align: right;
}

.id_xmetai_rz_box{
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding-top: 3rem;
}
.id_xmetai_zzt{
	width: 94%;
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	position: relative;
}
.id_xmetai_zzt:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	font-size: 0;
	background: rgba(0,0,0,0.1);
	left: 0;
	top: 50%;
}
.id_xmetai_zzt span{
	width: auto;
	height: auto;
	font-size: 1.5rem;
	font-family: opm;
	color: #000000;
	background:#FFFFFF;
	padding: 0 1.5rem;
	display: inline-block;
	position: relative;
	z-index: 5;
}
.id_xmetai_rz{
    width: 94%;
	height: auto;
	margin: 0 auto;
    padding-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
	flex-wrap: wrap;
    align-items: center;
}
.id_xmetai_rz_item{
    width: auto;
    height: 3rem;
	margin: 0 1rem;
    font-size: 0;
	margin-top: 1.5rem;
}
.id_xmetai_rz_item img{
    width: auto;
    height: 100%;
}


   
.id_xmetac_box{
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 3rem 0;
}
.id_xmetac{
    width: 94%;
	height: auto;
	margin: 0 auto;
}
.id_xmetac_logo{
    width: 100%;
    height: 3.5rem;
    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: 94%;
	height: auto;
	margin: 0 auto;
    position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 3rem;
}

.id_xmetac_main_ld_box{
	width: 100%;
	height: auto;
}
.id_xmetac_main_ld_box_title{
	width: 100%;
	font-size: 1.5rem;
	font-family: opm;
	text-align: center;
	margin-top: 2rem;
}
.id_xmetac_main_ld{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:3rem;
}
.id_xmetac_main_ld_item{
    width: 48%;
    height: auto;
    margin:2rem 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.id_xmetac_main_ld_item_ico{
    width: 5rem;
    height: 5rem;
    font-size: 0;
	border-radius: 8px;
	overflow: hidden;
	background: #f5f6f6;
}
.id_xmetac_main_ld_item_ico img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.id_xmetac_main_ld_item_title{
    font-size: 1.125rem;
    color: #000000;
    font-family: opm;
	padding: 0 1rem;
}

.id_xmetac_main_img{
    width: 100%;
    height: auto;
    font-size: 0;
    z-index: 10;
}
.id_xmetac_main_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_xmetac_main_img img:hover{
    transform: perspective(100px) translateZ(3px);
}
	
	
.id_xmetas_rz{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1.5rem;
}

.id_xmetas_rzi{
	width: auto;
	height: 2.5rem;
	font-size: 0;
}
.id_xmetas_rzi img{
	width: auto;
	height: 100%;
}
.id_xmetas_rz_line{
	width: 1px;
	height: 1.5rem;
	font-size: 0;
	background: rgba(0,0,0,0.7);
}


.id_xmetac_rz_box{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    position: relative;
    margin-top: 2rem;
}
.id_xmetac_rz{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 6rem;
    margin-top: 3rem;
}
.id_xmetac_rz_item{
    width: auto;
    height: 2.7rem;
    font-size: 0;
}
.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;
    
}


    .id_xmetas_box{
        width: 100%;
        margin: 0 auto;
        height: auto;
        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: 3.5rem;
        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;
		margin-bottom: 1rem;
    }
    .id_xmetas_ld_item_ico{
        width: auto;
        height: 5.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: 1.125rem;
        font-family: opm;
    color: #000000;
    }


    .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_xmetas_right_title{
		font-size: 1.5rem;
		margin-top: 3rem;
	}


    .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: 1.125rem;
        color: #000000;
        font-family: opm;
        margin-top: 0.5rem;
    }
	
	
	
.id_nl_box{
    width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 6rem 0;
}
.id_nl_box_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 2rem;
    font-family: opb;
}

.id_nl{
	width: 100%;
	height: auto;
	margin-top: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.id_nll{
	width: 100%;
	height: auto;
}
.id_nll_sw{
	width: 100%;
	height: auto;
}
.id_nl_swl{
	width: 100%;
	aspect-ratio: 700/507;
	border-radius: 8px;
	overflow: hidden;
	font-size: 0;
}
.id_nl_swl img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.id_nlr{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.id_nlrt{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	display: none;
}
.id_nl_swrti{
	width: 100%;
	aspect-ratio: 700/507;
	position: relative;
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
}
.id_nl_swrti img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 0;
}
.id_nl_swrti_title{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: rgba(0,0,0,0.2);
	font-size: 2rem;
	font-family: opm;
	color: #FFFFFF;
	left: 0;
	top: 0;
	text-align: center;
}


.id_nlrb{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.id_nlrb_sw{
	width: 100%;
	height: auto;
}
.id_nl_swrb_title{
	font-size: 1.75rem;
	font-family: opm;
}
.id_nl_swrb_line{
	font-size: 0;
	width: 3rem;
	height: 2px;
	background: var(--OneColor);
	margin-top: 1rem;
}
.id_nl_swrb_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	margin-top: 1rem;
}

.id_nl_bottom{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 3rem;
}

.id_nl_btn{
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-left: 1rem;
}
.id_nl_btn:hover{
	background: var(--OneColor);
}
.id_nl_btn svg{
	width: auto;
	height: 40%;
	fill:rgba(0,0,0,0.1);
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	
}
.id_nl_btn:hover svg{
	fill:#ffffff;
}


.id_nl_bottom .swiper-pagination-progressbar{
    position: relative;
    z-index: 5;
	width: calc(100% - 10rem);
	height: 5px;
	background: #eff1f4;
	
}
.id_nl_bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--OneColor);
	
}

    .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: 1.5rem;
        font-size: 1.125rem;
        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{
        margin: 0 0.75rem;
        font-size: 1.125rem;
        font-family: opm;
        cursor: pointer;
    }
    .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;
    }
	
	
	
	
/*智能制造-无锡*/


	.ntitle2{
		width: 100%;
		height: auto;
		text-align: center;
		font-family: opb;
		font-size: 1.75rem;

	}
	.ntitle3{
		width: 100%;
		height: auto;
		text-align: center;
		font-family: opb;
		font-size: 1.5rem;

	}


.ndes{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: opm;
	font-size: 1.125rem;
	margin-top: 1.5rem;
	color: rgba(0,0,0,0.7);
}

.xc_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.xc_menu a{
	font-size: 1.25rem;
	font-family: opm;
	color: #000000;
	padding: 1.5rem 0;
	margin: 0 1.5rem;
}
.xc_menu a.xc_menu_aon{
	color: var(--OneColor);
}

.wx{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.wxl{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f9f9f9;
	padding: 2rem;
	padding-left: 2rem;
}
.wxl_title{
	font-size: 1.75rem;
	font-family: opb;
	text-align: center;
}
.wxl_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	line-height: 180%;
	margin-top: 2rem;
}
.wxr{
	width: 100%;
	height: auto;
}
.wxr img{
	width: 100%;
	height: auto;
}

.mo4_box{
	width: 100%;
	height: auto;
	position: relative;
		margin-top: 3rem;
		padding-top: 3rem;
}
.mo4_box_back{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
}
.mo4_box_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mo4{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 10rem;
	position: relative;
	z-index: 5;
	}
	.mo4 .ntitle2{
		text-align: left;
		font-size: 1.75rem;
	}
	.mo4_box_des{
		text-align: left;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 2.5rem;
		line-height: 170%;
	}
	.mo4_title{
		font-size: 2rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 2.5rem;
		padding-bottom: 1rem;
	}

	.mo4_item{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		position: relative;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		padding-left: 1.5rem;
		margin-top: 1rem;
	}
	.mo4_item:after{
		position: absolute;
		content: '';
		width: 8px;
		height: 8px;
		font-size: 0;
		background: var(--OneColor);
		border-radius: 50%;
		left: 0;
		top: 0.55rem;
	}


	.gy5_bbox{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
.gy5_bbox_back{
	position: absolute;
	width: 100%;
	height: 60%;
	background: #f9f9f9;
	z-index: 0;
	left: 0;
	top: 0;
}
	.gy5_bbox .ntitle3{
		position: relative;
		z-index: 5;
	}
	.gy5_bbox .ndes{
		position: relative;
		z-index: 5;
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1rem;
	}
	.gy5_box{
		width: 94%;
		aspect-ratio: auto;
		height: auto;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 5;
	}

	.gy5i{
		width: 100%;
		height: 15rem;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 1rem;
	}
	.gy5i_on{
		width: 100%;
	}
	.gy5i_img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.gy5i_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.gy5i_title{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		left: 0;
		top: 0;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: center;
		padding: 2.5rem;
		font-size: 1.375rem;
		color: #FFFFFF;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.gy5i_on .gy5i_title{
		opacity: 0;
	}
	.gy5ic{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 15;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
	}
	.gy5i_on .gy5ic{
		opacity: 1;
	}
	.gy5ic_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.gy5ic_des{
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1rem;
	}


/*天津*/
.zz1_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.zz1{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 3rem;
	}
	.zz1l{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background: #f7f9fc;
		padding-left: 0;
		padding-top: 2rem;
		padding: 1.5rem;
	}
	.zz1l_title{
		font-size: 1.75rem;
		font-family: opb;
		color: #000000;
	}
	.zz1l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		padding-right: 0rem;
		line-height: 170%;
		margin-top: 1rem;
		text-align: justify;
	}
	.zz1l_num{
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		left: 0;
		bottom: 0;
		background: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1.5rem;
		padding: 2rem 0;
		padding-top: 0.5rem;
	}
	.zz1l_numi{
		width: 48%;
		height: auto;
		border-left: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 1.5rem;
	}
	.zz1l_numi:nth-child(1){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numi:nth-child(3){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numi:nth-child(5){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numit{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
	.zz1l_numit_1{
		font-size: 2rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.zz1l_numit_2{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.zz1l_numit_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
	}



	.zz1r{
		width: 100%;
		aspect-ratio: 960/674;
		font-size: 0;

	}
	.zz1r img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


.tj1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 3rem;
}
.tj1l{
	width: 100%;
	height: auto;
}
.tj1l img{
	width: 100%;
	height: auto;
}
.tj1r{
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding: 2rem;
	padding-right:2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tj1r_title{
	font-size: 1.75rem;
	font-family: opb;
	text-align: center;
}
.tj1r_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	line-height: 180%;
	margin-top: 1rem;
}

.zz4_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.zz4{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.zz4 img{
		width: 100%;
		height: auto;
	}




	.zz3_bbox{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.zz3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.zz3_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.zz3_menu span{
		width: 48.5;
		height: auto;
		margin: 0 1.5rem;
		font-size: 1.25rem;
		margin-top: 1rem;
		font-family: opm;
		color: #939393;
		position: relative;
		padding-bottom: 0.6rem;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.zz3_menu span.zz3_menu_son{
		color: var(--OneColor);
	}
	.zz3_menu span:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 4px;
		font-size: 0;
		background: var(--OneColor);
		left: 0;
		bottom: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: scaleX(0);
	}
	.zz3_menu span.zz3_menu_son:after{
		color: var(--OneColor);
		transform: scaleX(1);
	}

	.zz3_sw{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.zz3_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.zz3l{
		width: 100%;
		height: auto;
	}
	.zz3l_title{
		position: relative;
		font-size: 7rem;
		line-height: 100%;
		font-family: oph;
		color: #eceaf2;
		margin-top: 1.5rem;
	}
	.zz3l_title:after{
		position: absolute;
		content: attr(text);
		left: 0;
		top: 0rem;
		font-size: 2rem;
		font-family: opm;
		color: var(--OneColor);
	}
	.zz3l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 1rem;
		text-align: justify;
	}


	.zz3_pagination{
		position: relative;
		left: 0;
		bottom: 0rem;
		width: 100%;
		height: 2.8rem;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 0 0rem;
		margin-top: 1rem;
	}
	.zz3_box .swiper-pagination-bullets{
		bottom: 0;
	}
	.zz3_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.7rem; 
		height:0.7rem;  
		background: #dee0e2;
		border-radius: 50%;
		margin: 0 0.4rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.zz3_pagination .swiper-pagination-bullet-active{ 
		background: var(--OneColor);
	}



	.zz3r{
		width: 100%;
		height: auto;
	}
	.zz3r img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}


/*定制化产品*/
.dz1{
	margin-top: 3rem;
}

.dz2i{
	width: 94%;
	height: auto;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 3rem;
}
.dz2i2{
	flex-direction: column;
}
.dz2il{
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
	left: 0;
	bottom: 0rem;
}
.dz2i2 .dz2il{
	left: auto;
	right: 0;
}
.dz2il img{
	width: 100%;
	height: auto;
}
.dz2ir{
	width: 100%;
	height: auto;
	background: #f9f9f9;
	border-radius: 8px;
	padding: 2rem 2rem 2rem 2rem;
}
.dz2i2 .dz2ir{
	padding: 2rem 2rem 2rem 2rem;
}

.dz2ir_title{
	position: relative;
	font-size: 6rem;
	font-family: oph;
	color: #f3ecf4;
}
.dz2ir_title:after{
	position: absolute;
	content: attr(text);
	left: 0;
	top: 3rem;
	font-size: 1.625rem;
	font-family: opb;
	color: #000000;
}
.dz2ir_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 1rem;
	text-align: justify;
}


/*芯片混搭*/
.gy1_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.gy1_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 2rem;
		text-align: center;
	}
	.gy1_img{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 2rem;
	}
	.gy1_img img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

.hd4_title{
		font-size: 1.5rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 1rem;
		text-align: center;
	}
	.hd4_ltitle{
		font-size: 1.375rem;
		margin-top: 1.5rem;
		text-align: center;
	}
	.hd4_des{
		font-size: 1.125rem;
		margin-top: 1rem;
		text-align: center;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		padding:0 0%;
		line-height: 170%;
	}


	.dw2_bbox{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.dw2_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 4rem;
	}
	.dw2i{
		width: 32%;
		height: auto;
		text-align: center;
	}
	.dw2i2{
		width: 32%;
	}
	.dw2i_img{
		width: auto;
		height: 2.8rem;
		font-size: 0;
	}
	.dw2i_img img{
		width: auto;
		height: 100%;
	}
	.dw2i_title{
		font-size: 1.375rem;
		font-family: opb;
		margin-top:1.5rem;
	}
	.dw2i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top:1rem;
		line-height: 160%;
	}


	.dw2_img{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 2rem;
	}
	.dw2_img img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}
.fen{
	width: 100%;

	height: 3rem;
}

/*三代多维模压*/

.jd5_bbox{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 3rem;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.jd5_img{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
	}
	.jd5_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.jd5_title{
		position: relative;
		z-index: 5;
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.jd5_des{
		position: relative;
		z-index: 5;
		font-size: 1.125rem;
		font-family: opm;
		line-height: 180%;
		color: rgba(255,255,255,0.8);
		text-align: center;
		margin-top: 0rem;
		padding: 0 2rem;
	}
.xcdw2_bbox{
	width: 100%;
	height: auto;
	padding: 3rem 0;
	background: #f7f9fc;
}
.xcdw2_bbox .dw2_bbox{
	margin-top: 0;
}

.xcdw3{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 1rem;
	padding-bottom: 3rem;
}
.xcdw3i{
	width:48.5%;
	height: auto;
	margin-top: 2rem;
}
.xcdw3_img{
	width: 100%;
	aspect-ratio: 687/305;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
}
.xcdw3_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*精盾覆膜技术*/
.xcjd1_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}
.xcjd1{
	width: 100%;
	aspect-ratio: 1400/566;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 3rem;
}
.xcjd1_img{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 0;
	left: 0;
	top: 0;
}
.xcjd1_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.xcjd1_title{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.25rem;
	font-family: opm;
	color: #FFFFFF;
	text-align: center;
	line-height: 160%;
}


.jd2_bbox{
	width: 100%;
	height: auto;
	background: #f5f6f6;
}
.jd2_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}
.jd2m{
	width: 100%;
	height: auto;
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.jd2m span{
	position: relative;
	font-size: 1.25rem;
	font-family: opb;
	color: rgba(0,0,0,0.3);
	padding-bottom: 1rem;
	margin: 0 1.5rem;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.jd2m span.jd2m_son{
	color: var(--OneColor);
}
.jd2m span:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 5px;
	font-size: 0;
	left: 0;
	bottom: 0;
	background: var(--OneColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scaleX(0);
}
.jd2m span.jd2m_son:after{
	transform: scaleX(1);
}

.jd2_sw{
	width: 100%;
	height: auto;
	margin-top:1rem;
}
.jd2_sw_img{
	width: 100%;
	height: auto;
	font-size: 0;
}
.jd2_sw_img img{
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.xcjd2_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}
.xcjd2_box_des{
	text-align: center;
	font-size: 1.125rem;
	color: rgba(0,0,0,0.9);
	font-family: opm;
	line-height: 160%;
}
.xcjd2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 3rem;
}
.xcjd2i{
	width: 32%;
	height: auto;
	background: #f9f9f9;
	padding: 3rem 0;
	border-radius: 8px;
}
.xcjd2i_ico{
	width: auto;
	height: 3rem;
	text-align: center;
	font-size: 0;
}
.xcjd2i_ico img{
	width: auto;
	height: 100%;
}
.xcjd2i_title{
	font-size: 1.25rem;
	font-family: opm;
	text-align: center;
	margin-top: 1.5rem;
}

/*产品服务*/
.xcfw1_img{
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: center;
	margin-top: 2rem;
}
.xcfw1_img img{
	width: 100%;
	height: auto;
}

.xcfw2{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.xcfw2l{
	width: 100%;
	height: auto;
}
.xcfw2li{
	width: 100%;
	height: auto;
}
.xcfw2lit{
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.5rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xcfw2li_on .xcfw2lit{
	color: var(--OneColor);
	font-family: opb;
}
.xcfw2lic{
	width: 100%;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	padding-bottom:0rem;
}
.xcfw2li_on .xcfw2lic{
	height: auto;
	padding-bottom: 2rem;
}
.xcfw2lic_title{
	font-size: 1.25rem;
	color: #000000;
	font-family: opm;
}
.xcfw2lic_des{
	font-size: 1.125rem;
	color: rgba(0,0,0,0.7);
	font-family: opm;
	margin-top: 1.5rem;
	line-height: 170%;
}

.xcfw2r{
	width: 100%;
	height: auto;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
}
.xcfw2r img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*产品保障*/
.xcbzm{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.xcbzmi{
	cursor: pointer;
	margin: 0 1.5rem;
	margin-top: 1.5rem;
}
.xcbzmi_ico{
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto;
	font-size: 0;
	position: relative;
}
.xcbzmi_ico img{
	position: absolute;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	left: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xcbzmi_ico img:nth-child(2){
	opacity: 0;
}
.xcbzmi_on .xcbzmi_ico img:nth-child(2){
	opacity: 1;
}
.xcbzmi_title{
	text-align: center;
	font-size: 1.125rem;
	color: #9e9e9e;
	font-family: opm;
	margin-top: 0.6rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xcbzmi_on .xcbzmi_title{
	color: var(--OneColor);
}

.xcbz_sw{
	width: 94%;
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.xcbz_sw .swiper-slide{
	width: 100%;
	aspect-ratio: 1400/634;
	position: relative;
}
.xcbz_sw_img{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
	z-index: 0;
	left: 0;
	top: 0;
}
.xcbz_sw_img_back{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
	z-index: 5;
	left: 0;
	top: 0;
	background: linear-gradient(to right,rgba(126,49,142,1.00) ,rgba(126,49,142,0))
}
.xcbz_swc{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	z-index: 0;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 2rem;
}
.xcbz_swc_title{
	font-size: 1.5rem;
	font-family: opb;
	color: #FFFFFF;
}
.xcbz_swc_des{
	width: 100%;
	height: auto;
	line-height: 170%;
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(255,255,255,0.7);
	margin-top: 1rem;
	text-align: justify;
}


/*产品功能*/
.xcgn_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}
.xcgn{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.xcgni{
	width: 48.5%;
	height: auto;
	background: #f9f9f9;
	padding: 2rem 1.5rem;
	text-align: center;
	margin-top: 3%;
}
.xcgni_ico{
	width: auto;
	height: 3.2rem;
	font-size: 0;
}
.xcgni_ico img{
	width: auto;
	height: 100%;
}
.xcgni_title{
	font-size: 1.25rem;
	font-family: opm;
	margin-top: 2rem;
	
}
.xcgni_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 160%;
	text-align: center;
	margin-top: 1rem;
}
/*关于公司*/
.xcab1_box{
	width: 100%;
	height: auto;
	padding-top: 3rem;
}
.xcab1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 3rem;
}
.xcab1l{
	width: 100%;
	height: auto;
	background: #f9fafd;
	padding: 3rem 2rem;
	padding-left: 2rem;
}
.xcab1l_line{
	width: 4rem;
	height:2px;
	font-size: 0;
	background: var(--OneColor);
}
.xcab1l_des{
	width: 100%;
	height: auto;
	line-height: 170%;
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	margin-top: 1.5rem;
	text-align: justify;
}

.xcab1r{
	width: 100%;
	height: auto;
	font-size: 0;
}
.xcab1r img{
	width: 100%;
	height: auto;
}

.xcab2_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
}
.xcab2_box .xcab1l_des{
	text-align: center;
}

.xcab2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.xcab2i{
	width: 48.5%;
	height: auto;
	background: #f9fafd;
	border-radius: 8px;
	padding: 2rem 0;
	margin-top: 3%;
}
.xcab2i_ico{
	width: auto;
	height: 4.5rem;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
}
.xcab2i_ico img{
	width: auto;
	height: 100%;
}
.xcab2i_title{
	font-size: 1.25rem;
	font-family: opm;
	color: #000000;
	text-align: center;
	margin-top: 1rem;
}


	.ab6_box{
		position: relative;
		width: 100%;
		height: auto;
		background: #f7f9fc;
		padding: 3rem 0;
	}

	.ab6_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 2rem;
		font-family: opb;

	}
	.ab6{
		width: 94%;
		height: auto;
		margin: 0 auto;

	}
	.ab61{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.ab61l{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab61l_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #000000;
		text-align: center;
	}
	.ab61l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		margin-top: 1.5rem;
	}
	.ab61l_tag{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
	.ab61l_tagl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2rem;
	}
	.ab61l_tagli{
		width: 10rem;
		height: auto;
		background: linear-gradient(to bottom,#9847a9,#782d87);
		margin-right: 1rem;
		border-radius: 8px;
		overflow: hidden;
		padding: 1.5rem;
		margin-left: 1rem;
	}
	.ab61l_tagli_title{
		font-size: 1.25rem;
		font-family: opb;
		color: #FFFFFF;
	}
	.ab61l_tagli_ltitle{
		font-size: 1.125rem;
		font-family: opb;
		color: rgba(255,255,255,0.6);
		margin-top: 0.3rem;
	}
	.ab61l_tagli_count{
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 2rem;
	}
	.ab61l_tagli_count span{
		font-size: 3rem;
		font-family: oph;
		color: #FFFFFF;
		padding-right: 0.5rem;

	}
	.ab61l_tagr{
		width: 100%;
		height: 11rem;
		font-size: 0;
		text-align: center;
		margin-top: 1.5rem;
	}
	.ab61l_tagr img{
		width: auto;
		height: 100%;
	}

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

	.ab62{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-top: 3rem;
		padding: 2rem;
	}
	.ab62l{
		width: 60%;
		height: auto;
		font-size: 0;
	}
	.ab62l img{
		width: 100%;
		height: auto;
	}
	.ab62m{
		width: 100%;
		height: auto;
		margin-right: 0rem;
		text-align: center;
		margin-top: 2rem;
	}
	.ab62m_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
	}
	.ab62m_ltitle{
		font-size: 1.25rem;
		font-family: opm;
		color: #717171;
	}
	.ab62m_line{
		font-size: 0rem;
		width: 70%;
		height: 1px;
		background: rgba(0,0,0,0.1);
		margin: 1rem auto;
	}
	.ab62m_des{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		line-height: 160%;
	}

	.ab62r{
		width: 100%;
		height: auto;
	}
	.ab62ri{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		position: relative;
		width: 100%;
		height: auto;
		font-family: opm;
		margin-top: 1rem;
		line-height: 160%;
		padding-left: 1.2rem;

	}
	.ab62ri:after{
		position: absolute;
		content: '';
		width: 6px;
		height: 6px;
		font-size: 0;
		border-radius: 50%;
		background: var(--OneColor);
		left: 0;
		top: 0.8rem;

	}

.join{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.join_title{
		text-align: center;
		font-family: opm;
		color: #000000;
		font-size: 1.75rem;
		margin-top: 1rem;
	}
	.join_des{
		text-align: center;
		font-family: opm;
		color: #6a6a6a;
		font-size: 1.25rem;
		margin-top: 1rem;
		line-height: 180%;
	}
	.join_des a{
		color: var(--OneColor);
	}
	.join_des font{
		color: var(--OneColor);
	}

	.join_tag{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 3rem;
	}
	.join_tagi{
		width: 15rem;
		height: 4.2rem;
		background: var(--OneColor);
		border-radius: 4.2rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin: 0 0.5rem;
	}
	.join_tagi_ico{
		width: auto;
		height: 1.5rem;
		font-size: 0;
	}
	.join_tagi_ico img{
		width: auto;
		height: 100%;
	}
	.join_tagi_text{
		font-size: 1.375rem;
		color: #FFFFFF;
		padding-left: 0.5rem;
		font-family: opm;
	}

	.join_wh{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding-bottom: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.join_whi{
		width: 30%;
		height: auto;
	}
	.join_whi_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.join_whi_img img{
		width: 100%;
		height: auto;
	}
	.join_whi_title{
		font-size: 1.625rem;
		text-align: center;
		color: #000000;
		font-family: opm;
		margin-top: 2rem;
	}

.xcabry_box{
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	position: relative;
}
.xcabry_back_img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.xcabry_back_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.xcabryb{
	width: 94%;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.xcabry{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.xcabry_title{
	text-align: left;
	font-size: 3.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: rgba(120,46,135,0.1);
	text-transform: uppercase;
	line-height: 100%;
	position: relative;
	margin-top: 3rem;
}
.xcabry_title:after{
	position: absolute;
	content: attr(text);
	font-size: 1.875rem;
	color: #000000;
	font-family: opb;
	left: 0;
	bottom: 0rem;
	letter-spacing: 0.2rem;
}
.xcabry_sw{
	width: 100%;
	height: auto;
	margin-top:0rem;
}
.xcabry_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.xcabry_swc{
	width: 48%;
	aspect-ratio: 422/140;
	background: url("../images/xcab3_back.png");
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 1.25rem;
	font-family: opm;
	color: #000000;
	margin-top: 2.5rem;
}


.xcabry_pagination{
	position: relative;
    width: 100%;
    height: 2.8rem;
    z-index: 10;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	margin-top: 2rem;
}
.xcabry .swiper-pagination-bullets{
    bottom: 0;
}
.xcabry_pagination .swiper-pagination-bullet { 
	display: inline-block; 
	width:0.7rem; 
	height:0.7rem;  
	background: #a59baf;
	border-radius: 50%;
    margin: 0 0.3rem;
	cursor: pointer;  
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xcabry_pagination .swiper-pagination-bullet-active{ 
	background: var(--OneColor);
}


.xc_pro_gg_box{
	width: 100%;
	height: auto;
	padding: 3rem 0;
}
.xc_pro_gg{
	width: 94%;
	height: auto;
	margin: 0 auto;
}
.xc_pro_gg img{
	width: 100%;
	height: auto;
}
	
	
	
}