/*导航*/
.nav_back{
	width: 100%;
	height: 6rem;
}
.nav_box{
	width: 100%;
	height: 6rem;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 1000;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.nav_box_on{
	background: #FFFFFF;
}

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

.nav_logo{
	width: auto;
	height: 60%;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.nav_logo>a{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.nav_logo img{
	width: auto;
	height: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_main{
	width: auto;
	height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
}
.nav_menu{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.nav_menu_item{
    width: auto;
    height: 100%;
	position: relative;
}
.nav_menu_item>a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	height: 100%;
	position: relative;
	padding: 0 2.5rem;
	font-size: 1.25rem;
	color: #000000;
	font-family: opm;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	overflow: hidden;
}
.nav_menu_item_on>a{
	color: var(--OneColor);
}
.nav_menu_item:hover>a{
	color: var(--OneColor);
}
.nav_menu_item>a span{
	position: relative;
	z-index: 5;
}


.nav_down{
	position: absolute;
	width: 10rem;
	height: 0;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	left: calc(50% - 5rem);
	top: 100%;
	padding: 0rem 0rem;
	text-align: center;
	-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_menu_item:hover .nav_down{
	opacity: 1;
	height: auto;
	padding: 1rem 0rem;
}
.nav_down a{
	display: block;
	font-size: 1rem;
	color: #656160;
	margin: 0.4rem 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_down a:hover{
	color: var(--OneColor);
}


.nav_search{
    width: auto;
    height: 2.4rem;
    padding: 0.5rem 0;
    font-size: 0;
    margin-right: 1rem;
    position: relative;
	z-index: 10;
	margin-left: 2rem;
}
.nav_search_dbtn{
    position: absolute;
    width: 4rem;
    height: 100%;
    right: -1rem;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.nav_search_on .nav_search_dbtn{
    display: none;
}
.nav_search a{
    display: inline-block;
    width: auto;
    height: 100%;
    position: relative;
    z-index: 5;
}
.nav_search svg{
    width: auto;
    height: 100%;
    fill:#000000;
    cursor: pointer;
}


.nav_search_main{
    position: absolute;
    width: 0rem;
    height: 120%;
    background: #FFFFFF;
    right: -1rem;
	border: 1px solid rgba(0,0,0,0.1);
    top: -10%;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav_search_on .nav_search_main{
    width: 25rem;
    opacity: 1;
}
.nav_search_main input{
    width: calc(100% - 4rem);
    height: 2rem;
    padding: 0 1rem;
    font-size: 1.125rem;
    border: none;
}



.nav_lag{
	font-family: opm;
	color: #000000;
	font-size: 1.375rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_box_index .nav_lag{
	color: #000000;
}

.nav_lag:hover{
	color: var(--OneColor);
}

/*导航2*/
.nav2_box{
	width: 100%;
	height: 6rem;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 1000;
}
.nav2_box_on{
	background: #FFFFFF;
	-moz-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.08);
}

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

.nav2_logo{
	width: auto;
	height: 60%;
	position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.nav2_logo>a{
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.nav2_logo img{
	width: auto;
	height: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav2_main{
	width: auto;
	height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
}
.nav2_menu{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.nav2_menu_item{
    width: auto;
    height: 100%;
	position: relative;
}
.nav2_menu_item>a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	height: 100%;
	position: relative;
	padding: 0 2.5rem;
	font-size: 1.25rem;
	color: #FFFFFF;
	font-family: opm;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	overflow: hidden;
}

.nav2_box_on .nav2_menu_item>a{
    color:#000000;
}
.nav2_menu_item_on>a{
	color: var(--OneColor);
}
.nav2_box_on .nav2_menu_item_on>a{
    color: var(--OneColor);
}
.nav2_menu_item:hover>a{
	color: var(--OneColor);
}
.nav2_menu_item>a span{
	position: relative;
	z-index: 5;
}

.nav2_down{
	position: absolute;
	width: 10rem;
	height: 0;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	left: calc(50% - 5rem);
	top: 100%;
	padding: 0rem 0rem;
	text-align: center;
	-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.08);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav2_menu_item:hover .nav2_down{
	opacity: 1;
	height: auto;
	padding: 1rem 0rem;
}
.nav2_down a{
	display: block;
	font-size: 1rem;
	color: #656160;
	margin: 0.4rem 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav2_down a:hover{
	color: var(--OneColor);
}


.nav2_search{
    width: auto;
    height: 2.4rem;
    padding: 0.5rem 0;
    font-size: 0;
    margin-right: 1rem;
    position: relative;
	z-index: 10;
	margin-left: 2rem;
}
.nav2_search_dbtn{
    position: absolute;
    width: 4rem;
    height: 100%;
    right: -1rem;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.nav2_search_on .nav2_search_dbtn{
    display: none;
}
.nav2_search a{
    display: inline-block;
    width: auto;
    height: 100%;
    position: relative;
    z-index: 5;
}
.nav2_search svg{
    width: auto;
    height: 100%;
    fill:#ffffff;
    cursor: pointer;
}
.nav2_box_on .nav2_search svg{
    fill:#000000;
}

.nav2_search_main{
    position: absolute;
    width: 0rem;
    height: 120%;
    background: #FFFFFF;
    right: -1rem;
	border: 1px solid rgba(0,0,0,0.1);
    top: -10%;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav2_search_on .nav2_search_main{
    width: 25rem;
    opacity: 1;
}
.nav2_search_main input{
    width: calc(100% - 4rem);
    height: 2rem;
    padding: 0 1rem;
    font-size: 1.125rem;
    border: none;
}



.nav2_lag{
	font-family: opm;
	color: #ffffff;
	font-size: 1.375rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav2_box_on .nav2_lag{
	color: #000000;
}

.nav2_lag:hover{
	color: var(--OneColor);
}

.menubtn{
	display: none;
}

/*back*/
.page_back{
	width: auto;
	height: 35rem;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.page_back img{
	width: auto;
	height: 100%;
}

/*footer*/
.footer_box{
    width: 100%;
    height: auto;
    background:#ffffff;
    position: relative;
    overflow: hidden;
	border-top: 5px solid var(--OneColor);
}
.footer{
    width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    padding-top: 3rem;
	padding-bottom: 3.5rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footerl{
	width: auto;
	height: auto;
	padding-right: 6rem;
}
.footerl_logo{
	
}
.footerl_logo img{
	width: auto;
	height: 5rem;
}
.footerl_title{
	margin-top: 2rem;
	font-size: 1rem;
	color: rgba(0,0,0,0.5);
	font-family: opm;
}
.footerl_tel{
	font-family: oph;
	color: #000000;
	font-size: 2.2rem;
}
.footerl_mail{
	font-family: opm;
	color: #000000;
	font-size: 1.5rem;
}

.footer_menu{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.footerm_item{
    width: auto;
    height: auto;
	margin-left: 3rem;
}
.footerm_item_title{
    font-size: 1.375rem;
    color: #000000;
    font-family: opm;
    display: block;
    margin-bottom: 2rem;
}
.footerm_item_con{
    display: block;
    font-size: 1.125rem;
    font-family: opm;
    color: rgba(0,0,0,0.4);
    margin-top: 0.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.footerm_item_con:hover{
    color: var(--OneColor);
}


.footer_bottom{
    width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
    text-align: center;
    padding: 2rem 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    position: relative;
    z-index: 5;
    color: rgba(0,0,0,0.4);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 170%;
    font-family: opm;
}
.footer_bottom a{
    color: rgba(0,0,0,0.4);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_bottom a:hover{
    color: rgba(0,0,0,1);
}
.footer_bottom_left{
    text-align: left;
}

.footer_bottom_right{
    text-align: right;
}
.footer_bottom_right a{
    margin-left: 3rem;
}

/*ntitle*/
.ntitle{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 3rem;
}
.ntitle_1{
	font-family: opm;
	font-size: 1.375rem;
	
}
.ntitle_2{
	font-family: opm;
	font-size: 4rem;
	
}


.ntitle2{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: opb;
	font-size: 4rem;
	
}
.ntitle3{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: opb;
	font-size: 3rem;
	
}
/*nbanner*/
.nbanner{
    width: 100%;
    aspect-ratio: 1920/650;
    position: relative;
}
.nbanner_img{
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 0;
    left: 0;
    top: 0;
}
.nbanner_img img{
    width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.nbanner_con{
    width: 1400px;
    width: var(--mainwidth);
    height: 100%;
	margin: 0 auto;
	position: relative;
    z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 4rem;
}
.nbanner_con_title{
    font-size: 3.75rem;
    color: #FFFFFF;
    font-family: opb;
}
.nbanner_con_ltitle{
    font-size: 3rem;
	color: #FFFFFF;
    font-family: opb;
	text-transform: uppercase;
	margin-top: 1rem;
}

/*联系我们*/
.lx_banner{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.lx_bannerl{
	width: 30.5%;
	height: auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
}
.lx_bannerl a{
	width: auto;
	height: auto;
	font-size: 1.75rem;
	font-family: opm;
	color: #000000;
	position: relative;
	margin-top: 1.2rem;
	padding-bottom: 0.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.lx_bannerl a:hover{
	color: var(--OneColor);
}
.lx_bannerl a.lx_bannerl_on{
	color: var(--OneColor);
}
.lx_bannerl a:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	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;
}
.lx_bannerl a:hover:after{
	transform: scaleX(1);
}
.lx_bannerl a.lx_bannerl_on:after{
	transform: scaleX(1);
}
.lx_bannerr{
	width: 69.5%;
	height: auto;
	font-size: 0;
}
.lx_bannerr img{
	width: 100%;
	height: auto;
	border-radius: 20px 0px 0px 150px;
}


.lx_fs_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.lx_fs{
	width: 100%;
	height: auto;
	background: #f7f9fc;
	border-radius: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
	padding: 4rem 0;
}
.lx_fsi{
	width: 33%;
	height: auto;
}
.lx_fsi_ico{
	width: 6rem;
	height: 6rem;
	background: var(--OneColor);
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
}
.lx_fsi_ico img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.lx_fsi_title{
	width: 100%;
	height: auto;
	padding: 0 3rem;
	font-size: 1.5rem;
	font-family: opm;
	color: #000000;
	text-align: center;
	margin-top: 1.5rem;
}

.lx_ly_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding-bottom: 7rem;
}
.lx_ly{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx_ly_item{
	width: 48%;
	height: 6.5rem;
	background: #f7f9fc;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 2rem;
}
.lx_ly_item input{
	width: 100%;
	height: 100%;
	font-size: 1.375rem;
	padding: 0 1.5rem;
	border: none;
	background: none;
	font-family: opm;
}
.lx_ly_item2{
	width: 100%;
	height: 13rem;
	background: #f7f9fc;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 2rem;
}
.lx_ly_item2 textarea{
	width: 100%;
	height: 100%;
	font-size: 1.375rem;
	padding:1.5rem;
	border: none;
	background: none;
	font-family: opm;
}
.lx_ly_btn{
	width: 100%;
	height: auto;
	margin-top: 2.5rem;
	text-align: center;
}
.lx_ly_btn a{
	width: 20rem;
	height: 6rem;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border-radius: 6.5rem;
	background: var(--OneColor);
	font-size: 1.75rem;
	color: #FFFFFF;
	font-family: opm;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.lx_ly_btn a:hover{
	transform: translateY(-3px);
	-moz-box-shadow: 0px 10px 25px 0 rgba(126,49,142,0.5);
    -webkit-box-shadow: 0px 10px 25px 0 rgba(126,49,142,0.5);
    box-shadow: 0px 10px 25px 0 rgba(126,49,142,0.5);
}
/*加入我们*/
.join{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.join_title{
	text-align: center;
	font-family: opm;
	color: #000000;
	font-size: 2.5rem;
	margin-top: 2rem;
}
.join_des{
	text-align: center;
	font-family: opm;
	color: #6a6a6a;
	font-size: 1.375rem;
	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: 15rem;
	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_lc{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.join_lcc{
	width: 100%;
	height: auto;
}
.join_lcc img{
	width: 100%;
	height: auto;
}

.join_wh{
	width: 1500px;
    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;
}


/*新闻中心*/
.new_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.new{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.newi{
	width: 32%;
	height: auto;
	margin-right: 2%;
	margin-top: 3rem;
	-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);
	position: relative;
	border-radius: 15px;
}
.newi:nth-child(3n){
	margin-right: 0;
}
.newi_img{
	width: 100%;
	aspect-ratio: 484/327;
	font-size: 0;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.newi_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);
}
.newi:hover .newi_img img{
	transform: perspective(100px) translateZ(3px);
}
.newic{
	width: 100%;
	aspect-ratio: 484/327;
	position: relative;
	z-index: 5;
	margin-top: -15px;
	border-radius: 15px;
	overflow: hidden;
	background: #FFFFFF;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.newic_data{
	font-size: 1.375rem;
	font-family: opb;
	color: var(--OneColor);
}
.newic_title{
	font-size: 1.75rem;
	font-family: opm;
	color: #000000;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.newi:hover .newic_title{
	color: var(--OneColor);
}
.newic_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
}
.newic_btn{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
}
.newic_btn img{
	width: auto;
	height: 1.3rem;
	margin-left: 1rem;
}



/*翻页*/

.npage{
    width: 100%;
    height: auto;
	margin-top: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
	padding-bottom: 7rem;
}
.npage_as{
    width: auto;
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 1rem;
	font-size: 0;
}

.npage_as svg{
    width: auto;
    height: 2rem;
    fill:rgba(0,0,0,0.6);
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.npage_as:hover svg{
    fill:var(--OneColor);
}

.npage_ac{
    display: inline-block;
    width:auto;
    height: 2rem;
	line-height: 2rem;
    text-align: center;
    margin: 0 1rem;
    font-size: 1.25rem;
    font-family: opm;
    color: rgba(0,0,0,0.6);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.npage_ac:hover{
    color:var(--OneColor);
}
.npage_acon{
    color:var(--OneColor);
}


/*产品中心*/
.pro_menu{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2rem;
}

.pro_menui{
	width: 32.5%;
	height: 6rem;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.pro_menui1{
	background: #29308a;
}
.pro_menui2{
	background: #4b318c;
}
.pro_menui3{
	background: #29308a;
}

.pro_menui_ico{
	width: auto;
	height: 2.6rem;
	font-size: 0;
}
.pro_menui_ico img{
	width: auto;
	height: 100%;
}
.pro_menui_text{
	font-size: 2.15rem;
	font-family: opb;
	color: #FFFFFF;
	padding-left: 1rem;
}

.pro_zs_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 5rem;
}
.pro_zs{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2.5rem;
}
.pro_zsi{
	width: 49%;
	height: auto;
	border: 3px solid #29308a;
	border-radius: 10px;
}
.pro_zsit{
	width: 100%;
	height: 6rem;
	background: #29308a;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.5rem;
}
.pro_zsit2{
	background: #4b318c;
}
.pro_zsitl{
	font-size: 2.25rem;
	font-family: opb;
	color: #FFFFFF;
}
.pro_zsitr{
	width: auto;
	height: 2.5rem;
	background: #FFFFFF;
	border-radius: 2.5rem;
	font-size: 1.375rem;
	color: #29308a;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 2rem;
	font-family: opm;
}
.pro_zsim{
	width: 100%;
	height: auto;
	padding: 0 2rem;
	margin-top: 2rem;
}
.pro_zsim img{
	width: auto;
	height: 3rem;
}
.pro_zsib{
	width: 100%;
	height: auto;
	padding: 0 2rem;
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 2rem;
}
.pro_zsib img{
	width: auto;
	height: 3rem;
	margin-right: 1.5rem;
}
.pro_zsib span{
	font-size: 1.5rem;
	color: #7e318e;
	font-family: opb;
}


.pro_ys{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2%;
}
.pro_ysi{
	width: 23.5%;
	height: auto;
	border: 3px solid #29308a;
	border-radius: 10px;
	padding: 2rem;
	position: relative;
	padding-bottom: 3rem;
}
.pro_ysi_title{
	font-family: opb;
	color: #293089;
	font-size: 1.75rem;
}
.pro_ysi_title font{
	font-size: 1.125rem;
}
.pro_ysi_ltitle{
	font-family: oph;
	color: #000000;
	font-size: 1.375rem;
	margin-top: 0.3rem;
}

.pro_ysi_tag{
	margin-top: 2rem;
}
.pro_ysi_tagi{
	position: relative;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.5);
	font-family: opm;
	margin-top: 0.5rem;
	padding-left: 1rem;
	width: 13rem;
	height: auto;
}
.pro_ysi_tagi:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0.7rem;
	font-size: 0;
	width: 6px;
	height: 6px;
	background: #29308a;
	border-radius: 50%;
	
}
.pro_ysi_ico{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 5rem;
	height: 5rem;
	background: #29308a;
	border-radius: 50%;
	font-size: 0;
}
.pro_ysi_ico img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.pro_yf_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding-bottom: 7rem;
}
.pro_yf{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2.5rem;
}
.pro_yfi{
	width: 32%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.08);
}
.pro_yfit{
	width: 100%;
	height: 10rem;
	background: #7d308e;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 2rem;
}
.pro_yfitl{
	width: 7rem;
	height: 7rem;
	font-size: 0;
	background: #FFFFFF;
	border-radius: 50%;
}
.pro_yfitl img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.pro_yfitr{
	padding-left: 1.5rem;
}
.pro_yfitr_1{
	font-size: 2.25rem;
	font-family: opb;
	color: #FFFFFF;
}
.pro_yfitr_2{
	font-size: 1.375rem;
	font-family: opm;
	color: #FFFFFF;
}
.pro_yfi_tag{
	padding: 2rem;
}
.pro_yfi_tagi{
	position: relative;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.5);
	font-family: opm;
	margin-top: 0.5rem;
	padding-left: 1rem;
	width: 100%;
	height: auto;
}
.pro_yfi_tagi:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0.7rem;
	font-size: 0;
	width: 6px;
	height: 6px;
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	
}

/*智能制造*/
.zz1_box{
	width: 100%;
	height: auto;
	margin-top: 7rem;
}
.zz1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 3.5rem;
}
.zz1l{
	width: 50%;
	aspect-ratio: 960/795;
	background: #f7f9fc;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	padding-top: 6rem;
}
.zz1l_title{
	font-size: 2.875rem;
	font-family: opb;
	color: #000000;
}
.zz1l_des{
	font-size: 1.3rem;
	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: 16rem;
	height: 11rem;
	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: row;
	justify-content: center;
	align-items: flex-end;
}
.zz1l_numit_1{
	font-size: 3rem;
	font-family: oph;
	color: var(--OneColor);
}
.zz1l_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.zz1l_numit_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0.5rem;
}



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

.zz2_box{
	width: 100%;
	height: auto;
	margin-top: 7rem;
}
.zz2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3.5rem;
}

.zz2l{
	width: 50%;
	aspect-ratio: 960/674;
	font-size: 0;
	
}
.zz2l img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0 15px 15px 0;
}
.zz2r{
	width: 50%;
	height: auto;
	padding-left: 7rem;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.zz2r_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
}
.zz2r_des_title{
	position: relative;
	color: var(--OneColor);
	font-family: opb;
	padding-left: 1.5rem;
	margin-top: 1.2rem;
}
.zz2r_des_title:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	font-size: 0;
	background: var(--OneColor);
	border-radius: 50%;
	left: 0;
	top: calc(50% - 4px);
}
.zz2r_des_des{
	position: relative;
	padding-left: 1.5rem;
}

.zz3_bbox{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding: 7rem 0;
	background: #f7f9fc;
}
.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: center;
	margin-top: 3rem;
}
.zz3_menu span{
	width: auto;
	height: auto;
	margin: 0 1.5rem;
	font-size: 1.625rem;
	font-family: opm;
	color: #939393;
	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;
	justify-content: space-between;
}
.zz3l{
	width: 42%;
	height: auto;
}
.zz3l_title{
	position: relative;
	font-size: 10rem;
	font-family: oph;
	color: #eceaf2;
}
.zz3l_title:after{
	position: absolute;
	content: attr(text);
	left: 0;
	top: 5rem;
	font-size: 2.375rem;
	font-family: opm;
	color: var(--OneColor);
}
.zz3l_des{
	font-size: 1.3rem;
	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: 15px;
}

.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;
}


.zz5_box{
	width: 100%;
	height: auto;
	margin-top: 7rem;
}
.zz5{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3.5rem;
}
.zz5_box_title{
	text-align: center;
	font-size: 2.625rem;
	font-family: opm;
	margin-top: 1rem;
}

.zz5l{
	width: 50%;
	aspect-ratio: 960/674;
	font-size: 0;
	
}
.zz5l img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 15px 15px 15px 15px;
}
.zz5r{
	width: 50%;
	height: auto;
	padding-left: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.zz5r_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
}
.zz5r_des_title{
	position: relative;
	color: var(--OneColor);
	font-family: opb;
	padding-left: 1.5rem;
	margin-top: 1.2rem;
}
.zz5r_des_title:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	font-size: 0;
	background: var(--OneColor);
	border-radius: 50%;
	left: 0;
	top: calc(50% - 4px);
}
.zz5r_des_des{
	position: relative;
	padding-left: 1.5rem;
}

.zz6_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: #f7f9fc;
}
.zz6_box_title{
	text-align: center;
	margin-top: 1rem;
	line-height: 180%;
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
}
.zz6_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:3rem;
}
.zz6_menu{
	width: 50%;
	height: auto;
	padding-right: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.zz6_menui{
	width:100%;
	height: auto;
}
.zz6_menui_title{
	position: relative;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	font-size: 2rem;
	font-family: opm;
	color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.zz6_menui_on .zz6_menui_title{
	color: var(--OneColor);
}
.zz6_menui_title:after{
	position: absolute;
	content: '';
	width: 190px;
	width: calc((100vw - var(--mainwidth)) / 2 - 20px);
	font-size: 0;
	height: 2px;
	background: #dee0e2;
	left: 0;
	top: calc(50% - 1px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.zz6_menui_on .zz6_menui_title:after{
	background: var(--OneColor);
}

.zz6_menui_des{
	position: relative;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	font-size: 1.25rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 1rem;
}

.zz6r{
	width: 50%;
	height: auto;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
}
.zz6_sw{
	width: 100%;
	height: auto;
}
.zz6_sw img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}


/*技术研发*/
.yf1_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.yf1l{
	width: 33rem;
}
.yf1l_title{
	width: auto;
	height: auto;
	font-size: 2.625rem;
	font-family: opb;
	color: var(--OneColor);
}
.yf1r{
	width: calc(100% - 33rem);
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	padding-right: 6rem;
}

.yf2_box{
	width: 100%;
	height: auto;
	margin-top: 7rem;
}

.yf2{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 6rem;
	margin-top: 4rem;
}
.yf2_back{
	position: absolute;
	width: 60%;
	height: 100%;
	background: #f7f9fc;
	right: 0;
	top: 0;
}
.yf2_sw{
	position: relative;
	width: 100%;
	height: auto;
}
.yf2_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.yf2_swl{
	width: 50%;
	height: auto;
	font-size: 0;
}
.yf2_swl img{
	width: 100%;
	height: auto;
}
.yf2_swr{
	width: 50%;
	height: auto;
	padding: 6rem;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
}

.yf2m{
	position: absolute;
	width: 47%;
	height: auto;
	background: #FFFFFF;
	z-index: 10;
	right: 210px;
	right: calc((100vw - var(--mainwidth)) / 2);
	bottom: 6rem;
}

.yf2m_sw{
	position: relative;
	width: 100%;
	height: auto;
}
.yf2m_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 2rem 3rem;
}
.yf2m_swl{
	font-size: 0;
	width: auto;
	height: 3rem;
}
.yf2m_swl img{
	width: auto;
	height: 100%;
}

.yf2m_swr{
	position: relative;
	font-size: 6.5rem;
	font-family: oph;
	color: #f7f3f8;
	padding-left: 2rem;
	padding-right: 20rem;
}
.yf2m_swr:after{
	position: absolute;
	content: attr(text);
	left: 4rem;
	top: 2.7rem;
	font-size: 2.625rem;
	font-family: opb;
	color: #000000;
}



.yf2m_btn{
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background: #FFFFFF;
	border: 2px solid var(--OneColor);
	position: absolute;
	font-size: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	right: 2rem;
	z-index: 20;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.yf2m_btn:hover{
	background: var(--OneColor);
}
.yf2m_btn svg{
	width: auto;
	height: 55%;
	fill:var(--OneColor);
}
.yf2m_btnl{
	top: 2.8rem;
}
.yf2m_btnr{
	bottom: 2.8rem;
}


.yf3{
	width: 100%;
	height: auto;
	margin-top: 8rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.yf3l{
	width: 50%;
	height: auto;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	padding-right: 6rem;
}
.yf3l .ntitle3{
	text-align: left;
}
.yf3l_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 2rem;
}

.yf3r{
	width: 50%;
	height: auto;
	font-size: 0;
}
.yf3r img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 15px 0 0 15px;
}

.yf4_box{
	width: 100%;
	height: auto;
	margin-top: 7rem;
	padding-bottom: 8rem;
	position: relative;
}
.yf4_box_back{
	position: absolute;
	width: 100%;
	height: 17rem;
	background: #f7f9fc;
	z-index: 0;
	left: 0;
	bottom: 0;
}

.yf4_box_title{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.yf4_box_title .ntitle2{
	text-align: left;
}
.yf4{
	width: 100%;
	height: auto;
	margin-top: 2.5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.yf4l{
	width: 50%;
	height: auto;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.yf4lc{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
}
.yf4lcb{
	width: 100%;
	height: auto;
}
.yf4lm{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.yf4lm span{
	position: relative;
	font-size: 1.625rem;
	font-family: opb;
	color: #858585;
	margin-right: 4rem;
	padding-bottom: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.yf4lm span.yf4lm_son{
	color: var(--OneColor);
}
.yf4lm 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);
}
.yf4lm span.yf4lm_son:after{
	transform: scaleX(1);
}
.yf4lb{
	width: 100%;
	height: 9rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.yf4lb_sw{
	
}
.yf4lb_sw_title{
	font-size: 2.25rem;
	font-family: opm;
	color: #000000;
}
.yf4lb_sw_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 1rem;
}


.yf4r{
	width: 42%;
	height: auto;
}
.yf4r_sw{
	width: 100%;
	height: auto;
}
.yf4r_sw_img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
.yf4r_sw_img img{
	width: 100%;
	height: auto;
	border-radius: 15px;
	opacity: 0.3;
}
.yf4r_sw .swiper-slide-active .yf4r_sw_img img{
	opacity: 1;
}
.yf4r_sw_title{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 5;
	left: 0;
	bottom: 2rem;
	font-size: 2.25rem;
	font-family: opm;
	color: #FFFFFF;
	text-align: center;
}

.yf5_box{
	width: 100%;
	height: auto;
	padding-top: 7rem;
}
.yf5{
	width: 100%;
	height: auto;
	padding-top: 1.8rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	padding-bottom: 6rem;
}
.yf5l{
	width: 50%;
	height: auto;
	font-size: 0;
	margin-top: 1.2rem;
}
.yf5l img{
	width: 100%;
	height: auto;
	border-radius: 0 15px 15px 0;
}
.yf5r{
	width: 50%;
	height: auto;
	padding-left: 7rem;
	
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
}


.yf5_num{
	width: 46%;
	height: auto;
	position: absolute;
	right: 210px;
	right: calc((100vw - var(--mainwidth)) / 2);
	bottom: 0;
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
}
.yf5_numi{
	width: 30%;
	height: auto;
	border-left: 1px solid rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3rem 0;
}
.yf5_numi:nth-child(1){
	border-left: 1px solid #FFFFFF;
}
.yf5_numit{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.yf5_numit_0{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.yf5_numit_1{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.yf5_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.yf5_numi_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0.5rem;
}


.yf6_box{
	width: 100%;
	height: auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.yf6{
	width: 100%;
	height: auto;
	padding-top: 1.8rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	padding-bottom: 6rem;
}
.yf6r{
	width: 50%;
	height: auto;
	font-size: 0;
	margin-top: 1.2rem;
}
.yf6r img{
	width: 100%;
	height: auto;
	border-radius: 15px 0 0 15px;
}
.yf6l{
	width: 45%;
	height: auto;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 7rem;
}
.yf6l .ntitle2{
	text-align: left;
}
.yf6l_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 2.5rem;
}


.yf6_num{
	width: auto;
	height: auto;
	position: absolute;
	left: 210px;
	left: calc((100vw - var(--mainwidth)) / 2);
	bottom: 0;
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
}
.yf6_numi{
	width: 15rem;
	height: auto;
	border-left: 1px solid rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3rem 0;
}
.yf6_numi:nth-child(1){
	border-left: 1px solid #FFFFFF;
}
.yf6_numit{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.yf6_numit_0{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.yf6_numit_1{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.yf6_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.yf6_numi_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0.5rem;
}

/*工艺检测技术*/
.gy1_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.gy1_des{
	font-size: 1.3rem;
	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;
}

.gy2_box{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.gy2l{
	width: 50%;
	height: auto;
	font-size: 0;
}
.gy2l img{
	width: 100%;
	height: auto;
}
.gy2r{
	width: 45%;
	height: auto;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
	position: relative;
}
.gy_i_title{
	font-family: opb;
	font-size: 4rem;
}
.gy_i_ltitle{
	font-family: opm;
	font-size: 2.375rem;
	color: var(--OneColor);
	margin-top: 1rem;
}
.gy_i_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 2.5rem;
}
.gy_i_ico{
	position: absolute;
	width: 100%;
	height: 9rem;
	font-size: 0;
	left: 0;
	bottom: 0;
}
.gy_i_ico img{
	width: auto;
	height: 100%;
}
.gy3_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: #f7f9fc;
}
.gy3_bbox2{
	background: #FFFFFF;
	margin-top: 0;
}
.gy3_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.gy3_box2{
	flex-direction: row-reverse;
}
.gy3l{
	width: 43%;
	height: auto;
	position: relative;
}
.gy3r{
	width: 50%;
	height: auto;
	font-size: 0;
}
.gy3r img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.gy_i_tag{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	
}
.gy_i_tagi{
	width: auto;
	height: auto;
	text-align: center;
	margin-right: 2rem;
}
.gy_i_tagi_ico{
	width: auto;
	height: 2.5rem;
	margin: 0 auto;
	font-size: 0;
}
.gy_i_tagi_ico img{
	width: auto;
	height: 100%;
}
.gy_i_tagi_text{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 1.5rem;
}


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

.gy4_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.gy4l{
	width: 40%;
	height: auto;
	position: relative;
	padding-top: 1rem;
}
.gy4r{
	width: 60%;
	height: auto;
}
.gy4_img{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	font-size: 0;
	margin-top: 3rem;
}
.gy4_img img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.gy5_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 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;
}

/*晶盾覆膜技术*/
.jd1_box{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: linear-gradient(to bottom,#ffffff,#e8f3fb);
}
.jd1{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.jd1i{
	width: 24%;
	height: auto;
	border: 3px solid var(--OneColor);
	border-radius: 15px;
	padding: 2.5rem;
}
.jd1i_ico{
	width: auto;
	height: 6rem;
	font-size: 0;
}
.jd1i_ico img{
	width: auto;
	height: 100%;
}
.jd1i_title{
	font-size: 2.15rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 1rem;
}
.jd1i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 1rem;
	line-height: 170%;
}

.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.625rem;
	font-family: opb;
	color: rgba(0,0,0,0.3);
	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;
}

.jd3_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.jd3_box2{
	flex-direction: row-reverse;
}
.jd3l{
	width: 58%;
	height: auto;
	font-size: 0;
}
.jd3l img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}
.jd3r{
	width: 35%;
	height: auto;
	position: relative;
}
.jd_i_title{
	font-family: opb;
    font-size: 3.5rem;
}
.jd_i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top:2rem;
	line-height: 170%;
}
.jd3r .gy_i_tagi{
	margin-right: 4rem;
}

.jd4_bbox{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.jd4_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.jd4i{
	width: 30%;
	height: auto;
	text-align: center;
}
.jd4i_img{
	width: auto;
	height: 2.8rem;
	font-size: 0;
}
.jd4i_img img{
	width: auto;
	height: 100%;
}
.jd4i_title{
	font-size: 1.625rem;
	font-family: opb;
	margin-top:1.5rem;
}
.jd4i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top:1rem;
	line-height: 170%;
}


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

.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;
}

.jd6_bbox{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding: 7rem 0;
	background: #f7f9fc;
}
.jd6_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.jd6{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.jd6l{
	width: 31%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.jd6li{
	width: 100%;
	height: 31%;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 2rem;
	-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.02);
}
.jd6li_img{
	width: auto;
	height: 4rem;
	font-size: 0;
}
.jd6li_img img{
	width: auto;
	height: 100%;
}
.jd6li_title{
	padding-left: 2rem;
	font-size: 1.875rem;
	font-family: opm;
}


.jd6r{
	width: 68%;
	height: auto;
	font-size: 0;
}
.jd6r img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/*三代多维膜压技术*/
.dw1_box{
	width: 100%;
	height: 95vh;
	position: relative;
	padding-top: 7rem;
	text-align: center;
}
.dw1_img{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	left: 0;
	top: 0;
	z-index: 0;
}
.dw1_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.dw1_title{
	font-size: 2.375rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 1.5rem;
}
.dw1_ltitle{
	font-size: 1.75rem;
	font-family: opm;
	color: #000000;
	margin-top: 3.5rem;
}
.dw1_des{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 0 8rem;
	font-size: 1.375rem;
	font-family: opm;
	line-height: 180%;
	color: rgba(0,0,0,0.7);
	margin-top: 1.5rem;
}


.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;
}

.dw3_bbox{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.dw3_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.dw3l{
	width: 40%;
	height: auto;
}
.dw3l .ntitle2{
	text-align: left;
}
.dw3r{
	width: 55%;
	height: auto;
}

.dw3r_title{
	position: relative;
	color: rgba(0,0,0,0.7);
	font-family: opb;
	padding-left: 1.5rem;
	font-size: 1.375rem;
}
.dw3r_title:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	font-size: 0;
	background: var(--OneColor);
	border-radius: 50%;
	left: 0;
	top: calc(50% - 4px);
}
.dw3r_des{
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.375rem;
	padding-bottom: 1rem;
	font-family: opm;
	margin-top: 0.4rem;
	color: rgba(0,0,0,0.6);
}



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

.dw4_bbox{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding: 7rem 0;
	background: #f7f9fc;
}
.dw4{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.dw4i{
	width: 32%;
	height: auto;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
	border-radius: 10px;
	padding: 4.5rem 3.5rem;
}
.dw4i_ico{
	width: auto;
	height: 5rem;
	font-size: 0;
}
.dw4i_ico img{
	width: auto;
	height: 100%;
}
.dw4i_title{
	font-size: 1.875rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 3rem;
}
.dw4i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	margin-top: 1.5rem;
}


/*MOG技术*/
.mo1_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
}
.mo1_des{
	font-size: 1.3rem;
	font-family: opm;
	color: rgba(0,0,0,0.5);
	line-height: 170%;
	margin-top: 2.5rem;
	text-align: center;
}
.mo1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.mo1i{
	width: 21%;
	height: auto;
	background: #f7f9fc;
	border-radius: 20rem;
	text-align: center;
	padding: 5rem 0;
}
.mo1i_img{
	width: auto;
	height: 9rem;
	font-size: 0;
	margin: 0 auto;
}
.mo1i_img img{
	width: auto;
	height: 100%;
}
.mo1i_ltitle{
	font-size: 1.625rem;
	font-family: opm;
	color: #000000;
	margin-top: 2rem;
}
.mo1i_title{
	margin-top: 2rem;
	font-size: 2.25rem;
	font-family: opm;
	background: linear-gradient(to right, #292e87 30%, #a03e8f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mo2_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.mo2{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 3rem;
}
.mo2i{
	width: 27%;
	aspect-ratio: 1/1;
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	position: absolute;
	top: 0;
	text-align: center;
	padding-top: 5rem;
}
.mo2i:nth-child(1){
	position: relative;
}
.mo2i:nth-child(2){
	left: 24.3%;
}
.mo2i:nth-child(3){
	left: 48.6%;
}
.mo2i:nth-child(4){
	right: 0%;
}
.mo2i_ico{
	position: absolute;
	width: 3rem;
	height: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--OneColor);
	border-radius: 50%;
	font-size: 1.6rem;
	font-family: oph;
	color: #FFFFFF;
	left: 9%;
	top: 9%;
	text-align: center;
}
.mo2i_title{
	font-size:1.875rem;
	font-family: opm;
}
.mo2i_des{
	font-size:1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	margin-top: 2rem;
}

.mo3_box{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-top: 7rem;
	padding-top: 7rem;
}
.mo3_box_back{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
}
.mo3_box_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mo3_box .ntitle2{
	color: #FFFFFF;
}
.mo3_box_des{
	text-align: center;
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(255,255,255,0.7);
	margin-top: 2rem;
	line-height: 180%;
}

.mo3{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.mo3i{
	width: 33.33%;
	height: auto;
	padding: 3rem 0;
	border-left: 1px solid rgba(255,255,255,0.1);
	text-align: center;
}
.mo3i:nth-child(1){
	border-left: 1px solid rgba(255,255,255,0);
}
.mo3i_ico{
	width: auto;
	height: 7rem;
	font-size: 0;
}
.mo3i_ico img{
	width: auto;
	height: 100%;
}
.mo3i_title{
	font-size: 1.875rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 2.5rem;
}


.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;
}

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

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

.mo7_bbox{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.mo7_title{
	font-size: 4rem;
	font-family: opb;
	color: #000000;
	text-align: center;
}
.mo7_title span{
	background: linear-gradient(to right, #a002c1 30%, #211bad);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mo7{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.mo7i{
	width: 23%;
	height: auto;
	border: 3px solid var(--OneColor);
	border-radius: 15px;
	position: relative;
	padding: 2rem;
	padding-top: 12rem;
}
.mo7i_img{
	width: 10rem;
	height:10rem;
	font-size: 0;
	position: absolute;
	right: 1rem;
	top: 1rem;
}
.mo7i_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mo7i_title{
	font-size: 2.25rem;
	color: var(--OneColor);
	font-family: opm;
}
.mo7i_des{
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	font-family: opm;
	margin-top: 1.5rem;
}

.mo8_box{
	width: 100%;
	height: auto;
	padding-top: 7rem;
}
.mo8{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-top: 3rem;
	padding-top: 11rem;
}
.mo8_back{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.mo8_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mo8_title{
	font-size: 4rem;
	font-family: opb;
	text-align: center;
	background: linear-gradient(to right, #aca0ef 30%, #f3c4db);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mo8_ltitle{
	font-size: 1.75rem;
	font-family: opm;
	text-align: center;
	color: rgba(255,255,255,1.00);
	margin-top: 1.5rem;
}

.mo9_box{
	width: 100%;
	height: auto;
	padding-bottom: 7rem;
	background: #000000;
}
.mo9{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.mo92{
	flex-direction: row-reverse;
}
.mo9l{
	width: 50%;
	height: auto;
	font-size: 0;
}
.mo9l img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}
.mo9r{
	width: 43%;
	height: auto;
}
.mo9r_title{
	font-size: 4rem;
	font-family: opb;
	color: #FFFFFF;
}
.mo9r_ltitle{
	font-size: 1.75rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 2rem;
}
.mo9r_ltitle2{
	font-size: 2rem;
	font-family: oph;
	margin-top: 2rem;
	color:#f2c4dc;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.mo9r_ltitle2 span{
	font-size: 5rem;
	font-family: oph;
	line-height: 100%;
	background: linear-gradient(to right, #aca0ef 30%, #f2c4dc);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mo9r_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(255,255,255,0.7);
	margin-top: 3rem;
	line-height: 170%;
}

.mo10_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.mo10_title{
	text-align: center;
	font-size: 2.625rem;
	font-family: opm;
	color: #000000;
	margin-top: 1.5rem;
}
.mo10{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.mo10i{
	width: 32%;
	aspect-ratio: 488/307;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	margin-right: 2%;
	margin-top: 2%;
}
.mo10i:nth-child(3n){
	margin-right: 0;
}
.mo10i_img{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.mo10i_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mo10i_title{
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	font-size: 1.875rem;
	font-family: opm;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.mo11_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	margin-top: 7rem;
	background: #f7f9fc;
}
.mo11_title{
	text-align: center;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	font-family: opm;
	margin-top: 3rem;
}
.mo11{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}

.mo11i{
	width: 32%;
	height: auto;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
    box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
	border-radius: 10px;
	padding: 4.5rem 3.5rem;
	text-align: center;
}
.mo11i_ico{
	width: auto;
	height: 7rem;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
}
.mo11i_ico img{
	width: auto;
	height: 100%;
}
.mo11i_title{
	font-size: 1.875rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 3rem;
}
.mo11i_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	margin-top: 1.5rem;
}

.mo12_bbox{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.mo12{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.mo12l{
	width: 50%;
	height: auto;
}
.mo12l .mo7_title{
	text-align: left;
}
.mo12l .mo10_title{
	text-align: left;
}
.mo12r{
	width: 50%;
	height: auto;
}
.mo12r_title{
	font-family: opm;
	font-size: 1.875rem;
}
.mo12r_des{
	font-family: opm;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	line-height: 160%;
	margin-top: 1.5rem;
}
.mo12_img{
	width: 100%;
	height: auto;
	font-size: 0;
	margin-top: 3rem;
}
.mo12_img img{
	width: 100%;
	height: auto;
}

/*芯片混打技术*/
.hd1_box{
	width: 100%;
	height: 100vh;
	position: relative;
	padding-top: 10rem;
}
.hd1_box_back{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	font-size: 0;
}
.hd1_box_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.hd1{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.hd1l{
	width: 38%;
	height: auto;
}
.hd1l .ntitle2{
	text-align: left;
}
.hd1l_title{
	font-size: 2.375rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 1.5rem;
}
.hd1r{
	width: 62%;
	height: auto;
}
.hd1r_title{
	font-size: 1.75rem;
	font-family: opm;
}
.hd1r_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 170%;
	margin-top: 2.5rem;
}

.hd2_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.hd2{
	width: 100%;
	height: auto;
	margin-top: 4rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.hd2l{
	width: 36%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 4rem;
}
.hd2li{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.hd2lil{
	width: 3rem;
	height: auto;
}
.hd2lil img{
	width: 100%;
	height: auto;
}
.hd2lir{
	width: calc(100% - 3rem);
	height: auto;
	padding-left: 3rem;
}
.hd2lir_title{
	font-size: 1.625rem;
	font-family: opb;
	line-height: 100%;
}
.hd2lir_des{
	font-size: 1.375rem;
	font-family: opm;
	line-height: 170%;
	color: rgba(0,0,0,0.6);
	margin-top: 1rem;
}


.hd2r{
	width: 58%;
	height: auto;
	font-size: 0;
}
.hd2r img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}


.hd3_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	padding-top: 7rem;
}
.hd3{
	width: 100%;
	height: auto;
	margin-top: 4rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.hd32{
	flex-direction: row-reverse;
}
.hd3l{
	width: 36%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 4rem;
}
.hd3l .ntitle2{
	text-align: left;
}
.hd3li{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.hd3lil{
	width: 3rem;
	height: auto;
}
.hd3lil img{
	width: 100%;
	height: auto;
}
.hd3lir{
	width: calc(100% - 3rem);
	height: auto;
	padding-left: 3rem;
}
.hd3lir_title{
	font-size: 1.625rem;
	font-family: opb;
	line-height: 100%;
}
.hd3lir_des{
	font-size: 1.375rem;
	font-family: opm;
	line-height: 170%;
	color: rgba(0,0,0,0.6);
	margin-top: 1rem;
}


.hd3r{
	width: 58%;
	height: auto;
	font-size: 0;
}
.hd3r img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.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);
	padding:0 20%;
	line-height: 170%;
}

/*关于我们*/
.ab_banner_box{
	width: 100%;
	height: 100vh;
	position: relative;
}
.ab_banner{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab_bannerl{
	width: 30%;
	height: 100%;
	font-size: 0;
}
.ab_bannerl img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ab_bannerr{
	width: 70%;
	height: 100%;
	font-size: 0;
}
.ab_bannerr img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ab_bannerc{
	width: 1500px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	padding-top: 15rem;
}
.ab_bannerc_title{
	font-size: 1.375rem;
	color: #FFFFFF;
	font-family: opm;
}
.ab_bannerc_btitle{
	font-size: 3.25rem;
	color: #FFFFFF;
	font-family: opm;
	line-height: 150%;
	margin-top: 2rem;
}
.ab_bannerc_btn{
	position: absolute;
	width: 4rem;
	height: 4rem;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	left: 0;
	bottom: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0;
}
.ab_bannerc_btn svg{
	width: auto;
	height: 50%;
	fill:#ffffff;
}

.ab1_box{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	position: relative;
}
.ab1_box_back1{
	width: 40%;
	height: 100%;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
	background: #f7f9fc;
}
.ab1_box_back2{
	width: 48%;
	height: auto;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	font-size: 0;
}
.ab1_box_back2 img{
	width: 100%;
	height: auto;
}

.ab1{
	width: 100%;
	height: auto;
	margin-top: 3rem;
}
.ab1_sw{
	width: 100%;
	height: auto;
}
.ab1_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab1l{
	width: 44%;
	height: auto;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
}
.ab1l_title{
	font-size: 2rem;
	font-family: opm;
	color: var(--OneColor);
	line-height: 150%;
}
.ab1l_line{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 1.7rem;
}
.ab1l_line:after{
	position: absolute;
	content: '';
	width: 150%;
	height: 4px;
	font-size: 0;
	background: var(--OneColor);
	left: 0;
	top: 0;
}
.ab1l_des{
	width: 100%;
	height: auto;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	font-family: opm;
	line-height: 170%;
	padding-top: 2rem;
}

.ab1r{
	width: 50%;
	height: auto;
	font-size: 0;
}
.ab1r img{
	width: 100%;
	height: auto;
	border-radius: 20px 0px 0px 150px;
}

.ab1_btn{
	position: absolute;
	width: 4rem;
	height: 4rem;
	border: 2px solid #e8e8e8;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0;
	bottom: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab1_btn:hover{
	border: 2px solid var(--OneColor);
}
.ab1_btn svg{
	width: auto;
	height: 50%;
	fill:#e8e8e8;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab1_btn:hover svg{
	fill:var(--OneColor);
}
.ab1_btnl{
	left: 210px;
	left: calc((100vw - var(--mainwidth)) / 2);
}
.ab1_btnr{
	left: calc(210px + 5rem);
	left: calc((100vw - var(--mainwidth)) / 2 + 5rem);
}

.ab2_box{
	width: 100%;
	height: 100vh;
	position: relative;
	padding-top: 10rem;
}

.ab2_box_back{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	font-size: 0;
}
.ab2_box_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ab2{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab2l{
	width: 35%;
	height: auto;
}
.ab2l_title{
	font-size: 3.125rem;
	font-family: opm;
	color: #000000;
}

.ab2r{
	width: 60%;
	height: auto;
}
.ab2r_des{
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	font-family: opm;
	line-height: 170%;
}



.ab2r_num{
	width: 100%;
	height: auto;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 6rem;
}
.ab2r_numi{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ab2r_numit{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.ab2r_numit_0{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.ab2r_numit_1{
	font-size: 4rem;
	font-family: oph;
	color: var(--OneColor);
}
.ab2r_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.ab2r_numi_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0.5rem;
	text-align: left;
}


.ab3_box{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-top: 7rem;
}

.ab3_box_img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	font-size: 0;
}
.ab3_box_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ab3_text{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 4rem;
	font-family: opb;
	color: #FFFFFF;
}

.ab4_box{
	width: 100%;
	aspect-ratio: 1920/918;
	position: relative;
	padding-top: 5rem;
}
.ab4_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 3.125rem;
	font-family: opm;
}
.ab4_box_img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	font-size: 0;
}
.ab4_box_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ab5_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 7rem 0;
}
.ab5{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab5l{
	width: 50%;
	height: auto;
}
.ab5l_title{
	font-size: 2rem;
	font-family: opm;
}
.ab5l_ltitle{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	line-height: 150%;
	margin-top: 1.5rem;
}
.ab5l_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 150%;
	margin-top: 1.5rem;
}

.ab5r{
	width: 45%;
	height: auto;
}
.ab5r img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

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

.ab6_title{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 20;
	left: 0;
	top: 8rem;
	text-align: center;
	font-size: 3.125rem;
	font-family: opm;
}
.ab6{
	width: 100%;
	height: auto;
}
.ab6 img{
	width: 100%;
	height: auto;
}

.ab6_btn{
	position: absolute;
	width: 3rem;
	height: 3rem;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0;
	bottom: 5rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab6_btn:hover{
	background: var(--OneColor);
}
.ab6_btn svg{
	width: auto;
	height: 50%;
	fill:#e8e8e8;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ab6_btn:hover svg{
	fill:#ffffff;
}
.ab6_btnr{
	right: 210px;
	right: calc((100vw - var(--mainwidth)) / 2);
}
.ab6_btnl{
	right: calc(210px + 4rem);
	right: calc((100vw - var(--mainwidth)) / 2 + 4rem);
}



.ab7_box{
	width: 100%;
	height: 100vh;
	position: relative;
	padding-top: 10rem;
}

.ab7_box_back{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	font-size: 0;
}
.ab7_box_back img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ab7{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 7rem;
}

.ab7l{
	width: 46%;
	height: auto;
}
.ab7l_des{
	font-size: 1.375rem;
	color: rgba(0,0,0,0.6);
	font-family: opm;
	line-height: 170%;
}



.ab2r_num{
	width: 100%;
	height: auto;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 6rem;
}
.ab2r_numi{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ab2r_numit{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.ab2r_numit_0{
	font-size: 3.5rem;
	font-family: oph;
	color: var(--OneColor);
}
.ab2r_numit_1{
	font-size: 4rem;
	font-family: oph;
	color: var(--OneColor);
}
.ab2r_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.ab2r_numi_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 0.5rem;
	text-align: left;
}

.ab8{
	width: 100%;
	height: auto;
	margin-top: 5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.ab8l{
	width: 50%;
	height: auto;
	font-size: 0;
}
.ab8l img{
	width: 100%;
	height: auto;
}
.ab8r{
	width: 45%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
}

.ab100{
	width: 100%;
	height: auto;
}
.ab100 img{
	width: 100%;
	height: auto;
}


/*首页*/
.id_banner{
	width: 100%;
	height: 100vh;
	position: relative;
}
.id_banner_sw{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}
.id_banner_img{
	width: 100%;
	height: 100%;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.id_banner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.id_bannerc{
	width: 1400px;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 5;
}
.id_bannerc1{
	font-size: 0;
	width: auto;
	height: 12rem;
}
.id_bannerc1 img{
	width: auto;
	height: 100%;
}
.id_bannerc2{
	width: auto;
	height: auto;
	margin-top: 4rem;
}
.id_bannercb{
	width: auto;
	height: 3.6rem;
	padding: 0 1.5rem;
	background: var(--OneColor);
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id_bannercb:hover{
	-moz-box-shadow: 0px 0px 35px 0 rgba(13,0,95,0.07);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(13,0,95,0.07);
    box-shadow: 0px 20px 35px 0 rgba(13,0,95,0.3);
	transform: translateY(-0.5rem);
}
.id_bannercb_text{
	font-size: 1.125rem;
	color: #FFFFFF;
}
.id_bannercb_ico{
	font-size: 0;
	width: auto;
	height: 1.7rem;
	margin-left: 1rem;
}
.id_bannercb_ico svg{
	width: auto;
	height: 100%;
	fill:#FFFFFF;
}

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

.idb_mous{
	position: absolute;
	width: 2rem;
	height: 3rem;
	border: 2px solid #FFFFFF;
	border-radius: 2rem;
	left: calc(50% - 1rem);
	bottom: 5rem;
	z-index: 30;
}
.idb_mous:after{
	position: absolute;
	content: '';
	width: 2px;
	height: 5px;
	font-size: 0;
	border-radius: 2px;
	left: calc(50% - 1px);
	top: 9px;
	background: #FFFFFF;
}

.id1_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: #f7f9fc;
	padding-bottom: 10rem;
}
.id1_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.id_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 3.125rem;
	font-family: opb;
}
.id1{
	width: 100%;
	aspect-ratio: 1500/489;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
}
.id1i{
	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;
}
.id1i:nth-child(2),.id1i:nth-child(4){
	transform: translateY(4rem);
}
.id1i_on{
	width: 49%;
}
.id1i_img{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.id1i_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.id1i_back{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id1i_on .id1i_back{
	opacity: 0;
}
.id1i_back2{
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg,rgba(119,45,134,0.7) 10%,rgba(119,45,134,0));
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.id1i_on .id1i_back2{
	opacity: 1;
}

.id1ic2{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 15;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.id1i_on .id1ic2{
	opacity: 0;
}
.id1ic2_ico{
	width: auto;
	height: 2.3rem;
	font-size: 0;
}
.id1ic2_ico img{
	width: auto;
	height: 100%;
}
.id1ic2_title{
	font-size: 1.5rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 2rem;
	text-align: center;
}

.id1ic{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 15;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 3rem;
	opacity: 0;
}
.id1i_on .id1ic{
	opacity: 1;
}
.id1ic_ico{
	width: auto;
	height: 2.4rem;
	font-size: 0;
}
.id1ic_ico img{
	width: auto;
	height: 100%;
}
.id1ic_title{
	font-size: 2.375rem;
	font-family: opm;
	color: #FFFFFF;
	margin-top: 2rem;
	text-align: left;
}
.id1ic_des{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(255,255,255,0.7);
	margin-top: 2rem;
	text-align: left;
}

.id2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.id2l{
	width: 46%;
	height: auto;
	position: relative;
	padding-left: 210px;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	padding-top: 7rem;
}
.id2l .id_title{
	text-align: left;
}
.id2l_title{
	font-size: 1.625rem;
	font-family: opm;
	margin-top: 1.5rem;
}
.id2l_line{
	width: 100%;
	height: 1px;
	font-size: 0;
	background: var(--OneColor);
	position: relative;
	margin-top: 2.5rem;
}
.id2l_line:after{
	position: absolute;
	content: '';
	width: 8rem;
	height: 4px;
	background: var(--OneColor);
	left: 0;
	top: -1px;
}
.id2l_ltitle{
	font-size: 1.625rem;
	font-family: opm;
	color: var(--OneColor);
	margin-top: 2.5rem;
}

.id2l_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;
}
.id2l_item:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	font-size: 0;
	background: var(--OneColor);
	border-radius: 50%;
	left: 0;
	top: 0.55rem;
}
.id2l_img{
	position: absolute;
	width: auto;
	height: 9.5rem;
	font-size: 0;
	left: 210px;
	left: calc((100vw - var(--mainwidth)) / 2);
	bottom: 5rem;
	z-index: 10;
}
.id2l_img img{
	width: auto;
	height: 100%;
}


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


.id3_bbox{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 7rem;
	padding: 7rem 0;
	background: #f7f9fc;
}
.id3_box{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}
.id3_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 3rem;
}
.id3_menu span{
	width: auto;
	height: auto;
	margin: 0 2.5rem;
	font-size: 1.625rem;
	font-family: opm;
	color: #646464;
	position: relative;
	padding-bottom: 1rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id3_menu span.id3_menu_son{
	color: var(--OneColor);
}
.id3_menu span:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	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);
}
.id3_menu span.id3_menu_son:after{
	color: var(--OneColor);
	transform: scaleX(1);
}

.id3_sw{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.id3_sw .swiper-slide{
	width: 100%;
	height: auto;
	position: relative;
}


.id3_img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
.id3_img img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.id3c{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	padding-left: 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.id3c_title{
	position: relative;
	font-size: 5rem;
	font-family: opb;
	color: #FFFFFF;
}
.id3c_line{
	font-size: 0;
	width: 5rem;
	height: 6px;
	background: var(--OneColor);
	margin-top: 2.2rem;
}
.id3c_des{
	font-size: 1.875rem;
	color: rgba(255,255,255,1);
	line-height: 170%;
	margin-top: 2.2rem;
}

.id4_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
}
.id4t{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.id4t .id_title{
	width: 50%;
	height: auto;
	text-align: left;
}
.id4tr{
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.id4tr_btn{
	width: 3.3rem;
	height: 3.3rem;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #e8e8e8;
	font-size: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-left: 1rem;
}
.id4tr_btn:hover{
	background: var(--OneColor);
}
.id4tr_btn svg{
	width: auto;
	height: 50%;
	fill:#e8e8e8;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id4tr_btn:hover svg{
	fill:#ffffff;
}

.id4_sw{
	width: 100%;
	height: auto;
	margin-top: 3rem;
}
.id4_sw .swiper-slide a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.id4_img{
	width: 50%;
	height: auto;
	font-size: 0;
}
.id4_img img{
	width: 100%;
	height: auto;
	border-radius: 15px 0 0 15px;
}
.id4c{
	width: 50%;
	height: auto;
	border-radius: 0 15px 15px 0;
	background: #f7f9fc;
	padding: 5rem;
}
.id4c_tag{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 2.5rem;
	font-family: oph;
	color: #000000;
	text-transform: uppercase;
}
.id4c_tag span{
	color: #FFFFFF;
	background: var(--OneColor);
	width: auto;
	height: 3rem;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 1.5rem;
	border-radius: 3rem;
	font-size: 1.7rem;
	margin-right: 1rem;
}
.id4c_title{
	font-size: 5rem;
	font-family: opb;
	color: #000000;
	margin-top: 2rem;
}
.id4c_des{
	font-size: 1.625rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	margin-top: 2rem;
	line-height: 180%;
}

.id5{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.id5l{
	width: 57%;
	height: auto;
	font-size: 0;
}
.id5l img{
	width: 100%;
	height: auto;
}
.id5r{
	width: 43%;
	height: auto;
}

.id5rt{
	width: 100%;
	height: calc(100% - 7rem);
	background: #f7f9fc;
	padding-left: 5rem;
	padding-top: 5rem;
	padding-right: 210px;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
}
.id5rt .id_title{
	text-align: left;
}
.id5rt_line{
	width: 3rem;
	height: 4px;
	font-size: 0;
	background: var(--OneColor);
	margin-top: 1.5rem;
}
.id5rt_des{
	width: 100%;
	height: auto;
	font-size: 1.375rem;
	margin-top: 1.5rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	line-height: 160%;
}


.id5rtb{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 7rem;
	height: 7rem;
	background: var(--OneColor);
	font-size: 3.5rem;
	font-family: opm;
	text-align: center;
	color: #FFFFFF;
}


.id5_num{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5rem;
	padding-bottom: 7rem;
}
.id5_numi{
	width: 24%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}
.id5_numil img{
	width: auto;
	height: 3.5rem;
	margin-top: 1rem;
}
.id5_numir{
	width: calc(100% - 4rem);
	padding-left: 2rem;
}

.id5_numit{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	
}
.id5_numit_1{
	font-size: 4rem;
	font-family: oph;
	color: var(--OneColor);
}
.id5_numit_2{
	font-size: 1.375rem;
	font-family: opm;
	color: var(--OneColor);
	padding-bottom: 0.5rem;
}
.id5_numit_title{
	font-size: 1.375rem;
	font-family: opm;
	color: rgba(0,0,0,0.6);
	padding-top: 2rem;
	text-align: left;
}



.id6_bbox{
	width: 100%;
	height: auto;
	padding: 7rem 0;
	background: #f7f9fc;
}
.id6t{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.id6t .id_title{
	width: 50%;
	height: auto;
	text-align: left;
}
.id6tr{
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.id6tr a{
	font-size: 1.125rem;
	font-family: opm;
	color: #767676;
	margin-left: 3rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.id6tr a:hover{
	color: var(--OneColor);
}

.id6{
	width: 1500px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.id6i{
	width: 31%;
	height: auto;
	background: #FFFFFF;
	border-radius: 15px;
	overflow: hidden;
	padding:2.5rem 1.5rem;
}


.id6i_data{
	font-size: 1.25rem;
	font-family: opb;
	color: var(--OneColor);
}
.id6i_title{
	font-size: 1.5rem;
	font-family: opm;
	color: #000000;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-top: 1rem;
}
.id6i:hover .id6i_title{
	color: var(--OneColor);
}

.id6i_btn{
	font-size: 1.125rem;
	color: rgba(0,0,0,0.5);
	font-family: opm;
	margin-top: 2rem;
}

.id6i_img{
	width: 100%;
	aspect-ratio: 484/327;
	border-radius: 15px;
	overflow: hidden;
	font-size: 0;
	margin-top: 3rem;
}
.id6i_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);
}
.id6i:hover .id6i_img img{
	transform: perspective(100px) translateZ(3px);
}