@media screen and (max-width:1023px)and (min-width:300px)
{
/*导航*/
	.nav_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;
	}
	.nav_box_on{
		height: 5rem;
		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 15px 15px 0 rgba(0,0,0,0.02);
	}

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

	.nav_logo{
		width: auto;
		height: 50%;
		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: row;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		background: #FFFFFF;
		border-top: 0px solid rgba(0,0,0,0);
		left: 0;
		top: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_main_on{
		opacity: 1;
		height: 20rem;
		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;
		padding: 2.5rem 0;
	}
	.nav_menu_item{
		width: 100%;
		height: auto;
		position: relative;
		margin: 0.6rem 0;
	}
	.nav_menu_item>a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 100%;
		position: relative;
		padding: 0 2.5rem;
		font-size: 1.25rem;
		color: #000000;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden;
	}
	.nav_menu_item_on>a{
		color: var(--OneColor);
	}
	.nav_menu_item:hover>a{
		color: var(--OneColor);
	}
	.nav_menu_item>a span{
		position: relative;
		z-index: 5;
	}

	.nav_box_on .nav_menu_item>a{
		color: #000000;
	}
	.nav_box_on .nav_menu_item_on>a{
		color: var(--OneColor);
	}
	.nav_box_on .nav_menu_item:hover>a{
		color: var(--OneColor);
	}

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


	.nav_lag{
		width: auto;
		height: auto;
	}
	.nav_lagt{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.nav_lagtl{
		font-size: 0;
		width: 2rem;
		height: auto;
	}
	.nav_lagtl svg{
		width: 100%;
		height: auto;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.nav_box_on .nav_lagtl svg{
		fill: #000000;
	}
	.nav_lagtm{
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
		margin-left: 0.75rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_box_on .nav_lagtm{
		color: #000000;
	}
	.nav_lagtr{
		font-size: 0;
		width: 1rem;
		height: auto;
		margin-left: 0.75rem;
	}
	.nav_lagtr svg{
		width: 100%;
		height: auto;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.nav_box_on .nav_lagtr svg{
		fill: #000000;
	}


	
	  	
    .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:#FFFFFF;  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:#000000;
        }
    .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;}


	/*footer*/
	.footer_box{
		width: 100%;
		height: auto;
		background-image: url("../images/footer_back.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
		overflow: hidden;
		padding-top: 3rem;
	}
	.footer_back{
		position: absolute;
		width: 100%;
		height: 80%;
		left: 0;
		bottom: 0;
		z-index: 0;
		opacity: 0.4;
	}
	.footert{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 10;
		padding-bottom: 2rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.footert_left{
		font-size: 0;
	}
	.footert_left img{
		width: auto;
		height: 3.3rem;
	}

	.footer_menu{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2rem;
	}
	.footerm_item{
		width: auto;
		height: auto;
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.footer{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 1rem;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.footeri{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-top: 1rem;
	}
	.footeri_ico{
		font-size: 0;
		width: 4.1rem;
		height: 4.1rem;
	}
	.footeri_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.footeric{
		width: auto;
		height: 4.1rem;
		padding: 0.3rem 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-left: 1rem;
	}
	.footeric_title{
		font-size: 1rem;
		color: rgba(255,255,255,0.5);
	}
	.footeric_con{
		font-size: 1.25rem;
		color: rgba(255,255,255,1);
		font-family: opm;
	}


	.footer_right{
		width: 9rem;
		height: auto;
		margin: 0 auto;
		text-align: center;
		margin-top: 3rem;
	}

	.footer_right_code{
		width: 100%;
		height: auto;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.footer_right_code img{
		width: 100%;
		height: auto;
	}

	.footer_bottom{
		width: 94%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 1.5rem 0;
		margin-top: 3rem;
		border-top: 1px solid rgba(255,255,255,0.08);
		position: relative;
		z-index: 5;
		color: #6a6e78;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		line-height: 170%;
	}
	.footer_bottom a{
		color: #6a6e78;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_bottom a:hover{
		color: rgba(255,255,255,1);
	}
	.footer_bottom_left{
		text-align: center;
	}

	.footer_bottom_right{
		text-align: center;
		margin-top: 1rem;
	}
	.footer_bottom_right a{
		margin-left: 0rem;
	}

	/*nbanner*/
	.nbanner{
		width: 100%;
		aspect-ratio: 1920/1200;
		position: relative;
	}
	.nbanner_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		z-index: 0;
		left: 0;
		top: 0;
		overflow: hidden;
	}
	.nbanner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transform: scale(1.2);
		animation: ahniamit 1s ease forwards;
	}
	@keyframes ahniamit
	{

		to {transform: scale(1);}

	}
	.nbanner_con{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 3rem;
	}
	.nbanner_con_title{
		font-size: 3rem;
		color: #FFFFFF;
		font-family: oph;
	}
	.nbanner_con_ltitle{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: opm;
		text-transform: uppercase;
	}

	/*ntitle*/
	.ntitle{
		font-size: 2rem;
		font-family: opm;
		color: #000000;
		text-align: center;
	}
	.ntitle_line{
		width: 4rem;
		height: 2px;
		font-size: 0;
		margin: 0 auto;
		margin-top: 1rem;
		background: var(--OneColor);
	}
	/*联系我们*/

	.lx_box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
		background-image: url("../images/lx_back.jpg");
		background-size: cover;
		background-position: center;
	}
	.lx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
	.lxc{
		width: 100%;
		height: auto;
	}
	.lxc .ntitle{
		text-align: left;
		padding-bottom: 0rem;
	}
	.lxc .ntitle_line{
		margin-left: 0;
	}
	.lxcl{
		width: 100%;
		height: auto;
		padding-top: 1.5rem;
	}
	.lxc_item{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1rem;
	}
	.lxc_item_ico{
		width: 3.3rem;
		height: 3.3rem;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.lxc_item:hover .lxc_item_ico{
		transform: rotate(360deg);
	}
	.lxc_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.lxc_item_con{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc(100% - 3.3rem);
		height: auto;
		padding-left: 1rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
		line-height: 120%;
	}


	.lxr{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 2rem;
	}
	.lxr_sw_img{
		width: 100%;
		aspect-ratio: 800/514;
		font-size: 0;
		overflow: hidden;
		border-radius: 0 0 4rem 0;
	}
	.lxr_sw_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);
	}
	.lxr_sw_img img:hover{
		transform: perspective(100px) translateZ(3px);
	}


	.lx_sh_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}



	.lx_sh_ly_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: #f1f4f8;
		margin-top: 2rem;
		border-radius: 8px;
	}
	.lx_sh_ly{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 1.5rem;
	}
	.lx_sh_ly_item{
		width: 100%;
		height: 4rem;
		padding: 0 1.3rem;
		background: #FFFFFF;
		border-radius: 8px;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.lx_sh_ly_item_ico{
		width: auto;
		height: 2rem;
		font-size: 0;
	}
	.lx_sh_ly_item_ico img{
		width: auto;
		height: 100%;
	}
	.lx_sh_ly_item input{
		width: 100%;
		height: 100%;
		background: none;
		padding: 0 1rem;
		font-size: 1.125rem;
		border: none;
		font-family: opm;
	}
	.lx_sh_ly_item_x{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
	}
	.lx_sh_ly_item2{
		width: 100%;
		height: 11rem;
		background: #FFFFFF;
		border-radius: 8px;
		margin-top: 1rem;
	}
	.lx_sh_ly_item2 textarea{
		width: 100%;
		height: 100%;
		background: none;
		padding: 1rem 1.5rem;
		font-size: 1.125rem;
		border: none;
		font-family: opm;
	}
	.lx_sh_ly_btn{
		width: 100%;
		height: auto;
		margin-top: 1rem;
	}
	.lx_sh_ly_btn a{
		width: auto;
		height: 3.5rem;
		background: var(--OneColor);
		border-radius: 8px;
		margin-top: 0rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.lx_sh_ly_btn a:hover{
		-moz-box-shadow: 0px 5px 10px 0 rgba(22,67,135,0.3);
		-webkit-box-shadow: 0px 5px 10px 0 rgba(22,67,135,0.3);
		box-shadow: 0px 5px 10px 0 rgba(22,67,135,0.3);
		transform: translateY(-2px);
	}

	.lx_sh_ly_note{
		font-size: 1rem;
		color: rgba(0,0,0,0.4);
		font-family: opm;
		margin-top: 1rem;
	}

	.lx_sh_ly_right{
		font-size: 0;
		width: 100%;
		aspect-ratio: 583/306;
		overflow: hidden;
		border-radius: 0 0 15px 15px;
	}
	.lx_sh_ly_right 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);
	}
	.lx_sh_ly_right img:hover{
		transform: perspective(100px) translateZ(3px);
	}


	/*企业概况*/
	.ab_jjbb{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/ab_jj_back.jpg");
		background-size: cover;
		background-position: center;
	}
	.ab_jj{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab_jjl{
		width: 100%;
		height: auto;
	}
	.ab_jjl .ntitle{
		text-align: center;
	}
	.ab_jjl .ntitle_line{
		margin-left: auto;
	}
	.ab_jjl_con{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		line-height: 160%;
		margin-top: 2.5rem;
	}
	.ab_jjr{
		width: 100%;
		aspect-ratio: 800/561;
		font-size: 0;
		border-radius: 0 0 0 0rem;
		overflow: hidden;
		margin-top: 1.5rem;
	}
	.ab_jjr 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);
	}
	.ab_jjr img:hover{
		transform: perspective(100px) translateZ(3px);
	}


	.ab_jjr_num{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.ab_jjr_num_item{
		width: 45%;
		margin-top: 1.5rem;
	}
	.ab_jjr_num_item_top{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
	.ab_jjr_num_item_count{
		font-size: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab_jjr_num_item_rgiht{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-left: 0.5rem;
	}
	.ab_jjr_num_item_rgiht_uit{
		font-size: 1.5rem;
		font-family: oph;
		color: var(--OneColor);
		line-height: 100%;
		padding-bottom: 0.1rem;
	}
	.ab_jjr_num_item_rgiht_uit2{
		font-size: 2.5rem;
		font-family: oph;
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab_jjr_num_item_title{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
		font-family: opm;
		text-align: center;
	}

	.ab_lcb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		position: relative;
	}
	.ab_lcb_back{
		position: absolute;
		width: 100%;
		height: auto;
		font-size: 0;
		left: 0;
		bottom: 4rem;
		z-index: 10;
	}
	.ab_lcb_back img{
		width: 100%;
		height: auto;
	}
	.ab_lcb_title{
		font-size: 3rem;
		font-family: opm;
	}

	.ab_lc{
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 3rem;
	}
	.ab_lc_btn{
		width: 2.5rem;
		height: auto;
		font-size: 0;
		cursor: pointer;
	}
	.ab_lc_btn svg{
		width: 100%;
		height: auto;
		fill:#ccd4dd;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_lc_btn:hover svg{
		fill:var(--OneColor);
	}

	.ab_lc_sw{
		width: calc(100% - 6rem);
		height: auto;
	}
	.ab_lc_item{
		width: auto;
		height: auto;
		position: relative;
		padding: 0 1rem;
	}
	.ab_lc_item:after{
		position: absolute;
		content: '';
		width: 2px;
		height: calc(100% - 22px);
		left: calc(10px + 1rem);
		top: 40px;
		background: var(--OneColor);	
	}
	.ab_lc_item_title{
		font-size: 2.2rem;
		font-family: opb;
		color: var(--OneColor);
		position: relative;
		padding-left: 3rem;
	}
	.ab_lc_item_title:after{
		position: absolute;
		content: '';
		width: 23px;
		height: 23px;
		background-image: url("../images/ab_lc_ico.png");
		background-size: cover;
		background-position: center;
		left: 0;
		top: calc(50% - 11px);

	}
	.ab_lc_item_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		position: relative;
		padding-left: 4.5rem;
		line-height: 160%;
		margin-top: 1.5rem;
		height: 12rem;
	}
	.ab_lc_item_des:after{
		position: absolute;
		content: '';
		width: 6px;
		height: 6px;
		left: 3rem;
		top: 1rem;
		background: var(--OneColor);
		border-radius: 50%;

	}
	.ab_lc_item_btitle{
		font-size: 1.5rem;
		font-family: opb;
		color: rgba(0,0,0,0.7);
		height: 3rem;
		margin-top: 3rem;
	}

	.ab_sb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.ab_sbt{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.ab_sbti{
		width: 49%;
		height: auto;
		background: #f7faff;
		padding:1.5rem 1rem;
		border-radius: 10px;
		margin-top: 2%;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_sbti:nth-child(1){
		width: 100%;
	}
	.ab_sbti:hover{
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
	}
	.ab_sbti_ico{
		width: auto;
		height: 3.2rem;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_sbti:hover .ab_sbti_ico{
		transform: translateY(-4px);
	}
	.ab_sbti_ico img{
		width: auto;
		height: 100%;
	}
	.ab_sbti_title{
		font-size: 1.5rem;
		font-family: opm;
		margin-top: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_sbti:hover .ab_sbti_title{
		color: var(--OneColor);
		transform: translateY(-4px);
	}
	.ab_sbti_des{
		font-size: 1.125rem;
		font-family: opm;
		margin-top: 1rem;
		line-height: 150%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_sbti:hover .ab_sbti_des{
		transform: translateY(-4px);
	}

	.ab_sbb{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 0%;
	}
	.ab_sbbi{
		width: 49%;
		aspect-ratio: 383/255;
		border-radius: 10px;
		text-align: center;
		overflow: hidden;
		font-size: 0;
		margin-top: 2%;
	}
	.ab_sbbi 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);
	}
	.ab_sbbi:hover img{
		transform: perspective(100px) translateZ(3px);
	}

	.ab_clb{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/ab_cl_back.jpg");
		background-size: cover;
		background-position: center;
		margin-top: 3rem;
	}
	.ab_cl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab_cll{
		width: 100%;
		height: auto;
	}
	.ab_cll .ntitle{
		text-align: left;
	}

	.ab_clli{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1.5rem;
	}
	.ab_clli_ico{
		width: 6.5rem;
		height: 6.5rem;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		border-radius: 13px;
		overflow: hidden;
		background: #FFFFFF;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_clli:hover .ab_clli_ico{
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
		box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
	}
	.ab_clli_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.ab_clli:hover .ab_clli_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.ab_cllic{
		width: calc(100% - 6.5rem);
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 2rem;
	}
	.ab_cllic_title{
		font-size: 1.5rem;
		font-family: opm;
	}

	.ab_cllic_des{
		font-size: 1.125rem;
		font-family: opm;
		margin-top: 0.5rem;
	}
	.ab_clr{
		width: 100%;
		height: auto;
		padding-top: 3rem;
		font-size: 0;
		position: relative;
	}
	.ab_clri{
		height: 10rem;
		aspect-ratio: 436/254;
		font-size: 0;
		border: 4px solid #FFFFFF;
		border-radius: 10px;
		overflow: hidden;
	}
	.ab_clri img{
		width:100%;
		height: 100%;
		border-radius: 10px;
		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);
	}
	.ab_clri:hover img{
		transform: perspective(100px) translateZ(3px);
	}

	.ab_clri:nth-child(1){
		position: relative;
		z-index: 0;
	}
	.ab_clri:nth-child(2){
		position: absolute;
		left: auto;
		right: 0;
		z-index: 5;
		top: 10rem;
	}
	.ab_clri:nth-child(3){
		margin-top: 4rem;
		position: relative;
		z-index: 10;
	}



	/*首页*/
	.id_banner{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.id_banner_sw{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
	}
	.id_banner_img{
		width: 100%;
		height: 100%;
		font-size: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		overflow: hidden;
	}
	.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;
		text-align: center;
	}
	.id_bannerc_en{
		font-size: 3rem;
		font-family: oph;
		color: #FFFFFF;
		-webkit-transition: all 1s 0.4s;
		-moz-transition: all 1s 0.4s;
		transition: all 1s 0.4s;
		transform: translateY(5rem);
		opacity: 0;
	}
	.swiper-slide-active .id_bannerc_en{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_bannerc_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1rem;
		-webkit-transition: all 1.2s 0.4s;
		-moz-transition: all 1.2s 0.4s;
		transition: all 1.2s 0.4s;
		transform: translateY(7rem);
		opacity: 0;
	}
	.swiper-slide-active .id_bannerc_title{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_bannerc_ltitle{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		margin-top: 0.6rem;
		-webkit-transition: all 1.2s 0.6s;
		-moz-transition: all 1.2s 0.6s;
		transition: all 1.2s 0.6s;
		transform: translateY(7rem);
		opacity: 0;
	}
	.swiper-slide-active .id_bannerc_ltitle{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_bannerc_btn{
		width: auto;
		height: auto;
		margin: 0 auto;
		margin-top: 4rem;
		-webkit-transition: all 1.2s 0.8s;
		-moz-transition: all 1.2s 0.8s;
		transition: all 1.2s 0.8s;
		transform: translateY(7rem);
		opacity: 0;
	}
	.swiper-slide-active .id_bannerc_btn{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_bannerc_btn a{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 12rem;
		height: 3.6rem;
		background: var(--OneColor);
		border-radius: 3.6rem;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_bannerc_btn a:hover{
		-moz-box-shadow: 0px 0px 20px 0 rgba(255,255,255,0.5);
		-webkit-box-shadow: 0px 0px 20px 0 rgba(255,255,255,0.5);
		box-shadow: 0px 0px 20px 0 rgba(255,255,255,0.5);
		transform: translateY(-3px);
	}
	.id_bannerc_btn_text{
		font-size: 1.125rem;
		color: #FFFFFF;
	}
	.id_bannerc_btn_ico{
		font-size: 0rem;
		width: auto;
		height: 1.3rem;
		margin-left: 0.2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_bannerc_btn a:hover .id_bannerc_btn_ico{
		margin-left: 0.6rem;
	}
	.id_bannerc_btn_ico svg{
		width: auto;
		height: 100%;
		fill:#ffffff;
	}


	.id_banner_menub{
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 2000;
		left: 0;
		bottom: 5rem;
	}
	.id_banner_menu{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.id_banner_menu_l{
		width: 1.8rem;
		height: 2.5rem;
		border: 2px solid #FFFFFF;
		border-radius: 1.8rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 0;
	}
	.id_banner_menu_l span{
		display: block;
		width: 2px;
		height: 7px;
		font-size: 0;
		background: #FFFFFF;
		border-radius: 2px;
		margin-top: 0.4rem;
		opacity: 0;
		animation: zhbminiamit 1.5s ease infinite;
	}
	@keyframes zhbminiamit

	{

		50%{
			opacity: 1;
			transform: translateY(0.4rem);
		}
		100%{
			opacity: 0;
			transform: translateY(0.4rem);
		}

	}
	.id_banner_menu_ll{
		width: 10rem;
		height: 1px;
		background: #FFFFFF;
		font-size: 0;
		margin-left: 1.5rem;
	}
	.id_banner_menu_p{
		width: auto;
		height: auto;
		margin-left: 1.5rem;
	}

	.id_banner_pagination{
		width: auto;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.pro_item_yy .swiper-pagination-bullets{
		bottom: 0;
	}
	.id_banner_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.4rem; 
		height:0.4rem;  
		background: none;
		border: 1px solid #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: #FFFFFF;
	}
	.id_banner_menu_r{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-size: 1.125rem;
		font-family: opb;
		color: #FFFFFF;
		margin-left: 1.5rem;
	}
	.id_banner_menu_rline{
		font-size: 1rem;
		padding: 0 0.3rem;
	}

	.id_abb{
		width: 100%;
		height: auto;
		background-image: url("../images/id_ab_back.jpg");
		background-size: cover;
		background-position: center;
		padding: 3rem 0 3rem 0;
	}
	.id_ab{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.id_abl{
		width: 100%;
		height: auto;
	}
	.id_abl_img{
		width: auto;
		height: 3.5rem;
		font-size: 0;
		text-align: center;
	}
	.id_abl_img img{
		width: auto;
		height: 100%;
	}
	.id_abl .ntitle{
		text-align: center;
		margin-top: 2rem;
	}
	.id_abl .ntitle_line{
		margin-left: auto;
	}
	.id_abl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		margin-top: 2rem;
	}
	.id_abl_btn{
		margin-top: 1.5rem;
	}
	.id_abl_btn a{
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
	}


	.id_ab_num{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-bottom: 3rem;
	}
	.id_ab_num_item{
		width: 45%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-top: 2rem;
	}
	.id_ab_num_item:nth-child(2n){
		width: 45%
	}
	.id_ab_num_item_ico{
		width: 4rem;
		height: 4rem;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_ab_num_item:hover .id_ab_num_item_ico{
		transform: scale(1.03);
	}
	.id_ab_num_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_ab_num_itemc{
		width: calc(100% - 4.5rem);
		height: 4rem;
		padding-left: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.id_ab_num_item_top{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.id_ab_num_item_count{
		font-size: 1.75rem;
		font-family: oph;
		color: var(--OneColor);
		line-height: 100%;
	}
	.id_ab_num_item_rgiht{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-left: 0.5rem;
	}
	.id_ab_num_item_rgiht_uit{
		font-size: 1.25rem;
		font-family: opm;
		color: var(--OneColor);
		line-height: 100%;
		padding-bottom: 0.3rem;
	}
	.id_ab_num_item_rgiht_uit2{
		font-size: 1.75rem;
		font-family: oph;
		color: var(--OneColor);
		line-height: 100%;
	}
	.id_ab_num_item_title{
		font-size: 1rem;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		margin-top: 0.6rem;
	}

	.id_ys{
		width: 100%;
		height: 70vh;
		position: relative;
	}

	.id_ys_titleb{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		top: 3rem;
		z-index: 10;
	}
	.id_ys_title{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_ys_title .ntitle{
		text-align: center;
		color: #FFFFFF;
	}
	.id_ys_title .ntitle_line{
		margin-left: auto;
	}

	.id_ys_sw{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		left: 0;
		top: 0;
	}
	.id_ys_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		left: 0;
		top: 0;
	}
	.id_ys_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transform: scale(1.1);
		-webkit-transition: all 3s 0.8s;
		-moz-transition: all 3s 0.8s;
		transition: all 3s 0.8s;
	}
	.swiper-slide-active .id_ys_img img{
		transform: scale(1);
	}
	.id_ysc{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding-bottom: 5rem;
	}
	.id_ysc_title{
		font-size: 1.65rem;
		font-family: opm;
		color: #FFFFFF;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
		opacity: 0;
		transform: translateY(5rem);
	}
	.swiper-slide-active .id_ysc_title{
		opacity: 1;
		transform: translateY(0rem);
	}
	.id_ysc_des{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		margin-top: 1.5rem;
		line-height: 170%;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
		padding: 0 3rem;
		opacity: 0;
		transform: translateY(5rem);
	}
	.swiper-slide-active .id_ysc_des{
		opacity: 1;
		transform: translateY(0rem);
	}

	.id_ysb{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 5rem;
	}
	.id_ysb:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 0.2rem;
		z-index: -1;
		font-size: 0;
		background: rgba(255,255,255,0.2);
		left: 0;
		top: 0.5rem;
	}
	.id_ysl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.id_ysm{
		width: 100%;
		height: auto;
		padding: 0 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
	}


	.id_ysmi{
		width: auto;
		height: auto;
		position: relative;
		cursor: pointer;
		z-index: 5;
	}
	.id_ysmi_back{
		position: absolute;
		z-index: 0;
		width: 0px;
		height: 0.2rem;
		font-size: 0;
		background: var(--OneColor);
		left: 0rem;
		bottom: 0.5rem;
		opacity: 0;
	}
	.id_ysmi_on .id_ysmi_back{
		opacity: 1;
	}
	.id_ysmi_d{
		width: 1.2rem;
		height: 1.2rem;
		font-size: 0;
		background: #FFFFFF;
		border: 0.1rem solid #FFFFFF;
		border-radius: 50%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_ysmi_on .id_ysmi_d{
		background: var(--OneColor);
		border: 0.3rem solid var(--OneColor);
	}
	.id_ysmi_text{
		position: absolute;
		width: 9rem;
		height: auto;
		left: calc(50% - 4.5rem);
		top: 2rem;
		font-size: 1.125rem;
		text-align: center;
		color: #FFFFFF;
	}
	.id_ysmi_ico{
		position: absolute;
		width: 5rem;
		height: 5rem;
		font-size: 0;
		left: calc(50% - 2.5rem);
		bottom: 2.5rem;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
		opacity: 0;
	}
	.id_ysmi_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_ysmi_on .id_ysmi_ico{
		opacity: 1;
	}

	.id_ysb_bt{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.id_ysb_btn{
		width: 3.2rem;
		height: 3.2rem;
		font-size: 0;
		background: var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 1rem;
		cursor: pointer;
	}
	.id_ysb_btn svg{
		width: auto;
		height: 40%;
		margin: 0 auto;
		fill:#ffffff;
	}
	.id_zzb{
		width: 100%;
		height: auto;
		background-image: url("../images/id_ry_back.jpg");
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 3rem 0;
	}
	.id_zz{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_zzl{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_zzl_title .ntitle{
		text-align: center;
	}
	.id_zzl_title .ntitle_line{
		margin-left: auto;
	}
	.id_zzl_btn{
		text-align: center;
		margin-top: 1.5rem;
	}
	.id_zzl_btn a{
		font-size: 1.125rem;
		color: var(--OneColor);
		font-family: opm;
		margin: 0 auto;
	}

	.id_zzm{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.id_zzmi{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-top: 1rem;
	}
	.id_zzmi_ico{
		width: 5rem;
		height: 5rem;
		font-size: 0;
		-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: 8px;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_zzmi:hover .id_zzmi_ico{
		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);
	}
	.id_zzmi_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.id_zzmi:hover .id_zzmi_ico img{
		transform: perspective(100px) translateZ(3px);
	}
	.id_zzmic{
		width: calc(100% - 5rem);
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 1rem;
	}
	.id_zzmic_title{
		font-size: 1.375rem;
		color: #2a2a2a;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_zzmi:hover .id_zzmic_title{
		color: var(--OneColor);
	}
	.id_zzmic_des{
		font-size: 1rem;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		margin-top: 0.5rem;
	}
	.id_zzr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_zzr img{
		width: 100%;
		height: auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.id_zzr img:hover{
		transform: perspective(100px) translateZ(2px);
	}


	.id_zn{
		width: 100%;
		height: 70vh;
		position: relative;
	}

	.id_zn_titleb{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		top: 8rem;
		z-index: 10;
	}
	.id_zn_title{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_zn_title .ntitle{
		text-align: left;
		color: #FFFFFF;
	}
	.id_zn_title .ntitle_line{
		margin-left: 0;
	}

	.id_zn_sw{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		left: 0;
		top: 0;
	}
	.id_zn_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		left: 0;
		top: 0;
	}
	.swiper-slide-active .id_zn_img{
		opacity: 1;
	}
	.id_zn_img img{
		width:auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transform: scale(1.1);
		-webkit-transition: all 3s 0.8s;
		-moz-transition: all 3s 0.8s;
		transition: all 3s 0.8s;
	}
	.swiper-slide-active .id_zn_img img{
		transform: scale(1);
	}
	.id_zncb{
		width: 94%;
		height: 100%;
		margin: 0 auto;
	}
	.id_znc{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_znc_count{
		font-size: 1.125rem;
		font-family: opb;
		color: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		-webkit-transition: all 1s 0.4s;
		-moz-transition: all 1s 0.4s;
		transition: all 1s 0.4s;
		transform: translateY(5rem);
		opacity: 0;
	}
	.swiper-slide-active .id_znc_count{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_znc_count div{
		padding: 0 0.3rem;
	}
	.id_znc_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 2.5rem;
		-webkit-transition: all 1s 0.4s;
		-moz-transition: all 1s 0.4s;
		transition: all 1s 0.4s;
		transform: translateY(5rem);
		opacity: 0;
	}
	.swiper-slide-active .id_znc_title{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_znc_des{
		font-size: 1rem;
		font-family: opm;
		margin-top: 1.5rem;
		line-height: 200%;
		color: rgba(255,255,255,0.6);
		-webkit-transition: all 1s 0.4s;
		-moz-transition: all 1s 0.4s;
		transition: all 1s 0.4s;
		transform: translateY(5rem);
		opacity: 0;
	}
	.swiper-slide-active .id_znc_des{
		transform: translateY(0rem);
		opacity: 1;
	}

	.id_zntb{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		bottom: 4rem;
		z-index: 20;
	}

	.id_znt{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.id_zn_btn{
		width: 3.2rem;
		height: 3.2rem;
		font-size: 0;
		background: var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-right: 2rem;
		margin-left: 0;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_zn_btn:hover{
		transform: translateY(-3px);
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 5px 15px 0 rgba(255,255,255,0.5);
	}
	.id_zn_btn svg{
		width: auto;
		height: 40%;
		margin: 0 auto;
		fill:#ffffff;
	}

	.id_newb{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/id_news_back.jpg");
		background-size: cover;
		background-position: center;
	}
	.id_new{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_newt{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.id_newt .ntitle_line{
		margin-left: 0;
	}
	.id_newtr a{
		font-size: 1.125rem;
		color: var(--OneColor);
		font-family: opm;
	}

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

	.id_new_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;

	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_new_sw a:hover .id_new_title{
		color: var(--OneColor);
	}

	.id_new_data{
		font-size: 1rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		margin-top: 1rem;
	}
	.id_new_img{
		width: 100%;
		aspect-ratio: 493/285;
		font-size: 0;
		border-radius: 8px;
		overflow: hidden;
		margin-top: 1rem;
	}
	.id_new_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);
	}
	.id_new_sw a:hover .id_new_img img{
		transform: perspective(100px) translateZ(3px);
	}




	.id_new_btnb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		position: relative;
		margin-top: 2rem;
	}


	.id_new_btnb:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		left: 0;
		top: 50%;
		font-size: 0;
		background: rgba(0,0,0,0.1);
		z-index: 0;
	}
	.id_new_btn{
		width: 3.2rem;
		height: 3.2rem;
		font-size: 0;
		background: var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 1rem;
		cursor: pointer;
		position: relative;
		z-index: 5;
	}
	.id_new_btn svg{
		width: auto;
		height: 40%;
		margin: 0 auto;
		fill:#ffffff;
	}

	.id_prob{
		width: 100%;
		height: auto;
		background-image: url("../images/id-pro_back.jpg");
		background-size: cover;
		background-position: center;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.id_pro{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_prot{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.id_protl .ntitle_line{
		margin-left: auto;
	}
	.id_protr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}

	.id_protri{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		cursor: pointer;
	}
	.id_protri_ico{
		width: 3rem;
		height: 3rem;
		font-size: 0;
		position: relative;
	}
	.id_protri_ico img{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_protri_ico img:nth-child(2){
		opacity: 0;
	}
	.id_protri_on .id_protri_ico img:nth-child(2){
		opacity: 1;
	}
	.id_protri_text{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_protri_on .id_protri_text{
		color: rgba(0,0,0,1);
	}

	.id_pro_sw{
		width: 100%;
		height: auto;
	}

	.id_pron_sw{
		width: 100%;
		height: auto;
	}
	.id_pron_sw .swiper-slide{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 2rem;
	}
	.id_pronl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.id_pronl_title{
		font-size: 1.75rem;
		font-family: opb;
		color: #000000;
		text-transform: uppercase;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		transition: all 1s 0.5s;
		transform: translateY(5rem);
		opacity: 0;
	}
	.id_pron_sw .swiper-slide-active .id_pronl_title{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_pronl_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 160%;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		transition: all 1s 0.5s;
		transform: translateY(5rem);
		opacity: 0;
		margin-top: 1rem;
	}
	.id_pron_sw .swiper-slide-active .id_pronl_des{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_pronl_btn{
		margin-top: 2rem;
		font-size: 1.125rem;
		font-family: opm;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		transition: all 1s 0.5s;
		transform: translateY(5rem);
		opacity: 0;

	}
	.id_pron_sw .swiper-slide-active .id_pronl_btn{
		transform: translateY(0rem);
		opacity: 1;
	}
	.id_pronl_btn a{
		color: var(--OneColor);
	}

	.id_pronr{
		width: 80%;
		height: auto;
		margin: 0 auto;
		font-size: 0;
		opacity: 0;
		-webkit-transition: all 2s;
		-moz-transition: all 2s;
		transition: all 2s;
	}
	.id_pron_sw .swiper-slide-active .id_pronr{
		opacity: 1;
	}
	.id_pronr img{
		width: 100%;
		height: auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;

	transform: perspective(100px) translateZ(0px);
	}
	.id_pronr img:hover{
		transform: perspective(100px) translateZ(2px);
	}

	.id_pronm{
		position: relative;
		left: 0;
		bottom: 0rem;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-bottom: 1rem;
	}


	.id_pronm_btn{
		width: 3rem;
		height: 3rem;
		font-size: 0;
		background: var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		position: relative;
		z-index: 5;
	}
	.id_pronm_btn svg{
		width: auto;
		height: 40%;
		margin: 0 auto;
		fill:#ffffff;
	}

	.id_pronmc{
		width: calc(100% - 10rem);
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 1rem;
	}
	
.id_pronmc_sw{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 20;
}
.id_pronmc_sw .swiper-slide{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 40;
}
.id_pronmci{
	width: 100%;
	aspect-ratio: 1/1;
	font-size: 0;
	border-radius: 50%;
	border: 3px solid #e6e6e6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.id_pronmc_sw .swiper-slide-active .id_pronmci{
	border: 3px solid var(--OneColor);
}
	.id_pronmci img{
		width: auto;
		height: auto;
		max-width: 90%;
		max-height: 90%;
		margin: 0 auto;
	}
	
}