@media screen and (max-width:1023px)and (min-width:300px)
{
	/*导航*/
	.nav_box{
		width: 100%;
		height:5rem;
		position: fixed;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 1000;
	}
	.nav_box_hon{
		background: #FFFFFF;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
	}
	.nav_box_on{
		background: #FFFFFF;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 15px 15px 0 rgba(0,0,0,0.08);
	}
	.nav{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.nav_logo{
		width: auto;
		height: 60%;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.nav_logo>a{
		width: auto;
		height: 100%;
		margin: 0 auto;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}


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

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

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


	.nav_lang{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 1rem;
		padding-bottom: 1rem;
	}

	.nav_lang a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 2.8rem;
		height: 2.8rem;
		border: 2px solid rgba(0,0,0,0.2);
		border-radius: 50%;
		font-size: 1rem;
		color: #000000;
		font-family: opm;
		text-align: center;
		margin-left: 1rem;
		margin: 0 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_lang a:hover{
		background: var(--OneColor);
		color: #FFFFFF;
	}
	.nav_box_on .nav_lang a{
		border: 2px solid rgba(0,0,0,0.2);
		color: #000000;
	}
	.nav_box_on .nav_lang a:hover{
		background: var(--OneColor);
		color: #FFFFFF;
	}
	.nav_box_hon .nav_lang a{
		border: 2px solid rgba(0,0,0,0.2);
		color: #000000;
	}
	.nav_box_hon .nav_lang a:hover{
		background: var(--OneColor);
		color: #FFFFFF;
	}

	
	  	
    .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;}



	/*footer*/
	.footer_box{
		width: 100%;
		height: auto;
		position: relative;
		background: #101217;
	}
	.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;
	}

	.footer_l{
		width: auto;
		height: auto;
		text-align: center;
	}
	.footer_l_logo{
		font-size: 0;
		width: auto;
		height: 4rem;
	}
	.footer_l_logo img{
		width: auto;
		height: 100%;
	}
	.footer_lc{
		padding-top: 1rem;
	}
	.footer_l_title{
		font-size: 1rem;
		font-family: opm;
		color: rgba(255,255,255,0.5);
		margin-top: 1.7rem;
	}
	.footer_l_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(255,255,255,1);
		margin-top: 0.3rem;
	}

	.footer_menu{
		width: auto;
		height: auto;
		text-align: center;
		padding-top: 2rem;
	}


	.footer_menu_title{
		font-size: 1.375rem;
		font-family: opm;
		color: rgba(255,255,255,1);
	}
	.footer_menuc{
		padding-top: 1rem;
	}
	.footer_menuc_con{
		display: block;
		font-size: 1.125rem;
		color: rgba(255,255,255,0.8);
		margin-top: 0.85rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_menuc_con:hover{
		color: rgba(255,255,255,1);
	}

	.footer_gz{
		padding-top: 2rem;
	}

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



	.footer_bottom{
		width: 94%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding: 2rem 0;
		margin-top: 4rem;
		border-top: 1px solid rgba(255,255,255,0.1);
		position: relative;
		z-index: 5;
		font-size: 1rem;
		color: rgba(255,255,255,0.4);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer_bottoml{
		text-align: center;
	}
	.footer_bottom a{
		color: rgba(255,255,255,0.4);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_bottom a:hover{
		color: rgba(255,255,255,1);
	}
	.footer_bottom span{
		font-size: 0;
		width: 1px;
		height: 1.5rem;
		background: rgba(255,255,255,0.4);
	}

	.footer_bottomr{
		margin-top: 1rem;
	}
	.footer_bottomr span{
		padding: 0 0.6rem;
	}

	/*客服*/
	.ser{
		position: fixed;
		width: 3.5rem;
		height: auto;
		z-index: 1000;
		right: 1rem;
		bottom: 20%;
	}
	.ser_item{
		display: block;
		position: relative;
		width: 3.5rem;
		height: 3.5rem;
		margin: 0.7rem 0;
		cursor: pointer;
	}
	.ser_item_back{
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		border-radius: 8px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ser_item:hover .ser_item_back{
		background: var(--OneColor);
	}
	.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:var(--OneColor);
	}
	.ser_item:hover .ser_item_ico svg{
		fill: #ffffff;
	}

	.ser_item_tel{
		position: absolute;
		width: 0rem;
		overflow: hidden;
		height: 3.5rem;
		line-height: 3.5rem;
		border-radius: 8px;
		background:var(--OneColor);
		right: 0;
		top: 0;
		z-index: 3;
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opb;
		padding: 0 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ser_item:hover .ser_item_tel{
		width: 18rem;
		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;
	}

	/*nbanner*/
	.nbanner{
		width: 100%;
		aspect-ratio: 1920/1000;
		max-height: 800px;
		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-bottom: 0rem;
		padding-top: 3rem;
	}
	.nbanner_con_title{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: opm;
		text-align: center;
	}


	/*翻页*/

	.npage{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
	}
	.npage_as{
		width: 3.2rem;
		height: 3.2rem;
		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:2rem;
		height: 3.2rem;
		line-height: 3.2rem;
		text-align: center;
		margin: 0 0.2rem;
		font-size: 1.25rem;
		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);
	}

	/*菜单*/
	.mapb{
		width: 100%;
		height: auto;
		padding: 2rem 0;
		background: #FFFFFF;
	}
	.map{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.mapl{
		font-size: 1.125rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		line-height: 170%;
		flex-wrap: wrap;
		
		align-items: center;
	}
	.mapl a{
		font-size: 1.125rem;
		color: #000000;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.mapl a:hover{
		color: var(--OneColor);
	}
	.mapl span{
		width: 1px;
		height: 1rem;
		font-size: 0;
		background: #000000;
		margin: 0 1rem;
	}


	.mapr{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 1.3rem;
		align-items: center;
	}
	.mapr a{
		font-size: 1.125rem;
		color: #000000;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.mapr a:hover{
		color: var(--OneColor);
	}
	.mapr a.mapr_aon{
		color: var(--OneColor);
	}


	/*备件商城*/
	.bj_listb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.ntitle{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.ntitlel{
		font-size: 2rem;
		font-family: opm;
		color: #000000;
	}
	.ntitlem{
		font-size: 0;
		width: 1px;
		height: 1.5rem;
		background: rgba(0,0,0,0.4);
		margin: 0 1.5rem;
	}
	.ntitler{
		font-size:1rem;
		font-family: 'Arial';
		font-weight: bold;
		color: rgba(0,0,0,0.4);
		line-height: 100%;
	}

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


	.bj_lx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.bj_lxl{
		width: 100%;
		height: auto;
		position: relative;
		font-size: 0;
	}
	.bj_lxl img{
		width: 100%;
		height: auto;
		border-radius: 10px 10px 0 0;
		position: relative;
		z-index: 0;
	}

	.bj_lxl_tel{
		width: 24rem;
		height: 3.5rem;

		background: var(--OneColor);
		border-radius: 3.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		font-size: 1.625rem;
		color: #FFFFFF;
		font-family: opm;
		position: absolute;
		left: calc(50% - 12rem);
		bottom: 2rem;
		z-index: 5;
	}
	.bj_lxr{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		border-radius: 0 0 10px 10px;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.bj_lxrt{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.bj_lxrt_img{
		width: 9rem;
		height: auto;
		font-size: 0;
	}
	.bj_lxrt_img img{
		width: 100%;
		height: auto;
	}
	.bj_lxrtc{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 2rem;
	}
	.bj_lxrtc_title{
		font-size: 1.5rem;
		color: #000000;
		font-family: opm;
	}
	.bj_lxrtc_des{
		font-size: 1.125rem;
		color: #8c8c8c;
		font-family: opm;
		margin-top: 1rem;
		line-height: 160%;
	}
	.bj_lxrm{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.bj_lxrm a{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		background: var(--OneColor);
		width: 12rem;
		height: 3.5rem;
		border-radius: 3.5rem;
	}
	.bj_lxrm_ico{
		font-size: 0;
		width: auto;
		height: 1.5rem;
	}
	.bj_lxrm_ico img{
		width: auto;
		height: 100%;
	}

	.bj_lxrm_text{
		font-size: 1.25rem;
		font-family: opm;
		color: #FFFFFF;
		margin-left: 0.6rem;
	}



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

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

	.bj_zx_item{
		width: 49%;
		height: 3.5rem;
		background: #FFFFFF;
		margin-top: 2%;
		border-radius: 10px;
	}
	.bj_zx_item input{
		width: 100%;
		height: 100%;
		background: none;
		padding: 0 1.5rem;
		font-size: 1.125rem;
		border: none;
	}
	.bj_zx_item2{
		width: 100%;
		height: 11rem;
		background: #FFFFFF;
		margin-top: 2%;
		border-radius: 10px;
	}
	.bj_zx_item2 textarea{
		width: 100%;
		height: 100%;
		background: none;
		padding: 1rem 1.5rem;
		font-size: 1.125rem;
		border: none;
		font-family: opm;
	}
	.bj_zx_btn{
		width: 100%;
		height: auto;
		margin-top: 2%;
	}
	.bj_zx_btn a{
		width: auto;
		height: 3.5rem;
		border-radius: 3.5rem;
		background: var(--OneColor);
		font-size: 1.125rem;
		font-family: opm;
		color: #FFFFFF;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 3.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.bj_zx_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_banner{
		width: 100%;
		aspect-ratio: 16/9;
		position: relative;
	}
	.ab_banner_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		z-index: 0;
		left: 0;
		top: 0;
	}
	.ab_banner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab_banner_img video{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab_banner_con{
		width: 94%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 0rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_banner_on .ab_banner_con{
		opacity: 0;
	}
	.ab_banner_con_title{
		font-size: 2rem;
		color: #FFFFFF;
		font-family: yipin;
		text-align: center;
	}

	.ab_banner_con_btn{
		width: auto;
		height: auto;
		margin-top: 3rem;
	}

	.ab_banner_btn{
		width: 80px;
		height: 80px;
		margin: 0 auto;
		background: var(--OneColor);
		border-radius: 50%;
		z-index: 5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		position: relative;
		cursor: pointer;
	}
	.zy_ab_jj_right_on .ab_banner_btn{
		opacity: 0;
		z-index: -99;
	}
	.ab_banner_btn_svg{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 32px;
		top: 30px;
	}
	.ab_banner_btn_svg svg{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		fill:#ffffff;
	}
	.ab_banner_btn_title{
		width: 110px;
		height: 110px;
		font-size: 1rem;
		color: #FFFFFF;
		position: absolute;
		left: -15px;
		top: -15px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		letter-spacing: 0.5rem;
		transform: rotate(-45deg);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ab_banner_btn:hover .ab_banner_btn_title{
		transform: rotate(0deg);
	}
	.ab_banner_btn_title span:nth-of-type(1){
		display: inline-block;
		width: auto;
		height: auto;
		transform: rotate(-30deg);
	}
	.ab_banner_btn_title span:nth-of-type(2){
		display: inline-block;
		width: auto;
		height: auto;
		transform: translateY(-8px) rotate(-15deg);
	}
	.ab_banner_btn_title span:nth-of-type(3){
		display: inline-block;
		width: auto;
		height: auto;
		transform: translateY(-8px) rotate(15deg);
	}
	.ab_banner_btn_title span:nth-of-type(4){
		display: inline-block;
		width: auto;
		height: auto;
		transform: rotate(30deg);
	}

	.ab_jj{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ab_jjl{
		width: 100%;
		height: auto;
	}
	.ab_jjr{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.65);
		font-family: opm;
		line-height: 170%;
	}


	.ab_numb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 2rem;
	}

	.ab_num{
		width: 48%;
		height: auto;
		text-align: center;
		margin-top: 1.5rem;
	}

	.ab_numt{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	.ab_numt_1{
		font-size: 3.5rem;
		color: var(--OneColor);
		font-family: 'Arial';
		font-weight: bold;

	}
	.ab_numt_2{
		font-size: 2.5rem;
		color: var(--OneColor);
		font-family: opm;

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

	.ab_jg_box{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background: #edf2f5;
		position: relative;
		margin-top: 3rem;
	}
	.ab_jg_box .ntitle{
		width: 94%;
		height: auto;

	}
	.ab_jg_box_back{
		position: absolute;
		width: 48%;
		height: auto;
		font-size: 0;
		z-index: 0;
		right: 5rem;
		top: 3rem;
	}
	.ab_jg_box_back img{
		width: 100%;
		height: auto;
	}
	.ab_jg{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		position: relative;
		z-index: 5;
	}
	.ab_jg img{
		width: 100%;
		height: auto;
	}

	.ab_wh_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.ab_wh{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 1.5rem;
	}
	.ab_whi{
		width: 49%;
		height: auto;
		margin-top: 2%;
		margin-right: 2%;
		background: #edf2f5;
		position: relative;
		padding:3rem 1.5rem;
		overflow: hidden;
	}
	.ab_whi:nth-child(3n){
		margin-right: 2%;
	}
	.ab_whi:nth-child(2n){
		margin-right: 0%;
	}
	.ab_whi_ico{
		width: auto;
		height: 3.5rem;
		text-align: center;
		font-size: 0;
	}
	.ab_whi_ico img{
		width: auto;
		height: 100%;
	}
	.ab_whi_title{
		width: auto;
		height: auto;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		margin-top: 1rem;
	}

	.ab_whic{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: translateY(110%);
	}
	.ab_whi:hover .ab_whic{
		transform: translateY(0%);
	}
	.ab_whic_back{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #9bcaf7;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.ab_whic_back img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		opacity: 0.3;
	}
	.ab_whic_con{
		position: relative;
		z-index: 5;
		font-size: 1rem;
		font-family: opm;
		color: #FFFFFF;
		line-height: 160%;
		text-align: center;
	}


	.ab_lx_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.ab_lx{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ab_lxi{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		position: relative;
		padding: 4.5rem;
		overflow: hidden;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 10px;
	}

	.ab_lxi_ico{
		width: 8rem;
		height: 8rem;
		background: var(--OneColor);
		border-radius: 50%;
		font-size: 0;
		overflow: hidden;
		margin: 0 auto;
	}
	.ab_lxi_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ab_lxi_title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.65);
		margin-top: 1.5rem;
	}
	.ab_lxi_ltitle{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(0,0,0,0.65);
		margin-top: 2rem;
	}
	.ab_lxi_con{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: var(--OneColor);
		margin-top: 3rem;
	}


	/*产品列表*/
	.pro_listb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.pro_list{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pro_list_item{
		width: 48.5%;
		height: auto;
		margin-top:2rem;
		margin-right: 0%;
	}
	.pro_list_item:nth-child(4n){
		margin-right: 0;
	}
	.pro_list_item_img{
		width: 100%;
		aspect-ratio: 336/259;
		height: calc(94vw * 0.485 * 259 / 336);
		font-size: 0;
		border-radius: 7px;
		overflow: hidden;
		position: relative;
		background: var(--OneColor);
	}
	.pro_list_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);
		position: relative;
		z-index: 0;
	}
	.pro_list_item:hover .pro_list_item_img img{
		transform: perspective(100px) translateZ(2px);
		opacity: 0.2;
	}
	.pro_list_item_img_ico{
		position: absolute;
		width:100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		left: 0;
		top: 0;
		z-index: 5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.pro_list_item:hover .pro_list_item_img_ico{
		opacity: 1;
	}
	.pro_list_item_img_icoc{
		width: 3.6rem;
		height: 3.6rem;
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
		background: #df040d;
	}
	.pro_list_item_img_icoc svg{
		width: auto;
		height: 50%;
		margin: 0 auto;
		fill:#ffffff;
	}
	.pro_list_item_title{
		width: 100%;
		height: auto;
		padding: 0 0rem;
		font-size: 1.25rem;
		font-family: opm;
		text-align: center;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		line-height: 150%;
		margin-top: 1rem;
	}
	.pro_list_item:hover .pro_list_item_title{
		color: var(--OneColor);
	}

	.spro_img{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-left: 0;
		margin-top: 2rem;
	}
	.spro_img_sw{
		width: 100%;
		height: auto;
	}

	.spro_img_sw_img{
		width: 100%;
		aspect-ratio: 585/417;
		height: calc(94vw * 0.64 * 417 / 585);
		font-size: 0;
		border-radius: 7px;
		overflow: hidden;
	}
	.spro_img_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.spro_img_btnb{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}


	.spro_img_btn{
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #c2c6c9;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-left: 1rem;
		cursor: pointer;
	}
	.spro_img_btn svg{
		width: 2rem;
		height: 2rem;
		fill:#ffffff;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_img_btn:hover{
		background: var(--OneColor);
	}

	.spro_lcb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.spro_lc{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		position: relative;
		padding: 0 4rem;
	}
	.spro_lc:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 1rem;
		background: #c6d2e1;
		left: 0;
		z-index: 0;
		top: 4rem;
	}
	.spro_lc_sw{
		width: 100%;
		height: auto;

	}
	.spro_lc_sw_img{
		width: 9rem;
		height: 9rem;
		margin: 0 auto;
		font-size: 0;
		overflow: hidden;
		border-radius: 50%;
		position: relative;
	}
	.spro_lc_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: relative;
		z-index: 0;
	}

	.spro_lc_sw_img_count{
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		aspect-ratio: 1/1;
		font-size: 4rem;
		font-family: oph;
		color: #FFFFFF;
		background: rgba(22,66,136,0.6);
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		overflow: hidden;
		border-radius: 50%;
	}

	.spro_lc_sw_title{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
		margin-top: 1rem;
		text-align: center;
	}

	.spro_lc_sw_count{
		width: 100%;
		aspect-ratio: 1/1;
		font-size: 5rem;
		font-family: oph;
		color: #FFFFFF;
		background: var(--OneColor);
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		overflow: hidden;
		border-radius: 50%;
	}

	.spro_lc_btn{
		position: absolute;
		top: 3rem;
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 50%;
		z-index: 30;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #c2c6c9;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.spro_lc_btnl{
		left: -0.5rem;
	}
	.spro_lc_btnr{
		right: -0.5rem;
	}
	.spro_lc_btn svg{
		width: 2rem;
		height: 2rem;
		fill:#ffffff;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_lc_btn:hover{
		background: var(--OneColor);
	}

	.spro_csb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.spro_cs{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.spro_csi{
		width: 100%;
		height: auto;
		background: #FFFFFF;
		border-radius: 7rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 1rem 3rem;
		margin-top: 1rem;
		margin-right: 0%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_csi:hover{
		background: var(--OneColor);
	}
	.spro_csi:nth-child(3n){
		margin-right: 0;
	}
	.spro_csi_title{
		font-size: 1.375rem;
		color: #000000;
		font-family: opm;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_csi:hover .spro_csi_title{
		color: #FFFFFF;
	}
	.spro_csi_des{
		font-size: 1.125rem;
		color: #939393;
		font-family: opm;
		margin-top: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_csi:hover .spro_csi_des{
		color: #FFFFFF;
	}

	.spro_caseb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.spro_case{
		width: 100%;
		height: auto;
	}
	.spro_case_sw{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.spro_case_sw_img{
		width: 100%;
		aspect-ratio: 665/404;
		height: calc(94vw * 404 / 665);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.spro_case_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;

	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;

	transform: perspective(100px) translateZ(0px);
	}
	.spro_case_sw a:hover .spro_case_sw_img img{
		transform: perspective(100px) translateZ(1px);
	}
	.spro_case_sw_title{
		width: 90%;
		height: 7rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
		margin-top: -3.5rem;
		position: relative;
		z-index: 5;
		background: #FFFFFF;
		text-align: center;
		border-radius: 10px;
		padding: 0 1.5rem;
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_case_sw a:hover .spro_case_sw_title{
		color: var(--OneColor);
	}


	.spro_case_btnb{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}


	.spro_case_btn{
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #c2c6c9;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 0.5rem;
		cursor: pointer;
	}
	.spro_case_btn svg{
		width: auto;
		height: 50%;
		fill:#ffffff;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.spro_case_btn:hover{
		background: var(--OneColor);
	}


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



	.case_listb_title{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 5;
	}

	.ydxwtri{
		width: 14rem;
		height: 3.5rem;
		background: #FFFFFF;
		border-radius: 7px;
		position: relative;
		margin-top: 1.5rem;
	}
	.ydxwtrit{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 2rem;
		cursor: pointer;
	}
	.ydxwtritl{
		font-size: 1.25rem;
		font-family: opm;
		color: #000000;
	}
	.ydxwtritr{
		font-size: 0;
		width: auto;
		height: 1rem;
	}
	.ydxwtritr svg{
		width: auto;
		height: 100%;
		fill:#000000;
	}
	.ydxwtric{
		position: absolute;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: #FFFFFF;
		padding: 0rem 0;
		left: 0;
		top: 100%;
		border: 1px solid rgba(0,0,0,0.1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.ydxwtri:hover .ydxwtric{
		height: 20rem;
		overflow: auto;
		opacity: 1;
		padding: 1rem 0;
	}
	.ydxwtric a{
		display: block;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.7);
		font-family: opm;
		margin: 1rem 0;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ydxwtric a:hover{
		color: var(--OneColor);
	}

	.case_list{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.case_list_item{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}

	.case_list_item_img{
		width: 100%;
		aspect-ratio: 665/404;
		height: calc(94vw * 404 / 665);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.case_list_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_list_item:hover .case_list_item_img img{
		transform: perspective(100px) translateZ(1px);
	}
	.case_list_item_title{
		width: 90%;
		height: 6rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
		margin-top: -3rem;
		position: relative;
		z-index: 5;
		background: #FFFFFF;
		text-align: center;
		border-radius: 10px;
		font-size: 1.25rem;
		padding: 0 1.5rem;
		font-family: opm;
		color: #000000;
	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.case_list_item:hover .case_list_item_title{
		color: #FFFFFF;
		background: var(--OneColor);
	}



	/*案例详情*/
	.case_jjb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.case_jj{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.case_jjl{
		width: 100%;
		height: auto;
	}
	.case_jjl_sw{
		width: 100%;
		height: auto;
	}
	.case_jjl_sw_img{
		width: 100%;
		aspect-ratio: 665/404;
		height: calc(94vw * 404 / 665);
		font-size: 0;
		border-radius: 10px;
		overflow: hidden;
	}
	.case_jjl_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.case_jjl_pagination{
		width: 100%;
		height: auto;
		z-index: 10;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
	}
	.case_jjl .swiper-pagination-bullets{
		bottom: 0;
	}
	.case_jjl_pagination .swiper-pagination-bullet { 
		display: inline-block; 
		width:0.7rem; 
		height:0.7rem;  
		font-size: 0;
		background: #e5e5e5;
		border-radius: 50%;
		margin: 0 0.3rem;
		cursor: pointer;  
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.case_jjl_pagination .swiper-pagination-bullet-active{ 
		background: var(--OneColor);
	}


	.case_jjr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.case_jjr_title{
		font-size: 1.375rem;
		color: #000000;
		font-family: opm;
	}
	.case_jjr_con{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.7);
		font-family: opm;
		line-height: 170%;
		margin-top: 1rem;
	}


	/*资料下载*/

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

	.down_list{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.down_list_item{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
		margin-top:3rem;
	}
	.down_list_item_img{
		width: 35%;
		height: auto;
		font-size: 0;
		position: relative;
		z-index: 5;
		margin-left: 1.5rem;
		margin-bottom: 1.5rem;

	}
	.down_list_item_img img{
		width: 100%;
		height: auto;
	}
	.down_list_itemc{
		position: absolute;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		z-index: 0;
		left: 0;
		bottom: 0;
		padding: 2rem;
		padding-left: 45%;
	}
	.down_list_itemc_title{
		font-size: 1.375rem;
		color: #000000;
		font-family: opm;
	}
	.down_list_itemc_des{
		font-size: 1rem;
		color: rgba(0,0,0,0.7);
		font-family: opm;
		margin-top: 1rem;
		line-height: 170%;
	}
	.down_list_itemc_btn{
		margin-top: 1.5rem;
	}
	.down_list_itemc_btn a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 9rem;
		height: 3rem;
		background: var(--OneColor);
		border-radius: 3rem;
		text-align: center;
		font-size: 1.125rem;
		color: #FFFFFF;

		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.down_list_itemc_btn a:hover{
		background: #f2000f;
	}



	/*媒体中心*/

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

	.new_list{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.new_list_item{
		width: 48.5%;
		height: auto;
		position: relative;
		margin-top:2rem;
		margin-right: 0%;
	}
	.new_list_item:nth-child(3n){
		margin-right: 0;
	}
	.new_list_item a{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 7px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_list_item a:hover{
		background: #FFFFFF;
	}
	.new_list_item_img{
		width: 100%;
		aspect-ratio: 427/294;
		height: calc(94vw * 0.485 * 294 / 427);
		font-size: 0;
		position: relative;
		z-index: 5;
		border-radius: 7px;
		overflow: hidden;

	}
	.new_list_item_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.new_list_item a:hover .new_list_item_img img{
		transform: perspective(100px) translateZ(2px);
	}

	.new_list_itemc{
		width: 100%;
		height: auto;
		padding: 1rem;
	}
	.new_list_item_data{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.5);
	}
	.new_list_item_title{
		font-size: 1.25rem;
		font-family: opm;
		color: rgba(0,0,0,1);
		line-height: 150%;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.new_list_item a:hover .new_list_item_title{
		color: var(--OneColor);
	}
	.new_list_item_btn{
		font-size: 1.125rem;
		color: var(--OneColor);
		margin-top: 1rem;
	}


	/*新闻详情*/
	.snew{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		padding: 0 2rem;
		padding-bottom: 2rem;
	}

	.snew_title{
		text-align: center;
		width: 100%;
		height: auto;
		font-size: 1.375rem;
		font-family: opm;

	}
	.snew_time{
		text-align: center;
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		font-family: opm;
		margin-top: 1rem;
	}
	.snew_des{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		font-family: opm;
		margin-top: 2rem;
		line-height: 170%;
		background: #FFFFFF;
		padding: 2rem 3rem;
		position: relative;
	}
	.snew_des:after{
		position: absolute;
		content: '';
		width: 3rem;
		height: 3rem;
		background-image: url("../images/snew_th.png");
		background-size: cover;
		left: -1.5rem;
		top: -1.5rem;
	}
	.snew_con{
		margin-top: 3rem;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		line-height: 180%;
	}
	.snew_con img{
		max-width: 100%;
	}

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


	/*科技创新*/

	.cx_zzb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.cx_zz_sw{
		width: calc(100%);
		aspect-ratio: 1600/680;
		height: calc(94vw * 900 / 1600);
		margin-left: 0%;
		margin-top: 3rem;
	}

	.cx_zz_item{
		width: 100%;
		height: auto;
		transform: scale(0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.cx_zz_sw .swiper-slide-active .cx_zz_item{
		transform: scale(1);
	}
	.cx_zz_sw_img{
		width: 100%;
		aspect-ratio: 492/333;
		height: calc(94vw * 0.5 * 333 / 492);
		font-size: 0;
		padding: 0.8rem;
		background: #FFFFFF;
	}
	.cx_zz_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.cx_zz_sw_title{
		width: 100%;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: #605e5e;
		margin-top: 1rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.cx_zz_sw .swiper-slide-active .cx_zz_sw_title{
		margin-top: 2rem;
	}

	.cx_zz_btn_box{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		bottom: -1.5rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.cx_zz_btn{
		width: 3rem;
		height: 3rem;
		background: #caced0;
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.cx_zz_btn:hover{
		background: var(--OneColor);
	}
	.cx_zz_btn svg{
		width: auto;
		height: 60%;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.cx_zz_btn_left{
		margin-right: 5%;
	}
	.cx_zz_btn_right{
		margin-left: 5%;
	}


	.cx_zlb{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image:url("../images/ab_zl_back.jpg");
		background-size: cover;
		background-position: center;
		padding: 3rem 0;
		padding-bottom: 6rem;
	}
	.cx_zlb .ntitle{
		width: 94%;
	}

	.cx_zl_sw{
		width: 94%;
		aspect-ratio: 1600/1600;
		height: calc(94vw * 1600 / 1600);
		margin-top: 3rem;
	}
	.cx_zl_sw .swiper-slide{
		width: calc(94vw * 0.5);
		height: auto;
		padding-top: 2rem;
	}
	.cx_zl_item{
		width: 100%;
		height: auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.cx_zl_sw_img{
		width: 100%;
		aspect-ratio: 406/570;
		height: calc(94vw * 0.5 * 570 / 406);
		font-size: 0;
		border-radius: 15px;
		overflow: hidden;
		-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 0px 25px 0 rgba(56,93,153,0.2);
	}
	.cx_zl_sw_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.cx_zl_sw_title{
		width: 100%;
		text-align: center;
		font-size: 1.25rem;
		font-family: opm;
		color: #605e5e;
		margin-top: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.cx_zl_sw .swiper-slide-active .cx_zl_sw_title{
		margin-top: 3rem;
		opacity: 1;
	}

	.cx_zl_btn_box{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 3.5rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.cx_zl_btn{
		width: 3rem;
		height: 3rem;
		background: #caced0;
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.cx_zl_btn:hover{
		background: var(--OneColor);
	}
	.cx_zl_btn svg{
		width: auto;
		height: 60%;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.cx_zl_btn_left{
		margin-right: 18%;
	}
	.cx_zl_btn_right{
		margin-left: 18%;
	}



	.cx_ry_sw{
		width: 100%;
		height: auto;
		margin-top: 0rem;
	}
	.cx_ry_item{
		width: 100%;
		aspect-ratio: 403/139;
		height: calc((94vw - 20) * 0.5 * 139 / 403);
		background-image: url("../images/cx_ry_back.png");
		background-size: cover;
		background-position: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 2rem 0;
	}

	.cx_ry_item_1{
		width: 100%;
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.cx_ry_item_2{
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		font-family: opb;
		margin-top: 0.5rem;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}


	.cx_ry_btn_box{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.cx_ry_btn{
		width: 3rem;
		height: 3rem;
		background: #caced0;
		border-radius: 50%;
		font-size: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 1rem;
	}
	.cx_ry_btn:hover{
		background: var(--OneColor);
	}
	.cx_ry_btn svg{
		width: auto;
		height: 60%;
		fill:#ffffff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	/*首页*/
	.id_banner{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.id_banner_sw{
		width: 100%;
		height: 100%;
	}

	.id_banner_sw .swiper-slide{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.id_banner_img{
		width: 100%;
		height: 100%;
		font-size: 0;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		overflow: hidden;
	}
	.id_banner_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.id_banner_con{
		width: 100%;
		height: 100%;
		font-size: 0;
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.id_banner_con_title{
		font-size: 1.5rem;
		color: #FFFFFF;
		font-family: opm;
		text-align: center;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.id_banner_con_ltitle{
		font-size: 2.5rem;
		color: #FFFFFF;
		font-family: opb;
		text-align: center;
		margin-top: 0.5rem;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.id_banner_con_en{
		font-size: 1.25rem;
		color: #FFFFFF;
		font-family: opm;
		text-align: center;
		margin-top: 1.5rem;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}


	.id_banner_lmenu_box{
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 3rem;
		left: 0;
		z-index: 20;
	}
	.id_banner_lmenu{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.id_banner_lmenu_item{
		width: 31px;
		height: 31px;
		position: relative;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 0;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		cursor: pointer;
	}
	.id_banner_lmenu_itemon{
		margin-left: 0.6rem;
		margin-right: 0.6rem
	}
	.id_banner_lmenu_item_yuan{
		width: 100%;
		height: 100%;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		font-size: 0;
		line-height: 100%;
		font-family: dm;
		color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.id_banner_lmenu_item_yuan2{
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 5;
		font-size: 0;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_banner_lmenu_itemon .id_banner_lmenu_item_yuan2{
		opacity: 1;
	}
	.id_banner_lmenu_item_yuan2 svg {
		width: 100%;
		height: 100%;
		fill:none;
		stroke:#ffffff;
		stroke-width:2px;
	}

	.id_banner_lmenu_item_dian{
		display: block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: rgba(255,255,255,1);
		position: relative;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_jjbb{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		overflow: hidden;
	}
	.id_jjb{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}
	.id_jj{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_jjl{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_jjl_con{
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		line-height: 170%;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;

	}


	.id_numb{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 2rem;
	}

	.id_num{
		width: 48%;
		height: auto;
		text-align: center;
	}

	.id_numt{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;

	}
	.id_numt_1{
		font-size: 3.5rem;
		line-height: 100%;
		color: var(--OneColor);
		font-family: 'Arial';
		font-weight: bold;

	}
	.id_numt_2{
		font-size: 2.5rem;
		color: var(--OneColor);
		font-family: opm;

	}
	.id_num_title{
		font-size: 1rem;
		color: rgba(0,0,0,0.7);
		font-family: opm;
		margin-top: 0.5rem;
	}
	.id_num_line{
		width: 100%;
		height: 1px;
		font-size: 0;
		background: rgba(0,0,0,0.1);
		margin-top: 2rem;
		margin-bottom: 1.5rem;
	}


	.id_jjr{
		width: 100%;
		height: auto;
		position: relative;
	}
	.id_jjr_back{
		position: absolute;
		font-size: 12rem;
		line-height: 100%;
		font-family: opb;
		color: #edf2f5;
		right: -18rem;
		top: -5rem;
		z-index: -1;
		display: none;
		text-transform: uppercase;
		background-image: linear-gradient(45deg, #edf2f5, rgba(255, 255, 255, 1));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-background-size: 100% 100%;
	}
	.id_jjr_video{
		width: 100%;
		height: auto;
		position: relative;
		cursor: pointer;
	}
	.id_jjr_video_img{
		position: relative;
		width: 100%;
		aspect-ratio: 701/483;
		height: calc(94vw * 483 / 701);
		font-size: 0;
		border-radius: 0 0 100px 0;
		overflow: hidden;
	}
	.id_jjr_video_img video{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_jjr_video_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_jjr_video:hover .id_jjr_video_img img{
		transform: perspective(100px) translateZ(2px);
	}


	.idjjv_btn{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 80px;
		height: 80px;
		margin: 0 auto;
		background: var(--OneColor);
		border-radius: 50%;
		z-index: 5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.idjjv_btn_svg{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 32px;
		top: 30px;
	}
	.idjjv_btn_svg svg{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		fill:#ffffff;
	}
	.idjjv_btn_title{
		width: 110px;
		height: 110px;
		font-size: 1.125rem;
		color: #FFFFFF;
		position: absolute;
		left: -15px;
		top: -15px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		letter-spacing: 0.5rem;
		transform: rotate(-45deg);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_jjr_video:hover .idjjv_btn_title{
		transform: rotate(0deg);
	}
	.idjjv_btn_title span:nth-of-type(1){
		display: inline-block;
		width: auto;
		height: auto;
		transform: rotate(-30deg);
	}
	.idjjv_btn_title span:nth-of-type(2){
		display: inline-block;
		width: auto;
		height: auto;
		transform: translateY(-8px) rotate(-15deg);
	}
	.idjjv_btn_title span:nth-of-type(3){
		display: inline-block;
		width: auto;
		height: auto;
		transform: translateY(-8px) rotate(15deg);
	}
	.idjjv_btn_title span:nth-of-type(4){
		display: inline-block;
		width: auto;
		height: auto;
		transform: rotate(30deg);
	}


	.id_fa_box{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		background: #edf2f5;
		padding: 3rem 0;
		position: relative;
	}
	.id_fa_box .ntitle{
		width: 94%;
	}

	.id_fa_box_back{
		position: absolute;
		width: 40%;
		height: auto;
		font-size: 0;
		z-index: 0;
		right: 5rem;
		top: 3rem;
	}
	.id_fa_box_back img{
		width: 100%;
		height: auto;
	}
	.id_fa_box .pro_list{
		width: 94%;
		height: auto;
		margin: 0 auto;
	}

	.id_new_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
		position: relative;
	}
	
	.id_new_box_back{
		position: absolute;
		font-size: 15rem;
		display: none;
		line-height: 100%;
		font-family: opb;
		color: #edf2f5;
		left: 0rem;
		bottom: 0rem;
		z-index: 0;
		text-transform: uppercase;
		background-image: linear-gradient(45deg, #edf2f5, rgba(255, 255, 255, 1));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-background-size: 100% 100%;
	}
	.id_new{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.id_newl{
		width: 100%;
		height: auto;
		padding-left: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.id_newli{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background: #edf2f5;
		width: 10rem;
		height: 3.6rem;
		border-radius: 3.6rem;
		margin-bottom: 2rem;
		padding: 0 0.5rem;
		margin: 0 0.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newli_on{
		background: var(--OneColor);
	}
	.id_newli_ico{
		width: 2.8rem;
		height: 2.8rem;
		border-radius: 50%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_newli_on .id_newli_ico{
		background: #df040d;
	}
	.id_newli_ico svg{
		width: auto;
		height: 60%;
		fill: var(--OneColor);
		margin:0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newli_on .id_newli_ico svg{
		fill: #ffffff;
	}
	.id_newli_text{
		width: 6rem;
		height: auto;
		text-align: center;
		font-size: 1.125rem;
		font-family: opm;
		color: var(--OneColor);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newli_on .id_newli_text{
		color: #FFFFFF;
	}


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

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

	.id_newr .new_list_item{
		width: 100%;
		margin-top: 0;
	}
	.id_newr .new_list_itemc{
		padding:2rem 0;
	}

	.id_newrm{
		width: 100%;
		height: auto;
		margin-top: 3rem;
		padding-right: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.id_newrm_arr{
		width: 3.5rem;
		height: 3.5rem;
		background: var(--OneColor);
		border-radius: 50%;
		font-size: 0;
		overflow: hidden;
	}
	.id_newrm_arr img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.id_newrm_text{
		font-size: 1.125rem;
		color: rgba(0,0,0,0.55);
		width: 5rem;
		text-align: left;
	}
	.id_newrm_line{
		width: calc(100% - 11rem);
		height: 1px;
		font-size: 0;
		background: rgba(0,0,0,0.1);
	}
}