@media screen and (max-width:1023px)and (min-width:300px)
{
	/*导航*/
	.nav_box{
		width: 100%;
		height:5rem;
		position: fixed;
		top: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 1000;
	}
	.nav_box_on{
		box-shadow: 0 2px 10px rgba(0, 0, 0, .02);
		background-color: hsla(0, 0%, 100%, .7);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	.nav_box2{
		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_box2_on{
		box-shadow: 0 2px 10px rgba(0, 0, 0, .02);
		background-color: hsla(0, 0%, 100%, .7);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

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

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


	.nav_logo img{
		width: auto;
		height: 100%;
		margin: 0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_main{
		width: 100%;
		height: 0;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 0%;
		position: absolute;
		background-color: hsla(0, 0%, 100%, .9);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		left: 0;
		top: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_main_on{
		height: 30rem;
	}
	.nav_menu{
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 2rem 0;
		text-align: center;
	}
	.nav_menu_item{
		width: auto;
		height: auto;
		position: relative;
		padding: 0 1.6rem;
		margin: 0.6rem 0;
	}
	.nav_menu_item>a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		height: auto;
		position: relative;
		font-weight: bold;
		padding: 0 1rem;
		font-size: 1.25rem;
		color: #000000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nav_box2 .nav_menu_item>a{
		color: #000000;
	}
	.nav_box2_on .nav_menu_item>a{
		color: #000000;
	}



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



	  	
    .menubtn{
        width: 25px;
        position: absolute;
        right: 0%;
        top: 0;
        z-index: 10;
        display: block;
    }
    /* nav-icon-5 */
    .nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
    .nav-icon-5 span{  background-color:#000;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
       
        .nav_box2 .nav-icon-5 span{
            background-color:#FFFFFF;
        }
        .nav_box2_on .nav-icon-5 span{
            background-color:#000000;
        }
    .nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
    .nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
    .nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
    .nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 8px;}
    .nav-icon-5.open span:nth-child(2){  opacity:0;}
    .nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 8px;}




	/*footer*/
	.footer_link{
		width: 94%;
		height: auto;
		margin: 0 auto;
		font-size: 1.125rem;
		color: #333333;
		padding-top: 2rem;
	}
	.footer_link a{
		color: #333333;
		margin-right: 1rem;
	}
	.footer_box{
		width: 94%;
		height: auto;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 1rem;
		color:#373737;
		padding: 2rem 0;
		text-align: center;
	}

	.footer_box a{
		color:#373737;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.footer_box a:hover{
		color:#373737;
	}


	/*nbanner*/
	.nbanner{
		width: 100%;
		height: 35vh;
		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%;
		padding-right: 0%;
		margin: 0 auto;
		padding-top: 5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.nbanner_con_c1{
		font-size: 1.375rem;
		color: #f4efe9;
		font-weight: bold;
	}
	.nbanner_con_c2{
		font-size: 1rem;
		color: #e5ded6;
		margin-top: 1rem;
		line-height: 130%;
	}
	.nbanner_con_c3{
		margin-top: 2rem;
	}
	.nbanner_con_c3 a{
		width: 9rem;
		height: 2.8rem;
		background: #aece2c;
		border-radius: 2.8rem;
		font-size: 1rem;
		color: rgba(0,0,0,0.3);
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.nbanner_con_c3 a:hover{
		color: rgba(0,0,0,1);
	}

	/*翻页*/

	.npage{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		margin-top: 2rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
	}
	.npage a{
		display: inline-block;
		text-align: center;
		margin: 0 0.5rem;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}



	/*媒体中心*/

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

	.newi{
		width: 48.5%;
		height: auto;
		position: relative;
		margin-right: 0%;
		margin-top: 3%;
	}
	.newi:nth-child(3n){
		margin-right: 0;
	}
	.newi_img{
		width: 100%;
		aspect-ratio: 514/336;
		font-size: 0;
		overflow: hidden;
		border-radius: 8px 8px 0 0;
	}
	.newi_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);
	}
	.newi:hover .newi_img img{
		transform: perspective(100px) translateZ(3px);
	}
	.newic{
		width: 100%;
		height: 8rem;
		border: 1px solid rgba(0,0,0,0.2);
		border-radius: 0 0 8px 8px;
		padding: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.newi_title{
		font-size: 1.25rem;
		color: rgba(0,0,0,1);
		line-height: 120%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.newib{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.newib_data{
		font-size: 1.125rem;
		color: #000000;
	}
	.newib_btn{
		font-size: 1.125rem;
		color: rgb(30, 58, 138);
	}

	/*新闻详情*/
	.snew_top{
		width: 100%;
		margin-top: 5rem;
		background: #f6f6f6;
		padding: 2rem 5%;
	}

	.snew_title{
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-family: opm;
	}
	.snew_data{
		width: 100%;
		height: auto;
		font-size: 1.125rem;
		color: rgba(0,0,0,0.7);
	}
	.snew_con{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 2rem;
		font-size: 1.125rem;
		font-family: opm;
		color: rgba(0,0,0,0.7);
		line-height: 180%;
		padding-bottom: 2rem;
	}

	.snew_page{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 1.5rem 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.snew_page a{
		color: rgba(0,0,0,0.6);
		font-size: 1.125rem;
	}

	/*招贤纳士*/
	.join_btitle{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
	}
	.join_btitle_title{
		font-size: 2rem;
		color: #373737;

	}
	.join_btitle_line{
		font-size: 0;
		margin-top: 0.5rem;
		background: #373737;
		width: 4rem;
		height: 2px;
	}
	.join_ln{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding:1.5rem 0;
		font-size: 1.125rem;
		color: #000000;
		line-height: 160%;
		border-right: 2px solid #e7e6e6;
		padding-right: 1rem;
	}

	.join{
		width: 94%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 2rem;
	}
	.join_item{
		width: 100%;
		height: auto;
		background: #f3f6f8;
		margin-top: 1.5rem;
		padding:1.5rem 1.5rem;
	}
	.join_item:nth-child(1){
		margin-top: 0;
	}
	.join_item_top{
		width: 100%;
		height: auto;
		cursor: pointer;
	}
	.join_item_topl{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.join_item_topl_title{
		font-size: 1.375rem;
		font-weight: bold;
	}
	.join_item_topl_ltitle{
		font-size: 1.125rem;
		color: rgb(30, 58, 138);
		margin-top: 0.5rem;
	}


	.join_item_topr{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align: center;
	}
	.join_item_topr_title{
		font-size: 1.25rem;
		text-align: center;
	}
	.join_item_topr_title_1{
		font-size: 1.25rem;
		margin-top: 1rem;
	}
	.join_item_topr_title_2{
		font-size: 1.125rem;
		margin-top: 0.5rem;
	}
	.join_item_topr_ltitle{
		font-size: 1.125rem;
		color: rgba(0,0,0,1);
		margin-top: 0.5rem;
	}
	.join_item_con{
		width: 100%;
		height: 0;
		overflow: hidden;
		text-align: left;
		background: #FFFFFF;
		margin-top: 0rem;
		padding:0 1.5rem;
		font-size: 1.125rem;
		color: rgba(0,0,0,1);
		line-height: 180%;
		padding-bottom:0rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.join_item_on .join_item_con{
		height: auto;
		padding:1.5rem 1.5rem;
		margin-top: 2rem;
	}

	/*明合科技*/
	.mh_ab{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.mh_abl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}

	.mh_abl_title{
		font-size: 2rem;
		color: rgb(22, 44, 82);

	}
	.mh_abl_line{
		font-size: 0;
		margin-top: 0.5rem;
		background: rgb(22, 44, 82);
		width: 5rem;
		height: 2px;
	}
	.mh_abl_con{
		margin-top: 2rem;
		font-size: 1.125rem;
		color: rgb(74, 76, 79);
		line-height: 170%;
	}

	.mh_abr{
		width: 100%;
		height: auto;
	}
	.mh_abr img{
		width: 100%;
		height: auto;
	}

	.mh_lyb{
		width: 100%;
		height: 70vh;
		background-image: url("../images/mh_img2.png");
		background-size: cover;
		background-position: center;
		margin-top: 3rem;
	}
	.mh_ly{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top: 6rem;
	}
	.mh_ly_title{
		text-align: center;
		font-size: 2rem;
		color: #FFFFFF;

	}
	.mh_ly_con{
		text-align: center;
		font-size: 1.125rem;
		color: #FFFFFF;
		line-height: 180%;
		margin-top: 2rem;
	}

	.mh_jz{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.mh_jzl{
		width: 100%;
		height: auto;
		padding-left: 0;
	}
	.mh_jzr{
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.mh_jzr img{
		width: 100%;
		height: auto;
	}

	.mh_fab{
		width: 100%;
		height: 70vh;
		background-image: url("../images/mh_img4.png");
		background-size: cover;
		background-position: center;
		margin-top: 3rem;
	}

	/*依明科技*/
	.ym_banner{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: rgb(242, 236, 231);
		border-bottom: 1px solid rgb(224, 224, 224);
	}
	.ym_banner_img{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.ym_banner_img img{
		width:100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	.ym_banner_con{
		width: 94%;
		height: auto;
		margin:  0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		padding-bottom: 3rem;
		padding-top: 3rem;
	}
	.ym_banner_con_title{
		font-size: 2rem;
		color: rgb(51, 51, 51);
	}
	.ym_banner_con_c{
		font-size: 1.125rem;
		line-height: 170%;
		color: rgb(102, 102, 102);
		margin-top: 1.5rem;
	}

	.ym_xyb{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background: rgb(242, 236, 231);
		border-bottom: 1px solid rgb(224, 224, 224);
	}
	.ym_xy{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.ym_xyl{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.ym_xyl_title{
		font-size: 2rem;
		color: rgb(51, 51, 51);
	}

	.ym_xyl_con{
		font-size: 1.125rem;
		line-height: 170%;
		color: rgb(102, 102, 102);
		margin-top: 1rem;
	}
	.ym_xyr{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.ym_xyr img{
		width: 100%;
		height: auto;
	}

	.ym_yx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 3rem;
		border-bottom: 1px solid rgb(224, 224, 224);
		padding-bottom: 1.5rem;
	}
	.ym_yx_title{
		text-align: center;
		font-size: 2rem;
		color: rgb(51, 51, 51);
	}
	.ym_yx_ltitle{
		text-align: center;
		font-size: 1.125rem;
		color: rgb(51, 51, 51);
		margin-top: 1rem;
	}
	.ym_yx_swb{
		width: 100%;
		height: auto;
		margin-top:2rem;
		position: relative;
	}
	.ym_yx_sw{
		width: 100%;
		height: auto;
	}
	.ym_yx_sw .swiper-slide{
		background: rgb(242, 236, 231);
	}
	.ym_yxi_img{
		width: 100%;
		aspect-ratio: 1/1;
		font-size: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		transform: perspective(100px) translateZ(0px);
	}
	.ym_yx_sw .swiper-slide:hover .ym_yxi_img{
		transform: perspective(100px) translateZ(-25px);
	}
	.ym_yxi_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ym_yxi_title{
		font-size: 1.375rem;
		color: rgb(51, 51, 51);
		padding: 0 2rem;
		margin-top: 2rem;
	}
	.ym_yxi_con{
		font-size: 1.125rem;
		color: rgb(102, 102, 102);
		padding: 0 2rem;
		margin-top: 0.5rem;
		padding-bottom: 1.5rem;
		line-height: 170%;
	}

	.ym_yx_btn{
		width: 3.6rem;
		height: 3.6rem;
		background: rgb(242, 236, 231);
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 0;
		cursor: pointer;
		position: absolute;
		top: calc(50% - 1.8rem);
		z-index: 10;
	}
	.ym_yx_btn svg{
		width: auto;
		height: 55%;
	}
	.ym_yx_btnl{
		left: 0.5rem;
	}
	.ym_yx_btnr{
		right: 0.5rem;
	}

	.ym_jzg{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-bottom: 1px solid rgb(224, 224, 224);
		padding: 1rem 0 3rem 0;
		position: relative;
	}
	.ym_jzg:after{
		position: absolute;
		content: '';
		font-size: 0;
		width: 1px;
		height: calc(100% - 10rem);
		top: 5rem;
		left: 50%;
		background: #e0e0e0;
		display: none;
	}
	.ym_jzgi{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 2rem;
	}
	.ym_jzgi_title{
		font-size: 2rem;
		color: #333;
	}
	.ym_jzgi_con{
		font-size: 1.125rem;
		color: #666;
		line-height: 170%;
		margin-top: 1rem;
	}


	.ym_sm{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgb(224, 224, 224);
		padding-bottom: 2rem;
	}

	.ym_sml{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.ym_sml_con{
		font-size: 1.125rem;
		line-height: 170%;
		color: #666;
	}
	.ym_sml_con2{
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 170%;
		color: #000000;
		margin-top: 1.5rem;
	}
	.ym_smr{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	.ym_smr img{
		width: 100%;
		height: auto;
	}

	/*四时*/
	.ss_abb{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		background: #f4efe9;
	}
	.ss_ab{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.ss_abl{
		width: 100%;
		height: auto;
		padding: 3rem 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.ss_abr{
		width: 100%;
		height: auto;
	}
	.ss_abr img{
		width: 100%;
		height: auto;
	}

	.ss_abl_title{
		font-size: 0;
		width: auto;
		height: 2.5rem;
	}
	.ss_abl_title img{
		width: auto;
		height: 100%;
	}
	.ss_abl_line{
		width: 4rem;
		height: 1px;
		font-size: 0;
		background: #5e6c42;
		margin-top: 1rem;
	}
	.ss_abl_con{
		font-size: 1.125rem;
		color: #5a5b5b;
		line-height: 180%;
		margin-top: 1rem;
	}
	.ss_ablb{
		font-size: 1.5rem;
		color: #5e6c42;
		margin-top: 3rem;
	}

	.ss_ysb{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background-image: url("../images/ss_img2.png");
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 0rem;
		padding: 3rem 0;
	}
	.ss_ys{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ss_ysi{
		width: 48.5%;
		height: auto;
		background: hsla(0,0%,100%,.7);
		padding: 2rem 2rem;
		margin: 1.5% 0;
	}
	.ss_ysi_title{
		font-size: 1.375rem;
		color: #3d3a39;
	}
	.ss_ysi_des{
		font-size: 1rem;
		color: #666;
		margin-top: 2rem;
	}

	.ss_ysi_a{
		margin-top: 2rem;
	}
	.ss_ysi_a a{
		width: 9rem;
		height: 2.3rem;
		border-radius: 2.3rem;
		font-size: 1rem;
		color: rgba(0,0,0,0.3);
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.ss_ysi:nth-child(1) .ss_ysi_a a{
		background: #71884c;
	}
	.ss_ysi:nth-child(2) .ss_ysi_a a{
		background: #aece2c;
	}
	.ss_ysi:nth-child(3) .ss_ysi_a a{
		background: #f4bb1f;
	}
	.ss_ysi:nth-child(4) .ss_ysi_a a{
		background: #e87427;
	}
	.ss_ysi_a a:hover{
		color: rgba(0,0,0,1);
	}

	.ss_ppb{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding-top:3rem;
	}
	.ss_ppb_title{
		color: #5e6c42;
		font-size: 2rem;
		text-align: center;
	}
	.ss_ppb_title2{
		color: #827368;
		font-size: 2rem;
		text-align: center;
	}
	.ss_ppb_line{
		font-size: 0;
		width: 4rem;
		height: 1px;
		margin: 0 auto;
		margin-top: 1rem;
		background: #5e6c42;
	}
	.ss_ppb_ltitle{
		color: #3d3a39;
		font-size: 1.125rem;
		text-align: center;
		margin-top: 1rem;
		line-height: 190%;
	}
	.ss_ppb_lltitle{
		color: #5e6c42;
		font-size: 1.125rem;
		text-align: center;
		margin-top: 1rem;
	}
	.ss_ppb_lltitle2{
		color: #827368;
		font-size: 1.125rem;
		text-align: center;
		margin-top: 1rem;
	}

	.ss_pp{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.ss_ppi{
		width: 100%;
		aspect-ratio: 698/594;
		position: relative;
		margin-top: 1.5rem;
	}
	.ss_ppi_img{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		font-size: 0;
	}
	.ss_ppi_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;
	}
	.ss_ppic{
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 8rem;
		background: rgba(4,0,0,.5);
		display: flex;
		flex-direction: column;
		justify-content: center;
		left: 0;
		bottom: 0;
		text-align: center;
		padding: 0 1.5rem;
	}
	.ss_ppic_title{
		font-size: 1.375rem;
		color: #aece2c;
	}
	.ss_ppic_des{
		font-size: 1.125rem;
		color: #dcdcdc;
		margin-top: 0.5rem;
	}



	.ss_pro{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	.ss_proi{
		width: 100%;
		aspect-ratio: 695/433;
		position: relative;
		margin-top: 1%;
	}
	.ss_proi_img{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		font-size: 0;
	}
	.ss_proi_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;
	}
	.ss_proic{
		position: absolute;
		z-index: 5;
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
		text-align: center;
		padding-top: 2rem;
	}
	.ss_proic_title{
		font-size: 1.75rem;
		color: #827368;
	}
	.ss_proic_ltitle{
		font-size: 1rem;
		color: #827368;
	}
	.ss_proic_btnb{
		width: 100%;
		height: auto;
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.ss_proic_btnb a{
		height: 2.3rem;
		border-radius: 2.3rem;
		font-size: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0 0.5rem;
	}
	.ss_proic_btnb a:nth-child(1){
		width: 8rem;
		background: #71884c;
		color: hsla(33,34%,87%,.3);
	}
	.ss_proic_btnb a:nth-child(2){
		width: 5.5rem;
		color: rgba(113,136,76,.3);
		border: 1px solid #71884c;
	}
	.ss_proic_btnb a:nth-child(1):hover{
		color: rgba(255,255,255,0.7);
	}
	.ss_proic_btnb a:nth-child(2):hover{
		color: #71884c;
	}

	/*首页*/
	.id_ab{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.id_abl{
		width: 100%;
		height: auto;
		background-image: url("../images/id_ab_back.png");
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 70% auto;
		padding-left: 2rem;
		padding-right: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1.125rem;
		color: #373737;
		line-height: 180%;
	}
	.id_abr{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_abr img{
		width: 100%;
		height: auto;
	}

	.id_stb{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		padding: 3rem 0;
		background-image: url("../images/id_st_back.png");
		background-size: cover;
		background-position: center;
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.id_stb_title{
		text-align: center;
		font-size: 2rem;
		color: #FFFFFF;
	}
	.id_stb_ltitle{
		text-align: center;
		font-size: 1.125rem;
		color: #FFFFFF;
		margin-top: 0.5rem;
	}

	.id_st{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.id_sti{
		width: 100%;
		height: 17rem;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		margin-top: 1rem;
	}
	.id_sti_on{
		width: 100%;
	}
	.id_stir{
		width: 100%;
		height: 17rem;
		position: relative;
		margin-top: 1rem;
	}

	.id_sti_img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
		font-size: 0;
	}
	.id_sti_img img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.id_sti_title{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(116,154,204,0.6);
		top: 0;
		left: 0;
		z-index: 10;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0;
	}
	.id_sti_on .id_sti_title{
		opacity: 0;
	}
	.id_stir .id_sti_title{
		opacity: 1;
	}
	.id_sti_title_1{
		font-size: 1.5rem;
		color: #FFFFFF;
	}
	.id_sti_title_2{
		font-size: 1rem;
		color: #FFFFFF;
	}
	.id_sti_con{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 1.5rem;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
	}
	.id_sti_on .id_sti_con{
		opacity: 1;
	}
	.id_sti_con_1{
		font-size: 1.5rem;
		color: #FFFFFF;
	}
	.id_sti_con_2{
		font-size: 1.125rem;
		color: #FFFFFF;
		margin-top:0.6rem;
	}

	.id_ab2b{
		width: 100%;
		height: auto;
		background-image: url("../images/id_ab2_back.png");
		background-size: cover;
		background-position: center;
		padding: 3rem 0;
	}
	.id_ab2{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_ab2l{
		width: 100%;
		height: auto;
	}
	.id_ab2l img{
		width: 100%;
		height: auto;
	}
	.id_ab2r{
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
	.id_ab2r_title{
		font-size: 2rem;
		color: #254661;
	}
	.id_ab2r_line{
		font-size: 0;
		background: #254661;
		width: 5rem;
		height: 3px;
		margin-top: 0.5rem;
	}
	.id_ab2r_con{
		font-size: 1.125rem;
		line-height: 170%;
		color: #373737;
		margin-top: 1.5rem;
	}

	.id_new{
		width: 94%;
		height: auto;
		margin: 0 auto;
		padding: 3rem 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.id_newl{
		width: 100%;
		aspect-ratio: 948/620;
		position: relative;
	}
	.id_newl_img{
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 0;
		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(3px);
	}
	.id_newlc{
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 1.5rem;
		top: 0;
		left: 0;
	}
	.id_newlc_data{
		font-size: 1.125rem;
		color: #FFFFFF;
	}
	.id_newlc_title{
		font-size: 1.375rem;
		color: #FFFFFF;
		margin-top: 0.5rem;
	}


	.id_newr{
		width: 100%;
		height: auto;
		padding-top: 2rem;
	}
	.id_newrt{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 1rem;
	}
	.id_newr_title{
		font-size: 2rem;
		color: #254661;
	}
	.id_newr_line{
		font-size: 0;
		background: #254661;
		width: 4rem;
		height: 2px;
		margin-top: 0.5rem;
	}
	.id_newrtr a{
		font-size: 1.125rem;
		color: #254661;
	}
	.id_newri{
		position: relative;
		margin-top: 1rem;
		padding-left: 1rem;
	}
	.id_newri:after{
		position: absolute;
		content: '';
		width: 6px;
		height: 6px;
		font-size: 0;
		background: #254661;
		border-radius: 50%;
		left: 0;
		top: calc(50% - 3px);
	}
	.id_newri a{
		font-size: 1.25rem;
		color: #373737;
		 display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.id_newri:hover a{
		color: #254661;
	}

	.id_wh_box{
		width: 100%;
		aspect-ratio: auto;
		height: auto;
		background-image: url("../images/id_back.png");
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 3rem 0;
	}
	.id_wh{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.id_whi{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.id_whi_title{
		font-size: 1.75rem;
		color: #FFFFFF;
	}
	.id_whi_ltitle{
		font-size: 1.125rem;
		color: #FFFFFF;
		margin-top: 1rem;
	}
	.id_whil{
		width: 40%;
		height: 1px;
		font-size: 0;
		margin: 2rem auto;
		background: rgba(255,255,255,0.5);
	}
	
	

	/*联系我们*/
	.lx{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		margin-top: 3rem;
	}
	.lxl{
		width: 100%;
		height: auto;
	}
	.lxr{
		width: 100%;
		height: auto;
	}
	.lxr img{
		width: 100%;
		height: auto;
	}

	.lxl_title{
		font-size: 2rem;
		color: #254661;
		margin-top: 2rem;
	}
	.lxl_line{
		font-size: 0;
		background: #254661;
		width: 4rem;
		height: 2px;
		margin-top: 0.5rem;
	}
	.lxli{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 2rem;
	}
	.lxli_ico{
		width: 3.4rem;
		height: 3.4rem;
		background: #254661;
		border-radius: 50%;
		font-size: 0;
	}
	.lxli_ico img{
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.lxli_text{
		width: calc(100% - 3.8rem);
		height: auto;
		padding-left: 1rem;
		font-size: 1.25rem;
	}

	.lyb{
		width: 100%;
		height: auto;
		background-image: url("../images/id_ab2_back.png");
		background-size: cover;
		background-position: center;
		padding: 3rem 0;
		margin-top: 3rem;
	}
	.ly{
		width: 94%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.lyl{
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		line-height: 170%;
		text-align: center;
	}
	.lyr{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.lyr_item{
		width: 49%;
		height: 3.2rem;
		background: #FFFFFF;
		margin-top: 2%;
		border-radius: 10px;
	}
	.lyr_item input{
		width: 100%;
		height: 100%;
		background: none;
		padding: 0 1rem;
		font-size: 1.125rem;
		border: none;
		font-family: jinghua;
	}
	.lyr_item2{
		width: 100%;
		height: 6rem;
		background: #FFFFFF;
		margin-top: 2%;
		border-radius: 10px;
	}
	.lyr_item2 textarea{
		width: 100%;
		height: 100%;
		background: none;
		padding: 1rem 1rem;
		font-size: 1.125rem;
		border: none;
		font-family: jinghua;
	}
	.lyr_btn{
		width: 100%;
		height: auto;
		margin-top: 2%;
		text-align: center;
	}
	.lyr_btn a{
		width: auto;
		height: 3.6rem;
		border-radius: 3.6rem;
		background: #254661;
		font-size: 1.25rem;
		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;
	}
	.lyr_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);
	}

}