/*导航*/
.xc_nav_box{
	width: 100%;
	height: 11vh;
    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: 90%;
	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: 20px;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.xc_nav_main{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.xc_nav_meun{
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    position: static;
}
.xc_nav_meun_tiem{
	width: auto;
	height: 100%;
    padding: 0 1.2rem;
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

.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.25rem;
    font-family: opm;
    color: #000000;
    position: relative;
    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: 1rem;
	position: relative;
	padding: 0 1rem;
}
.xc_nav_lang img{
    width: auto;
    height: 11px;
}
.xc_nav_langc{
	position: absolute;
	width: auto;
	height: 0;
	overflow: hidden;
	background: #FFFFFF;
	left: 0;
	top: 100%;
	padding: 0 1rem;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xc_nav_langc a{
	margin: 0.8rem 0;
	display: block;
}
.xc_nav_lang:hover .xc_nav_langc{
	height: auto;
	opacity: 1;
}

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


.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;
}
.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: 0rem;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.6);
    position: absolute;
    border-radius: 3rem;
    background: #FFFFFF;
    z-index: 0;
    opacity: 0;
    -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: absolute;
	width: 16rem;
    height: 0;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	top: 100%;
    left: calc(50% - 8rem);
    opacity: 0;
    z-index: 50;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    
	
}
.xc_nav_meun_tiem2:hover .xc_nav_down{
    
    height: auto;
    opacity: 1;
}
.xc_nav_down_item_title{
    font-size: 0;
    font-family: oph;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    text-align: center;
}
.xc_nav_down_item_title img{
    height: 2rem;
    width: auto;
}

.xc_nav_down_item_con{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1.5rem;
    text-align: center;
    padding-bottom: 1.5rem;
}
.xc_nav_down_item_con a{
    font-size: 1.25rem;
    color: #696a72;
    font-family: opm;
    margin: 0.4rem 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.xc_nav_down_item_con a:hover{
    color: var(--OneColor);
}


.menubtn{
	display: none;
}

/*pbanner*/
.xc_pbanner{
    width: 100%;
    height: auto;
    position: relative;
	overflow: hidden;
    padding-bottom: 4rem;
}

.xc_pbanner_con{
    width: 1600px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
}
.xc_pbanner_con_top{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 3rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 2rem;
}
.xc_pbanner_con_top_left{
    width: auto;
    height: auto;
}
.xc_pbanner_con_top_left_logo{
    width: auto;
    height: auto;
    font-size: 0;
}
.xc_pbanner_con_top_left_logo img{
    width: auto;
    height: 2.3rem;
}
.xc_pbanner_con_top_left_logo_2{
    width: auto;
    height: auto;
    font-size: 0;
}
.xc_pbanner_con_top_left_logo_2 img{
    width: auto;
    height: 5.2rem;
}
.xc_pbanner_con_top_left_title{
    font-size: 1.875rem;
    font-family: opm;
    color: #000000;
}


.xc_pbanner_con_top_right{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.xc_pbanner_con_top_right a{
    font-size: 1.25rem;
    color: #000000;
    font-family: opm;
    margin-left: 3.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: row;
    justify-content: space-between;
    padding-top: 2rem;
}

.xc_pbanner_con_main_left{
    width: 48%;
    height: auto;
}
.xc_pbanner_con_main_left_des{
    font-size: 1.25rem;
    color: rgba(62,58,57,0.7);
    font-family: opm;
    line-height: 180%;
	margin-top: 1rem;
}

.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: 2rem 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: opm;
	color: var(--OneColor);
    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: var(--OneColor);
    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;
    align-items: flex-start;
    padding-top: 4rem;
}
.xc_pbanner_con_main_left_ld_item{
    width: 16%;
    height: auto;
}
.xc_pbanner_con_main_left_ld_item_ico{
    font-size: 0;
    width: 6.5rem;
    height: 6.5rem;
    margin: 0 auto;
    text-align: center;
	background: #f5f6f6;
	border-radius: 15px;
	overflow: hidden;
}
.xc_pbanner_con_main_left_ld_item_ico img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.xc_pbanner_con_main_left_ld_item_title{
    font-size: 1.125rem;
    font-family: opm;
    color: #000000;
    text-align: center;
    padding-top: 1rem;
}

.xc_pbanner_con_main_right{
    width: 47%;
    height: 100%;
    font-size: 0;
}
.xc_pbanner_con_main_right div{
    width: 100%;
    height: auto;
    max-height: 80%;
}
.xc_pbanner_con_main_right div img{
    width: 100%;
    height: auto;
    max-height: 100%;
}


/*nbanner*/
.xc_nbanner{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    aspect-ratio: 1920/599;
    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: 1400px;
    width: var(--mainwidth);
	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: 3.875rem;
    font-family: opb;
    color: #FFFFFF;
    text-transform: uppercase;
}
.xc_nbanner_con_cn{
    font-size: 3rem;
    font-family: opm;
    color: #FFFFFF;
    margin-top: 1rem;
	display: none;
}


/*footer*/
.xc_footer_box{
    width: 100%;
    height: auto;
    background:#f7f7f9;
    position: relative;
}
.xc_footer{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    padding-top: 5rem;
}
.xc_footer_top{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 4rem;
}

.xc_footer_top_mid{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
.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: auto;
    height: auto;
}
.xc_footer_top_right_logo img{
    width: auto;
    height: 1.5rem;
}
.xc_footer_top_right_title{
    font-size: 1.125rem;
    color: #a4a4a4;
    margin-top: 2rem;
    font-family: opm;
}
.xc_footer_top_right_tel{
    font-size: 1.875rem;
    font-family: opb;
    color: #000000;
}
.xc_footer_top_right_mail{
    font-size: 1.5rem;
    font-family: opb;
    color: #000000;
}

.xc_footer_bottom{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.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;
}
.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;
}
.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: 6rem 0 6rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.xc_pro_cj_box{
    width: 100%;
    height: auto;
    padding: 6rem 0 6rem 0;
}
.xc_pro_ld_title{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    font-family: opm;
    font-size: 2.5rem;
    color: #000000;
	text-align: center;
    padding-bottom: 0rem;
    position: relative;
}


