@media screen and (max-width:1023px)and (min-width:300px)
{ 
/*导航*/
	.nav_box{
		width: 100%;
		height:5rem;
		position: fixed;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 1000;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.nav_box_on{
		height: 5rem;
		background: #FFFFFF;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}

	.nav{
		width: 96%;
		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: 100%;
		height: 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		left: 0;
		top: 100%;
		border-top: 1px solid rgba(0,0,0,0.1);
		background: #FFFFFF;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_main_on{
		opacity: 1;
		height: auto;
	}
	.nav_menu{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-left: 0rem;
		padding: 1.5rem 0;
	}
	.nav_menu_item{
		width: auto;
		height: 100%;
		position: relative;
		margin-left: 0rem;
		text-align: center;
		margin: 0.3rem 0;
	}
	.nav_menu_item>a{
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: 100%;
		position: relative;
		padding: 0.5rem 0rem;
		font-family: opm;
		font-size: 1.25rem;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_box_on .nav_menu_item>a{
		color: #000000;
	}
	.nav_box_on .nav_menu_item>a:hover{
		color: var(--OneColor);
	}
	.nav_box_on .nav_menu_item_on>a{
		color: var(--OneColor);
	}
	.nav_menu_item>a:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 100%;
		height: 3px;
		background: var(--OneColor);
		left: 0;
		bottom: -2px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: scaleX(0);
	}
	.nav_menu_item_on>a:after{
		transform: scaleX(1);
	}
	.nav_menu_item:hover>a:after{
		transform: scaleX(1);
	}



	.nav_meun_tiem_down{
		position: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(0,0,0,0);
		left: 0;
		top: 0%;
		-moz-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.0);
		-webkit-box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.0);
		box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.0);
		padding: 0rem 1.5rem;
		opacity: 0;
		z-index: 50;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_meun_tiem_down2{
		width: 100%;
		left: 0;
	}
	.nav_meun_tiem_down3{
		width: 100%;
		left: 0;
	}
	.nav_menu_item:hover .nav_meun_tiem_down{
		opacity: 1;
		height: auto;
		padding: 0.5rem 0rem;
	}
	.nav_meun_tiem_down a{
		display: block;
		margin: 0.75rem 0;
		font-size: 1rem;
		text-align: center;
		color: rgba(0,0,0,0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_meun_tiem_down2 a{
		text-align: center;
	}
	.nav_meun_tiem_down a:hover{
		color: var(--OneColor);
	}

	.nav_right{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		padding-bottom: 2rem;
	}


	.nav_tool{
		width: auto;
		height: 3.2rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_box_on .nav_tool{
		height: 3rem;
	}
	.nav_tool_back{
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 3.2rem;
		background: linear-gradient(to right, #106cc9 0%, #10358b 85%, #0b3cab 100%);
		box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.5) inset;
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 5;
	}
	.nav_tool:hover .nav_tool_back{
		opacity: 1;
	}
	.nav_box_on .nav_tool_back{
		opacity: 1;
	}
	.nav_toolt{
		width: auto;
		height: 100%;
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0 2.5rem;
		position: relative;
		z-index: 10;
		cursor: pointer;
	}
	.nav_toolt_text{
		width: auto;
		height: auto;
		font-size: 1.125rem;
		position: relative;
		z-index: 5;
		color: #FFFFFF;
	}
	.nav_toolt_ico{
		width: auto;
		height: 1rem;
		font-size: 0;
		margin-left: 1rem;
	}
	.nav_toolt_ico svg{
		width: auto;
		height: 100%;
		fill:#ffffff;
	}

	.nav_toolc{
		position: absolute;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(0,0,0,0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		top: 0%;
		left: 0;
		z-index: 2;
		border-radius: 1.6rem 1.6rem 0 0;
		padding-top: 3.2rem;
		padding-bottom: 0rem;
		opacity: 0;
	}
	.nav_tool:hover .nav_toolc{
		opacity: 1;
		height: auto;
		padding-top: 4.2rem;
		padding-bottom: 1rem;
	}
	.nav_toolc a{
		display: block;
		text-align: center;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0.5rem 0;
	}
	.nav_toolc a:hover{
		color: rgba(255,255,255,1);
	}


	.nav_apply{
		width: auto;
		height: 3.2rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-left: 2rem;
	}
	.nav_box_on .nav_apply{
		height: 3rem;
	}
	.nav_apply_back{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		border-radius: 3.2rem;
		background: linear-gradient(to right, #106cc9 0%, #10358b 85%, #0b3cab 100%);
		box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.5) inset;
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_apply:hover .nav_apply_back{
		opacity: 1;
	}
	.nav_box_on .nav_apply_back{
		opacity: 1;
	}
	.nav_apply_link{
		width: auto;
		height: 100%;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.125rem;
		padding: 0 2.5rem;
		position: relative;
		z-index: 5;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	  	
    .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:#FFFFFF;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
       
        .nav_box_on .nav-icon-5 span{
            background-color: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;}


	.applys_box{
		position: fixed;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.9);
		z-index: -1;
		opacity: 0;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.applys_box_on{
		z-index: 2000;
		opacity: 1;
	}
	.applys_close{
		position: absolute;
		width: 2.5rem;
		height: 2.5rem;
		font-size: 0;
		top: 2rem;
		right: 2rem;
	}
	.applys_close svg{
		width: 100%;
		height: 100%;
		fill:#ffffff;
		cursor: pointer;
	}
	.applys{
		width: 60rem;
		height: auto;
		margin: 0 auto;


	}
	.applys_title{
		font-size: 2.5rem;
		color: #FFFFFF;
		font-family: opb;
		text-align: center;
	}
	.applys_ltitle{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		text-align: center;
		margin-top: 2rem;
	}
	.applys_con{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.applys_conform{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.applys_item{
		width: 47%;
		height: auto;
		margin-top: 1rem;
	}
	.applys_item input{
		width: 100%;
		height: 4.5rem;
		background: none;
		border: none;
		color: #FFFFFF;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.applys_item input::placeholder{
		color: rgba(255,255,255,0.7);
	}
	.applys_item2{
		width: 100%;
		height: auto;
		margin-top: 1rem;
	}
	.applys_item2 input{
		width: 100%;
		height: 4.5rem;
		background: none;
		border: none;
		color: #FFFFFF;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.applys_item2 input::placeholder{
		color: rgba(255,255,255,0.7);
	}
	.applys_item2 textarea{
		width: 100%;
		height: 9rem;
		background: none;
		border: none;
		color: #FFFFFF;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		font-family: opr;
		padding-top: 1rem;
	}
	.applys_item2 textarea::placeholder{
		color: rgba(255,255,255,0.7);
	}

	.applys_item3{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 3rem;
	}
	.applys_item3 a{
		width: 13rem;
		height: 4rem;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 4rem;
		font-size: 1.25rem;
		color: #FFFFFF;
	}


	/*footer*/
	.footer_box{
		width: 100%;
		height: auto;
		position: relative;
	}
	.footer{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 0rem;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.footer_item{
		width: 47%;
		height: auto;
		padding-top: 2rem;
	}

	.footer_item_title{
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(255,255,255,1);
	}
	.footer_itemc{
		padding-top: 1rem;
	}
	.footer_itemc_con{
		display: block;
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.5);
		margin-top: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_itemc_con:hover{
		color: rgba(255,255,255,1);
	}

	.footer_item2{
		width: 100%;
		text-align: center;
	}
	.footer_item2_title{
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		text-align: center;
		margin-top: 2rem;
	}

	.footer_code{
		width: 9rem;
		height: auto;
		margin: 0 auto;
		font-size: 0;
		margin-top: 1rem;
	}
	.footer_code img{
		width: 100%;
		height: auto;
	}
	.footer_code_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.5);
		margin-top: 1rem;
		text-align: center;
	}


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

	.footerd_item{
		width: auto;
		height: auto;
	}

	.footerd_item_title{
		font-size: 1.375rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1.5rem;
	}
	.footerd_item_title_1{
		width: auto;
		height: 1.5rem;
		font-size: 0;
	}
	.footerd_item_title_1 img{
		width: auto;
		height: 100%;
	}
	.footerd_item_title_2{
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(255,255,255,0.4);
		margin-left: 1rem;
	}
	.footerd_itemc{
		padding-top: 0.5rem;
	}
	.footerd_itemc_con{
		display: block;
		font-size: 1rem;
		line-height: 180%;
		font-family: opm;
		color: rgba(255,255,255,0.5);
		margin-top: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.footer_bottom{
		width: 94%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 2rem 0;
		margin-top: 3rem;
		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);
	}


	/*客服*/
	.ser{
		position: fixed;
		width: 4rem;
		height: auto;
		z-index: 1000;
		right: 1rem;
		bottom: 20%;
		display: none;
	}
	.ser_item{
		display: block;
		position: relative;
		width: 4rem;
		height: 4rem;
		margin: 0.7rem 0;
	}
	.ser_item_back{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		background:linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 50%;
		opacity: 0.2;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ser_item:hover .ser_item_back{
		opacity: 1;
	}
	.ser_item_ico{
		position: relative;
		z-index: 5;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 0;
	}
	.ser_item_ico svg{
		width: auto;
		height: 45%;
		margin: 0 auto;
		fill:#ffffff;
	}

	.ser_item_tel{
		position: absolute;
		width: 0rem;
		overflow: hidden;
		height: 4rem;
		line-height: 4rem;
		border-radius: 4rem;
		background:linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		right: 0;
		top: 0;
		z-index: 3;
		font-size: 2rem;
		color: #FFFFFF;
		font-family: bjm;
		padding: 0 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ser_item:hover .ser_item_tel{
		width: 20rem;
		opacity: 1;
	}

	.ser_item_code{
		position: absolute;
		width: 0rem;
		overflow: hidden;
		height: 9rem;
		right: 110%;
		top: calc(50% - 4.5rem);
		z-index: 3;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ser_item_code img{
		width:9rem;
		height: 9rem;
		object-fit: cover;
		object-position: center;
	}
	.ser_item:hover .ser_item_code{
		width: 9rem;
		opacity: 1;
	}


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

	/*nbanner*/
	.nbanner{
		width: 100%;
		aspect-ratio: 1920/1100;
		height: calc(100vw * 1100 / 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{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 5.5rem;
	}
	.nbanner_con_title{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: opb;
		text-align: center;
	}



	/*翻页*/

	.npage{
		width: 100%;
		height: auto;
		padding: 3rem 0 3rem 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
	}
	.npage a{
		display: block;
		font-size: 1.25rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 1rem;
		position: relative;
		padding-bottom: 0.4rem;
		padding: 0 0.3rem;
	}
	.npage a:hover{
		color:#FFFFFF;
	}
	.npage a.npage_acon{
		color:#FFFFFF;
	}
	.npage a:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		font-size: 0;
		background: #FFFFFF;
		left: 0;
		bottom: 0;
		transform: scaleX(0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.npage a:hover:after{
		transform: scaleX(1);
	}
	.npage a.npage_acon:after{
		transform: scaleX(1);
	}

	/*菜单*/
	.nmenu{
		width: 100%;
		height: auto;
		padding: 1.5rem 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}
	.nmenu a{
		margin: 0.35rem 1rem;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nmenu a:hover{
		color: #FFFFFF;
	}
	.nmenu a.nmenu_aon{
		color: #FFFFFF;
	}

	/*新闻列表*/

	.new_top{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.new_top_sw{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
	}
	.new_top_sw .swiper-slide a{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.new_top_img{
		width: 100%;
		aspect-ratio: 689/394;
		height: calc(94vw * 394 / 689);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.new_top_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_img:hover img{
		transform: perspective(100px) translateZ(1px);
	}
	.new_topc{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 1.5rem;
	}
	.new_topc_data1{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: bjm;
		line-height: 100%;
	}
	.new_topc_data2{
		font-size: 1.125rem;
		color:rgba(255,255,255,0.6);
		font-family: opm;
		margin-top: 0.5rem;
	}
	.new_topc_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 0.5rem;
		line-height: 170%;
	}
	.new_topc_btnb{
		position: relative;
		left: 0;
		bottom: 0;
		width: auto;
		height: auto;
		margin-top: 1rem;
	}
	.new_topc_btn{
		width: 12rem;
		height: 3.4rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 3.4rem;
	}
	.new_topc_btn_text{
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
	}
	.new_topc_btn_ico{
		width: auto;
		height: 1.8rem;
		font-size: 0;
		margin-left: 1rem;
	}
	.new_topc_btn_ico svg{
		width: auto;
		height: 100%;
		fill:#FFFFFF;
		transform: rotate(45deg);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_topc_btn:hover .new_topc_btn_ico svg{
		transform: rotate(90deg);
	}

	.new_top_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.new_top .swiper-pagination-bullets{
		bottom: 0;
	}
	.new_top_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.2);
		border-radius: 50%;
		margin: 0 0.6rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_top_pagination .swiper-pagination-bullet-active{ 
		background: rgba(255,255,255,1);
	}


	.new_list{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 2rem;
	}
	.new_item{
		width: 100%;
		height: auto;
		padding: 2rem 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.new_item a{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}

	.new_item_data{
		width: 100%;
	}
	.new_item_data_1{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: bjm;
		line-height: 100%;
	}
	.new_item_data_2{
		font-size: 1.125rem;
		color:rgba(255,255,255,0.6);
		font-family: opm;
		margin-top: 0.5rem;
	}

	.new_itemc{
		width: 100%;
		height: auto;
		margin-top: 1rem;
	}
	.new_item_title{
		font-size: 1.375rem;
		color: #FFFFFF;
		font-family: opm;
	}
	.new_item_des{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		line-height: 170%;
		margin-top: 0.5rem;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.new_item_btnb{
		margin-top: 1.5rem;
	}


	/*新闻详情*/
	.snew{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 0 0%;
		padding-top: 10rem;
	}
	.snew_time{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.snew_time_ico{
		width: auto;
		height: 1.5rem;
		font-size: 0;
	}
	.snew_time_ico svg{
		width: auto;
		height: 100%;
		fill:#ffffff;
	}
	.snew_time_text{
		margin-left: 0.5rem;
		font-size: 1rem;
		color: rgba(255,255,255,0.7);
	}
	.snew_title{
		font-size: 1.5rem;
		color: rgba(255,255,255,1);
		font-family: opm;
		padding-bottom: 2rem;
		margin-top: 1rem;
		border-bottom: 2px solid var(--OneColor);
	}
	.snew_con{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.7);
		font-family: opm;
		line-height: 170%;
		padding: 2rem 0;
	}
	.snew_page{
		width: 94%;
		height: auto;
		margin: 1.5rem auto;
		padding: 2rem 0;
		border-top: 1px solid rgba(255,255,255,0.2);
		border-bottom: 1px solid rgba(255,255,255,0.2);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.snew_page a{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,1);
	}


	/*案例列表*/
	.case_list{
		width: 94vw;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.case_item{
		width: 48.5%;
		aspect-ratio: 476/324;
		height: calc(94vw * 0.485 * 324 / 476);
		border-radius: 10px;
		overflow: hidden;
		margin-right: 0%;
		margin-top: 3%;
	}
	.case_item:nth-child(3n){
		margin-right: 0;
	}
	.case_item_img{
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.case_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);
	}
	.case_item:hover .case_item_img img{
		transform: perspective(100px) translateZ(2px);
	}

	.case_page{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.case_page a{
		width: 3.6rem;
		height: 3.6rem;
		border-radius: 50%;
		font-size: 0;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 0.6rem;
	}
	.case_page a svg{
		width: auto;
		height: 50%;
		fill:#ffffff;
	}

	/*案例详情*/
	.scase_itme{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 3rem;
	}
	.scase_itme2{
		width: 100%;
		height: auto;
		padding-top: 3rem;
	}
	.n_title{
		text-align: center;
		font-size: 1.75rem;
		font-family: opb;
		color: #FFFFFF;
	}
	.scase_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.scase_jjl{
		width: 100%;
		aspect-ratio: 479/326;
		height: calc(94vw * 326 / 479);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.scase_jjl img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.scase_jjr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 2rem;
	}
	.scase_jjr_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.scase_jjr_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}

	.scase_xm{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 3rem;
	}
	.scase_xmi{
		width: 48.5%;
		height: auto;
		margin-top: 3%;
		margin-right: 0%;
	}
	.scase_xmi:nth-child(3n){
		margin-right: 0;
	}
	.scase_xmi_img{
		width: 100%;
		aspect-ratio: 478/327;
		height: calc(94vw * 0.485 * 327 / 478);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.scase_xmi_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.scase_xmi_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
		margin-top: 1rem;
	}


	.scase_pro{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.scase_proi{
		width: 48.5%;
		height: auto;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
		margin-top: 3%;
		margin-right: 0%;
		border: 3px solid #19214d;
		padding:2rem 1rem;
	}
	.scase_proi:nth-child(3n){
		margin-right: 0;
	}
	.scase_proi_ico{
		width: 100%;
		height: 4rem;
		text-align: center;
		font-size: 0;
	}
	.scase_proi_ico img{
		width: auto;
		height: 100%;
	}
	.scase_proi_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
		margin-top: 1.5rem;
	}
	.scase_proi_des{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		text-align: center;
		margin-top: 0.5rem;
	}


	.scase_sy{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.scase_syi{
		width: 100%;
		height: auto;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
		margin-top: 3%;
		border: 3px solid #19214d;
		padding: 1.5rem 2rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.scase_syi_ico{
		width: 5rem;
		height: auto;
		text-align: center;
		font-size: 0;
	}
	.scase_syi_ico img{
		width: 100%;
		height: auto;
	}
	.scase_syic{
		width: calc(100% - 5rem);
		padding-left: 2rem;
		text-align: left;
	}
	.scase_syic_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.scase_syic_des{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}


	/*方案*/

	.fa_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.fa_jjr{
		width: 100%;
		aspect-ratio: 753/477;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.fa_jjr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.fa_jjl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.fa_jjl_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.fa_jjl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}


	.fa_gn{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.fa_gnl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.fa_gnli{
		width: 30%;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		margin: 0.5rem 0;
		position: relative;
		padding-left: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
		margin-right: 5%;
	}
	.fa_gnli:nth-child(3n){
		margin-right: 0;
	}
	.fa_gnli_on{
		color: var(--OneColor);
	}
	.fa_gnli:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 1rem;
		height: 1rem;
		background: var(--OneColor);
		border-radius: 50%;
		left: 0;
		bottom: calc(50% - 0.5rem);
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.fa_gnli_on:after{
		opacity: 1;
	}

	.fa_gnr{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.fa_gn_sw{
		width: 100%;
		height: auto;
	}
	.fa_gn_sw .swiper-slide{
		width: 100%;
		height: auto;
	}
	.fa_gn_sw_img{
		width: 100%;
		aspect-ratio: 956/537;
		height: calc(94vw * 537 / 956);
		border: 4px solid  #19214d;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;

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

	.fa_ld{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.fa_ldi{
		width: 48.5%;
		aspect-ratio: 702/432;
		height: calc(94vw * 0.485 * 432 / 702);
		margin-top: 2rem;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.fa_ldi img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


	.fa_jz{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.fa_jzi{
		width: 47%;
		aspect-ratio: 1/1;
		height: calc(94vw * 0.47);
		margin-top: 6%;
		margin-right: 0%;
		font-size: 0;
		border-radius: 50%;
		overflow: hidden;
		border: 4px solid  #19214d;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.fa_jzi:nth-child(2n){
		margin-right: 0;
	}
	.fa_jzi_ico{
		width: auto;
		height: 4.5rem;
		text-align: center;
	}
	.fa_jzi_ico img{
		width:auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.fa_jzi_title{
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1.2rem;
	}


	.fa_case{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.fa_case_sw{
		width: 100%;
		height: auto;
	}
	.fa_case_sw .swiper-slide{
		padding-top: 0rem;
	}
	.fa_case_sw .swiper-slide a{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: flex-start;
		border-radius: 10px;
		border: 4px solid  #19214d;

	}
	.fa_caser{
		width: 100%;
		aspect-ratio: 701/432;
		height: calc(94vw * 432 / 701);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
		transform: translate(0rem,0rem);
	}
	.fa_caser img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.fa_casel{
		width: 100%;
		height: auto;
		padding: 2rem;
	}
	.fa_casel_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.fa_casel_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}

	.fa_case_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.fa_case .swiper-pagination-bullets{
		bottom: 0;
	}
	.fa_case_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.2);
		border-radius: 50%;
		margin: 0 0.6rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.fa_case_pagination .swiper-pagination-bullet-active{ 
		background: rgba(255,255,255,1);
	}

	.fa_pro{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.fa_pro_sw{
		width: 100%;
		height: auto;
	}
	.fa_pro_sw .swiper-slide{
		padding: 1rem 0;
	}
	.fa_prob{
		width: 100%;
		aspect-ratio: 1/1;
		position: relative;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.fa_prob_back{
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url("../images/fa_pro_back.png");
		background-size: cover;
		background-position: center;
		opacity: 0;
		animation:an-circle 3s linear infinite normal;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;

	}
	.fa_pro_sw .swiper-slide-active .fa_prob_back{
		opacity: 1;
	}
	@keyframes an-circle  {
		   from {
			  transform: rotate(0deg);
		   }
		   to {
			  transform: rotate(360deg);
		   }
		}
	.fa_probc{
		width: 100%;
		height: 100%;
		border: 4px solid  #1c254c;
		border-radius: 50%;
		margin: 0 auto;
		position: relative;
	}
	.fa_probc_back{
		position: absolute;
		width: calc(100% + 8px);
		height: calc(100% + 8px);
		left: -4px;
		top: -4px;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 50%;
		z-index: 0;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.fa_pro_sw .swiper-slide-active .fa_probc_back{
		opacity: 1;
	}
	.fa_probc_title{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding:1.75rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #394165;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.fa_pro_sw .swiper-slide-active .fa_probc_title{
		color:#FFFFFF;
	}


	/*合作代理*/
	.hz{
		width: 100%;
		height: auto;
		position: relative;
	}
	.hz_back{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		font-size: 0;
	}
	.hz_back img{
		width:100%;
		height: auto;
	}
	.hzbanner_con{
		width: 94%;
		aspect-ratio: 1920/1100;
		height: calc(94vw * 1100 / 1920);
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 5rem;
	}
	.hzbanner_con_title{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: opb;
		text-align: center;
	}
	.hzbanner_con_ltitle{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		text-align: center;
		margin-top: 1rem;
	}

	.hzform{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		z-index: 10;
	}
	.hzform_item{
		width: 47%;
		height: 4.5rem;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		margin-top: 1rem;
	}
	.hzform_item input{
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		color: #FFFFFF;
		font-size: 1.125rem;
		font-family: opm;
	}
	.hzform_item input::placeholder{
		color: #FFFFFF;
	}
	.hzform_item2{
		width: 100%;
		height: 10rem;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		margin-top: 2rem;
	}
	.hzform_item2 textarea{
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		color: #FFFFFF;
		font-size: 1.125rem;
		font-family: opm;
		resize: none;
	}
	.hzform_item2 textarea::placeholder{
		color: #FFFFFF;
	}
	.hzform_item3{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 3rem;
	}
	.hzform_item3 a{
		width: 13rem;
		height: 4rem;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 4rem;
		font-size: 1.25rem;
		color: #FFFFFF;
	}


	.hzform_item4{
		width: 100%;
		height: 5rem;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		margin-top: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
	}
	.hzform_item4 img{
		width: auto;
		height: 3rem;
		margin-bottom: 0.6rem;
	}
	.hzform_item4 input{
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		color: #FFFFFF;
		font-size: 1.125rem;
		font-family: opm;
	}
	.hzform_item4 input::placeholder{
		color: #FFFFFF;
	}

	/*产品*/

	.pro_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.pro_jjl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.pro_jjl_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.pro_jjl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}
	.pro_jjr{
		width: 100%;
		height: auto;
		font-size: 0;
		overflow: hidden;
	}
	.pro_jjr img{
		width:100%;
		height: auto;
	}



	.pro_ys{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.pro_ysi{
		width: 48.5%;
		height: auto;
		font-size: 0;
		overflow: hidden;
		margin-top: 3%;
		border-top: 3px solid #19214d;
		border-bottom: 3px solid #19214d;
		border-left: 3px solid #19214d;
		border-right: 3px solid #19214d;
		padding:2.5rem 1.5rem;
		border-radius: 10px 10px 10px 10px;
	}
	.pro_ysi:first-child{
		border-radius: 10px 10px 10px 10px;
	}
	.pro_ysi:last-child{
		border-right: 3px solid #19214d;
		border-radius: 10px 10px 10px 10px;
	}
	.pro_ysi_ico{
		width: 100%;
		height: 4.5rem;
		text-align: center;
		font-size: 0;
	}
	.pro_ysi_ico img{
		width: auto;
		height: 100%;
	}
	.pro_ysi_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
		margin-top: 1.5rem;
		line-height: 150%;
	}



	.pro_gn{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 2rem;
	}
	.pro_gnl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.pro_gnli{
		width: 30%;
		height: auto;
		font-size: 1.125rem;
		font-family: opm;
		color: #565656;
		margin: 0.5rem 0;
		position: relative;
		padding-left: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
		margin-right: 5%;
	}
	.pro_gnli:nth-child(3n){
		margin-right: 0%;
	}
	.pro_gnli_on{
		color: var(--OneColor);
	}
	.pro_gnli:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 1rem;
		height: 1rem;
		background: var(--OneColor);
		border-radius: 50%;
		left: 0;
		bottom: calc(50% - 0.5rem);
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro_gnli_on:after{
		opacity: 1;
	}

	.pro_gnr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.pro_gn_sw{
		width: 100%;
		height: auto;
	}
	.pro_gn_sw .swiper-slide{
		width: 100%;
		height: auto;
	}
	.pro_gn_sw_img{
		width: 100%;
		aspect-ratio: 956/537;
		height: calc(94vw * 537 / 956);
		border: 4px solid  #19214d;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;

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

	.pro_apply{
		width: 100%;
		height: auto;
		position: relative;
	}
	.pro_apply_img{
		position: relative;
		font-size: 0;
		width: 100%;
		height: auto;
		z-index: 0;
	}
	.pro_apply_img img{
		width: 100%;
		height: auto;
	}
	.pro_applyc{
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		top: 0;
		left: 0;
	}
	.pro_applyc_text{
		padding: 0 2rem;
		font-size: 1.375rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.pro_applyc_btn{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1.5rem;
	}
	.pro_applyc_btn a{
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		width: 10rem;
		height: 3.2rem;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 3.2rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		position: relative;
	}
	.pro_applyc_btn a:after{
		 position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		font-size: 0;
		left: 0;
		top: 0;
		z-index: 0;
		border-radius: 3.2rem;
		transition: all 0.5s;
		box-shadow: 0 0 15px 3px rgba(255,255,255,0.3) inset;
	}


	/*产品2*/
	.pro2_xl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1.5rem;
	}
	.pro2_xli{
		width: 48.5%;
		height: auto;
		margin-top: 3%;
		margin-right: 0%;
		border: 3px solid #19214d;
		border-radius: 20px;
		text-align: center;
		padding: 2.5rem 1.5rem;
	}
	.pro2_xli:nth-child(3n){
		margin-right: 0;
	}
	.pro2_xli_title{
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
	}
	.pro2_xli_des{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		line-height: 170%;
		margin-top: 2rem;
	}
	.pro2_xli_link{
		margin-top: 2rem;
	}
	.pro2_xli_link a{
		font-size: 1.125rem;
		color: #43519b;
		font-family: opm;
		line-height: 170%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro2_xli_link a:hover{
		color: var(--OneColor);
	}

	.pro2_cymenu{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 3rem;
	}
	.pro2_cymenui{
		font-size: 1.125rem;
		color: #858585;
		font-family: opm;
		margin: 0 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: default;
	}
	.pro2_cymenui_on{
		color: #FFFFFF;
	}



	.pro2_cy{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.pro2_cy_sw{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
	}
	.pro2_cy_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.pro2_cy_img{
		width: 100%;
		aspect-ratio: 752/494;
		height: calc(94vw * 494 / 752);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.pro2_cy_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);
	}
	.pro2_cy_img:hover img{
		transform: perspective(100px) translateZ(1px);
	}
	.pro2_cyc{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 1rem;
	}
	.pro2_cyc_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.pro2_cyc_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}
	.pro2_cy_pagination{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 10;
		left: 0;
		bottom: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.pro2_cy .swiper-pagination-bullets{
		bottom: 0;
	}
	.pro2_cy_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.2);
		border-radius: 50%;
		margin: 0 0.6rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro2_cy_pagination .swiper-pagination-bullet-active{ 
		background: rgba(255,255,255,1);
	}



	.pro2_jg{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-top: 3rem;
	}
	.pro2_jgr{
		width: 100%;
		height: auto;
		font-size: 0;
		margin-top: 1.5rem;
	}
	.pro2_jgr img{
		width:100%;
		height: auto;
	}
	.pro2_jgl{
		width: 100%;
		height: auto;
		position: relative;
	}
	.pro2_jgl_title{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.pro2_jgl_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}


	.pro2_ln{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
		margin-top: 3rem;
	}
	.pro2_lnr{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.pro2_lnr img{
		width:100%;
		height: auto;
	}
	.pro2_lnl{
		width: 100%;
		height: auto;
		position: relative;
	}
	.pro2_lnl_title{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.pro2_lnl_ltitle{
		font-size: 1.375rem;
		font-family: opb;
		color: var(--OneColor);
		margin-top: 1rem;
		text-align: center;
	}
	.pro2_lnl_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}

	.pro2_gj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pro2_gji{
		width: 47%;
		aspect-ratio: 1/1;
		height: calc(94vw * 0.47);
		border: 4px solid #19214d;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-right: 0%;
		margin-top: 6%;
	}
	.pro2_gji:nth-child(5n){
		margin-right: 0;
	}
	.pro2_gji_ico{
		width: 100%;
		height: 4.5rem;
		text-align: center;
		font-size: 0;
	}
	.pro2_gji_ico img{
		width: auto;
		height: 100%;
	}
	.pro2_gji_title{
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1rem;
		text-align: center;
	}

	.pro2_fg{
		width: 100%;
		height: auto;
		margin-top: 5rem;
		text-align: center;
	}
	.pro2_fg img{
		width: auto;
		height: auto;
		max-width: 100%;
	}

	.pro2_hb{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.pro2_hb_sw{
		width: 100%;
		height: auto;
	}
	.pro2_hb_sw .swiper-slide{
		width: 100%;
		aspect-ratio: 475/145;
		height: calc(94vw * 0.3 * 145 / 475);
		font-size: 0;
	}
	.pro2_hb_img{
		width: 100%;
		height: 100%;
		font-size: 0;
		border-radius: 8rem;
		overflow: hidden;
	}
	.pro2_hb_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.pro2_hb_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.pro2_hb .swiper-pagination-bullets{
		bottom: 0;
	}
	.pro2_hb_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.2);
		border-radius: 50%;
		margin: 0 0.6rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pro2_hb_pagination .swiper-pagination-bullet-active{ 
		background: rgba(255,255,255,1);
	}


	/*关于我们*/

	.ab_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.ab_jjl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.ab_jjl_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.ab_jjl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}
	.ab_jjr{
		width: 100%;
		aspect-ratio: 753/477;
		height: calc(94vw * 477 / 753);
		font-size: 0;
		overflow: hidden;
		border-radius: 10px;
	}
	.ab_jjr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.ab_num{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 3rem;
	}
	.ab_numi{
		width: auto;
		height: auto;
	}
	.ab_numit{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.ab_numit_count{
		font-size: 2.5rem;
		font-family: pjb;
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab_numit_uni{
		font-size: 2.625rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0rem;
		line-height: 80%;
		margin-left: 0.2rem;
	}
	.ab_numi:nth-child(1) .ab_numit_uni{
		font-size: 1.375rem;
		font-family: opm;
		padding-bottom: 0.3rem;
		line-height: 100%;
	}
	.ab_numi_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.8);
		margin-top: 1rem;
	}

	.ab_wh{
		width: 100%;
		height: auto;
		border: 0px solid #19214d;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab_whi{
		width: 100%;
		height: auto;
		padding: 0rem 0;
		position: relative;
		margin-top: 1.5rem;
	}
	.ab_whi_ico{
		width: auto;
		height: 4.5rem;
		margin: 0 auto;
		font-size: 0;
		text-align: center;
		display: none;
	}
	.ab_whi_ico img{
		width: auto;
		height: 100%;
	}
	.ab_whi_title{
		font-size: 1.75rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		margin-top: 2rem;
		text-align: center;
		display: none;
	}
	.ab_whib{
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		left: 0;
		top: -0%;
		background: var(--OneColor);
		border-radius: 10px;
		transform: scale(1);
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		padding: 3rem 0;
	}
	.ab_whi:hover .ab_whib{
		transform: scale(1);
		opacity: 1;
	}
	.ab_whib_ico{
		width: auto;
		height: 4.5rem;
		margin: 0 auto;
		font-size: 0;
	}
	.ab_whib_ico img{
		width: auto;
		height: 100%;
	}
	.ab_whib_title{
		font-size: 1.5rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		margin-top: 1rem;
		text-align: center;
	}
	.ab_whib_line{
		font-size: 0;
		width: 1.5rem;
		height: 3px;
		background: #FFFFFF;
		margin: 0 auto;
		margin-top: 1rem;
	}
	.ab_whib_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		margin-top: 1.5rem;
		text-align: center;
	}

	.ab_ry{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 3rem;
		padding-bottom: 0.5rem;
	}
	.ab_ry_sw{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.ab_ry_sw .swiper-slide{
		width: 100%;
		height: auto;
		transform: scale(0.6);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_ry_sw .swiper-slide-active{
		width: 100%;
		height: auto;
		transform: scale(1);
	}
	.ab_ry_img{
		width: 100%;
		aspect-ratio: 554/395;

		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.ab_ry_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab_ry_title{
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ab_ry_sw .swiper-slide-active .ab_ry_title{
		opacity: 1;
	}

	.ab_ry_btn{
		position: absolute;
		width: 3rem;
		height: 3rem;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 50%;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		bottom: 0rem;
		z-index: 5;
		cursor: pointer;
	}
	.ab_ry_btn svg{
		width: auto;
		height: 50%;
		margin: 0 auto;
		fill:#ffffff;
	}
	.ab_ry_btnl{
		left: 5%;
	}
	.ab_ry_btnr{
		right: 5%;
	}


	.ab_zl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 6rem;
	}
	.ab_zl_left{
		width: 100%;
		height: auto;
	}
	.ab_zl_num{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.ab_zl_num_item{
		width: 100%;
		height: auto;
		padding-bottom: 3rem;
	}
	.ab_zl_num_item_title{
		font-size: 1rem;
		color: rgba(255,255,255,0.8);
		padding-left: 0.3rem;
		font-family: opm;
		margin-top: 0.3rem;
	}
	.ab_zl_num_item_top{
		width: auto;
		height: auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.ab_zl_num_item_top_num{
		font-size: 2.5rem;
		font-family: pjb;
		color: var(--OneColor);
		line-height: 100%;
	}
	.ab_zl_num_item_top_uit{
		width: auto;
		height: auto;
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		padding-bottom: 0rem;
	}

	.ab_zl_right{
		width: 100%;
		height: 30rem;
		background: rgba(0,0,0,0.03);
		-moz-box-shadow: 0px 0px 45px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 45px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 45px 0 rgba(0,0,0,0.08);
		overflow: hidden;
		position: relative;
	}
	.ab_zl_group{
		width: 31%;
		height: auto;
		position: absolute;
		top: 0;
	}
	.ab_zl_group1{
		left: 0;
	}
	.ab_zl_group2{
		left: 34.5%;
	}
	.ab_zl_group3{
		right: 0%;
	}
	.ab_zl_group_item{
		display: block;
		font-size: 0;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding: 0.5rem;
		border-radius: 6px;
		margin-bottom: 1rem;
	}
	.ab_zl_group_item img{
		width: 100%;
		height: auto;
	}

	.ab_zl_right_top{
		position: absolute;
		width: 100%;
		height: 6rem;
		background: linear-gradient(to bottom,rgba(0,4,25,1),rgba(0,4,25,0));
		z-index: 5;
		left: 0;
		top: 0;
	}
	.ab_zl_right_bottom{
		position: absolute;
		width: 100%;
		height: 6rem;
		background: linear-gradient(to top,rgba(0,4,25,1),rgba(0,4,25,0));
		z-index: 5;
		left: 0;
		bottom: 0;
	}

	.ab_kh_box{
		width: 100%;
		height: auto;
		background-image: url("../images/ab_kh_back.jpg");
		background-size: 100% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-top: 3rem;
	}

	.ab_kh{
		width: 100%;
		height: calc(100vw * 0.27 * 124 / 298 * 3.5 + 4rem);
		position: relative;
		overflow: hidden;
		margin-top: 1rem;
	}
	.ab_khl{
		position: absolute;
		width: auto;
		height: auto;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding-left: 1rem;
	}
	.ab_khlc{
		width: 27vw;
		margin-right: 1rem;
		height: auto;
	}
	.ab_khlc:nth-child(even){
		padding-top: calc(100vw * 0.27 * 124 / 298 / 2);
	}
	.ab_khlci{
		width: 100%;
		height: calc(100vw * 0.27 * 124 / 298);
		font-size: 0;
		border-radius: 6px;
		overflow: hidden;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_khlci:hover{
		transform: scale(1.01);
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 15px 0 rgba(255,255,255,0.8);
	}
	.ab_khlci img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.ab_kh_gn{
		width: 100%;
		height: auto;
		text-align: center;
		padding: 3rem 0;
	}
	.ab_kh_gn_title{
		font-size: 1.5rem;
		font-family: opb;
		color: #FFFFFF;
	}
	.ab_kh_gn_con{
		font-size: 1.125rem;
		font-family: opm;
		line-height: 170%;
		color: #FFFFFF;
		margin-top: 2rem;
		padding: 0 2rem;
	}


	/*首页*/
	.id_banner{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.id_banner_sw{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
	}
	.id_banner_img{
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	.id_banner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_bannerc{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_bannerc_title{
		font-size: 2.5rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}


	.id_banner_btn_box{
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 10;
		left: 0;
		bottom: 3rem;
	}
	.id_banner_btn_boxl{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.id_banner_btn{
		width: 4rem;
		height: 4rem;
		margin-right: 1rem;
		margin-left: 1rem;
		font-size: 0;
		border-radius: 50%;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		border: 2px solid rgba(255,255,255,0.2);
		position: relative;
	}

	.id_banner_btn_yuan{
		display: block;
		width: 4rem;
		height: 4rem;
		position: absolute;
		left: -2px;
		top: -2px;
		z-index: 5;
		font-size: 0;
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_banner_btn_yuan svg {
		width: 100%;
		height: 100%;
		fill:none;

	}
	.id_banner_btn_yuan_circle{
		stroke:#ffffff;
		stroke-width:1px;
		stroke-dasharray: 150,150;
		stroke-dashoffset:150;
		-webkit-transition: all 1.5s;
		-moz-transition: all 1.5s;
		transition: all 1.5s;
	}
	.id_banner_btn:hover .id_banner_btn_yuan_circle{
		stroke-dashoffset:0;
	}
	.id_banner_btn_svg{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_banner_btn_svg svg{
		width: 50%;
		height: auto;
		margin: 0 auto;
		fill:rgba(255,255,255,1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.id_abb{
		width: 100%;
		aspect-ratio: 1920/2200;
		height: calc(100vw * 2200 / 1920);
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 6rem 0 5rem 0;
	}
	.id_ab_back{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		overflow: hidden;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.id_ab_back img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_ab_title{
		position: relative;
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.75rem;
		font-family: opb;
		color: #FFFFFF;
		z-index: 5;
	}
	.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;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.id_abl_title{
		font-size: 1.5rem;
		font-family: pjb;
		color: #FFFFFF;
	}
	.id_abl_title2{
		font-size: 1.5rem;
		font-family: opb;
		color: #FFFFFF;
		margin-top: 0rem;
		margin-left: 3rem;
	}
	.id_abr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 2rem;
	}

	.id_abri{
		width: 50%;
		height: auto;
		padding-bottom: 0rem;
		margin-top: 2rem;
	}
	.id_abrit{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
	.id_abrit_count{
		font-size: 3rem;
		font-family: pjb;
		color: #FFFFFF;
		line-height: 100%;
	}
	.id_abrit_uni{
		font-size: 2.625rem;
		font-family: opm;
		color: #FFFFFF;
		padding-bottom: 0rem;
		line-height: 80%;
		margin-left: 0.2rem;
	}
	.id_abri:nth-child(1) .id_abrit_uni{
		font-size: 1.375rem;
		font-family: opm;
		padding-bottom: 0.3rem;
		line-height: 100%;
	}
	.id_abri_title{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.8);
		margin-top: 1rem;
		text-align: center;
	}


	.id_prob{
		width: 100%;
		aspect-ratio: 1920/2400;
		height: calc(100vw * 2400 / 1920);
		background-image: url("../images/id_pro_back.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding-top: 3rem;
	}
	.id_pro{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 2rem;

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

	.id_pro_sw .swiper-slide{
		padding-bottom: 3rem;
		perspective: 1000px;
		padding-top: 2rem;
	}

	.id_proi{
		width: 100%;
		aspect-ratio: 493/490;
		background-image: url("../images/id_pro_itemback.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center top;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		padding-top: 2rem;
		transform-style: preserve-3d; /* 保持3D效果 */
		opacity: 0.6;
	}

	.id_pro_sw .swiper-slide-active .id_proi{
		transform: translateY(3rem);
		opacity: 1;
	}
	.id_pro_sw .swiper-slide-prev .id_proi{
		transform: rotateX(-10deg) rotateY(20deg);
	}
	.id_pro_sw .swiper-slide-next .id_proi{
		transform: rotateX(10deg) rotateY(20deg);
	}

	.id_proi_ico{
		width: auto;
		height: 4.5rem;
		font-size: 0;
		text-align: center;
	}
	.id_proi_ico img{
		width: auto;
		height: 100%;
	}
	.id_proi_title{
		text-align: center;
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
		margin-top: 1.5rem;
	}
	.id_proi_des{
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		margin-top: 1rem;
	}
	.id_proi_btn{
		width: 1.5rem;
		height: auto;
		font-size: 0;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.id_proi_btn svg{
		width: 100%;
		height: auto;
		fill:#ffffff;
	}

	.id_pro2b{
		width: 100%;
		height: auto;
		background-image: url("../images/id_pro_back2.jpg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: bottom center;
		padding-bottom: 6rem;
	}
	.id_pro2b_title{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_pro2b_title_1{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.id_pro2b_title_2{
		font-size: 1.125rem;
		color: #FFFFFF;
		margin-top: 1rem;
		text-align: center;
	}


	.id_pro2{
		width: 100%;
		height: auto;
		margin-top: 3rem;
	}
	.id_pro2_sw{
		width: 100%;
		height: auto;
	}
	.id_pro2_sw .swiper-slide{
		padding: 0rem 0;
	}
	.id_pro2i{
		width: 100%;
		aspect-ratio: 1/1;
		position: relative;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.id_pro2i_back{
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url("../images/fa_pro_back.png");
		background-size: cover;
		background-position: center;
		opacity: 0;
		animation:an-circle 3s linear infinite normal;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;

	}
	.id_pro2_sw .swiper-slide-active .id_pro2i_back{
		opacity: 1;
	}
	@keyframes an-circle  {
		   from {
			  transform: rotate(0deg);
		   }
		   to {
			  transform: rotate(360deg);
		   }
		}
	.id_pro2ic{
		width: 100%;
		height: 100%;
		border: 4px solid  #1c254c;
		border-radius: 50%;
		margin: 0 auto;
		position: relative;
	}
	.id_pro2ic_back{
		position: absolute;
		width: calc(100% + 8px);
		height: calc(100% + 8px);
		left: -4px;
		top: -4px;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 50%;
		z-index: 0;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_pro2_sw .swiper-slide-active .id_pro2ic_back{
		opacity: 1;
	}
	.id_pro2ic_title{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding:2rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #394165;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_pro2_sw .swiper-slide-active .id_pro2ic_title{
		color:#FFFFFF;
	}

	.id_ys{
		width: 94%;
		aspect-ratio: auto;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
	}
	.id_ysl{
		width: 50%;
		height: 100%;
		position: relative;
		overflow: hidden;
		padding-bottom: 1.5rem;
		display: none;
	}
	.id_yslc{
		position: absolute;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.id_yslc_item{
		width: calc(1500px * 0.5 * 0.4);
		width: calc(var(--mainwidth) * 0.5 * 0.4);
		aspect-ratio: 1/1;
		border-radius: 50%;
		border: 3px solid #19214d;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 1.6rem;
		cursor: pointer;
		position: relative;
	}
	.id_yslc_item:nth-child(2n){
		transform: translateX(-1rem) translateY(calc(1500px * 0.5 * 0.4 * 0.5 + 0.8rem));
		transform: translateX(-1rem) translateY(calc(var(--mainwidth) * 0.5 * 0.4 * 0.5 + 0.8rem));
	}

	.id_yslc_item_back{
		position: absolute;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 50%;
		z-index: 0;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_yslc_item_on .id_yslc_item_back{
		opacity: 1;
	}

	.id_yslc_item_ico{
		height: 5.5rem;
		aspect-ratio: 1/1;
		margin: 0 auto;
		position: relative;
		font-size: 0;
		z-index: 5;
	}
	.id_yslc_item_ico img{
		position: absolute;
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		left: 0;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_yslc_item_ico img:nth-child(1){
		z-index: 5;
	}
	.id_yslc_item_ico img:nth-child(2){
		z-index: 0;
		opacity: 0;
	}

	.id_yslc_item_on .id_yslc_item_ico img:nth-child(1){
		opacity: 0;
	}
	.id_yslc_item_on .id_yslc_item_ico img:nth-child(2){
		opacity: 1;
	}

	.id_yslc_item_title{
		position: relative;
		z-index: 5;
		font-size: 1.375rem;
		font-family: opm;
		color: #394165;
		text-align: center;
		margin-top: 1.7rem;
	}
	.id_yslc_item_on .id_yslc_item_title{
		color: #FFFFFF;
	}


	.id_ysl_top{
		position: absolute;
		width: 100%;
		height: 8rem;
		background: linear-gradient(to bottom,rgba(0,4,25,1),rgba(0,4,25,0));
		z-index: 5;
		left: 0;
		top: 0;
	}
	.id_ysl_bottom{
		position: absolute;
		width: 100%;
		height: 8rem;
		background: linear-gradient(to top,rgba(0,4,25,1),rgba(0,4,25,0));
		z-index: 5;
		left: 0;
		bottom: 0;
	}


	.id_ysr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 3rem;
	}
	.id_ys_title{
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}
	.id_ysr_sw{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_ysr_title{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
		text-align: center;
	}
	.id_ysr_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 2rem;
	}

	.id_ys_btnb{
		margin-top: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.id_ys_btn{
		width: 11rem;
		height: 3.2rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		border-radius: 3.2rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_ys_btn2{
		border: 2px solid #FFFFFF;
	}
	.id_ys_btn_back{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right,#106cc9 0%,#10358b 85%,#0b3cab 100%);
		border-radius: 3.2rem;
		left: 0;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
	}
	.id_ys_btn2 .id_ys_btn_back{
		opacity: 0;
	}
	.id_ys_btn_text{
		font-size: 1.125rem;
		color: #FFFFFF;
		font-family: opm;
		position: relative;
		z-index: 5;
	}
	.id_ys_btn_ico{
		width: auto;
		height: 1.8rem;
		font-size: 0;
		margin-left: 1rem;
		position: relative;
		z-index: 5;
	}
	.id_ys_btn_ico svg{
		width: auto;
		height: 100%;
		fill:#FFFFFF;
		transform: rotate(45deg);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_ys_btn:hover .id_ys_btn_ico svg{
		transform: rotate(90deg);
	}
	
	
	.id_ysr_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		margin-top:3rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	

	

	.id_caseb{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background-image: url("../images/id_case_back.jpg");
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.id_case{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		margin-top: 5rem;
	}
	.id_case_title{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
		text-align: center;
	}

	.id_case_sw{
		width: 100%;
		height: auto;
	}
	.id_case_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.id_case_swl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 2rem;
	}
	.id_case_sw_title{
		font-size: 1.5rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.id_case_sw_des{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 170%;
		margin-top: 1rem;
	}
	.id_case_sw_btn{
		margin-top: 2rem;
	}



	.id_case_swr{
		width: 100%;
		aspect-ratio: auto;
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
		margin-top: 2rem;
	}
	.id_case_swr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.id_case_menu{
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0rem;
		z-index: 5;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2.5rem;
	}

	.id_case_pagination{
		width: auto;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.id_case_menu .swiper-pagination-bullets{
		bottom: 0;
	}
	.id_case_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.8rem; 
		height:0.8rem;  
		background: rgba(255,255,255,0.2);
		border-radius: 50%;
		margin: 0 0.6rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_case_pagination .swiper-pagination-bullet-active{ 
		background: rgba(255,255,255,1);
	}

	.id_case_menu_lin{
		width: 5rem;
		height: 2px;
		background: #FFFFFF;
		font-size: 0;
		margin-left: 1rem;
	}
	.id_case_menu_c{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-left: 2rem;
	}
	.id_case_menu_c1{
		font-size: 1.375rem;
		font-family: opm;
		color: #FFFFFF;
	}
	.id_case_menu_c2{
		font-size: 1.375rem;
		font-family: opm;
		color: #4a4a4a;
		padding: 0 0.5rem;
	}
	.id_case_menu_c3{
		font-size: 1.375rem;
		font-family: opm;
		color: #4a4a4a;
	}


	.id_newb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 4rem;
	}
	.id_newm{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.id_newml{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;
	}
	.id_newmr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 1rem;
	}
	.id_newmri{
		width: auto;
		height: auto;
		padding: 0.9rem 0;
		font-size: 1.25rem;
		color: rgba(255,255,255,0.8);
		margin-left: 0rem;
		margin: 0 1.2rem;
		position: relative;
		cursor: pointer;
	}
	.id_newmri:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 100%;
		height: 3px;
		background: var(--OneColor);
		left: 0;
		bottom: 0;
		transform: scaleX(0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newmri_on:after{
		transform: scaleX(1);
	}

	.id_new_sw{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_new_sw .swiper-slide{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.id_newl{
		width: 100%;
		height: auto;
	}
	.id_newl_img{
		width: 100%;
		aspect-ratio: 689/394;
		height: calc(94vw * 394 / 689);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.id_newl_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_newl:hover .id_newl_img img{
		transform: perspective(100px) translateZ(1px);
	}
	.id_newl_data{
		font-size: 1.125rem;
		color: rgba(255,255,255,0.6);
		font-family: opm;
		margin-top: 2rem;
	}
	.id_newl_title{
		font-size: 1.25rem;
		color: rgba(255,255,255,1);
		font-family: opm;
		margin-top: 1rem;
		line-height: 150%;
	}
	.id_newl_btn{
		margin-top: 1.5rem;
	}


	.id_newr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_newri{
		width: 100%;
		height: auto;
		padding: 1rem 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	.id_newri a{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: auto;
		height: auto;
	}
	.id_newril{
		width: 6rem;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.id_newril_1{
		font-size: 2rem;
		font-family: pjb;
		color: rgba(255,255,255,0.4);
		line-height: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri a:hover .id_newril_1{
		color: rgba(255,255,255,0.8);
	}
	.id_newril_2{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.4);
		margin-top: 0rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri a:hover .id_newril_2{
		color: rgba(255,255,255,0.8);
	}
	.id_newrir{
		width: calc(100% - 6rem);
		height: auto;
		font-size: 1.25rem;
		padding-left: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.6);
		line-height: 150%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri a:hover .id_newrir{
		color: #FFFFFF;
	}

	.id_newr_more{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		border-top: 1px solid rgba(255,255,255,0.1);
		padding: 1.5rem 0;
	}
	.id_newr_more a{
		display: inline-flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: auto;
		height: auto;
	}
	.id_newr_more_text{
		font-size: 1.25rem;
		color: rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newr_more a:hover .id_newr_more_text{
		color: rgba(255,255,255,1);
	}
	.id_newr_more_ico{
		font-size: 0;
		width: auto;
		height: 1.8rem;
		margin-left: 1.5rem;
	}
	.id_newr_more_ico svg{
		width:auto;
		height: 100%;
		fill: rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newr_more a:hover .id_newr_more_ico svg{
		fill: rgba(255,255,255,1);
	}

	.id_hbb{
		width: 100%;
		aspect-ratio: 1920/2000;
		height: calc(100vw * 2000 / 1920);
		background-image: url("../images/id_kh_back.jpg");
		background-size: cover;
		background-position: center;
		padding-top: 5%;
		margin-top: 3rem;
	}
	.id_hb{
		width: 70%;
		aspect-ratio: 1/1;
		height: calc(100vw * 0.8);
		position: relative;
		margin: 0 auto;
		background-image: url("../images/id_kh_qiu.png");
		background-size: cover;
		background-position: center;
	}

	.id_hbi{
		position: absolute;
		width: 5rem;
		height: 5rem;
		font-size: 0;
		border-radius: 50%;
		overflow: hidden;
	}
	.id_hbi img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_hbi:nth-child(1){
		left: 7%;
		top: -5%;
	}
	.id_hbi:nth-child(2){
		left: calc(50% - 2.5rem);
		top: -3rem;
	}
	.id_hbi:nth-child(3){
		right:  7%;
		top: -5%;
	}
	.id_hbi:nth-child(4){
		left:  -16%;
		top: 17%;
	}
	.id_hbi:nth-child(5){
		left:  -18%;
		top: 45%;
	}
	.id_hbi:nth-child(6){
		right:  -18%;
		top: 45%;
	}
	.id_hbi:nth-child(7){
		right:  -16%;
		top: 17%;
	}


	.id_hbi:nth-child(8){
		left: -4%;
		bottom: 10%;
	}
	.id_hbi:nth-child(9){
		right:  -4%;
		bottom: 10%;
	}
	.id_hb_title{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: -2rem;
	}
	.id_hb_title_1{
		font-size: 2rem;
		font-family: opb;
		color: #FFFFFF;

	}
	.id_hb_title_2{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.8);
		margin-top: 0.5rem;

	}
	
}