@media screen and (max-width:1023px)and (min-width:300px)
{
	/*导航*/
	.nav_box{
		width: 100%;
		height: 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_box_index{
		height: 5rem;
		position: fixed;
		background: none;
	}
	.nav_box_index_on{
		height:5rem;
		position: fixed;
		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;
	}

	.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: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		background: #FFFFFF;
		border-top: 0px solid rgba(0,0,0,0.1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		
		position: absolute;
		width: 100%;
		height: 0;
		overflow: hidden;
		left: 0;
		top: 100%;
		padding: 0rem 0;
		
	}
	.nav_main_on{
		width: 100%;
		height: auto;
		padding: 1.5rem 0;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	
	.nav_menu{
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.nav_menu_item{
		width: auto;
		height: 100%;
		position: relative;
		text-align: center;
		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.375rem;
		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_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_index .nav_menu_item>a{
		color: #000000;
	}
	.nav_box_index .nav_menu_item_on>a{
		color: var(--OneColor);
	}
	.nav_box_index .nav_menu_item:hover>a{
		color: var(--OneColor);
	}

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

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


	.nav_search{
		width: auto;
		height: auto;
		padding: 0rem 0;
		font-size: 0;
		margin-right: 0rem;
		position: relative;
		z-index: 10;
		margin-left: 0rem;
		margin-top: 1rem;
	}
	.nav_search_dbtn{
		position: absolute;
		width: 4rem;
		height: 100%;
		right: 0rem;
		top: 0;
		z-index: 10;
		cursor: pointer;
	}
	.nav_search_on .nav_search_dbtn{
		display: none;
	}
	.nav_search a{
		display: inline-block;
		z-index: 5;
		position: absolute;
		width:1.6rem;
		height:1.6rem;
		right: 1rem;
		top: 0.7rem;
	}
	.nav_search svg{
		width: auto;
		height: 100%;
		fill:#000000;
		cursor: pointer;
	}
	.nav_box_index .nav_search svg{
		fill:#000000;
	}
	.nav_box_index_on .nav_search svg{
		fill:#000000;
	}
	.nav_search_main{
		position: relative;
		width: 20rem;
		height: 3rem;
		background: #FFFFFF;
		right: 0rem;
		border: 1px solid rgba(0,0,0,0.1);
		top: -10%;
		z-index: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_box_on  .nav_search_main{
		border: 1px solid rgba(0,0,0,0.1);
	}
	.nav_search_on .nav_search_main{
		width: 20rem;
		opacity: 1;
		left: 0rem;
	}
	.nav_search_main input{
		width: calc(100% - 4rem);
		height: 2rem;
		padding: 0 1rem;
		font-size: 1.125rem;
		border: none;
	}

	.nav_tel{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		width: auto;
		height: auto;
		font-family: bjm;
		color: #000000;
		font-size: 1.375rem;
		margin-right: 0rem;
		margin-top: 1rem;
	}
	.nav_box_index .nav_tel{
		color: #000000;
	}
	.nav_box_index_on .nav_tel{
		color: #000000;
	}
	.nav_tel svg{
		width: auto;
		height: 1.75rem;
		fill:#000000;
		margin-right: 1rem;
	}
	.nav_box_index .nav_tel svg{
		fill: #000000;
	}
	.nav_box_index_on .nav_tel svg{
		fill: #000000;
	}

	.nav_lag{
		font-family: bjm;
		color: #000000;
		font-size: 1.375rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 1.5rem;
	}
	.nav_box_index .nav_lag{
		color: #000000;
	}
	.nav_box_index_on .nav_lag{
		color: #000000;
	}
	.nav_lag:hover{
		color: var(--OneColor);
	}
	.nav_box_index .nav_lag:hover{
		color: var(--OneColor);
	}
	.nav_box_index_on .nav_lag: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}
       .nav_box_index .nav-icon-5 span{
            background-color:#FFFFFF;
        }
        .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: auto;
	}
	.nbanner_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.nbanner_img img{
		width: 100%;
		height: auto;
	}
	.nbanner_img video{
		width: 100%;
		height: auto;
	}



	/*footer*/
	.footer_box{
		width: 100%;
		height: auto;
		background:#0f2138;
		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: auto;
		height: auto;
		text-align: center;
	}
	.footer_left_item{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 1rem;
	}
	.footer_left_item_ico{
		width: auto;
		height: 1.7rem;
		font-size: 0;
	}
	.footer_left_item_ico svg{
		width: auto;
		height: 100%;
		fill:#ffffff;
	}

	.footer_left_item_con{
		padding-left: 1rem;
		font-size: 1.25rem;
		font-family: bjm;
		color: rgba(255,255,255,0.8);
	}
	.footer_left_item_con2{
		padding-left: 1rem;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.8);
	}

	.footer_code{
		width: 10rem;
		height: auto;
		font-size: 0;
		margin-top: 1rem;
	}
	.footer_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: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2rem;
	}
	.footerm_item{
		width: auto;
		height: auto;
		margin: 0 1rem;
	}
	.footerm_item_title{
		font-size: 1.25rem;
		color: #FFFFFF;
		font-family: opm;
		display: block;
	}
	.footerm_item_line{
		width: 100%;
		height: 1px;
		font-size: 0;
		background: #27384c;
		margin-top: 2rem;
		position: relative;
	}
	.footerm_item_line:after{
		position: absolute;
		content: '';
		width: 2rem;
		height: 3px;
		background: var(--OneColor);
		left: 0;
		top: -1px;
	}

	.footermc{
		width: auto;
		height: auto;
		margin-top: 1.5rem;
	}

	.footerm_item_con{
		display: block;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.8);
		margin-top: 1rem;
		-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: left;
		padding: 1.5rem 0;
		margin-top: 2rem;
		border-top: 1px solid rgba(255,255,255,0.1);
		position: relative;
		z-index: 5;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.3);
		font-family: opm;
		line-height: 150%;
	}
	.footer_bottom a{
		color: rgba(255,255,255,0.3);
		-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_top{
		position: absolute;
		width: 6rem;
		height: 6rem;
		background: var(--OneColor);
		right: 0;
		bottom: 0;
		z-index: 10;
		clip-path:polygon(100% 0%,100% 100%, 0% 100%);
	}
	.footer_top a{
		cursor: pointer;
	}
	.footer_top_btn{
		width: 2rem;
		height: auto;
		text-align: center;
		position: absolute;
		bottom: 0.5rem;
		right: 0.5rem;
	}
	.footer_top_btn_ico{
		width: auto;
		height: auto;
		font-size: 0;
	}
	.footer_top_btn_ico svg{
		width: auto;
		height: 0.5rem;
		fill:#ffffff;
		display: none;
	}
	.footer_top_btn_title{
		font-size: 0.8rem;
		color: #FFFFFF;
		margin-top: 0rem;
	}



	/*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;
		background: #FFFFFF;
	}
	.map{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 1.5rem 0;
	}
	.map_left{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: center;
		color: rgba(0,0,0,1);
		font-family: opm;
		font-size: 1rem;
	}
	.map_left a{
		font-size: 1rem;
		color: rgba(0,0,0,1);
		-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,1);
		padding: 0 0.5rem;
		font-weight: bold;
		font-family: '宋体';
	}
	.map_right{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 1rem;
	}
	.map_right_item{
		font-size: 1.125rem;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		font-family: opm;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.map_right_item:hover{
		color: var(--OneColor);
	}
	.map_right_item_on{
		color: var(--OneColor);
	}

	/*nbanner*/
	.nbanner{
		width: 100%;
		aspect-ratio: auto;
		height: calc(100vw * 900 / 1920);
		position: relative;
	}
	.nbanner_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		z-index: 0;
		left: 0;
		top: 0;
	}
	.nbanner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.nbanner_con{
		position: absolute;
		width: 48%;
		height: 100%;
		z-index: 5;
		left: 0;
		top: 0;
		background: var(--OneColor);
		clip-path:polygon(0% 0%,95% 0%, 100% 40%, 70% 100%, 0 100%);
		padding-left: 3%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 2rem;
	}
	.nbanner_con_title{
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opb;
	}
	.nbanner_con_ltitle{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: opm;
		margin-top: 1rem;
	}


	/*翻页*/

	.npage{
		width: 100%;
		height: auto;
		padding: 2rem 0 2rem 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
	}
	.npage_as{
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 1rem;
	}
	.npage_as svg{
		width: 2rem;
		height: 2rem;
		fill:#ffffff;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.npage_as:hover svg{
		fill:#ffffff;
	}

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

	/*产品中心*/
	.pro_list{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pro_item{
		width: 48.5%;
		height: auto;
		margin-top: 2rem;
		padding-bottom: 0rem;
	}
	.pro_item_img{
		width: 100%;
		aspect-ratio: auto;
		height: calc(94vw * 0.485 * 547 / 827);
		font-size: 0;
		overflow: hidden;
		background: #FFFFFF;
	}
	.pro_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);
	}
	.pro_item:hover .pro_item_img img{
		transform: perspective(100px) translateZ(1px);
	}
	.pro_item_title{
		font-size: 1.125rem;
		font-family: opm;
		text-align: center;
		margin-top: 1rem;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_item:hover .pro_item_title{
		color: var(--OneColor);
	}

	/*产品详情*/
	.spro_gs{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: 3rem;
	}
	.spro_gsl{
		width: 100%;
		aspect-ratio: auto;
		font-size: 0;
		background: #FFFFFF;
	}
	.spro_gsl img{
		width:100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	.spro_gsr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.spro_gsr_title{
		font-size: 1.375rem;
		font-family: bjm;
		line-height: 90%;
	}
	.spro_gsr_ltitle{
		font-size: 1.5rem;
		font-family: opm;
		line-height: 100%;
		margin-top: 1rem;
	}
	.spro_gsr_con{
		font-size: 1.125rem;
		font-family: opm;
		line-height: 180%;
		color: rgba(0,0,0,0.7);
		margin-top: 1rem;
	}
	.spro_item{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.spro_item_title{
		font-size: 1.75rem;
		font-family: opm;
	}
	.spro_cs{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.spro_cs img{
		width: 100%;
		height: auto;
	}

	/*服务支持*/
	.fw_lx_box{
		width: 100%;
		height: auto;
		padding-top: 3rem;
		background: #FFFFFF;
	}
	.fw_lx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
	}
	.fw_lx_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
	}
	.fw_lx_des{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.6);
		line-height: 170%;
		margin-top: 1.5rem;
	}

	.fw_lxc{
		margin-top: 4rem;
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: 3rem;
	}
	.fw_lxcl{
		border-left: 5px solid var(--OneColor);
		padding-left: 1.5rem;
	}
	.fw_lxcl_1{
		font-size: 2rem;
		font-family: db;
		line-height: 90%;
		color: #000000;
	}
	.fw_lxcl_2{
		font-size: 1.75rem;
		font-family: bjm;
		color: #000000;
		line-height: 130%;
		margin-top: 1.5rem;
	}
	.fw_lxcr{
		width: 7rem;
		height: auto;
		font-size: 0;
		margin-left: 0rem;
	}
	.fw_lxcr img{
		width: 100%;
		height: auto;
	}


	.fw_lx_img{
		position: relative;
		width: 80%;
		height: auto;
		margin: 0 auto;
		font-size: 0;
		right: 0rem;
		bottom: 0;
	}
	.fw_lx_img img{
		width: 100%;
		height: auto;
	}

	.fw_ly{
		width: 94%;
		height: auto;
		margin: 0 auto;
		background: #FFFFFF;
		margin-top: 3rem;
	-moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
		-webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
		box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.03);
		padding: 1.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
	.fw_lyl{
		width: 100%;
		height: auto;
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
		text-align: center;
	}
	.fw_lyr{
		width: 100%;
		height: auto;
	}
	.fw_lyr form{
		width: 100;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lx_sh_ly_item{
		width: 48.5%;
		height: 3.5rem;
		background: #ecf0f5;
		border-radius: 10px;
		margin-top: 1rem;
	}
	.lx_sh_ly_item input{
		width: 100%;
		height: 100%;
		background: none;
		padding: 0 1.5rem;
		font-size: 1.125rem;
		border: none;
	}
	.lx_sh_ly_item2{
		width: 100%;
		height: 11rem;
		background: #ecf0f5;
		border-radius: 10px;
		margin-top: 1rem;
	}
	.lx_sh_ly_item2 textarea{
		width: 100%;
		height: 100%;
		background: none;
		padding: 1rem 1.5rem;
		font-size: 1.125rem;
		border: none;
	}
	.lx_sh_ly_btn{
		width: 100%;
		height: auto;
		margin-top: 1rem;
		text-align: center;
	}
	.lx_sh_ly_btn a{
		width: auto;
		height: 4rem;
		background: var(--OneColor);
		border-radius: 4rem;
		margin-top: 1%;
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 4rem;
		-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);
	}


	/*关于我们*/
	.ab_jj_box{
		width: 100%;
		height: auto;
		position: relative;
		background: #FFFFFF;
		padding-top: 3rem;
	}
	.ab_jj_back{
		position: absolute;
		width: 82%;
		height: auto;
		font-size: 0;
		left: 0;
		bottom: 0;
		z-index: 0;
	}
	.ab_jj_back img{
		width: 100%;
		height: auto;
	}
	.ab_jj{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		z-index: 5;
	}
	.ab_jjl{
		width: 100%;
		height: auto;
	}
	.ab_jjl_title{
		font-size: 1.75rem;
		font-family: opm;
	}
	.ab_jjl_des{
		font-size: 1.5rem;
		margin-top: 1.5rem;
	}
	.ab_jjl_des br{
		display: none;
	}

	.ab_jjr{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.ab_jjr_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		line-height: 170%;
	}



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

	.ab_jjr_num_item_top{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.ab_jjr_num_item_count{
		font-size: 3rem;
		font-family: bjm;
		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: 3.125rem;
		font-family: bjm;
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab_jjr_num_item_title{
		font-size: 1.125rem;
		color: rgba(0,0,0,1);
		margin-top: 0.5rem;
		font-family: opm;
	}



	.ab_zz{
		width: 100%;
		margin: 0 auto;
		height: auto;
		margin-top: 2rem;
		display: grid;
		grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
		grid-template-rows: calc(47vw * 311 / 443) calc(47vw * 311 / 443) calc(47vw * 311 / 443);
		grid-gap: 1rem 1rem;
	}


	.ab_zz_item{
		position: relative;
		overflow: hidden;
		padding: 1rem;
		background: #eceef2;
		overflow: hidden;
	}
	.ab_zz_item:nth-of-type(1){
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.ab_zz_item_img{
		width: 100%;
		height: 100%;
		font-size: 0;
		overflow: hidden;
		z-index: 0;
	}
	.ab_zz_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);
	}

	.ab_zz_item_back{
		width: 100%;
		height: 60%;
		position: absolute;
		z-index: 5;
		left: 0;
		bottom: 0;
		background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_zz_item:hover .ab_zz_item_back{
		opacity: 1;
	}

	.ab_zz_item_title{
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 10;
		left: 0;
		bottom: 1rem;
		font-size: 1rem;
		padding: 0 1rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_zz_item:hover .ab_zz_item_title{
		opacity: 1;
	}


	/*联系我们*/
	.lx_top{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.lx_topl{
		width: 100%;
		height: auto;
	}
	.lx_topl_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
		padding-bottom: 0.5rem;
	}
	.lx_topli{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1rem;
	}
	.lx_topli_ico{
		width: 3rem;
		height: 3rem;
		background: var(--OneColor);
		border-radius: 50%;
		font-size: 0;
	}
	.lx_topli_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.lx_topli_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		padding-left: 1rem;
	}
	.lx_topli_title2{
		font-size: 1.375rem;
		font-family: bjm;
		color: rgba(0,0,0,0.7);
		padding-left: 1rem;
	}

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

	.lx_fgs{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top: 0rem;
	}
	.lx_fgsi{
		width: 100%;
		height: auto;
		margin-right: 0%;
		margin-top: 1rem;
		background: #eceef2;
		padding: 1.5rem;
	}
	.lx_fgsi:nth-child(3n){
		margin-right: 0;
	}

	.lx_fgsi_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #000000;
	}
	.lx_fgsi_con{
		font-size: 1.125rem;
		font-family: opm;
		color: #6f6f6f;
		line-height: 170%;
		padding-top: 1rem;
	}

	/*新闻中心*/
	.new_top{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.new_top a{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.new_topl{
		width: 100%;
		aspect-ratio: 923/430;
		height: calc(94vw * 430 / 923);
		font-size: 0;
		overflow: hidden;
	}
	.new_topl 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 a:hover .new_topl img{
		transform: perspective(100px) translateZ(1px);
	}
	.new_topr{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		overflow: hidden;
		position: relative;
		padding: 1.5rem;
	}
	.new_topr_data1{
		font-size: 2.5rem;
		font-family: 'Arial';
		color: #000000;
		width: 4.5rem;
		text-align: center;
	}
	.new_topr_data2{
		font-size: 1.125rem;
		font-family: 'Arial';
		color: #000000;
		width: 4.5rem;
		text-align: center;
	}
	.new_topr_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top a:hover .new_topr_title{
		color: var(--OneColor);
	}
	.new_topr_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.65);
		margin-top: 1rem;
		line-height: 170%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_topr_btn{
		position: relative;
		left: 0rem;
		bottom: 0rem;
		margin-top: 1rem;
		width: 11rem;
		height: 3rem;
		border-radius: 3rem;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--OneColor);
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
	}

	.new_list{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.new_item{
		width: 48.5%;
		height: auto;
		margin-top: 3%;
		margin-right: 0%;
	}
	.new_item:nth-child(3n){
		margin-right: 0;
	}
	.new_item a{
		width: 100%;
		height: auto;
		display: block;
		background: #FFFFFF;
		padding: 1.5rem;
	}
	.new_item_data{
		font-size: 1.125rem;
		font-family: bjm;
		color: rgba(0,0,0,0.8);
	}
	.new_item_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_item:hover .new_item_title{
		color: var(--OneColor);
	}

	.new_item_btn{
		width: 9rem;
		height: 3rem;
		border-radius: 3rem;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--OneColor);
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
		margin-top: 1rem;
	}


	/*新闻详情*/
	.snew{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.snew_title{
		font-size: 1.5rem;
		font-family: opb;
		color: rgba(0,0,0,0.8);
		text-align: center;
	}
	.snew_tag{
		font-size: 1rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
		text-align: center;
		margin-top: 1rem;
		padding-bottom: 1.5rem;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.snew_con{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.8);
		font-family: opm;
		line-height: 170%;
		padding: 1.5rem 0;
	}

	.snew_page{
		width: 100%;
		height: 4rem;
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.snew_page a{
		font-size: 1.125rem;
		color: #000000;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.snew_page a:hover{
		color: var(--OneColor);
	}

	.snew_tj{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.snew_tj_title{
		width: 94%;
		margin: 0 auto;
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
	}
	.snew_tj .new_list{
		margin-top: 0;
	}


	/*首页*/
	.id_banner{
		width: 100%;
		height: 100vh;
	}
	.id_banner_sw{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
	}
	.id_banner_img{
		width: 100%;
		height: 100%;
		font-size: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.id_banner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_banner_con{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		z-index: 5;
	}
	.id_banner_con_t1{
		font-size: 2.5rem;
		color: #FFFFFF;
		font-family: opm;
		text-align: center;
	}
	.id_banner_con_t2{
		font-size: 1.625rem;
		color: #FFFFFF;
		font-family: bjm;
		text-transform: uppercase;
		line-height: 140%;
		margin-top: 1rem;
		text-align: center;
	}

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

	.id_ab_box{
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 3rem;
	}
	.id_ab{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 5;

	}
	.id_abl{
		width: 100%;
		height: auto;
		padding-top: 3rem;
	}
	.id_abl_ltitle{
		font-size: 1.375rem;
		font-family: pjb;
		color: var(--OneColor);
	}
	.id_abl_title{
		font-size: 1.75rem;
		font-family: opm;
		color: #000000;
		margin-top: 1rem;
		line-height: 130%;
	}
	.id_abl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.8);
		margin-top: 2rem;
		line-height: 170%;
	}
	.id_abl_btn_box{
		width: auto;
		height: auto;
		margin-top: 2rem;
	}
	.id_abl_btn{
		width: auto;
		height: auto;
		display: inline-flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.id_abl_btn_ico{
		width: 3rem;
		height: 3rem;
		background: var(--OneColor);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 0;
		padding-right: 0.5rem;
	}
	.id_abl_btn_ico svg{
		width: auto;
		height: 50%;
		margin: 0 auto;
		fill:#ffffff;
	}
	.id_abl_btn_title{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.8);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		padding-left: 1rem;
		font-family: opm;
	}
	.id_abl_btn:hover .id_abl_btn_title{
		color: var(--OneColor);
	}

	.id_abr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.id_abr_img{
		width: 100%;
		height: auto;
		font-size: 0;
		transform: translateX(0rem);
	}
	.id_abr_img img{
		width: 100%;
		height: auto;
	}
	.id_abrc{
		margin-top: 2rem;
	}
	.id_abrc_item{
		width: 100%;
		height: 7rem;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.id_abrc_iteml{
		width: auto;
		height: auto;
		font-size: 2.5rem;
		font-family: bjm;
		color: var(--OneColor);
		font-weight: bold;
	}

	.id_abrc_itemr{
		width: auto;
		height: auto;
		font-size: 1.5rem;
		color: #000000;
		font-family: opm;
		padding-bottom: 0.35rem;
		padding-left: 1rem;
	}

	.id_pro_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/id_pro_back.jpg");
		background-size: cover;
		background-position: center;
	}
	.id_pro{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_pro_title{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
	.id_pro_titler{
		padding-bottom: 1rem;
		margin-top: 1.5rem;
	}

	.id_proc{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 2rem;
	}
	.id_proc_sw{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
	}
	.id_proc_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_procl{
		width: 100%;
		height: auto;
	}
	.id_procl_title{
		font-size: 1.75rem;
		font-family: bjm;
		color: #000000;
	}
	.id_procl_ltitle{
		font-size: 1.5rem;
		font-family: opm;
		color: #000000;
	}
	.id_procl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.8);
		line-height: 200%;
		margin-top: 2rem;
		padding-left: 2rem;
		position: relative;
	}
	.id_procl_con:before{
		position: absolute;
		content: '';
		font-size: 0;
		width: 1px;
		height: 100%;
		background: rgba(0,0,0,0.1);
		left: 1px;
		top: 0;
	}
	.id_procl_con:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 3px;
		height: 1rem;
		background: var(--OneColor);
		left: 0px;
		top: 1rem;
	}


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

	.id_proc_btn_box{
		position: relative;
		width: 100%;
		height: auto;
		bottom: 0;
		right: 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		margin-top: 2rem;
	}
	.id_proc_btnl{
		position: relative;
		width: 30px;
		height: 13px;
		font-size: 0;
		overflow: hidden;
		z-index: 5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-right: 1rem;
		cursor: pointer;
	}
	.id_proc_btnl:hover{
		width: 58px;
	}
	.id_proc_btnl img{
		position: absolute;
		width: 58px;
		height: 13px;
		left: 0;
		top: 0;
	}

	.id_proc_btnr{
		position: relative;
		width: 30px;
		height: 13px;
		font-size: 0;
		overflow: hidden;
		z-index: 5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-left: 1rem;
		cursor: pointer;
	}
	.id_proc_btnr:hover{
		width: 58px;
	}
	.id_proc_btnr img{
		position: absolute;
		width: 58px;
		height: 13px;
		right: 0;
		top: 0;
	}


	.id_pro_menu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_pro_menui{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 32%;
		height: 3.5rem;
		background: #FFFFFF;
		text-align: center;
		font-size: 1rem;
		font-family: opm;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		-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_pro_menui_on{
		background: var(--OneColor);
		color: #FFFFFF;
	}

	.id_new{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding:3rem 0;
	}

	.id_newt{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	.id_newtl{
		width: 100%;
		aspect-ratio: 923/430;
		height: calc(94vw * 430 / 923);
		position: relative;
	}
	.id_newtl_img{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		overflow: hidden;
	}
	.id_newtl_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_newtl:hover .id_newtl_img img{
		transform: perspective(100px) translateZ(2px);
	}
	.id_newtl_con{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0;
		padding: 1.5rem;
		z-index: 5;
	}
	.id_newtl_con_data{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.8);
		font-family: bjm;
	}
	.id_newtl_con_title{
		font-size: 1.25rem;
		color: rgba(255,255,255,1);
		font-family: opm;
		margin-top: 0.7rem;
	}

	.id_newtr{
		width: 100%;
		height: auto;
		background-image: url("../images/id_new_back.jpg");
		background-size: cover;
		background-position: center;
		padding: 1.5rem;
		position: relative;
	}
	.id_newtr_data{
		font-size: 1.125rem;
		color: rgba(255,255,255,1);
		font-family: bjm;
	}
	.id_newtr_title{
		font-size: 1.25rem;
		color: rgba(255,255,255,1);
		font-family: opm;
		line-height: 130%;
		margin-top: 1rem;
	}
	.id_newtr_des{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.9);
		font-family: opm;
		line-height: 160%;
		margin-top: 1.5rem;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.id_newtr_btn{
		position: relative;
		left: 0rem;
		bottom: 0rem;
		width: 11rem;
		height: 3rem;
		border-radius: 3rem;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.125rem;
		color: #FFFFFF;
		border: 3px solid #FFFFFF;
		font-family: opm;
	}


	.id_newc{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.id_newc_item{
		width: 100%;
		height: auto;
		margin-top: 2%;
		margin-right: 0%;
	}
	.id_newc_item:nth-child(3n){
		margin-right: 0;
	}
	.id_newc_item a{
		width: 100%;
		height: auto;
		display: block;
		background: #eceef2;
		padding: 1.5rem;
	}
	.id_newc_item_data{
		font-size: 1.125rem;
		font-family: bjm;
		color: rgba(0,0,0,0.8);
	}
	.id_newc_item_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #000000;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newc_item:hover .id_newc_item_title{
		color: var(--OneColor);
	}

	.id_newc_item_btn{
		width: 9rem;
		height: 3rem;
		border-radius: 3rem;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--OneColor);
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
		margin-top: 1.5rem;
	}

	.id_hb_box{
		width: 100%;
		height: auto;
		padding: 2rem 0;
		background: #eceef2;
	}
	.id_hb{
		width: 94%;
		aspect-ratio: 1400/900;
		height: calc(94vw * 900 / 1400);
		margin: 0 auto;
	}
	.id_hb_sw{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.id_hb_sw .swiper-slide{
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_hb_mid{
		width: 45%;
		aspect-ratio: 533/614;
		height: calc(94vw * 0.45 * 614 / 533);
		background-image: url("../images/id_hb_back.png");
		background-size: cover;
		background-position: center;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_hb_mid_ltitle{
		font-size: 1.125rem;
		font-family: pjb;
		color: var(--OneColor);
		text-align: center;
	}
	.id_hb_mid_title{
		font-size: 1rem;
		font-family: opm;
		color: #000000;
		text-align: center;
		line-height: 160%;
		margin-top: 0.5rem;
	}
	.id_hb_mid_btn{
		text-align: center;
		margin-top: 0.5rem;
	}
	.id_hb_mid_btn a{
		position: relative;
		width: auto;
		height: auto;
		font-size: 1rem;
		font-family: opm;
		color: rgba(0,0,0,0.8);
		padding-bottom: 0.4rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_hb_mid_btn a:hover{
		color: var(--OneColor);
	}
	.id_hb_mid_btn a:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 100%;
		height: 3px;
		background: var(--OneColor);
		left: 0;
		bottom: 0;
	}

	.id_hb_left{
		width: 21.5%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-top: 5rem;
	}
	.id_hb_right{
		width: 21.5%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
	.id_hb_item{
		aspect-ratio: 533/614;
		background-image: url("../images/id_hb_back.png");
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_hb_item img{
		width: 100%;
	}
	.id_hb_1{
		width: 68.3%;
		transform: translateX(22%);
	}
	.id_hb_2{
		width: 56.3%;
		transform: translateX(100%) translateY(6%);
	}
	.id_hb_3{
		width: 68.3%;
	}
	.id_hb_4{
		width: 68.3%;
		transform: translateX(-72%) translateY(6%);
	}
	.id_hb_5{
		width: 47.6%;
	}
	.id_hb_6{
		width: 100%;
		transform: translateX(-19%);
	}


	.id_hb_pagination{
		position: absolute;
		left: 0;
		bottom: 0rem;
		width: 100%;
		height: 2.8rem;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0 1rem;
	}

	.id_hb_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: #a5a6a9;
		border-radius: 50%;
		margin: 0 0.4rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_hb_pagination .swiper-pagination-bullet-active{ 
		background: var(--OneColor);
	}
}