.xc_pro_ld{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    
}

.xc_pro_ld_item{
    width: 31.33%;
    height: auto;
    margin-right: 3%;
    margin-top: 3rem;
}
.xc_pro_ld_item:nth-of-type(3n){
    margin-right: 0;
}
.xc_pro_ld_item_img{
    width: 100%;
    aspect-ratio: 445/304;
    font-size: 0;
    overflow: hidden;
	border-radius: 15px;
}
.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: 2rem;
	font-size: 1.5rem;
	color: #000000;
	font-family: opm;
}

.xc_pro_ld_item_des{
    margin-top: 1rem;
    font-size: 1.125rem;
    color: rgba(62,58,57,0.7);
    font-family: opm;
    line-height: 150%;
}


.xc_pro_yy{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.xc_pro_yy_item{
    width: 32%;
    aspect-ratio: 449/319;
    margin-right: 2%;
    margin-top: 2%;
    position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.xc_pro_yy_item:nth-of-type(3n){
    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: center;
    padding: 0rem 0;
    text-align: center;
    font-size: 1.5rem;
    font-family: opm;
    color: #FFFFFF;
}


.xc_pro_yy2{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.xc_pro_yy2_item{
    width: 49%;
    aspect-ratio: 686/410;
    margin-top: 2%;
    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: 2rem 0;
    text-align: center;
    font-size: 1.5rem;
    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: 1400px;
    width: var(--mainwidth);
	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: 4.5rem 0;
    text-align: center;
    font-size: 3.312rem;
    color: #FFFFFF;
    background: linear-gradient(to right,#292e87,#a03e8f);
    border-top-left-radius: 4rem;
}
.xc_pro_yy3_item_con{
    width: 100%;
    height: 15rem;
    padding: 2rem 3rem;
    border: 2px solid rgba(93,18,112,0.2);
    font-size: 1.125rem;
    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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    
}

.xc_pro_fa_item{
    width: 31.33%;
    height: auto;
    margin-right: 3%;
    margin-top: 3.5rem;
    background: #ffffff;
}
.xc_pro_fa_item:nth-of-type(3n){
    margin-right: 0;
}
.xc_pro_fa_item_img{
    width: 100%;
    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: 2rem;
    padding: 0 2rem;
}
.xc_pro_fa_item_title span{
    font-size: 1.875rem;
    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.375rem;
    color: #000000;
    font-family: opm;
    padding: 0 2rem;
}
.xc_pro_fa_item_con{
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.xc_pro_fa_item_con span{
    position: relative;
    font-size: 1.125rem;
    font-family: opm;
    color: #000000;
    margin: 0.3rem 0;
    padding-left: 1.5rem;
}
.xc_pro_fa_item_con span:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    font-size: 0;
    background: var(--OneColor);
    border-radius: 50%;
    left: 0;
    top: calc(50% - 3px);
}


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

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

.xc_pro_down{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.xc_pro_down_item{
    width: 32%;
    height: auto;
    margin-right: 2%;
    margin-top: 3.5rem;
}
.xc_pro_down_item:nth-of-type(3n){
    margin-right: 0;
}
.xc_pro_down_item_img{
    width: 100%;
    aspect-ratio: 452/305;
    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: 2rem;
    padding-bottom: 1rem;
}
.xc_pro_down_item_title a{
    font-size: 1.25rem;
    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 1.5rem;
    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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 5rem;
}
.xc_gy_menu a{
    font-size: 1.25rem;
    color: #000000;
    font-family: opm;
    margin: 0 2.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 7rem 0;
   /* background-image: url("../images/gy_back1.jpg");
    background-size: cover;
    background-position: center;*/
}
.xc_gy_title{
    text-align: center;
    font-size: 3.25rem;
    font-family: opb;
    color: #000000;
    text-transform: uppercase;
}
.xc_gy_cob{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2.5rem;
}
.xc_gy_cob_left{
    width: 40%;
    height: auto;
}
.xc_gy_cob_left_title{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.xc_gy_cob_left_title_text{
    width: auto;
    height: 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.875rem;
    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: 4rem;
    height: 4rem;
    font-size: 0;
    margin-left: 1.5rem;
}
.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: 2rem 0;
}
.xc_gy_cob_left_tag p{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    font-size: 1.375rem;
    margin-top: 3rem;
    line-height: 160%;
    color: #3e3a39;
    font-family: opm;
    padding-left: 2rem;
}
.xc_gy_cob_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: 0.85rem;
}


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


.xc_gy_3d_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    padding: 5rem 0 15rem 0;
   /* background-image: url("../images/gy_back2.jpg");
    background-size: cover;
    background-position: center;*/
}
.xc_gy_title2{
    text-align: center;
    font-size: 3.25rem;
    font-family: opb;
    color: #FFFFFF;
    text-transform: uppercase;
}
.xc_gy_3d{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}
.xc_gy_3d_left{
    width: 48%;
    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: 2rem 0;
}
.xc_gy_cob_left_tag2 p{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    font-size: 1.375rem;
    margin-top: 3rem;
    line-height: 160%;
    color: #FFFFFF;
    font-family: opm;
    padding-left: 2rem;
}
.xc_gy_cob_left_tag2 p:after{
    position: absolute;
    content: '';
    font-size: 0;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%;
    left: 0;
    top: 0.85rem;
}

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


.xc_gy_3d_right{
    width: 40%;
    height: auto;
    font-size: 0;
    padding-top: 6.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: 5rem 0 10rem 0;
    /*background-image: url("../images/gy_back3.jpg");
    background-size: cover;
    background-position: center;*/
}
.xc_gy_nm{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.xc_gy_nm_left{
    width: 46%;
    height: auto;
    padding-top: 7rem;
}
.xc_gy_nm_left_des{
    font-size: 1.375rem;
    color: #000000;
    font-family: opm;
    margin-top: 3rem;
    line-height: 180%;
}
.xc_gy_nm_left_ys{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 6rem;
}
.xc_gy_nm_left_ys_item{
    width: auto;
    height: auto;
}
.xc_gy_nm_left_ys_item_ico{
    width: auto;
    height: 3.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: 1.5rem;
}

.xc_gy_nm_left_ys_item_title span{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    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_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: 44%;
    height: auto;
    font-size: 0;
}
.xc_gy_nm_right img{
    width: 100%;
    height: auto;
}

/*技术支持*/
.xc_zc_map_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    padding-top: 5rem;
}
.xc_zc_map{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 0;
}
.xc_zc_map svg{
    width: 100%;
    height: auto;
}

.xc_zc_address{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 5rem;
}
.xc_zc_address_item{
    width: 32%;
    height: auto;
    background: #edeffb;
    padding: 5rem 2rem;
    margin-right: 2%;
    margin-top: 2%;
    position: relative;
}
.xc_zc_address_item:nth-of-type(3n){
    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.875rem;
    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: 1.5rem;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 1.3rem;
    padding-left: 2.2rem;
    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: 5rem 0 9rem 0;
    background: linear-gradient(to right,#eceefb,#dfe1f7);
}
.xc_zc_zc{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    margin-top: 4rem;
}
.xc_zc_zc img{
    width: 100%;
    height: auto;
}

/*品质水平*/
.xc_pz_kj_box{
    width: 100%;
    height: auto;
    padding: 0rem 0 5rem 0;
   /* background-image: url("../images/pz_kj.jpg");
    background-size: cover;
    background-position: center top;*/
}
.xc_pz_kj{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10rem;
    padding-bottom: 5rem;
}
.xc_pz_kj_left{
    width: 30rem;
    height: auto;
}


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

.xc_pz_yh_left{
    width: 30rem;
    height: auto;
    font-size: 0;
}
.xc_pz_yh_left_img{
    width: auto;
    height: 9rem;
    padding-left: 2rem;
    font-size: 0;
    margin-top: 1rem;
}
.xc_pz_yh_left_img img{
    width: auto;
    height: 100%;
}

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


.xc_pz_cob_box{
    width: 100%;
    height: auto;
    padding: 7rem 0;
    /*background-image: url("../images/pz_cob.jpg");
    background-size: cover;
    background-position: center top;*/
}
.xc_pz_cob{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
}

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

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


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


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

/*企业介绍*/
.xc_ab_js_box{
    width: 100%;
    aspect-ratio: 1920/898;
    /*background-image: url("../images/ab_jj_back.jpg");
    background-size: cover;
    background-position: center;*/
    position: relative;
}
.xc_ab_menu_box{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 5;
}
.xc_ab_menu{
    width: 1400px;
    width: var(--mainwidth);
	height: 6rem;
	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 2rem;
    font-size: 1.25rem;
    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: absolute;
    width: 100%;
    height: auto;
    top: 21%;
    left: 0;
    z-index: 5;
}
.xc_ab_js_title{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    font-size: 3.25rem;
    font-family: opb;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 100%;
}

.xc_ab_js_ltitle_box{
    position: absolute;
    width: 100%;
    height: 20%;
    top: 33.9%;
    left: 0;
    z-index: 5;
}
.xc_ab_js_ltitle{
    width: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
    font-size: 1.937rem;
    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: 8rem;
}


.xc_ab_js_des_box{
    position: absolute;
    width: 100%;
    height: auto;
    top: 54%;
    left: 0;
    z-index: 5;
}
.xc_ab_js_des{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}

.xc_ab_js_des_item{
    width: 51.5%;
    height: auto;
    position: relative;
    font-size: 1.25rem;
    margin-top: 2rem;
    line-height: 160%;
    color: #FFFFFF;
    font-family: opm;
    padding-left: 2rem;
    text-align: justify;
}
.xc_ab_js_des_item:after{
    position: absolute;
    content: '';
    font-size: 0;
    width: 6px;
    height: 6px;
    background:#FFFFFF;
    border-radius: 50%;
    left: 0;
    top: 0.85rem;
}
.xc_ab_js_btn{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    margin-top: 2.5rem;
}
.xc_ab_js_btn a{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    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: 7rem 0;
   /* background-image: url("../images/ab_td_back.jpg");
    background-size: cover;
    background-position: center;*/
}
.xc_ab_td{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}

.xc_ab_td_title{
    font-size: 3.25rem;
    font-family: opb;
    color: #000000;
}
.xc_ab_td_line{
    width: 5rem;
    height: 0.5rem;
    font-size: 0;
    background: linear-gradient(to right,#292e87,#9f3d90);
    border-radius: 0.5rem;
    margin: 2.5rem 0;
}

.xc_ab_td_ltitle{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    font-size: 2.062rem;
    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_ab_td_des{
    width: 27rem;
    height: auto;
    font-size: 1.375rem;
    color: #000000;
    font-family: opm;
    text-align: justify;
    line-height: 160%;
    margin-top: 2.75rem;
}
.xc_ab_td_img{
    width: auto;
    height: 9rem;
    font-size: 0;
    margin-top: 3rem;
}
.xc_ab_td_img img{
    width: auto;
    height: 100%;
}

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

.xc_ab_ry_title{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    font-size: 3.25rem;
    font-family: opb;
    color: #000000;
    text-transform: uppercase;
}
.xc_ab_ry{
    width: calc(1400px * 1.13);
    width: calc(var(--mainwidth) * 1.13);
	height: auto;
	margin: 0 auto;
    font-size: 0;
    margin-top: 3rem;
}
.xc_ab_ry img{
    width: 100%;
    height: auto;
}
.xc_ab_rc_box{
    width: 100%;
    height: auto;
    padding: 7rem 0;
}

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

.xc_ab_rc_btn a{
    width: auto;
    height: 4rem;
    background-image:linear-gradient(to right,#2a2e88, #a03e8f);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin:0 1.5rem;
    padding: 0 3rem;
    border-radius: 4rem;
    -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: 2rem;
    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: 1rem;
}

.xc_ab_rc{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}
.xc_ab_rc_item{
    width: auto;
    height: auto;
}
.xc_ab_rc_item_img{
    width: auto;
    height: 21rem;
    font-size: 0;
}
.xc_ab_rc_item_img img{
    width: auto;
    height: 100%;
}
.xc_ab_rc_item_title{
    text-align: center;
    font-size: 1.625rem;
    font-family: opm;
    color: #000000;
    margin-top: 1.5rem;
}

/*生产智造*/
.xc_zz_menu_box{
    width: 100%;
    height: auto;
}
.xc_zz_menu{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.xc_zz_menu a{
    font-size: 1.25rem;
    color: #000000;
    font-family: opm;
    margin: 0 2.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: 1920/813;
    /*background-image: url("../images/zz_tj_img.jpg");
    background-size: cover;
    background-position: center;*/
}
.xc_zz_tj{
    width: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.xc_zz_tj_con{
    width: 50%;
    height: auto;
    background: linear-gradient(to right,rgba(41,46,135,0.85),rgba(160,63,143,0.85));
    padding: 3.5rem 4rem;
    border-bottom-right-radius: 6rem;
}
.xc_zz_tj_con_title{
    font-size: 2.25rem;
    font-family: opm;
    color: #FFFFFF;
}
.xc_zz_tj_con_line{
    width: 100%;
    height: 1px;
    font-size: 0;
    background: #FFFFFF;
    margin: 2rem 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.25rem;
    font-family: opm;
    color: #FFFFFF;
    text-align: justify;
    line-height: 170%;
}
.xc_zz_gc{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    padding: 7rem 0;
}
.xc_zz_gc_item{
    width: 100%;
    aspect-ratio: 1400/523;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.xc_zz_gc_item2{
    justify-content: flex-start;
}
.xc_zz_gc_item_img{
    width: 50%;
    height: 100%;
    font-size: 0;
    position: absolute;
    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: 50%;
    height: 100%;
    background: #f0f0f0;
    padding: 5rem 4rem 0 4rem;
}

.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: 2.25rem;
    font-family: opm;
    color: #000000;
    margin-top: 4rem;
}
.xc_zz_gc_item_con_des{
    font-size: 1.25rem;
    font-family: opm;
    color: #000000;
    text-align: justify;
    line-height: 170%;
    margin-top: 3rem;
}

/*性能设计*/
.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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5rem 0 7rem 0;
}
.xc_xn_dz_left{
    width: 46%;
    height: auto;
}
.xc_xn_dz_left_des{
    font-size: 1.375rem;
    color: #3e3a39;
    font-family: opm;
    line-height: 160%;
    margin-top: 3.5rem;
}
.xc_xn_dz_left_img{
    font-size: 0;
    width: 100%;
    height: 17rem;
    text-align: center;
    margin-top: 3.5rem;
}
.xc_xn_dz_left_img img{
    width: auto;
    height: 100%;
}

.xc_xn_dz_right{
    width: 40%;
    height: auto;
    font-size: 0;
}
.xc_xn_dz_right img{
    width: 100%;
    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: 7rem 0 12rem 0;
}
.xc_xn_gy{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}
.xc_xn_gy_left{
    width: 43%;
    height: auto;
}
.xc_xn_gy_left_des{
    font-size: 1.375rem;
    color: #FFFFFF;
    font-family: opm;
    line-height: 160%;
    margin-top: 3.5rem;
}
.xc_xn_gy_left_img{
    font-size: 0;
    width: auto;
    height: 9rem;
    margin-top: 3.5rem;
}
.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: 7rem 0 7rem 0;
}
.xc_xn_zm{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.xc_xn_zm img{
    width: auto;
    height: auto;
    max-width: 100%;
    margin-top: 4rem;
}


.xc_xn_ic_box{
    width: 100%;
    height: auto;
   /* background-image: url("../images/xn_ic_back.jpg");
    background-size: cover;
    background-position: center;*/
    padding: 7rem 0 7rem 0;
}
.xc_xn_ic{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}
.xc_xn_ic_left{
    width: 46%;
    height: auto;
}
.xc_xn_ic_right{
    width: 40%;
    height: auto;
    font-size: 0;
    padding-top: 2rem;
}
.xc_xn_ic_right img{
    width: 100%;
    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: 7rem 0 7rem 0;
}
.xc_xn_jc{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}
.xc_xn_jc_left{
    width: 46%;
    height: auto;
}
.xc_xn_jc_right{
    width: 36%;
    height: auto;
    font-size: 0;
}
.xc_xn_jc_right img{
    width: 100%;
    height: auto;
}


/*首页*/
.xc_banner{
    width: 100%;
    height: 89vh;
    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: 3rem;
    color: #FFFFFF;
    font-family: opb;
    text-align: center;
    line-height: 140%;
    -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: 89vh;
    max-height: 1080px;
    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: 3rem;
    color: #FFFFFF;
    font-family: opb;
    text-align: center;
    line-height: 140%;
    -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: 2rem;
}
.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: 3rem;
}
.xc_id_video_menu{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

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

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

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


.id_xmetai_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    /*background-image: url("../images/id_xmetai_back.jpg");
    background-size: cover;
    background-position: center;*/
    position: relative;
    padding: 5rem 0 4rem 0;
}
.id_xmetai{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.id_xmetai_logo{
    width: 100%;
    height: 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;
}
.id_xmetai_main_img{
    width: 51%;
    height: auto;
    position: relative;
    z-index: 10;
    font-size: 0;
    text-align: center;
    
}
.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: 22%;
    height: auto;
}
.id_xmetai_main_r{
    width: 22%;
    height: auto;
}
.id_xmetai_main_ld_item{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	margin: 3rem 0;
}
.id_xmetai_main_r .id_xmetai_main_ld_item{
    justify-content: flex-end;
}
.id_xmetai_main_ld_item_ico{
    width: 6.5rem;
    height: 6.5rem;
    font-size: 0;
	background: #f5f6f6;
	border-radius: 10px;
	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% - 6.5rem);
    font-size: 1rem;
    color: #000000;
    font-family: opm;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5rem;
}
.id_xmetai_main_r .id_xmetai_main_ld_item_title{
    text-align: right;
}

.id_xmetai_rz_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding-top: 3rem;
}
.id_xmetai_zzt{
	width: 1400px;
    width: var(--mainwidth);
	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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    padding-top: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.id_xmetai_rz_item{
    width: auto;
    height: 3rem;
    font-size: 0;
}
.id_xmetai_rz_item img{
    width: auto;
    height: 100%;
}


.id_xmetac_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 6rem 0;
}
.id_xmetac{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.id_xmetac_logo{
    width: 100%;
    height: 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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-top: 4rem;
}

.id_xmetac_main_ld_box{
	width: 47%;
	height: auto;
}
.id_xmetac_main_ld_box_title{
	width: 100%;
	font-size: 1.5rem;
	font-family: opm;
}
.id_xmetac_main_ld{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:4rem;
}
.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: 6.5rem;
    height: 6.5rem;
    font-size: 0;
	border-radius: 10px;
	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: 1rem;
    color: #000000;
    font-family: opm;
	padding: 0 1.5rem;
}

.id_xmetac_main_img{
    width: 43%;
    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_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%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    position: relative;
	background: #e2e3e7;
    padding: 6rem 0;
    overflow: hidden;
}

.id_xmetas_logo{
    width: 100%;
    height: 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{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	margin-top: 4rem;
}
.id_xmetas_left{
    width: 43%;
    height: auto;
}

.id_xmetas_ld{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.id_xmetas_ld_item{
    width: 45%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
	margin-bottom: 3rem;
}
.id_xmetas_ld_item:nth-child(even){
	
}


.id_xmetas_ld_item_ico{
    width: 6.5rem;
    height: 6.5rem;
    font-size: 0;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	
}
.id_xmetas_ld_item_ico img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.id_xmetas_ld_item_title{
	width: calc(100% - 6.5rem);
	height: auto;
    font-size: 1rem;
    font-family: opm;
    color: #000000;
	padding: 0 1.5rem;
}


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

.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_ledgo_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding: 7rem 0 5rem 0;
    overflow: hidden;
}

.id_ledgo_logo{
    width: 100%;
    height: 3.5rem;
    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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
}

.id_ledgo_item{
    width: 46%;
    height: auto;
}
.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.5rem;
    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.7rem;
}

.id_guangcan_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}
.id_guangcan_box_back{
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 0;
    left: 0;
    top: 0;
    background: linear-gradient(to right,#2a2e88,#a03e8f);
}
.id_guangcan{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.id_guangcan_left{
    width: 50%;
    height: auto;
    padding-top: 10rem;
    padding-bottom: 7rem;
}
.id_guangcan_logo{
    width: 100%;
    height: 3.5rem;
    font-size: 0;
}
.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: 85%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 6rem;
    margin-left: -1.5rem;
}
.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.375rem;
    font-family: opm;
    color: #FFFFFF;
}

.id_guangcan_right{
    padding-top: 2rem;
    width: 50%;
    height: auto;
    padding-bottom: 4rem;
}
.id_guangcan_right_img{
    width: 100%;
    height: auto;
    font-size: 0;
    margin: 0 auto;
    text-align: right;
}
.id_guangcan_right_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) translateX(5rem);
}
.id_guangcan_right_img img:hover{
    transform: perspective(100px) translateZ(3px) translateX(5rem);
}
.id_guangcan_rz2_box{
    display: none;
}
.id_guangcan_rz_box{
    width: 100%;
	height: auto;
	margin: 0 auto;
    position: relative;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    transform: translateX(5rem);
}


.id_nl_box{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 6rem 0;
}
.id_nl_box_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 3.25rem;
    font-family: opb;
}

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

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

.id_nlr{
	width: calc(50% - 25px);
	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;
}
.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;
}
.id_nlrb_sw{
	width: 100%;
	height: auto;
}
.id_nl_swrb_title{
	font-size: 2.625rem;
	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.5rem;
	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: 4rem;
	height: 4rem;
	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: 25rem;
	height: 5px;
	background: #eff1f4;
	
}
.id_nl_bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--OneColor);
	
}



