@media screen and (max-width:1023px)and (min-width:300px)
{
	/*导航*/
	.nav_back{
		width: 100%;
		height: 5rem;
	}
	.nav_box{
		width: 100%;
		height: 5rem;
		position: fixed;
		top: 0;
		left: 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: 94%;
		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: 100%;
		height: 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		position: absolute;
		padding: 2rem 0;
		left: 0;
		top: 100%;
		background: #FFFFFF;
		border-top: 1px solid rgba(0,0,0,0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.nav_main_on{
		opacity: 1;
		height: auto;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.nav_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: center;
	}
	.nav_menu_item{
		width: 100%;
		height: auto;
		position: relative;
	}
	.nav_menu_item>a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 100%;
		position: relative;
		padding: 0.75rem 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: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(255,255,255,0.9);
		left: 0;
		top: 0%;
		padding: 0rem 0rem;
		text-align: center;
		-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		-webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		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: 0.1rem 0rem;
	}
	.nav_down a{
		display: block;
		font-size: 1rem;
		color: #656160;
		margin: 0.7rem 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: 25rem;
		height: 2.4rem;
		padding: 0.5rem 0;
		font-size: 0;
		margin: 0 auto;
		margin-right: 0rem;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding-right: 1rem;
		z-index: 10;
		margin-left: 0rem;
		margin-top: 1rem;
	}
	.nav_search_dbtn{
		position: absolute;
		width: 4rem;
		height: 100%;
		right: -1rem;
		top: 0;
		z-index: 10;
		cursor: pointer;
		display: none;
	}
	.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: auto;
		left: calc(50% - 12.5rem);
		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;
		width: 25rem;
		opacity: 1;
	}

	.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;
		margin-top: 1rem;
	}
	.nav_box_index .nav_lag{
		color: #000000;
	}

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

	/*导航2*/
	.nav2_box{
		width: 100%;
		height: 5rem;
		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: 94%;
		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: 100%;
		height: 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		position: absolute;
		padding: 2rem 0;
		left: 0;
		top: 100%;
		background: #FFFFFF;
		border-top: 1px solid rgba(0,0,0,0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.nav2_main_on{
		opacity: 1;
		height: auto;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.nav2_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: center;
	}
	.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.75rem 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;
	}

	.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: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(255,255,255,0.9);
		left: 0;
		top: 0%;
		padding: 0rem 0rem;
		text-align: center;
		-moz-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		-webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.0);
		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: 0.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: 25rem;
		height: 2.4rem;
		padding: 0.5rem 0;
		font-size: 0;
		margin: 0 auto;
		margin-right: 0rem;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding-right: 1rem;
		z-index: 10;
		margin-left: 0rem;
		margin-top: 1rem;
	}
	.nav2_search_dbtn{
		position: absolute;
		width: 4rem;
		height: 100%;
		right: -1rem;
		top: 0;
		z-index: 10;
		cursor: pointer;
		display: none;
	}
	.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:#000000;
		cursor: pointer;
	}
	.nav2_box_on .nav2_search svg{
		fill:#000000;
	}

	.nav2_search_main{
		position: absolute;
		width: 0rem;
		height: 120%;
		background: #FFFFFF;
		right: auto;
		left: calc(50% - 12.5rem);
		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;
		width: 25rem;
		opacity: 1;
	}

	.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: #000000;
		font-size: 1.375rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 1rem;
	}
	.nav2_box_on .nav2_lag{
		color: #000000;
	}

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

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

	/*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: 94%;
		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: column;
		justify-content: space-between;
	}
	.footerl{
		width: 100%;
		height: auto;
		padding-right: 0rem;
		text-align: center;
	}
	.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: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	.footerm_item{
		width: 25%;
		height: auto;
		margin-left: 0rem;
		text-align: center;
		
	}
	.footerm_item_title{
		font-size: 1.375rem;
		color: #000000;
		font-family: opm;
		display: block;
		margin-bottom: 1rem;
	}
	.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;
		display: none;
	}

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


	.footer_bottom{
		width: 94%;
		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: column;
		justify-content: space-between;
		align-items: center;
		line-height: 170%;
		font-family: opm;
		text-align: center;
	}
	.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: center;
	}

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

	/*ntitle*/
	.ntitle{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.ntitle_1{
		font-family: opm;
		font-size: 1.125rem;

	}
	.ntitle_2{
		font-family: opm;
		font-size: 2rem;

	}


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

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

	}
	/*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: 94%;
		margin: 0 auto;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 2rem;
		position: relative;
		z-index: 5;
	}
	.lx_bannerl{
		width: 100%;
		height: auto;
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		padding-left: 0;
		margin-top: 2.5rem;
	}
	.lx_bannerl a{
		width: auto;
		height: auto;
		font-size: 1.375rem;
		font-family: opm;
		color: #000000;
		position: relative;
		margin-top: 0rem;
		margin: 0 1.5rem;
		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: 100%;
		aspect-ratio: 1335/593;
		font-size: 0;
	}
	.lx_bannerr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 8px 8px 8px 8px;
	}
	.lx_bannerr video{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 8px 8px 8px 8px;
	}


	.lx_fs_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.lx_fs{
		width: 100%;
		height: auto;
		background: #f7f9fc;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
		padding: 3rem 0;
		padding-top: 1rem;
	}
	.lx_fsi{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.lx_fsi_ico{
		width: 5rem;
		height: 5rem;
		background: var(--OneColor);
		border-radius: 50%;
		font-size: 0;
		overflow: hidden;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.lx_fsi:hover .lx_fsi_ico{
		transform: rotate(360deg);
	}
	.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.25rem;
		font-family: opm;
		color: #000000;
		text-align: center;
		margin-top: 1rem;
	}

	.lx_ly_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.lx_ly{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lx_ly_item{
		width: 100%;
		height: 5.5rem;
		background: #f7f9fc;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 1rem;
	}
	.lx_ly_item input{
		width: 100%;
		height: 100%;
		font-size: 1.25rem;
		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.25rem;
		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: 15rem;
		height: 5rem;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		border-radius: 5rem;
		background: var(--OneColor);
		font-size: 1.5rem;
		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: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.join_title{
		text-align: center;
		font-family: opm;
		color: #000000;
		font-size: 1.75rem;
		margin-top: 1rem;
	}
	.join_des{
		text-align: center;
		font-family: opm;
		color: #6a6a6a;
		font-size: 1.25rem;
		margin-top: 1rem;
		line-height: 180%;
	}
	.join_des a{
		color: var(--OneColor);
	}
	.join_des font{
		color: var(--OneColor);
	}

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

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

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


	/*新闻中心*/
	.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: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}

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

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

	.pro_zs_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.pro_zs{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.pro_zsi{
		width: 100%;
		height: auto;
		border: 3px solid #29308a;
		border-radius: 10px;
		margin-top: 3%;
	}
	.pro_zsit{
		width: 100%;
		height: 5rem;
		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: 2rem;
		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: 2.5rem;
	}
	.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: 2.2rem;
		margin-right: 1rem;
	}
	.pro_zsib span{
		font-size: 1.125rem;
		color: #7e318e;
		font-family: opb;
	}


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

	.pro_ysi_tag{
		margin-top: 1rem;
	}
	.pro_ysi_tagi{
		position: relative;
		font-size: 1.125rem;
		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: 0.5rem;
		bottom: 0.5rem;
		width: 4rem;
		height: 4rem;
		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: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.pro_yf{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.pro_yfi{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		border-radius: 8px;
		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: 8rem;
		background: #7d308e;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 0 1.5rem;
	}
	.pro_yfitl{
		width: 5.5rem;
		height: 5.5rem;
		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: 1.75rem;
		font-family: opb;
		color: #FFFFFF;
	}
	.pro_yfitr_2{
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 0.5rem;
	}
	.pro_yfi_tag{
		padding: 1.5rem;
	}
	.pro_yfi_tagi{
		position: relative;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.5);
		font-family: opm;
		margin-top: 0.5rem;
		padding-left: 1.2rem;
		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: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.zz1{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 3rem;
	}
	.zz1l{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background: #f7f9fc;
		padding-left: 0;
		padding-top: 2rem;
		padding: 1.5rem;
	}
	.zz1l_title{
		font-size: 1.75rem;
		font-family: opb;
		color: #000000;
	}
	.zz1l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		padding-right: 0rem;
		line-height: 170%;
		margin-top: 1rem;
		text-align: justify;
	}
	.zz1l_num{
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		left: 0;
		bottom: 0;
		background: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1.5rem;
		padding: 2rem 0;
		padding-top: 0.5rem;
	}
	.zz1l_numi{
		width: 48%;
		height: auto;
		border-left: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 1.5rem;
	}
	.zz1l_numi:nth-child(1){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numi:nth-child(3){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numi:nth-child(5){
		border-left: 1px solid #FFFFFF;
	}
	.zz1l_numit{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
	.zz1l_numit_1{
		font-size: 2rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.zz1l_numit_2{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.zz1l_numit_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
	}



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

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

	.zz2_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.zz2{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}

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

	}
	.zz2l img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 8px 8px 8px 8px;
	}
	.zz2r{
		width: 100%;
		height: auto;
		padding-left: 0rem;
		padding-right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 2rem;
	}
	.zz2r_des{
		font-size: 1.125rem;
		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: 3rem;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.zz3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.zz3_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.zz3_menu span{
		width: 48.5;
		height: auto;
		margin: 0 1.5rem;
		font-size: 1.25rem;
		margin-top: 1rem;
		font-family: opm;
		color: #939393;
		position: relative;
		padding-bottom: 0.6rem;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.zz3_menu span.zz3_menu_son{
		color: var(--OneColor);
	}
	.zz3_menu span:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 4px;
		font-size: 0;
		background: var(--OneColor);
		left: 0;
		bottom: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: scaleX(0);
	}
	.zz3_menu span.zz3_menu_son:after{
		color: var(--OneColor);
		transform: scaleX(1);
	}

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


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



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

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


	.zz5_box{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.zz5{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 1.5rem;
	}
	.zz5_box_title{
		text-align: center;
		font-size: 1.375rem;
		font-family: opm;
		margin-top: 1rem;
	}

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

	}
	.zz5l img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 8px 8px 8px 8px;
	}
	.zz5r{
		width: 100%;
		height: auto;
		padding-left: 0rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 1.5rem;
	}
	.zz5r_des{
		font-size: 1.125rem;
		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: 3rem 0;
		background: #f7f9fc;
		margin-top: 3rem;
	}
	.zz6_box_title{
		text-align: center;
		margin-top: 1rem;
		line-height: 180%;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
	}
	.zz6_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top:2rem;
	}
	.zz6_menu{
		width: 100%;
		height: auto;
		padding-right:0rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.zz6_menui{
		width:100%;
		height: auto;
		margin-top: 1.2rem;
	}
	.zz6_menui_title{
		position: relative;
		padding-left: 0;
		font-size: 1.5rem;
		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;
		display: none;
	}
	.zz6_menui_on .zz6_menui_title:after{
		background: var(--OneColor);
	}

	.zz6_menui_des{
		position: relative;
		padding-left: 0;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 0.3rem;
	}

	.zz6r{
		width: 100%;
		height: auto;
		padding-right: 0;
	}
	.zz6_sw{
		width: 100%;
		height: auto;
	}
	.zz6_sw img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}


	/*技术研发*/
	.yf1_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 0;
	}
	.yf1_back{
		position: absolute;
		z-index: 0;
		width: 50%;
		height: 160%;
		background: #f7f9fc;
		right: 0;
		bottom: 0;
	}
	.yf1l{
		width: 100%;
	}
	.yf1l_title{
		width: auto;
		height: auto;
		font-size: 2rem;
		font-family: opb;
		color: var(--OneColor);
	}
	.yf1r{
		width: 100%;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		padding-right: 0rem;
		position: relative;
		z-index: 5;
		padding-bottom: 3rem;
		margin-top: 1.5rem;
	}

	.yf2_box{
		width: 94%;
		margin: 0 auto;
		height: auto;
		margin-top: 3rem;
	}

	.yf2{
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 3rem;
		margin-top: 3rem;
	}
	.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: column;
		justify-content: space-between;
	}
	.yf2_swl{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.yf2_swl img{
		width: 100%;
		height: auto;
	}
	.yf2_swr{
		width: 100%;
		height: auto;
		padding: 0rem;
		padding-right: 0rem;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		text-align: justify;
		margin-top: 2rem;
	}

	.yf2m{
		position: relative;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		z-index: 10;
		right: 0;
		bottom: 0;
		margin-top: 2rem;
	}

	.yf2m_sw{
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.yf2m_swi{
		width: 24%;
		height: auto;
		padding: 2rem 1rem;
		text-align: center;
	}
	.yf2m_swl{
		font-size: 0;
		width: auto;
		height: 2.5rem;
	}
	.yf2m_swl img{
		width: auto;
		height: 100%;
	}

	.yf2m_swr{
		position: relative;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
	}

	.yf2m_swline{
		width: 1px;
		height: 4.5rem;
		font-size: 0;
		background: rgba(0,0,0,0.1);
	}


	.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: 94%;
		margin: 0 auto;
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.yf3l{
		width: 100%;
		height: auto;
		padding-left: 0;
		padding-right: 0;
		padding-top: 2rem;
	}
	.yf3l .ntitle3{
		text-align: left;
	}
	.yf3l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 2rem;
		text-align: justify;
	}

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

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

	.yf4_box_title{
		width: 100%;
		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: column;
		justify-content: space-between;
	}
	.yf4l{
		width: 100%;
		height: auto;
		padding-left: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.yf4lc{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		text-align: justify;
	}
	.yf4lcb{
		width: 100%;
		height: auto;
	}
	.yf4lm{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.yf4lm span{
		position: relative;
		font-size: 1.375rem;
		font-family: opb;
		color: #858585;
		margin-right: 0rem;
		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: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin-top: 2rem;
	}
	.yf4lb_sw{

	}
	.yf4lb_sw_title{
		font-size: 2rem;
		font-family: opm;
		color: #000000;
	}
	.yf4lb_sw_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
	}


	.yf4r{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.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: 8px;
		opacity: 1;
	}
	.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: 2rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
	}

	.yf5_box{
		width: 100%;
		height: auto;
		padding-top: 3rem;
	}
	.yf5{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 1.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		padding-bottom: 3rem;
	}
	.yf5l{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 0rem;
	}
	.yf5l img{
		width: 100%;
		height: auto;
		border-radius: 8px 8px 8px 8px;
	}
	.yf5r{
		width: 100%;
		height: auto;
		padding-left: 0;

		padding-right: 0;
	}


	.yf5_num{
		width: 100%;
		height: auto;
		position: relative;
		right: 0;
		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);
		margin-top: 2rem;
	}
	.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: 1.5rem 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: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.yf5_numit_1{
		font-size: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.yf5_numit_2{
		font-size: 1rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.yf5_numi_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
	}


	.yf6_box{
		width: 100%;
		height: auto;
		padding-top: 0rem;
		padding-bottom: 3rem;
	}
	.yf6{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 1.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		padding-bottom: 3rem;
	}
	.yf6r{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 0rem;
	}
	.yf6r img{
		width: 100%;
		height: auto;
		border-radius: 8px 8px 8px 8px;
	}
	.yf6l{
		width: 100%;
		height: auto;
		padding-left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 3rem;
		padding-top: 2rem;
	}
	.yf6l .ntitle2{
		text-align: left;
	}
	.yf6l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 2.5rem;
		text-align: justify;
	}


	.yf6_num{
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		bottom: 0;
		background: #FFFFFF;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
	}
	.yf6_numi{
		width: 48.5%;
		height: auto;
		border-left: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 2rem 0;
		margin-top: 2rem;
	}
	.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: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.yf6_numit_1{
		font-size: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.yf6_numit_2{
		font-size: 1rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.yf6_numi_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
	}

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

	.gy2_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.gy2l{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.gy2l img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}
	.gy2r{
		width: 100%;
		height: auto;
		padding-right: 0;
		position: relative;
		padding-top: 2rem;
	}
	.gy_i_title{
		font-family: opb;
		font-size: 2rem;
	}
	.gy_i_ltitle{
		font-family: opm;
		font-size: 1.5rem;
		color: var(--OneColor);
		margin-top: 1rem;
	}
	.gy_i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		line-height: 170%;
		margin-top: 2rem;
		text-align: justify;
	}
	.gy_i_ico{
		position: relative;
		width: 100%;
		height: auto;
		font-size: 0;
		left: 0;
		bottom: 0;
		margin-top: 2rem;
	}
	.gy_i_ico img{
		width: 100%;
		height: auto;
	}
	.gy3_bbox{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.gy3_bbox2{
		background: #FFFFFF;
		margin-top: 0;
	}
	.gy3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.gy3_box2{
		flex-direction: column-reverse;
	}
	.gy3l{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 2rem;
	}
	.gy3r{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.gy3r img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

	.gy_i_tag{
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 3rem;

	}
	.gy_i_tagi{
		width: auto;
		height: auto;
		text-align: center;
		margin-right: 0rem;
	}
	.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.125rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 1.5rem;
	}


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

	.gy4_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.gy4l{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 1rem;
	}
	.gy4r{
		width: 100%;
		height: auto;
	}
	.gy4_img{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 0;
		margin-top: 3rem;
	}
	.gy4_img img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

	.gy5_bbox{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
	.gy5_box{
		width: 94%;
		aspect-ratio: auto;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

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

	/*晶盾覆膜技术*/
	.jd1_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background: linear-gradient(to bottom,#ffffff,#e8f3fb);
	}
	.jd1{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.jd1i{
		width: 48.5%;
		height: auto;
		border: 3px solid var(--OneColor);
		border-radius: 8px;
		padding: 1.5rem;
		margin-top: 3%;
	}
	.jd1i_ico{
		width: auto;
		height: 5rem;
		font-size: 0;
	}
	.jd1i_ico img{
		width: auto;
		height: 100%;
	}
	.jd1i_title{
		font-size: 1.75rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 1rem;
	}
	.jd1i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
		line-height: 170%;
	}

	.jd2_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.jd2m{
		width: 100%;
		height: auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.jd2m span{
		position: relative;
		font-size: 1.375rem;
		font-family: opb;
		color: rgba(0,0,0,0.3);
		padding-bottom: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
		margin: 0 1rem;
		margin-top: 1rem;
	}
	.jd2m span.jd2m_son{
		color: var(--OneColor);
	}
	.jd2m span:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 3px;
		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: 2rem;
	}
	.jd2_sw_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.jd2_sw_img img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

	.jd3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.jd3_box2{
		flex-direction: column;
	}
	.jd3l{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.jd3l img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}
	.jd3r{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 2rem;
	}
	.jd_i_title{
		font-family: opb;
		font-size: 2rem;
	}
	.jd_i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top:1.5rem;
		line-height: 170%;
		text-align: justify;
	}
	.jd3r .gy_i_tagi{
		margin-right: 0rem;
	}

	.jd4_bbox{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.jd4_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.jd4i{
		width: 32%;
		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.375rem;
		font-family: opb;
		margin-top:1.5rem;
	}
	.jd4i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top:1rem;
		line-height: 160%;
	}


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

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

	.jd6_bbox{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.jd6_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.jd6{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.jd6l{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.jd6li{
		width: 32%;
		height:auto;
		background: #FFFFFF;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 1.5rem;
		-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: 3rem;
		font-size: 0;
	}
	.jd6li_img img{
		width: auto;
		height: 100%;
	}
	.jd6li_title{
		padding-left: 0rem;
		font-size: 1.125rem;
		font-family: opm;
		text-align: center;
		margin-top: 1rem;
	}


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

	/*三代多维膜压技术*/
	.dw1_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 7rem;
		text-align: center;
		padding-bottom: 5rem;
	}
	.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: 2rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 1.5rem;
	}
	.dw1_ltitle{
		font-size: 1.375rem;
		font-family: opm;
		color: #000000;
		margin-top: 1.5rem;
	}
	.dw1_des{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 2rem;
		font-size: 1.125rem;
		font-family: opm;
		line-height: 180%;
		color: rgba(0,0,0,0.7);
		margin-top: 1.5rem;
	}


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


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

	.dw3_bbox{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.dw3_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 4rem;
	}
	.dw3l{
		width: 100%;
		height: auto;
	}
	.dw3l .ntitle2{
		text-align: left;
	}
	.dw3r{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}

	.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.125rem;
		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: 1rem;
	}
	.dw3_img img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

	.dw4_bbox{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.dw4{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.dw4i{
		width: 100%;
		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: 8px;
		padding: 3rem 2.5rem;
		margin-top: 1rem;
	}
	.dw4i_ico{
		width: auto;
		height: 4rem;
		font-size: 0;
	}
	.dw4i_ico img{
		width: auto;
		height: 100%;
	}
	.dw4i_title{
		font-size: 1.5rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 2rem;
	}
	.dw4i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}

	.dw5_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.dw5{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.dw5i{
		width: 40%;
		height: auto;
	}
	.dw5i_ico{
		width: auto;
		height: 3.5rem;
		font-size: 0;
	}
	.dw5i_ico img{
		width: auto;
		height: 100%;
	}
	.dw5i_title{
		font-size: 1.375rem;
		font-family: opb;
		color: #000000;
		margin-top: 1.5rem;
	}
	.dw5i_des{
		font-size: 1.125rem;
		font-family: opm;
		color: #888888;
		line-height: 160%;
		margin-top: 1rem;
	}


	.dw5_img{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.dw5_img img{
		width: 100%;
		height: auto;
	}


	/*MOG技术*/
	.mo1_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.mo1_des{
		font-size: 1.125rem;
		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;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.mo1i{
		width: 48.5%;
		height: auto;
		background: #f7f9fc;
		border-radius: 20rem;
		text-align: center;
		padding: 5rem 0;
		margin-top: 3%;
	}
	.mo1i_img{
		width: auto;
		height: 9rem;
		font-size: 0;
		margin: 0 auto;
	}
	.mo1i_img img{
		width: auto;
		height: 100%;
	}
	.mo1i_ltitle{
		font-size: 1.375rem;
		font-family: opm;
		color: #000000;
		margin-top: 2rem;
	}
	.mo1i_title{
		margin-top: 1rem;
		font-size: 1.75rem;
		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: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.mo2{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.mo2i{
		width: 48.5%;
		aspect-ratio: 1/1;
		border: 2px solid #f3f3f3;
		border-radius: 50%;
		position: relative;
		top: 0;
		text-align: center;
		padding-top: 3rem;
		margin-top: 3%;
	}
	.mo2i:nth-child(1){
		position: relative;
	}
	.mo2i:nth-child(2){
		left: 0%;
	}
	.mo2i:nth-child(3){
		left: 0%;
	}
	.mo2i:nth-child(4){
		right: 0%;
	}
	.mo2i_ico{
		position: absolute;
		width: 2.5rem;
		height: 2.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--OneColor);
		border-radius: 50%;
		font-size: 1.3rem;
		font-family: oph;
		color: #FFFFFF;
		left: 7%;
		top: 7%;
		text-align: center;
	}
	.mo2i_title{
		font-size:1.25rem;
		font-family: opm;
	}
	.mo2i_des{
		font-size:1rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 160%;
		margin-top: 0.75rem;
	}

	.mo3_box{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 3rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.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.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.7);
		margin-top: 2rem;
		line-height: 180%;
	}

	.mo3{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.mo3i{
		width: 33%;
		height: auto;
		padding: 1rem 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: 5rem;
		font-size: 0;
	}
	.mo3i_ico img{
		width: auto;
		height: 100%;
	}
	.mo3i_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1rem;
	}


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

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

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

	.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: 94%;
		height: auto;
		margin: 0 auto;
		padding-top:3rem;
	}
	.mo7_title{
		font-size: 2rem;
		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;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.mo7i{
		width: 48.5%;
		height: auto;
		border: 3px solid var(--OneColor);
		border-radius: 8px;
		position: relative;
		padding:1.5rem 2rem;
		padding-top: 1.5rem;
		margin-top: 3%;
	}
	.mo7i_img{
		width: 10rem;
		height:10rem;
		font-size: 0;
		margin: 0 auto;
		position: relative;
		right: 0rem;
		top: 0rem;
	}
	.mo7i_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.mo7i_title{
		font-size: 1.5rem;
		color: var(--OneColor);
		font-family: opm;
		text-align: center;
		margin-top: 1rem;
	}
	.mo7i_des{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		font-family: opm;
		margin-top: 1rem;
		text-align: center;
	}

	.mo8_box{
		width: 100%;
		height: auto;
		padding-top: 3rem;
	}
	.mo8{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 3rem;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.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: 2rem;
		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.25rem;
		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: 3rem;
		background: #000000;
	}
	.mo9{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.mo92{
		flex-direction: column;
	}
	.mo9l{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.mo9l img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}
	.mo9r{
		width: 100%;
		height: auto;
	}
	.mo9r_title{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		margin-top: 2rem;
	}
	.mo9r_title br{
		display: none;
	}
	.mo9r_ltitle{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1rem;
	}
	.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: 3rem;
		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.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.7);
		margin-top: 1rem;
		line-height: 170%;
		text-align: justify;
	}

	.mo10_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.mo10_title{
		text-align: center;
		font-size: 1.5rem;
		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: 48.5%;
		aspect-ratio: 488/307;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		margin-right: 2%;
		margin-top: 2%;
	}
	.mo10i:nth-child(3n){
		margin-right: 2%;
	}
	.mo10i:nth-child(2n){
		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.25rem;
		font-family: opm;
		color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.mo11_bbox{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		margin-top: 3rem;
		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: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 1rem;
	}

	.mo11i{
		width: 100%;
		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: 8px;
		padding: 2.5rem 2.5rem;
		text-align: center;
		margin-top: 1rem;
	}
	.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: 94%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.mo12{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.mo12l{
		width: 100%;
		height: auto;
	}
	.mo12l .mo7_title{
		text-align: center;
	}
	.mo12l .mo10_title{
		text-align: center;
	}
	.mo12r{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.mo12r_title{
		font-family: opm;
		font-size: 1.5rem;
		text-align: center;

	}
	.mo12r_des{
		font-family: opm;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		line-height: 160%;
		margin-top: 1.5rem;
		text-align: justify;
	}
	.mo12_img{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 3rem;
	}
	.mo12_img img{
		width: 100%;
		height: auto;
	}

	/*芯片混打技术*/
	.hd1_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 5rem;
	}
	.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: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.hd1l{
		width: 100%;
		height: auto;
	}
	.hd1l .ntitle2{
		text-align: center;
	}
	.hd1l_title{
		font-size: 1.5rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 1rem;
		text-align: center;
	}
	.hd1r{
		width: 100%;
		height: auto;
	}
	.hd1r_title{
		font-size: 1.375rem;
		font-family: opm;
		text-align: center;
		margin-top: 1rem;
	}
	.hd1r_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		margin-top: 1.5rem;
		text-align: justify;
		padding-bottom: 28rem;
	}

	.hd2_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.hd2{
		width: 100%;
		height: auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.hd2l{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 2rem;
	}
	.hd2li{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 1.5rem;
	}

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


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


	.hd3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.hd3{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.hd32{
		flex-direction: column;
	}
	.hd3l{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 0rem;
		margin-top: 2rem;
	}
	.hd3l .ntitle2{
		text-align: left;
	}
	.hd3li{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 2rem;
	}

	.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.375rem;
		font-family: opb;
		line-height: 100%;
	}
	.hd3lir_des{
		font-size: 1.125rem;
		font-family: opm;
		line-height: 170%;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
	}


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

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

	/*关于我们*/
	.ab_banner_box{
		width: 100%;
		height: auto;
		position: relative;
	}
	.ab_banner{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab_bannerl{
		width: 100%;
		height: 30vh;
		font-size: 0;
	}
	.ab_bannerl img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab_bannerr{
		width: 100%;
		height: 20vh;
		font-size: 0;
		position: relative;
	}
	.ab_bannerr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 0;
	}
	.ab_bannerm{
		position: absolute;
		width: 100%;
		z-index: 10;
		left: 0%;
		bottom: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		
		padding: 0 3%;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	.ab_bannerm a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 3.5rem;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.5);
		font-family: opm;
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_bannerm a.ab_bannerm_aon{
		color: rgba(255,255,255,1);
	}
	.ab_bannerm a:hover{
		color: rgba(255,255,255,1);
	}
	.ab_bannerm a:after{
		position: absolute;
		content: '';
		width: 8px;
		height: 8px;
		font-size: 0;
		background: #FFFFFF;
		border-radius: 50%;
		left: calc(50% - 4px);
		top: -4px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ab_bannerm a.ab_bannerm_aon:after{
		opacity: 1;
	}
	.ab_bannerm a:hover:after{
		opacity: 1;
	}
	.ab_bannerc{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: absolute;
		z-index: 5;
		left: 3%;
		top: 0;
		padding-top: 7rem;
	}
	.ab_bannerc_title{
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
	}
	.ab_bannerc_btitle{
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
		line-height: 150%;
		margin-top: 1rem;
	}
	.ab_bannerc_btn{
		position: relative;
		width: 3rem;
		height: 3rem;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		left: 0;
		bottom: 0rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 0;
		margin-top: 1.5rem;
	}
	.ab_bannerc_btn svg{
		width: auto;
		height: 50%;
		fill:#ffffff;
	}

	.ab1_box{
		width: 100%;
		height: auto;
		padding: 3rem 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: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.ab1_sw{
		width: 100%;
		height: auto;
	}
	.ab1_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab1l{
		width: 100%;
		height: auto;
		padding-left: 0;
	}
	.ab1l_title{
		font-size: 1.5rem;
		font-family: opm;
		color: var(--OneColor);
		line-height: 150%;
		text-align: center;
	}
	.ab1l_line{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 1.2rem;
	}
	.ab1l_line:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 2px;
		font-size: 0;
		background: var(--OneColor);
		left: 0;
		top: 0;
	}
	.ab1l_des{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		line-height: 170%;
		padding-top: 1rem;
		text-align: justify;
	}

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

	.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:3rem;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		animation: syniamit 2s ease infinite;
	}
	@keyframes syniamit
	{
		50% {
			transform: scale(1.1);
			-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);
		}
		100% {
			transform: scale(1);
			-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 0px 0 rgba(0,0,0,0.08);
		}
	}
	.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: auto;
		position: relative;
		padding-top: 3rem;
	}

	.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: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab2l{
		width: 100%;
		height: auto;
	}
	.ab2l_title{
		font-size: 2rem;
		font-family: opb;
		color: #000000;
		text-align: center;
	}

	.ab2r{
		width: 100%;
		height: auto;
	}
	.ab2r_des{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		line-height: 170%;
		text-align: justify;
		margin-top: 1.5rem;
	}



	.ab2r_num{
		width: 100%;
		height: auto;
		bottom: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.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: 2rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.ab2r_numit_1{
		font-size: 2rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.ab2r_numit_2{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.ab2r_numi_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
		text-align: left;
	}


	.ab3_box{
		width: 100%;
		height: auto;
		aspect-ratio: 1920/1080;
		position: relative;
		margin-top: 3rem;
	}

	.ab3_box_img{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: 0;
		bottom: 0;
		font-size: 0;
	}
	.ab3_box_img video{
		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%;
		height: auto;
		position: relative;
		padding-top: 3rem;
		padding-bottom: 14rem;
		background: #f7f9fc;
	}
	.ab4_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 2rem;
		font-family: opb;
	}
	.ab4_box_img{
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 0;
		left: 0;
		bottom: 0;
		font-size: 0;
	}
	.ab4_box_img img{
		width:100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}

	.ab5_box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.ab5{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab5l{
		width: 100%;
		height: auto;
	}
	.ab5l_title{
		font-size: 1.5rem;
		font-family: opm;
		text-align: center;
	}
	.ab5l_ltitle{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		line-height: 150%;
		margin-top: 1.5rem;
	}
	.ab5l_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 150%;
		margin-top: 1.5rem;
		text-align: justify;
	}

	.ab5r{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.ab5r img{
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

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

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

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

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

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

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

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

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

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

	}

	.ablc_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
	.ablc{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
		margin-top: 3rem;
		padding-bottom: 4rem;
	}
	.ablcl{
		width: 70%;
		height: auto;
		margin: 0 auto;
		position: relative;
		
	}
	.ablcl_sw{
		width: 100%;
		height: auto;
		display: none;
	}
	.ablcl_sw{
		width: 100%;
		height: auto;
	}
	.ablcl_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.ablcl_img img{
		width: 100%;
		height: auto;
	}

	.ablc_btn{
		position: absolute;
		width: 3rem;
		height: auto;
		font-size: 0;
		bottom: -5.5rem;
		cursor: pointer;
	}
	.ablc_btn svg{
		width: 100%;
		height: auto;
		fill:#dddddd;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ablc_btn:hover svg{
		fill:var(--OneColor);
	}
	.ablc_btnl{
		left: calc(50% - 4rem);
	}
	.ablc_btnr{
		right: calc(50% - 4rem);
	}

	.ablcm{
		width: 1.7rem;
		height: auto;
		font-size: 0;
		display: none;
	}
	.ablcm img{
		width: 100%;
		height: auto;
	}
	.ablcr{
		width: 100%;
		height: auto;
	}
	.ablcrt{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.ablcrt_1{
		width: 100%;
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
		text-align: center;
	}
	.ablcrt_2{
		width: 8rem;
		height: 3px;
		font-size: 0;
		background: var(--OneColor);
		margin-top: 1rem;
	}
	.ablcrt_3{
		width: 100%;
		height:auto;
		text-align: center;
		font-size: 2rem;
		font-family: oph;
		background: linear-gradient(to right, #282e87, #a13e8f);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-top: 1rem;
	}

	.ablcrc{
		width: 100%;
		margin-top: 1rem;
		height: auto;
		overflow: auto;
		padding-right: 0%;
	}
	.ablcrti_title{
		font-size: 1.375rem;
		font-family: opm;
		background: linear-gradient(to right, #782f9b, #a03e8f);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-top: 1.3rem;
		position: relative;
		padding-left: 1.5rem;
	}
	.ablcrti_title:after{
		position: absolute;
		content: '';
		width: 8px;
		height: 8px;
		font-size: 0;
		border-radius: 50%;
		background: var(--OneColor);
		left: 0;
		top: 0.8rem;
	}

	.ablcrti_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
		line-height: 160%;
		padding-left: 1.5rem;
	}

	.ab7_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 3rem;
		padding-bottom: 3rem;
		background: #f7f9fc;
	}

	.ab7_box_back{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		left: 0;
		bottom: 0;
		font-size: 0;
		display: none;
	}
	.ab7_box_back img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		
	}
	.ab7{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
	}

	.ab7l{
		width: 100%;
		height: auto;
	}
	.ab7l_des{
		font-size: 1.125rem;
		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: 5rem;
	}
	.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: 3rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.ab2r_numit_1{
		font-size: 3rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.ab2r_numit_2{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.ab2r_numi_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 0.5rem;
		text-align: left;
	}

	.ab8{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 3rem;
	}
	.ab8l{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.ab8l img{
		width: 100%;
		height: auto;
	}
	.ab8r{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-right: 0;
	}

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


	/*首页*/
	.id_banner{
		width: 100%;
		height: auto;
		aspect-ratio: 1080/1920;
		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: 94%;
		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: 2.6rem;
		height: 4rem;
		border: 3px solid #FFFFFF;
		border-radius: 2.6rem;
		left: calc(50% - 1.3rem);
		bottom: 5rem;
		z-index: 30;
	}
	.idb_mous:after{
		position: absolute;
		content: '';
		width: 3px;
		height: 7px;
		font-size: 0;
		border-radius:3px;
		left: calc(50% - 1px);
		top: 9px;
		background: var(--OneColor);
		z-index: 10;
	}
	.idb_mous:before{
		position: absolute;
		content: '';
		width: 1px;
		height: 80px;
		font-size: 0;
		left: calc(50%);
		top: -69px;
		background: rgba(255,255,255,0.5);
		z-index: 5;
	}

	.id1_bbox{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background: #f7f9fc;
		padding-bottom: 6rem;
	}
	.id1_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 2rem;
		font-family: opb;
	}
	.id_title2{
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-family: opb;
	}
	.id1{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.id1i{
		width: 100%;
		height: auto;
		aspect-ratio: 749/489;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 1rem;
	}
	.id1i:nth-child(2),.id1i:nth-child(4){
		transform: translateY(0rem);
	}
	.id1i_on{
		width: 100%;
	}
	.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;
		opacity: 0;
	}
	.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: 1;
	}
	.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;
		opacity: 0;
	}
	.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: 2rem;
		opacity: 1;
	}
	.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: 1.75rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1.5rem;
		text-align: left;
	}
	.id1ic_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.7);
		margin-top: 1.5rem;
		text-align: left;
	}

	.id2{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id2l{
		width: 100%;
		height: auto;
		position: relative;
		padding-left: 0;
		padding-top: 3rem;
	}
	.id2l .id_title{
		text-align: left;
	}
	.id2l_title{
		font-size: 1.5rem;
		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.375rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 2.5rem;
	}

	.id2l_item{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		position: relative;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		padding-left: 1.5rem;
		margin-top: 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: relative;
		width: auto;
		height: auto;
		left: 0;
		bottom: 0rem;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background: rgba(247,245,252,0.7);
		backdrop-filter: blur(15px);
		padding: 2rem 1.5rem;
		border-radius: 8px;
		margin-top: 2rem;
	}
	.id2l_imgi{
		width: 30%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.id2l_imgi_ico{
		width: auto;
		height: 4.5rem;
		font-size: 0;
	}
	.id2l_imgi_ico img{
		width: auto;
		height: 100%;
	}
	.id2l_imgi_title{
		font-size: 1.25rem;
		font-family: opm;
	}
	.id2l_img_line{
		width: 1px;
		height: 4rem;
		font-size: 0;
		background: rgba(0,0,0,0.1);
		margin: 0 1rem;
	}


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


	.id3_bbox{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 3rem 0;
		background: #f7f9fc;
	}
	.id3_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id3_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 1rem;
	}
	.id3_menu span{
		width: 25%;
		height: auto;
		margin: 0 1rem;
		font-size: 1.25rem;
		text-align: center;
		font-family: opm;
		color: #646464;
		position: relative;
		padding-bottom: 0.75rem;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 0.7rem;
	}
	.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: 8px;
	}

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

	.id4_bbox{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
	.id4t{
		width: 94%;
		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{
		background: #f7f9fc;
		border-radius: 8px;
		
	}
	.id4_sw .swiper-slide a{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: 100%;
	}
	.id4_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.id4_img img{
		width: 100%;
		height: auto;
		border-radius: 8px 8px 0 0;
	}
	.id4c{
		width: 100%;
		height: auto;
		border-radius: 0 0 8px 8px;
		background: #f7f9fc;
		padding: 2rem;
		padding-right: 2rem;
		padding-bottom: 2rem;
		text-align: center;
	}
	.id4c_tag{
		font-size: 0;
		width: auto;
		height: 3.2rem;
	}
	.id4c_tag img{
		width: auto;
		height: 100%;
	}
	.id4c_title{
		font-size: 2rem;
		font-family: opb;
		color: #000000;
		margin-top: 1rem;
	}
	.id4c_des{
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
		line-height: 180%;
	}

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

	.id5rt{
		width: 100%;
		height: auto;
		background: #f7f9fc;
		padding-left: 2rem;
		padding-top: 2rem;
		padding-right: 2rem;
		padding-bottom: 2rem;
	}
	.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.125rem;
		margin-top: 1.5rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 160%;
		text-align: justify;
	}


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


	.id5_num{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.id5_numi{
		width: 48.5%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	.id5_numil img{
		width: auto;
		height: 2.5rem;
		margin-top: 1rem;
	}
	.id5_numir{
		width: calc(100% - 3rem);
		padding-left: 1rem;
	}

	.id5_numit{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(0,0,0,0.1);

	}
	.id5_numit_1{
		font-size: 3rem;
		font-family: oph;
		color: var(--OneColor);
	}
	.id5_numit_2{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0.5rem;
	}
	.id5_numit_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		padding-top: 1rem;
		text-align: left;
	}



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

	.id6{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.id6i{
		width: 48.5%;
		height: auto;
		background: #FFFFFF;
		border-radius: 8px;
		overflow: hidden;
		padding:1.5rem 1.5rem;
	}
	.id6i:nth-child(3){
		display: none;
	}

	.id6i_data{
		font-size: 1.125rem;
		font-family: opb;
		color: var(--OneColor);
	}
	.id6i_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 0.5rem;
	}
	.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: 1rem;
	}

	.id6i_img{
		width: 100%;
		aspect-ratio: 484/327;
		border-radius: 8px;
		overflow: hidden;
		font-size: 0;
		margin-top: 1rem;
	}
	.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);
	}

}