@media screen and (max-width:1023px)and (min-width:300px)
{
/*导航*/
	.nav_box{
		width: 100%;
		height: 5.5rem;
		background: #FFFFFF;
		position: sticky;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 1000;
	}

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

	.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_menu{
		position: absolute;
		left: 0;
		top: 100%;
		background: #FFFFFF;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		-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);
		padding: 0rem 0;
		border-top: 1px solid rgba(0,0,0,0.1);
		height: 0;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_menu_on{
		height: auto;
		padding: 1.5rem 0;
		opacity: 1;
		transform: translateY(0);
	}
	.nav_menu_item{
		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
		padding: 0.5rem 0;
	}
	.nav_menu_item>a{
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		width: 10rem;
		height: auto;
		position: relative;
		padding: 0.8rem 0rem;
		font-size: 1.25rem;
		color: rgba(0,0,0,0.8);
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden;
	}
	.nav_menu_item>a:before{
		position: absolute;
		content: '';
		font-size: 0;
		width: 100%;
		height: 100%;
		transform: translateY(100%);
		background: var(--OneColor);
		left: 0;
		top: 0;
		z-index: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_menu_item_on>a:before{
		transform: translateY(0%);
	}
	.nav_menu_item:hover>a:before{
		height: 100%;
		transform: translateY(0%);
	}
	.nav_menu_item_on>a{
		color: #FFFFFF;
	}
	.nav_menu_item:hover>a{
		color: #FFFFFF;
	}
	.nav_menu_item>a span{
		position: relative;
		z-index: 5;
	}

	.nav_down{
		position: relative;
		width: auto;
		height: 0;
		overflow: hidden;
		background: rgba(255,255,255,0.9);
		left: 0;
		top: 0;
		padding: 0rem 1.5rem;
		-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_down2{
		width: 100%;
		text-align: center;
		left: 0;
	}
	.nav_menu_item:hover .nav_down{
		opacity: 1;
		height: auto;
		padding: 1rem 1.5rem;
	}
	.nav_down a{
		display: block;
		font-size: 1.125rem;
		color: #656160;
		margin: 0.6rem 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_down a:hover{
		color: var(--OneColor);
	}

	  	
    .menubtn{
        width: 25px;
        position: absolute;
        right: 0%;
        top: 0;
        z-index: 10;
        display: block;
    }
    /* nav-icon-5 */
    .nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
    .nav-icon-5 span{  background-color:var(--OneColor);  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
       .ky_nav_box_index .nav-icon-5 span{
            background-color:#FFFFFF;
        }
        .ky_nav_box_index_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;}

	/*nbanner*/
	.nbanner{
		width: 100%;
		height: 16rem;
	}
	.nbanner_img{
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.nbanner_img img{
		width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	}
	.nbanner_img video{
		width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	}



	/*footer*/
	.footer_box{
		width: 100%;
		height: auto;
		background:#3f3f3f;
		position: relative;
		overflow: hidden;
	}
	.footer{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.footer_left{
		width: 10rem;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	.footer_left_code{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 0.5rem;
	}
	.footer_left_code img{
		width: 100%;
		height: auto;
	}
	.footer_left_title{
		font-size: 1rem;
		font-family: opr;
		color: rgba(255,255,255,0.5);
		margin-top: 0.5rem;
	}

	.footer_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		display: none;
	}
	.footerm_item{
		width: auto;
		height: auto;
		margin-left: 0rem;
	}
	.footerm_item_title{
		font-size: 1.25rem;
		color: #FFFFFF;
		font-family: opm;
		display: block;
		margin-bottom: 1.2rem;
	}
	.footerm_item_ltitle{
		font-size: 1rem;
		color: rgba(255,255,255,0.9);
		font-family: opm;
		margin-top: 0.5rem;
	}

	.footermc{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-top: 1rem;
	}
	.footermci:nth-of-type(2){
		padding-left: 5rem;
	}

	.footerm_item_con{
		display: block;
		font-size: 1rem;
		font-family: opr;
		color: rgba(255,255,255,0.7);
		margin-top: 0.75rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footerm_item_con:hover{
		color: rgba(255,255,255,1);
	}


	.footer_bottom{
		width: 94%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 1.5rem 0;
		margin-top: 2rem;
		border-top: 1px solid rgba(255,255,255,0.08);
		position: relative;
		z-index: 5;
		color: rgba(255,255,255,0.5);
	}
	.footer_bottom a{
		color: rgba(255,255,255,0.5);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_bottom a:hover{
		color: rgba(255,255,255,1);
	}

	/*map*/
	.map_box{
		width: 100%;
		height: auto;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.map{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 1.5rem 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.map_left{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		line-height: 150%;
		align-items: center;
		color: rgba(0,0,0,0.6);
		font-family: opm;
		font-size: 1.125rem;
	}
	.map_left a{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		font-family: opm;
	}
	.map_left a:hover{
		color: var(--OneColor);
	}
	.map_left span{
		font-size: 1rem;
		color: rgba(0,0,0,0.3);
		padding: 0 0.3rem;
		font-weight: bold;
	}
	.map_right{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.map_right_item{
		font-size: 1.25rem;
		color: #605e5e;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		font-family: opm;
		margin-left: 1.2rem;
		margin-right: 1.2rem;
	}
	.map_right_item:hover{
		color: var(--OneColor);
	}
	.map_right_item_on{
		color: var(--OneColor);
	}

	/*三维平台*/
	.pro_item{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}

	.pro_item_title_text{
		font-size: 1.75rem;
		font-family: oph;
		color: #605e5e;
		text-align: center;
		line-height: 100%;
	}
	.pro_item_title_line{
		font-size: 0;
		width: 3.5rem;
		height: 2px;
		background:var(--OneColor);
		margin: 0 auto;
		margin-top: 1rem;
	}

	.pro_item_jg{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.pro_item_jg img{
		width: 100%;
		height: auto;
	}

	.pro_item_td{
		width: 100%;
		height: auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_td_item{
		width: 48.5%;
		height: auto;
		margin-top: 3%;
		margin-right: 0%;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_td_item:hover{
		transform: perspective(100px) translateZ(1px);
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
	}
	.pro_item_td_item:nth-of-type(4n){
		margin-right: 0%;
	}
	.pro_item_td_item_ico{
		width: 55%;
		aspect-ratio: 1/1;
		background: var(--OneColor);
		font-size: 0;
		border-radius: 50%;
		margin: 0 auto;
	}
	.pro_item_td_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.pro_item_td_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_td_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	.pro_item_td_sw{
		display: block;
	}

	.pro_item_yy{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.pro_item_yy_sw{
		width: 100%;
		height: auto;
		padding-bottom: 4rem;
	}
	.pro_item_yy_img{
		width: 100%;
		aspect-ratio: 674/334;
		font-size: 0;
		overflow: hidden;
	}
	.pro_item_yy_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);
	}
	.pro_item_yy_sw .swiper-slide a:hover .pro_item_yy_img img{
		transform: perspective(100px) translateZ(2px);
	}
	.pro_item_yy_title{
		width: 100%;
		height: 3.6rem;
		background: #FFFFFF;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
		text-align: center;
		line-height: 3.6rem;
		padding: 0 1rem;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_yy_sw .swiper-slide a:hover .pro_item_yy_title{
		color: #FFFFFF;
		background: var(--OneColor);
	}

	.pro_item_yy_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		text-align: center;
		margin-top: 1.5rem;
	}
	.pro_item_yy .swiper-pagination-bullets{
		bottom: 0;
	}
	.pro_item_yy_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.9rem; 
		height:0.9rem;  
		background: #cccccc;
		border-radius: 50%;
		margin: 0 0.4rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_yy_pagination .swiper-pagination-bullet-active{ 
		background: var(--OneColor);
	}



	.pro_item_ys{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_ys_item{
		width: 50%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		border-right: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.pro_item_ys_item:nth-of-type(4n){
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys_item:nth-of-type(2n){
		border-right: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys_item:nth-of-type(1),.pro_item_ys_item:nth-of-type(2){
		border-top: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys_item_ico{
		width: 45%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys_item:hover .pro_item_ys_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	
	.pro_item_ys_sw{
		display: block;
	}


	.pro_item_ys2{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_ys2_item{
		width: 50%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		border-right: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.pro_item_ys2_item:nth-of-type(5n){
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys2_item:nth-of-type(2n){
		border-right: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys2_item:nth-of-type(1),.pro_item_ys2_item:nth-of-type(2){
		border-top: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys2_item_ico{
		width: 45%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys2_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys2_item:hover .pro_item_ys2_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys2_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys2_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys2_sw{
		display: block;
	}


	.pro_item_td2{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_td2_item{
		width: 48.5%;
		height: auto;
		margin-top: 3%;
		margin-right: 0%;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_td2_item:hover{
		transform: perspective(100px) translateZ(1px);
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
	}
	.pro_item_td2_item:nth-of-type(3n){
		margin-right: 0%;
	}
	.pro_item_td2_item_ico{
		width: 50%;
		aspect-ratio: 1/1;
		background: var(--OneColor);
		font-size: 0;
		border-radius: 50%;
		margin: 0 auto;
	}
	.pro_item_td2_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.pro_item_td2_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_td2_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	
	.pro_item_td2_sw{
		display: block;
	}



	.pro_item_ys3{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_ys3_item{
		width: 50%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		border-right: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.pro_item_ys3_item:nth-of-type(3n){
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys3_item:nth-of-type(2n){
		border-right: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys3_item:nth-of-type(1),.pro_item_ys3_item:nth-of-type(2){
		border-top: 0px solid rgba(0,0,0,0.1);
	}
	.pro_item_ys3_item_ico{
		width: 40%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys3_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys3_item:hover .pro_item_ys3_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys3_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys3_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys3_sw{
		display: block;
	}

	.pro_item_ys4{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_ys4_item{
		width: 48.5%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 3%;
		margin-right: 0%;
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys4_item:hover{
		transform: perspective(100px) translateZ(1px);
		-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);
	}

	.pro_item_ys4_item:nth-of-type(5n){
		margin-right: 0;
	}
	.pro_item_ys4_item_ico{
		width: 45%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys4_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys4_item:hover .pro_item_ys4_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys4_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys4_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys4_sw{
		display: block;
	}

	.pro_item_gn{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.pro_item_gn_left{
		width: 100%;
		height: auto;
		background: none;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pro_item_gn_menu{
		width: 32%;
		height: 3rem;
		padding: 0 0rem;
		margin-right: 2%;
		margin-top: 2%;
		font-size: 1rem;
		text-align: center;
		background: #FFFFFF;
		color: #656160;
		font-family: opm;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_gn_menu:nth-child(3n){
		margin-right: 0;
	}
	.pro_item_gn_menu_on{
		background: var(--OneColor);
		color: #FFFFFF;
	}
	.pro_item_gn_right{
		width: 100%;
		aspect-ratio: 16/9;
		height: calc(94vw * 9 / 16);
		margin-top: 1.5rem;
	}
	.pro_item_gn_sw{
		width: 100%;
		height: 100%;
	}
	.pro_item_gn_sw_img{
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.pro_item_gn_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


	.pro_item_ys5{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
		position: relative;
		margin-left: 0;
	}
	.pro_item_ys5_sw{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0px;
	}
	.pro_item_ys5_sw .swiper-slide{
		padding: 0rem 0;
	}

	.pro_item_ys5_btn{
		position: absolute;
		width: 2.5rem;
		height: 2.5rem;
		border: 3px solid var(--OneColor);
		top: calc(50% - 1.125rem);
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		display: none;
	}
	.pro_item_ys5_btn:hover{
		background: var(--OneColor);
	}
	.pro_item_ys5_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_ys5_btn:hover svg{
		fill:#ffffff;
	}
	.pro_item_ys5_btn_left{
		left: 0rem;
	}
	.pro_item_ys5_btn_right{
		right: 0rem;
	}
	.pro_item_ys5_pagination{
		display: block;
	}

	.pro_item_ys5_item{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys5_item:hover{
		transform: perspective(100px) translateZ(1px);
		-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);
	}

	.pro_item_ys5_item_ico{
		width: 50%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys5_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys5_item:hover .pro_item_ys5_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys5_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys5_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}



	.pro_item_ys6{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		display: none;
	}
	.pro_item_ys6_item{
		width: 48.5%;
		height: auto;
		background: #FFFFFF;
		padding: 3rem 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 3%;
		margin-right: 0%;
		-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.01);
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys6_item:hover{
		transform: perspective(100px) translateZ(1px);
		-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);
	}

	.pro_item_ys6_item:nth-of-type(4n){
		margin-right: 0;
	}
	.pro_item_ys6_item_ico{
		width: 37%;
		aspect-ratio: 1/1;
		font-size: 0;
		margin: 0 auto;
	}
	.pro_item_ys6_item_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.pro_item_ys6_item:hover .pro_item_ys6_item_ico img{
		transform: perspective(100px) translateZ(4px);
	}
	.pro_item_ys6_item_title{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys6_item_des{
		text-align: center;
		margin-top: 1.5rem;
		font-size: 1rem;
		line-height: 160%;
		font-family: opm;
		color: #656160;
	}
	.pro_item_ys6_sw{
		display: block;
	}

	.pro_item_sj{
		width: 100%;
		height: auto;
		padding-bottom: 0rem;
		margin-top: 2rem;
	}
	.pro_item_sj_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.pro_item_sj_menu_item{
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 3rem;
		margin: 0 0.3rem;
		background: #FFFFFF;
		font-size: 1.125rem;
		font-family: opm;
		color: #656160;
		padding: 0 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_sj_menu_item_on{
		background: var(--OneColor);
		color: #FFFFFF;
	}

	.pro_item_sj_sw{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.pro_item_sj_sw .swiper-slide{
		width: 100%;
		aspect-ratio: 1600/650;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.pro_item_sj_item{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	.pro_item_sj_sw_img{
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.pro_item_sj_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);
	}
	.pro_item_sj_item:hover .pro_item_sj_sw_img img{
		transform: perspective(100px) translateZ(2px);
	}
	.pro_item_sj_sw_title{
		position: absolute;
		width: 100%;
		height: auto;
		z-index: 5;
		left: 0;
		bottom: 0rem;
		font-size: 1rem;
		padding: 1rem 1rem;
		background: rgba(0,0,0,0.4);
		color: #FFFFFF;
		font-family: opm;
		text-align: center;
	}

	.pro_item_yy2{
		width: 100%;
		height: auto;
	}
	.pro_item_yy2_sw{
		width: 100%;
		height: auto;
	}
	.pro_item_yy2_sw .swiper-wrapper{
		width: 100%;
		height: auto;
		padding-top: 0rem;
	}
	.pro_item_yy2_sw .swiper-slide{
		width: 100%;
		height: 100%;
		transform: scale(1);
		z-index: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		padding: 4rem 0;
	}
	.pro_item_yy2_sw .swiper-slide-active{
		transform: scale(1.35);
		z-index: 5;
	}
	.pro_item_yy2_img{
		width: 100%;
		aspect-ratio: 16/8;
		font-size: 0;
		position: relative;
	}
	.pro_item_yy2_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: relative;
		z-index: 0;
	}
	.pro_item_yy2_img_back{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1.00);
		opacity: 0.8;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 5;
		left: 0;
		top: 0;
	}
	.pro_item_yy2_sw .swiper-slide-active .pro_item_yy2_img_back{
		opacity: 0;
	}

	.pro_item_yy2_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 0.8rem;
		color: #656160;
		font-family: opm;
		margin-top: 0.5rem;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_yy2_sw .swiper-slide-active .pro_item_yy2_title{
		opacity: 1;
	}


	.pro_item_yy2_btn{
		position: absolute;
		width: 4rem;
		height: 4rem;
		top: calc(50% - 3rem);
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_yy2_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item_yy2_btn_left{
		left: 0rem;
	}
	.pro_item_yy2_btn_right{
		right: 0rem;
	}

	/*新闻*/
	.new_top{
		width: 100%;
		height: auto;
		margin-top: 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.new_top_item{
		width: 100%;
		height: auto;
		margin-right: 0%;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		margin-top: 1.5rem;
	}
	.new_top_item:nth-of-type(3n){
		margin-right: 0;
	}
	.new_top_item_img{
		width: 100%;
		aspect-ratio: 446/268;
		height: calc(94vw * 268 / 446);
		font-size: 0;
		overflow: hidden;
	}
	.new_top_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.new_top_item:hover .new_top_item_img img{
		transform: perspective(100px) translateZ(2px);
	}
	.new_top_iteml{
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		background: #FFFFFF;
		position: relative;
		padding:1.5rem 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_item:hover .new_top_iteml{
		background: var(--OneColor);
	}
	.new_top_item_data{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.6);
		font-family: 'Arial';
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_item:hover .new_top_item_data{
		color: rgba(255,255,255,0.6);
	}
	.new_top_item_title{
		font-size: 1.375rem;
		color: #656160;
		font-family: opm;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_item:hover .new_top_item_title{
		color: rgba(255,255,255,1);
	}
	.new_top_item_btn{
		font-size: 0;
		width: 2rem;
		height: 2rem;
		border: 2px solid var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		left: 0rem;
		bottom: 0rem;
		margin-top: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_item:hover .new_top_item_btn{
		border: 2px solid rgba(255,255,255,1);
	}
	.new_top_item_btn svg{
		width: auto;
		height: 55%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_item:hover .new_top_item_btn svg{
		fill: rgba(255,255,255,1);
	}

	.newlist{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 0rem;
		padding-bottom: 3rem;
	}
	.newl_item{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
	}
	.newl_item a{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.newl_item:hover a{
		background: var(--OneColor);
	}


	.newl_item_img{
		width: 30%;
		aspect-ratio: 446/268;
		height: calc((94vw - 3rem) * 0.3 * 268 / 446);
		font-size: 0;
		overflow: hidden;
	}
	.newl_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.newl_item:hover .newl_item_img img{
		transform: perspective(100px) translateZ(2px);
	}

	.newl_item_data{
		width: auto;
		height: auto;
		font-size: 1.125rem;
		font-family: 'Arial';
		color: var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 0.5rem;
	}
	.newl_item:hover .newl_item_data{
		color: #FFFFFF;
	}
	.newl_itemc{
		width: 66%;
		height: auto;
		padding-left: 0rem;
	}

	.newl_item_title{
		font-size: 1.25rem;
		color: #656160;
		font-family: opm;
		line-height: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	.newl_item:hover .newl_item_title{
		color: rgba(255,255,255,1);
	}

	.newl_item_des{
		font-size: 1rem;
		color: rgba(34,24,21,0.7);
		font-family: opm;
		line-height: 160%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-top: 0.5rem;
	}
	.newl_item:hover .newl_item_des{
		color: rgba(255,255,255,0.7);
	}

	.newl_itemr{
		width: 15rem;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		display: none;
	}
	.newl_itemr_text{
		font-size: 1.125rem;
		color: var(--OneColor);
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.newl_item:hover .newl_itemr_text{
		color: rgba(255,255,255,1);
	}
	.newl_itemr_btn{
		font-size: 0;
		width: 1.8rem;
		height: 1.8rem;
		border: 2px solid var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-left: 1rem;
	}
	.newl_item:hover .newl_itemr_btn{
		border: 2px solid rgba(255,255,255,1);
	}
	.newl_itemr_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.newl_item:hover .newl_itemr_btn svg{
		fill: rgba(255,255,255,1);
	}

	.newl_more{
		width: 100%;
		height: auto;
		margin: 0rem 0 5rem 0;
		text-align: center;
	}
	.newl_more a{
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 4rem;
		font-size: 1.25rem;
		color: #FFFFFF;
		padding: 0 4rem;
		background: var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.newl_more a:hover{
		background: #047ab5;
	}

	/*新闻详情*/
	.snew{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 2rem 1rem;
	}
	.snew_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.5rem;
		font-family: opb;
		color: #605e5e;
	}
	.snew_tag{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2em;
		padding-bottom: 2rem;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.snew_tag span{
		margin: 0 1rem;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.5);
		font-family: opm;
	}
	.snew_con{
		font-size: 1.125rem;
		font-family: opm;
		color: #656160;
		line-height: 170%;
		padding-top: 2rem;
	}
	.snew_con img{
		max-width: 100%;
	}

	.snew_page{
		width: 94%;
		height: auto;
		margin: 0 auto;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 1rem;
	}
	.snew_page_left{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: auto;
		height: auto;
	}
	.snew_page_right{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		width: auto;
		height: auto;
	}

	.snew_page_text{
		font-size: 1.125rem;
		color: #656160;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		padding: 0 1.2rem;
	}
	.snew_page a:hover .snew_page_text{
		color: var(--OneColor);
	}
	.snew_page_ico{
		font-size: 0;
		width: auto;
		height: 1.3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.snew_page_ico svg{
		width: auto;
		height: 100%;
		fill:#656160;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.snew_page a:hover .snew_page_ico svg{
		fill: var(--OneColor);
	}
	.snew_tj{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.snew_tj_title{
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		color: #605e5e;
		font-family: opm;
	}

	/*关于我们3*/
	.ab3_lx{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.ab3_lx_left{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab3_lx_left_title{
		font-size: 1.5rem;
		font-family: oph;
		color: #605e5e;
	}
	.ab3_lx_leftci{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1.5rem;
	}
	.ab3_lx_leftci_ico{
		width: 4rem;
		height: 4rem;
		background: var(--OneColor);
		font-size: 0;
		border-radius: 50%;
	}
	.ab3_lx_leftci_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab3_lx_leftci_title{
		width: calc(100% - 4rem);
		font-size: 1.125rem;
		font-family: opm;
		color: #656160;
		line-height: 150%;
		padding-left: 1.5rem;
	}

	.ab3_lx_right{
		width: 100%;
		height: auto;
		font-size: 0;
		aspect-ratio: 699/450;
	}
	.ab3_lx_right img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


	.ab3_zgs{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.ab3_zgs_item{
		width: 48.5%;
		height: auto;
		background: #FFFFFF;
		margin-top: 3%;
		margin-right: 0%;
		padding: 1.5rem;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.01);
	}
	.ab3_zgs_item:nth-of-type(3n){
		margin-right: 0;
	}
	.ab3_zgs_item_title{
		font-size: 1.25rem;
		font-family: oph;
		color: #605e5e;
	}
	.ab3_zgs_item_line{
		font-size: 0;
		width: 2.5rem;
		height: 3px;
		background: var(--OneColor);
		margin-top: 1.2rem;
	}
	.ab3_zgs_itemci{
		font-size: 1rem;
		color: #656160;
		font-family: opm;
		margin-top: 1.3rem;
	}

	.ab3_zgs_btn_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2rem;
	}
	.ab3_zgs_btn_box a{
		cursor: pointer;
	}
	.ab3_zgs_btn{
		font-size: 0;
		width: 3rem;
		height: 3rem;
		border: 2px solid var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 1rem;
	}
	.ab3_zgs_btn:hover{
		background: var(--OneColor);
	}
	.ab3_zgs_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab3_zgs_btn:hover svg{
		fill: rgba(255,255,255,1);
	}

	/*关于我们2*/
	.ab2_join{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.ab2_join_left{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		color: #656160;
		line-height: 170%;
		font-family: opm;
	}
	.ab2_join_left a{
		color: var(--OneColor);
		text-decoration: underline;
	}
	.ab2_join_right{
		width: 100%;
		height: auto;
		font-size: 0;
		aspect-ratio: 750/402;
		margin-top: 1.5rem;
	}
	.ab2_join_right img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.ab2_joinl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.ab2_joinl_item{
		width: 100%;
		height: auto;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: relative;
	}
	.ab2_joinl_item_top{
		width: 100%;
		height:5rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}
	.ab2_joinl_item_top_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #605e5e;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab2_joinl_item_on .ab2_joinl_item_top_title{
		font-size: 1.5rem;
	}
	.ab2_joinl_item_top_ico{
		width: 1rem;
		height: 1rem;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab2_joinl_item_on .ab2_joinl_item_top_ico{
		transform: rotate(180deg);
	}
	.ab2_joinl_item_top_ico svg{
		width: 100%;
		height: 100%;
		fill:#656160;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab2_joinl_item_on .ab2_joinl_item_top_ico svg{
		fill:var(--OneColor);
	}

	.ab2_joinl_item_con{
		position: relative;
		width: 100%;
		height: 0;
		opacity: 0;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		background: #FFFFFF;
		padding: 0rem 1.5rem;
		font-size: 1.125rem;
		color: #656160;
		line-height: 170%;
	}
	.ab2_joinl_item_on .ab2_joinl_item_con{
		height: auto;
		opacity: 1;
		margin-bottom: 3rem;
		padding: 1.5rem 1.5rem;
	}


	.ab1_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.ab1_jj_left{
		width: 100%;
		aspect-ratio: 697/449;
		font-size: 0;
		position: relative;
		overflow: hidden;
	}
	.ab1_jj_left 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);
	}
	.ab1_jj_left:hover img{
		transform: perspective(100px) translateZ(1px);
	}
	.ab1_jj_left_btn{
		position: absolute;
		width: 4.6rem;
		height: 4.6rem;
		font-size: 0;
		background: #FFFFFF;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		left: calc(50% - 2.3rem);
		top: calc(50% - 2.3rem);
		z-index: 10;
		padding-left: 0.3rem;
		cursor: pointer;
	}
	.ab1_jj_left_btn svg{
		width: auto;
		height: 30%;
		fill:var(--OneColor);
	}
	.ab1_jj_right{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background: #FFFFFF;
		padding: 1.5rem;
		padding-right: 1rem;
	}
	.ab1_jj_rightl{
		width: 100%;
		height: auto;
		max-height: 30rem;
		overflow: auto;
		padding-right: 0.75rem;
		font-size: 1.125rem;
		color: #656160;
		font-family: opm;
		line-height: 160%;
	}

	.ab1_ry{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		padding-bottom: 1rem;
	}
	.ab1_ry_sw{
		width: 100%;
		height: auto;
	}
	.ab1_ry_item{
		width: 100%;
		height: auto;
		transform: scale(0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_ry_sw .swiper-slide-active .ab1_ry_item{
		transform: scale(1);
	}
	.ab1_ry_item_img{
		width: 100%;
		aspect-ratio: 554/366;
		font-size: 0;
	}
	.ab1_ry_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab1_ry_item_title{
		width: 100%;
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: #605e5e;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_ry_sw .swiper-slide-active .ab1_ry_item_title{
		margin-top: 1rem;
	}

	.ab1_ry_btn_box{
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0;
		margin-top: 1.5rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.ab1_ry_btn{
		width: 3rem;
		height: 3rem;
		border: 3px solid var(--OneColor);
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_ry_btn:hover{
		background: var(--OneColor);
	}
	.ab1_ry_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_ry_btn:hover svg{
		fill:#ffffff;
	}
	.ab1_ry_btn_left{
		margin-right: 1rem;
	}
	.ab1_ry_btn_right{
		margin-left: 1rem;
	}

	.ab1_lc_box{
		width: 100%;
		height: auto;
		position: relative;
	}
	.ab1_lc_box:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 1rem;
		background-image: url("../images/ab1_lc_line.png");
		background-repeat: repeat-x;
		left: 0;
		bottom: 3rem;
	}
	.ab1_lc{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 3rem;
	}
	.ab1_lc_sw{
		width: 100%;
		height: auto;
	}
	.ab1_lc_sw .swiper-wrapper{
		padding: 0 1.5rem;
	}
	.ab1_lc_item{
		width: 100%;
		height: auto;
		position: relative;
		padding: 0 2rem;
	}
	.ab1_lc_item_title{
		font-size: 2.25rem;
		font-family: 'Arial';
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab1_lc_item_con{
		width: 100%;
		margin-top: 1rem;
		height: 10rem;
		overflow: auto;
		font-size: 1.125rem;
		color: #605e5e;
		font-family: opm;
	}
	.ab1_lc_item_con:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 2.4rem;
		aspect-ratio: 40/24;
		background-image: url("../images/ab1_lc_ico.png");
		background-size: cover;
		background-position: center;
		left: -1.2rem;
		top: 0.3rem;
	}
	.ab1_lc_item_con:before{
		position: absolute;
		content: '';
		font-size: 0;
		width: 2px;
		height: calc(100% - 1.86rem);
		background: var(--OneColor);
		left: 0;
		top: 1.86rem;
	}
	.ab1_lc_item_ltitle{
		width: auto;
		height: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		font-size: 1.25rem;
		font-family: opb;
		color: var(--OneColor);
	}


	.ab1_lc_btn{
		position: absolute;
		width: 3rem;
		height: 3rem;
		border: 3px solid var(--OneColor);
		top: calc(100% + 2rem);
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_lc_btn:hover{
		background: var(--OneColor);
	}
	.ab1_lc_btn svg{
		width: auto;
		height: 60%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab1_lc_btn:hover svg{
		fill:#ffffff;
	}
	.ab1_lc_btn_left{
		left: 0;
	}
	.ab1_lc_btn_right{
		right: 0rem;
	}


	/*首页*/
	.id_banner{
		width: 100%;
		height: calc(100vh - 5.5rem);
	}
	.id_banner_sw{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
	}
	.id_banner_img{
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.id_banner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.id_banner_menu_box{
		position: absolute;
		width: 100%;
		height: auto;
		z-index: 5;
		left: 0;
		bottom: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.id_banner_menu{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		background: rgba(0,0,0,0.43);
		padding: 0.5rem 1rem;
		border-radius: 5rem;
	}
	.id_banner_btn{
		width: 2.4rem;
		height: 2.4rem;
		border: 2px solid rgba(255,255,255,0.4);
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_banner_btn:hover{
		border: 2px solid rgba(255,255,255,1);
	}
	.id_banner_btn svg{
		width: auto;
		height: 60%;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_banner_btn:hover svg{
		fill:#ffffff;
	}


	.id_banner_pagination{
		width: auto;
		height: 2.4rem;
		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);
	}

	.id_title_box{
		width: 100%;
		height: auto;
	}
	.id_title{
		width: auto;
		height: auto;
		position: relative;
		margin: 0 auto;
	}
	.id_title_en{
		font-size: 4rem;
		font-family: oph;
		color: rgba(0,0,0,0.02);
		text-transform: uppercase;
		text-align: center;
		line-height: 100%;
		position: relative;
		z-index: 0;
	}
	.id_title_cn{
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		z-index: 5;
		width: 100%;
		height: 100%;
		font-size: 2rem;
		font-family: oph;
		color: #605e5e;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_title_line{
		font-size: 0;
		width: 3.5rem;
		height: 2px;
		background:var(--OneColor);
		margin: 0 auto;
		margin-top: 1rem;
	}

	.id_cjw_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/id_page1.jpg");
		background-size: cover;
		background-position: center;
	}
	.id_cjw{
		width: 94%;
		height: auto;
		aspect-ratio: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.id_cjw_item{
		width: 100%;
		height: calc(94vw * 1000 / 1600);
		border-right: 1px solid rgba(0,0,0,0.1);
		position: relative;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_cjw_item_on{
		width: 100%;
		height: calc(94vw * 1000 / 1600);
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.id_cjw_item:last-of-type{
		border-right: 0px solid rgba(0,0,0,0.1);
	}

	.id_cjw_item_img{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		width: calc(1600px * 0.43);
		width: calc(var(--mainwidth) * 0.43);
		height: 100%;
		font-size: 0;
		opacity: 1;
	}
	.id_cjw_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_cjw_item_back{
		position: absolute;
		left: 0;
		top: 0;
		width: calc(1600px * 0.43);
		width: calc(var(--mainwidth) * 0.43);
		height: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		background: rgba(0,0,0,0);
		z-index: 5;
	}
	.id_cjw_itemc{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 15;
		width: 94vw;
		height: 100%;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transform: translateY(0%);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_cjw_item_on .id_cjw_itemc{
		transform: translateY(0%);
	}

	.id_cjw_itemc_ico{
		width: 4rem;
		height: auto;
		font-size: 0;
	}
	.id_cjw_itemc_ico img{
		width: 100%;
		height: auto;
	}
	.id_cjw_itemc_title{
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
		margin-top: 2rem;
		text-shadow: 0 0 15px #000000;
	}
	.id_cjw_itemc_des{
		width: 100%;
		height: auto;
		font-size: 1rem;
		color: rgba(255,255,255,0.8);
		font-family: opm;
		margin-top: 1.5rem;
		text-shadow: 0 0 25px #000000;
	}

	.id_cjw_itemc_btn{
		width: 2.1rem;
		height: 2.1rem;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 1.5rem;
	}
	.id_cjw_itemc_btn svg{
		width: auto;
		height: 65%;
		fill:#ffffff;
	}


	.id_cjw_iteml{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
		opacity: 0;
	}
	.id_cjw_item_on .id_cjw_iteml{
		opacity: 0;
	}
	.id_cjw_iteml_ico{
		width: 5.5rem;
		height: auto;
		font-size: 0;
		margin: 0 auto;
	}
	.id_cjw_iteml_ico img{
		width: 100%;
		height: auto;
	}
	.id_cjw_iteml_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.375rem;
		color: #656160;
		font-family: opm;
		margin-top: 3rem;
	}


	.id_sw_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
	.id_sw{
		width: 94%;
		aspect-ratio: auto;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_swl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_swl_item{
		width: 100%;
		height: auto;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.id_swl_item:first-child{
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.id_swl_item_top{
		width: 100%;
		height: 6rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_item_on .id_swl_item_top{
		height: 5rem;
	}
	.id_swl_item_top_ico{
		font-size: 0;
		width: 4rem;
		height: auto;
		opacity: 0.4;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_item_on .id_swl_item_top_ico{
		opacity: 1;
	}
	.id_swl_item_top_ico img{
		width: 100%;
		height: auto;
	}
	.id_swl_item_top_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #605e5e;
		padding-left: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_item_on .id_swl_item_top_title{
		color: var(--OneColor);
	}

	.id_swl_itemc{
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-bottom: 0;
		padding-left: 5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_item_on .id_swl_itemc{
		height: auto;
		padding-bottom: 2rem;
	}
	.id_swl_itemc_des{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.5);
		font-family: opm;
		line-height: 160%;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		display: none;
	}
	.id_swl_itemc_btn{
		width: 2.1rem;
		height: 2.1rem;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border: 2px solid var(--OneColor);
		border-radius: 50%;
		margin-top: 0rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_itemc_btn:hover{
		background: var(--OneColor);
	}
	.id_swl_itemc_btn svg{
		width: auto;
		height: 65%;
		fill:var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_swl_itemc_btn:hover svg{
		fill: #ffffff;
	}
	.id_swl_itemc_img{
		display: block;
	}

	.id_swr{
		width: 100%;
		height: calc(94vw * 1012 / 1600);
		margin-top: 1.5rem;
		display: none;
	}
	.id_swr_sw{
		width: 100%;
		height: 100%;
	}
	.id_swr_img{
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.id_swr_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


	.id_fa_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/id_page2.jpg");
		background-size: cover;
		background-position: center;
	}

	.id_fa_menu{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_fam_item{
		width: auto;
		height: auto;
		margin: 0 0rem;
		cursor: pointer;
		opacity: 0.4;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_fam_item_on{
		opacity: 1;
	}
	.id_fam_item_ico{
		width: auto;
		text-align: center;
		height: 3rem;
		font-size: 0;
	}
	.id_fam_item_ico img{
		width: auto;
		height: 100%;
	}
	.id_fam_item_title{
		width: auto;
		text-align: center;
		font-size: 1rem;
		color: #000000;
		font-family: opm;
		margin-top: 0.6rem;
	}

	.id_fa{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 1.5rem;
	}
	.id_fa_sw{
		width: 100%;
		height: auto;
	}
	.id_fa_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_fal{
		width: 100%;
		aspect-ratio: 800/444;
		font-size: 0;
		overflow: hidden;
	}
	.id_fal 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_fal:hover img{
		transform: perspective(100px) translateZ(1px);
	}
	.id_far{
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #FFFFFF;
		padding: 2rem 2rem;
		position: relative;
	}
	.id_far_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #605e5e;
	}
	.id_far_des{
		font-size: 1rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 160%;
		margin-top: 1.2rem;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.id_far_btn{
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		bottom: 0;
	}


	.id_new_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
	}
	.id_new{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
	.id_newl{
		width: 100%;
		aspect-ratio: 782/469;
	}
	.id_newl_sw{
		width: 100%;
		height: 100%;
	}
	.id_newl_img{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-size: 0;
	}
	.id_newl_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: relative;
		z-index: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.id_newl:hover .id_newl_img img{
		transform: perspective(100px) translateZ(1px);
	}
	.id_newl_img_back{
		position: absolute;
		width: 100%;
		height: 60%;
		background-image: linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0));
		z-index: 5;
		left: 0;
		top: 0;
	}
	.id_newlc{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 10;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 2rem 2.5rem;
	}
	.id_newlc_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.id_newlc_data{
		width: 6rem;
		height: 7rem;
		background: var(--OneColor);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.id_newlc_data_1{
		font-size: 0.875rem;
		color: #FFFFFF;
		font-family: 'Arial';
	}
	.id_newlc_data_2{
		font-size: 3.125rem;
		color: #FFFFFF;
		font-weight: bold;
		font-family: 'Arial';
		line-height: 100%;
		margin-top: 0.3rem;
	}


	.id_newl_pagination{
		position: absolute;
		width: auto;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}
	.id_newl .swiper-pagination-bullets{
		bottom: 1.3rem;
		left: auto;
		right: 1rem;
	}
	.id_newl_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.4);
		border-radius: 50%;
		margin: 0 0.4rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newl_pagination .swiper-pagination-bullet-active{ 
		background: var(--OneColor);
	}

	.id_newr{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 0.5rem;
	}
	.id_newri{
		width: 100%;
		height: 9rem;
		border-top: 1px solid rgba(0,0,0,0.1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}


	.id_newri1{
		border-top: 0px solid rgba(0,0,0,0.1);
		padding-top: 0;
		height: 9rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 1rem 0;
	}
	.id_newri1_on{
		width: 100%;
		height: 9rem;

	}
	.id_newri1 .id_newril{
		width: 100%;
		height: 9rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri1_on .id_newril{
		background: none;
	}


	.id_newri2{
		padding-top: 0;
		height: 9rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 1rem 0;
	}
	.id_newri2_on{
		width: 100%;
		height: 9rem;

	}
	.id_newri2 .id_newril{
		width: 100%;
		height: 9rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri2_on .id_newril{
		background: none;
	}

	.id_newri3{
		padding-top: 0;
		height: 9rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 1rem 0;
	}
	.id_newri3_on{
		width: 100%;
		height: 9rem;

	}
	.id_newri3 .id_newril{
		width: 100%;
		height: 9rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri3_on .id_newril{
		background: none;
	}




	.id_newril a{
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri_img{
		width: 26%;
		height: 100%;
		font-size: 0;
		overflow: hidden;-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri_on .id_newri_img{
		width: 26%;
	}
	.id_newri_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_newric{
		width: 72%;
		height: 100%;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;

	}
	.id_newri_on .id_newric{
		width: 72%;
	}
	.id_newric_data{
		position: absolute;
		font-size: 1rem;
		font-family: 'Arial';
		color: rgba(0,0,0,0.5);
		left: 1.5rem;
		bottom: auto;
		top: 0rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri_on .id_newric_data{
		bottom: auto;
		top: 0rem;
		left: 1.5rem;
		color: rgba(0,0,0,0.5);
	}
	.id_newric_title{
		position: absolute;
		font-size: 1.125rem;
		font-family: opm;
		color: #656160;
		top: 2rem;
		left: 1.5rem;
		padding-right: 1rem;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:2;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri_on .id_newric_title{
		top: 2rem;
		left: 1.5rem;
		color: #656160;
	}
	.id_newric_btn{
		position: absolute;
		font-size: 0;
		top: auto;
		bottom: 0rem;
		left: 1.5rem;
		width: auto;
		height: 1.2rem;
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri_on .id_newric_btn{
		top: auto;
		bottom: 0rem;
		left: 1.5rem;
		opacity: 1;
	}
	.id_newric_btn svg{
		width: auto;
		height: 100%;
		fill:var(--OneColor);
	}
}