.id_guangcan_rz{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
}

.id_case_box{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    height: auto;
    padding: 6rem 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: 3.875rem;
    font-family: 'Arial';
    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.4rem;
}
.id_case_title_cn{
    padding-left: 0.4rem;
    display:inline-block;
    width: auto;
    height: auto;
    font-size: 3.25rem;
    font-family: opb;
}

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

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

.id_case_sw .swiper-slide{
    width: 100%;
    height: calc(100vw * 0.6666 * 567 / 1268 + 8rem);
    position: relative;
    transform-style:preserve-3d;
    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:1000px;
}
.id_case_sw .swiper-slide-prev .id_case_sw_con{
    transform-origin: 100% 50%;
    transform: rotateY(20deg);
}
.id_case_sw .swiper-slide-next .id_case_sw_con{
    transform-origin: 0% 50%;
    transform: rotateY(-20deg);
}
.id_case_sw_con{
    width: 100%;
    aspect-ratio: 1268/567;
    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_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: 4rem;
    -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: 2rem;
}
.id_case_sw_conl_title{
    font-size: 2rem;
    font-family: opm;
    color: rgba(255,255,255,1.00);
    padding-bottom: 1rem;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.id_case_sw_conl_pro{
    font-size: 1.25rem;
    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.25rem;
    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: 6rem;
}
.id_case_sw_btn_right{
    right: 6rem;
}

/*智能制造-无锡*/

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


.ndes{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 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;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.xc_menu a{
	font-size: 1.25rem;
	font-family: opm;
	color: #000000;
	padding: 2.5rem 0;
	margin: 0 2.5rem;
}
.xc_menu a.xc_menu_aon{
	color: var(--OneColor);
}

.wx{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.wxl{
	width: 50%;
	height: auto;
	background: #f9f9f9;
	padding: 6rem;
	padding-left: 260px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
}
.wxl_title{
	font-size: 2.5rem;
	font-family: opb;
}
.wxl_des{
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	line-height: 180%;
	margin-top: 2rem;
}
.wxr{
	width: 50%;
	height: auto;
}
.wxr img{
	width: 100%;
	height: auto;
}

.mo4_box{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-top: 7rem;
	padding-top: 7rem;
}
.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: 1500px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 15rem;
}
.mo4 .ntitle2{
	text-align: left;
	font-size: 3.5rem;
}
.mo4_box_des{
	text-align: left;
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 2.5rem;
	line-height: 170%;
}
.mo4_title{
	font-size: 2.25rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 4.5rem;
	padding-bottom: 1rem;
}

.mo4_item{
	width: 36rem;
	height: auto;
	font-size: 1.375rem;
	position: relative;
	color: rgba(0,0,0,0.6);
	font-family: opm;
	padding-left: 1.5rem;
	margin-top: 2rem;
}
.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: 7rem 0;
	position: relative;
	margin-top: 5rem;
}
.gy5_bbox_back{
	position: absolute;
	width: 100%;
	height: 60%;
	background: #f9f9f9;
	z-index: 0;
	left: 0;
	top: 0;
}
.gy5_box{
	width: 1500px;
    width: var(--mainwidth);
	aspect-ratio: 1500/464;
	margin: 0 auto;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.gy5i{
	width: 15.5%;
	height: 100%;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gy5i_on{
	width: 50%;
}
.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;
}
.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: 2.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.gy5i_on .gy5ic{
	opacity: 1;
}
.gy5ic_title{
	font-size: 2.125rem;
	font-family: opm;
	color: #FFFFFF;
}
.gy5ic_des{
	font-size: 1.375rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 1rem;
}


/*天津*/

.zz1_box{
	width: 100%;
	height: auto;
}
.zz1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	background: #f9f9f9;
}
.zz1l{
	width: 50%;
	aspect-ratio: 960/795;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	padding-top: 6rem;
}
.zz1l_title{
	font-size: 2rem;
	font-family: opb;
	color: #000000;
}
.zz1l_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	padding-right: 5rem;
	line-height: 170%;
	margin-top: 2rem;
}
.zz1l_num{
	width: auto;
	height: auto;
	position: absolute;
	left: 210px;
	left: calc((100vw - var(--mainwidth)) / 2);
	bottom: calc(50vw * 120 / 960);
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.zz1l_numi{
	width: auto;
	height: auto;
	
	padding: 2rem 3rem;
	border-left: 1px solid rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.zz1l_numi:nth-child(1){
	border-left: 1px solid #FFFFFF;
}
.zz1l_numit{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.zz1l_numit_1{
	font-size: 3rem;
	font-family: oph;
	color: var(--OneColor);
}
.zz1l_numit_2{
	font-size: 1.125rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.3rem;
	margin-top: 0.3rem;
}
.zz1l_numit_title{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0rem;
	text-align: center;
}



.zz1r{
	width: 50%;
	height: auto;
	font-size: 0;
	padding-bottom: 11rem;
	
}
.zz1r img{
	width:100%;
	aspect-ratio: 960/674;
	object-fit: cover;
	object-position: center;
}



.tj1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.tj1l{
	width: 50%;
	height: auto;
}
.tj1l img{
	width: 100%;
	height: auto;
}
.tj1r{
	width: 50%;
	height: auto;
	background: #f9f9f9;
	padding: 6rem;
	padding-right: 260px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tj1r_title{
	font-size: 2.5rem;
	font-family: opb;
}
.tj1r_des{
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	line-height: 180%;
	margin-top: 2rem;
}


.zz4_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.zz4{
	width: 100%;
	height: auto;
	margin-top: 3rem;
}
.zz4 img{
	width: 100%;
	height: auto;
}



.zz3_bbox{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.zz3_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.zz3_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 3rem;
}
.zz3_menu span{
	width: auto;
	height: auto;
	font-size: 1.25rem;
	font-family: opm;
	color: #656565;
	position: relative;
	padding-bottom: 1rem;
	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: 2rem;
}
.zz3_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.zz3l{
	width: 50%;
	height: auto;
	background: #f9f9f9;
	border-radius: 0 10px 10px 0;
	padding: 4rem;
}
.zz3l_title{
	position: relative;
	font-size: 8rem;
	font-family: oph;
	color: #eceaf2;
}
.zz3l_title:after{
	position: absolute;
	content: attr(text);
	left: 0;
	top: 4rem;
	font-size: 1.75rem;
	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;
}


.zz3_pagination{
	position: absolute;
	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;
}
.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: 50%;
	height: auto;
}
.zz3r img{
	width: 100%;
	height: auto;
	border-radius: 10px 0 0 10px;
}


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


.dz2i{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-top: 8rem;
}
.dz2i2{
	flex-direction: row-reverse;
}
.dz2il{
	position: absolute;
	width: 50%;
	height: 100%;
	font-size: 0;
	border-radius: 15px;
	overflow: hidden;
	left: 0;
	bottom: 4rem;
}
.dz2i2 .dz2il{
	left: auto;
	right: 0;
}
.dz2il img{
	width: 100%;
	height: auto;
}
.dz2ir{
	width: 60%;
	height: auto;
	background: #f9f9f9;
	border-radius: 15px;
	padding: 9rem 7rem 4rem 14rem;
}
.dz2i2 .dz2ir{
	padding: 9rem 14rem 4rem 7rem;
}

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


/*芯片混搭*/
.gy1_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 6rem;
}

.hd4_title{
	font-size: 2.375rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 1rem;
	text-align: center;
}
.hd4_ltitle{
	font-size: 3rem;
	margin-top: 2.5rem;
	text-align: center;
}
.hd4_des{
	font-size: 1.375rem;
	margin-top: 2rem;
	text-align: center;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
}
.gy1_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 2.5rem;
	text-align: center;
}
.gy1_img{
	width: 100%;
	height: auto;
	font-size: 0;
	margin-top: 2.5rem;
}
.gy1_img img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}


.dw2_bbox{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.dw2_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.dw2i{
	width: 28%;
	height: auto;
	text-align: left;
}
.dw2i2{
	width: 40%;
}
.dw2i_img{
	width: auto;
	height: 2.8rem;
	font-size: 0;
}
.dw2i_img img{
	width: auto;
	height: 100%;
}
.dw2i_title{
	font-size: 1.625rem;
	font-family: opb;
	margin-top:1.5rem;
}
.dw2i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top:1rem;
	line-height: 170%;
}


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

.fen{
	width: 100%;
	height: 6rem;
}

/*三代多维模压*/

.jd5_bbox{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-top: 7rem;
	padding-top: 7rem;
}
.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: 4rem;
	font-family: opb;
	color: #FFFFFF;
	text-align: center;
}
.jd5_des{
	position: relative;
	z-index: 5;
	font-size: 1.375rem;
	font-family: opm;
	line-height: 180%;
	color: rgba(255,255,255,0.8);
	text-align: center;
	margin-top: 3rem;
}
.xcdw2_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: #f7f9fc;
}
.xcdw2_bbox .dw2_bbox{
	margin-top: 0;
}

.xcdw3{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 2rem;
	padding-bottom: 6rem;
}
.xcdw3i{
	width:49%;
	height: auto;
	margin-top: 4rem;
}
.xcdw3_img{
	width: 100%;
	aspect-ratio: 687/305;
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
}
.xcdw3_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*精盾覆膜技术*/
.xcjd1_box{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.xcjd1{
	width: 100%;
	aspect-ratio: 1400/566;
	position: relative;
	border-radius: 10px;
	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.5rem;
	font-family: opm;
	color: #FFFFFF;
	text-align: center;
	line-height: 160%;
}


.jd2_bbox{
	width: 100%;
	height: auto;
	background: #f5f6f6;
}
.jd2_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.jd2m{
	width: 100%;
	height: auto;
	margin-top: 4rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.jd2m span{
	position: relative;
	font-size: 1.25rem;
	font-family: opb;
	color: rgba(0,0,0,0.3);
	width: 23%;
	padding-bottom: 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: 3rem;
}
.jd2_sw_img{
	width: 100%;
	height: auto;
	font-size: 0;
}
.jd2_sw_img img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.xcjd2_box{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.xcjd2_box_des{
	text-align: center;
	font-size: 1.375rem;
	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: 5rem 0;
	border-radius: 10px;
}
.xcjd2i_ico{
	width: auto;
	height: 6rem;
	text-align: center;
	font-size: 0;
}
.xcjd2i_ico img{
	width: auto;
	height: 100%;
}
.xcjd2i_title{
	font-size: 1.875rem;
	font-family: opm;
	text-align: center;
	margin-top: 1.5rem;
}

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

.xcfw2{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.xcfw2l{
	width: 45%;
	height: auto;
}
.xcfw2li{
	width: 100%;
	height: auto;
}
.xcfw2lit{
	width: 100%;
	height: 7rem;
	line-height: 7rem;
	font-size: 1.875rem;
	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.375rem;
	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: 50%;
	height: auto;
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
}
.xcfw2r img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*产品保障*/
.xcbzm{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 4rem;
}
.xcbzmi{
	cursor: pointer;
}
.xcbzmi_ico{
	width: 3.5rem;
	height: 3.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.25rem;
	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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 4rem;
	margin-bottom: 6rem;
}
.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: 15px;
	overflow: hidden;
	z-index: 0;
	left: 0;
	top: 0;
}
.xcbz_sw_img_back{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	border-radius: 15px;
	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: 15px;
	overflow: hidden;
	z-index: 0;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 5rem;
}
.xcbz_swc_title{
	font-size: 2rem;
	font-family: opb;
	color: #FFFFFF;
}
.xcbz_swc_des{
	width: 42rem;
	height: auto;
	line-height: 170%;
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(255,255,255,0.7);
	margin-top: 1.5rem;
}

/*产品功能*/
.xcgn_box{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.xcgn{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.xcgni{
	width: 23.5%;
	height: auto;
	background: #f9f9f9;
	padding: 3rem 2.5rem;
	text-align: center;
}
.xcgni_ico{
	width: auto;
	height: 3.7rem;
	font-size: 0;
}
.xcgni_ico img{
	width: auto;
	height: 100%;
}
.xcgni_title{
	font-size: 1.375rem;
	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: 1.5rem;
}
/*关于公司*/
.xcab1_box{
	width: 100%;
	height: auto;
	padding-top: 7rem;
}
.xcab1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 3rem;
}
.xcab1l{
	width: 50%;
	height: auto;
	background: #f9fafd;
	padding: 6rem;
	padding-left: 260px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
}
.xcab1l_line{
	width: 6rem;
	height:4px;
	font-size: 0;
	background: var(--OneColor);
}
.xcab1l_des{
	width: 100%;
	height: auto;
	line-height: 170%;
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	margin-top: 3.5rem;
}

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

.xcab2_box{
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.xcab2_box .xcab1l_des{
	text-align: center;
}

.xcab2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 6rem;
}
.xcab2i{
	width: 24%;
	height: auto;
	background: #f9fafd;
	border-radius: 15px;
	padding: 4rem 0;
}
.xcab2i_ico{
	width: auto;
	height: 6.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: 1.5rem;
}


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

.ab6_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 4rem;
	font-family: opb;
	
}
.ab6{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	
}
.ab61{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
	padding-bottom: 4rem;
}
.ab61l{
	width: 45%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ab61l_title{
	font-size: 1.5rem;
	font-family: opm;
	color: #000000;
}
.ab61l_des{
	font-size: 1.125rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	margin-top: 1rem;
}
.ab61l_tag{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 1rem;
}
.ab61l_tagl{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.ab61l_tagli{
	width: 10rem;
	height: auto;
	background: linear-gradient(to bottom,#9847a9,#782d87);
	margin-right: 1rem;
	border-radius: 8px;
	overflow: hidden;
	padding: 1.5rem;
}
.ab61l_tagli_title{
	font-size: 1.375rem;
	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.375rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 3rem;
}
.ab61l_tagli_count span{
	font-size: 3.75rem;
	font-family: oph;
	color: #FFFFFF;
	padding-right: 0.5rem;
	
}
.ab61l_tagr{
	width: auto;
	height: 11rem;
	font-size: 0;
}
.ab61l_tagr img{
	width: auto;
	height: 100%;
}

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

.ab62{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 3rem;
	background: #FFFFFF;
	padding: 3rem 3rem 3rem 0;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.03);
}
.ab62l{
	width: 28%;
	height: auto;
	font-size: 0;
}
.ab62l img{
	width: 100%;
	height: auto;
}
.ab62m{
	width: 15rem;
	height: auto;
	margin-right: 8rem;
}
.ab62m_title{
	font-size: 2.625rem;
	font-family: opm;
	color: #000000;
}
.ab62m_ltitle{
	font-size: 1.25rem;
	font-family: opm;
	color: #717171;
}
.ab62m_line{
	font-size: 0rem;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.1);
	margin: 2rem 0;
}
.ab62m_des{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	line-height: 160%;
}

.ab62r{
	width: calc(72% - 23rem);
	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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.join_des{
	text-align: center;
	font-family: opm;
	color: rgba(0,0,0,0.7);
	font-size: 1.625rem;
	margin-top: 2rem;
	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: 20rem;
	height: 4.2rem;
	background: var(--OneColor);
	border-radius: 4.2rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 1.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: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 5rem;
	padding-bottom: 7rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.join_whi{
	width: auto;
	height: auto;
}
.join_whi_img{
	width: auto;
	height: 20rem;
	font-size: 0;
}
.join_whi_img img{
	width: auto;
	height: 100%;
}
.join_whi_title{
	font-size: 1.625rem;
	text-align: center;
	color: #000000;
	font-family: opm;
	margin-top: 2rem;
}

.xcabry_box{
	width: 100%;
	aspect-ratio: 1920/895;
	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: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.xcabry{
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.xcabry_title{
	text-align: left;
	font-size: 6.25rem;
	font-family: "Arial";
	font-weight: bold;
	color: rgba(120,46,135,0.1);
	text-transform: uppercase;
	line-height: 100%;
	position: relative;
}
.xcabry_title:after{
	position: absolute;
	content: attr(text);
	font-size: 2.875rem;
	color: #000000;
	font-family: opb;
	left: 0;
	bottom: -1rem;
	letter-spacing: 0.2rem;
}
.xcabry_sw{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.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.875rem;
	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: 7rem 0;
}
.xc_pro_gg{
	width: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
}
.xc_pro_gg img{
	width: 100%;
	height: auto;
}

@media screen and  (min-width:1920px){
	.xc_banner {
		width: 1920px;
		height: 900px;
		margin: 0 auto;
    position: relative;
}
	.zz1 {
		width: 1920px;
		margin: 0 auto;
		    margin-top: 3.5rem;
}
	.zz1l {
    padding-left: 210px;
}
	.zz1l_num {
    bottom: calc(960px * 120 / 960);
;
    flex-direction: row;
    justify-content: center;
}
	.tj1{
		width: 1920px;
		margin: 0 auto;
}
	.tj1r {
    padding-right: 210px;
}
	.xcab1{
		width: 1920px;
		margin: 0 auto;
		    margin-top: 3.5rem;
}
	.xcab1l{
		padding-left: 210px;
	}
	.wx{
		width: 1920px;
		margin: 0 auto;
	}
	.wxl{
		padding-left: 210px;
	}
}