@media (max-width: 1420px) and (min-width: 1220px) {
	.container {
		width: 1200px;
	}

}

@media (max-width: 1220px) and (min-width: 1020px) {
	.container {
		width: 1020px;
	}
	.heade2 {
    padding: 0 7%;
}
.heade2_1 {
    font-size: 18px;
}

}

@media (max-width: 1020px) {
	.container {
		width: 95%;
	}

	header {
		box-shadow: 0 0 8px rgba(4, 0, 0, .27);
	}

	.header {
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.logo {
		height: 20px;
		margin-top: 0;
	}

	.heade1 {
		font-size: 14px;
		margin-top: 0;
		display: flex;
		align-items: center;
	}

	.search_bo {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.search_bo input {
		font-size: 24px;
	}

	.menubtn i {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #333;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.menubtn i:nth-child(2) {
		margin-top: 4px;
	}

	.menubtn i:nth-child(3) {
		margin-top: 4px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}

	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(28deg);
		-moz-transform: rotate(28deg);
		-ms-transform: rotate(28deg);
		-o-transform: rotate(28deg);
		transform: rotate(28deg);
	}

	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}

	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-28deg);
		-moz-transform: rotate(-28deg);
		-ms-transform: rotate(-28deg);
		-o-transform: rotate(-28deg);
		transform: rotate(-28deg);
	}

	.COVER {
		width: 60%;
		height: 100%;
		background-color: #1c1c1c;
		/* display: none; */
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		left: -100%;
		z-index: 1001;
	}

	.MULUS {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.mulu {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
		width: 100%;
		display: block;
	}

	.mulu.on .mulu2 {
		display: block;
	}

	.mulu1 {
		width: 100%;
		padding: 10px 0;
		color: white;
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mulu1 img {
		width: 7px;
	}

	.mulu2 {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		display: none;
	}

	.mulu2_1 {
		width: 100%;
		display: block;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.mulu2_2 {
		width: 100%;
		padding: 10px 0;
		color: #999999;
		font-size: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.banne {
	    height: 340px;
	}
	.banne3_1 {
	    font-size: 24px;
	}
	.banne3_2 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.banne3_3 {
    width: 100px;
    margin-top: 20px;
    font-size: 14px;
}
	.banner .swiper-pagination-bullet {
	    width: 25px;
	    height: 2px;
	}
	.inde_jj {
	    margin: 35px auto;
	    display:flex;
		flex-wrap: wrap;
	}
	.inde_jj1 {
	    width: 100%;
	    border-radius: 10px;
	    margin-right: 0;
		margin-bottom: 10px;
	}
	.inde_jj2{
		width: 100%;
	}
	.inde_jj2_1 {
	    font-size: 14px;
	    line-height: 25px;
	}
	.inde_jj2_2 {
	    margin-top: 15px;
	}
	.inde_optical {
	    margin: 25px auto;
	}
	.inde_optical1{
		font-size: 20px;
	}
	.inde_optical2 {
	     overflow-x: auto; /* 允许横向滚动 */
	     scroll-behavior: smooth; /* 平滑滚动 */
	}
	.inde_optical2_1 {
		width: auto;
	    padding: 15px 0;
		margin-right: 10px;
		flex: 0 0 auto; /* 防止项目收缩或拉伸 */
	}
	.inde_optical2_1:last-child{
		margin-right: 0;
	}
	.inde_optical2_2 {
	    height: 25px;
	}
	.inde_optical2_3 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.inde_optical4{
		  margin-top: 15px;
	}
	.inde_optical4 .swiper{
     width: 100%;
}
	/*.inde_optical4_1 {*/
	/*    width: 49%;*/
	  
	/*}*/
	/*.inde_optical4_1:nth-child(2n){*/
	/*	margin-right: 0;*/
	/*}*/
	.inde_optical4_2 {
	    height: 95px;
	}
	.inde_optical4_4{
		font-size: 14px;
	}
	.inde_optical4_4:hover{
		font-size: 16px;
	}
	.inde_down {
	    margin: 35px auto;
	    display:flex;
		flex-wrap: wrap;
	}
	.inde_down1 {
	    width: 49%;
	    margin-right: 2%;
	}
	.inde_down1:nth-child(2n){
		margin-right: 0;
	}
	.inde_down3 {
	    padding: 20px 25px;
	}
	.inde_down3_1 {
	    font-size: 16px;
		display: flex;
		align-items: center;
	}
	.inde_down3_1 img {
	    width: 30px;
	    margin-right: 10px;
	}
	.inde_down3_2 {
	    margin-top: 10px;
	    height: calc(100% - 45px);
	    font-size: 12px;
	}
	.footer_top {
	    margin-top: 15px;
	    margin-bottom: 25px;
	    display:flex;
		flex-wrap: wrap;
	}
	.footer_top1 {
	    width: 32%;
	}
	.footer_top1:nth-child(3n){
		margin-right: 0;
	}
	.footer_top1_1 {
	    margin-bottom: 10px;
	    font-size: 14px;
	}
	.footer_top1_2 {
	    margin-bottom: 10px;
	    font-size: 14px;
	}
	.footer_top2{
		margin-top: 20px;
	}
	.footer_down {
	    margin: 15px 0;
	    font-size: 14px;
	}
	.nybanner {
	    height: 200px;
	}
	.nybanne3 {
	    width: 100%;
	    margin-left: 0;
	}
	.nybanne3_1 {
	    font-size: 20px;
	}
	.nybanne3_2 {
	    margin-top: 15px;
	    font-size: 14px;
	}
	.tit_box {
	    padding: 15px 0;
	    margin-top: 15px;
	    font-size: 14px;
	}
	.prfl_bo {
	    margin: 35px auto;
	}
	.prfl_bo1 {
	    margin-bottom: 20px;
	    display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.prfl_bo3 {
	    width: 55%;
	    margin-left: 0;
		margin-bottom: 20px;
	}
	.prfl_bo3_1 {
	    width: 25px;
	}
	.prfl_bo3_2 {
	    border: 6px solid #E8E9ED;
	    width: calc(100% - 25px);
	    margin: 15px 0;
	}
	.prfl_bo2{
		width: 100%;
	}
	.prfl_bo2_1{
		font-size: 20px;
	}
	.prfl_bo2_2 {
	    width: 45px;
	    margin-top: 10px;
	}
	.prfl_bo2_3 {
	    margin-top: 30px;
	    font-size: 14px;
	}
	.prfl_bo2_4 {
	    width: 110px;
	    height: 30px;
	    font-size: 14px;
	    margin-top: 35px;
	    line-height: 30px;
	}
	.prfl_bo1:nth-child(even) .prfl_bo3 {
	    margin-right: 0;
	}
	.prodeta_bo{
		margin-top: 50px;
		margin-bottom: 35px;
	}
	.prodeta_top {
	    display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.prodeta_tople{
		width: 100%;
	}
	.prodeta_tople1 {
	        border: 6px solid #E8E9ED;
	   height: 200px;
	}
	/*.prodeta_tople2 {*/
	/*    border: 6px solid #E8E9ED;*/
	/*    width: calc(100% - 25px);*/
	/*}*/
	.prodeta_topri {
	    width: 100%;
	    margin-left: 0;
		margin-top: 20px;
	}
	.prodeta_topri1{
		font-size: 20px;
	}
	.prodeta_topri2 {
	    width: 45px;
	    margin-top: 10px;
	}
	.prodeta_topri3 {
	    margin-top: 20px;
	    font-size: 14px;
	}
	.prodeta_down {
	    margin-top: 45px;
	    display:flex;
		flex-wrap: wrap;
	}
	.prodeta_left {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 25px;
	}
	.prodeta_lea {
	    margin-bottom: 15px;
	}
	.prodeta_leb {
	    height: 50px;
	    padding: 0 10px;
		display: flex;
		align-items: center;
	}
	.prodeta_leb2 {
	    line-height: 50px;
	    font-size: 16px;
	}
	.prodeta_lec {
	    padding: 15px 10px;
	}
	.prodeta_lec1 {
	    margin-bottom: 10px;
	    font-size: 14px;
		display: flex;
		align-items: center;
	}
	.prodeta_right{
		width: 100%;
	}
	.prodeta_ri {
	    margin-bottom: 25px;
	}
	.prodeta_ria {
	    height: 40px;
	    line-height: 40px;
	    padding: 0 15px;
	    font-size: 16px;
	}
	.prodeta_rib {
	    padding: 15px;
	    font-size: 14px;
	    line-height: 25px;
	    overflow: hidden;
	    overflow-x: auto;
	    word-wrap: break-word; /* 更现代的属性是 overflow-wrap */
  overflow-wrap: break-word;
	}
.prodeta_rib table{
    width: 100%;
	    max-width: 100%;
	}
	.news_bo {
	    margin: 45px auto;
	    display:flex;
		flex-wrap: wrap;
	}
	.news_left{
		width: 100%;
	}
	.news_li {
	    margin-bottom: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.news_li1 {
	    width: 100%;
		height: 215px;
	}
	.news_li2 {
	     width: 100%;
	    padding:15px;
	}
	.news_li2_1{
		font-size: 16px;
	}
	.news_li2_2 {
	    margin-top: 10px;
		font-size: 12px;
	}
	.news_li2_3 {
	    margin-top: 10px;
	    font-size: 14px;
		line-height: 20px;
	}
	.news_li2_4 {
	    margin-top: 15px;
	    font-size: 14px;
	}
	.pages {
	    margin-top: 35px;
	}
	.pagination a{
		margin: 5px;
	}
	.pagination span{
		margin: 5px;
	}
	.news_right {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 15px;
	}
	.news_ria {
	    border-radius: 10px;
	}
	.news_ria1 {
	    height: 40px;
	    line-height: 40px;
	    font-size: 16px;
	}
	.news_ria2 {
	    padding: 15px 20px;
	}
	.news_ria2_1 {
	    margin-bottom: 10px;
	    font-size: 16px;
	}
	.news_deta1 {
	    font-size: 20px;
	}
	.news_deta2 {
	    padding: 10px 0;
	    display:flex;
		flex-wrap: wrap;
	}
	.news_deta2_1{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.news_deta3 {
	    padding: 15px 0;
	    font-size: 16px;
	    line-height: 30px;
	}
	.news_rib {
	    border-radius: 10px;
	    margin-top: 5px;
	}
	.news_rib1 {
	    padding: 0 10px;
	    padding-bottom: 15px;
	}
	.news_rib1_1 {
	    padding: 10px 0;
	    font-size: 14px;
	}
	.about_top {
	    margin: 45px auto;
	    display:flex;
		flex-wrap: wrap;
	}
	.about_top1{
		width: 100%;
	}
	.about_top1_1{
		font-size: 20px;
	}
	.about_top1_2 {
	    margin-top: 15px;
	    font-size: 14px;
	    line-height: 25px;
	}
	.about_top2 {
	    width: 100%;
	    margin-left: 0;
		margin-top: 20px;
	}
	.about_down {
	    margin: 50px 0;
	}
	.about_down1{
		font-size: 20px;
	}
	.about_down2{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	.lxwm_bo {
	    margin: 50px auto;
	}
	.lxwm_top{
		display: flex;
		flex-wrap: wrap;
	}
	.lxwm_top1 {
	    width: 100%;
	    padding: 0 10px;
	    margin-bottom: 35px;
	}
	.lxwm_top2{
		font-size: 20px;
		display: flex;
		align-items: center;
	}
	.lxwm_top2 img {
	    max-width: 25px;
	    margin-right: 10px;
	}
	.lxwm_top2 div {
	    width: calc(100% - 35px);
	}
	.lxwm_top3 {
	    margin-top: 15px;
	    font-size: 14px;
	}
	.lxwm_down {
	    box-shadow: 0 0 8px rgba(4, 0, 0, .11);
	    padding: 30px 25px;
	}
	.lxwm_down1{
		font-size: 20px;
	}
	.lxwm_down2{
		display: flex;
		flex-wrap: wrap;
	}
	.lxwm_down3 {
	    width: 100%;
	    margin-right: 0;
	    margin-top: 25px;
	}
	.lxwm_down3_1 {
	    margin-bottom: 5px;
	    font-size: 16px;
	}
	.lxwm_down3_1 span{
		font-size: 20px;
	}
	.lxwm_down3_2{
		font-size: 14px;
	}
	.lxwm_down4 {
	    height: 40px;
	    border-radius: 5px;
	    font-size: 14px;
	    margin-top: 20px;
	}
	.titt_box {
	    padding: 15px 0;
	    font-size: 16px;
	}
	.searchjg_bo {
	    margin-bottom: 50px;
	}
	.searchjg_bo1 {
	    margin-top: 35px;
	    font-size: 20px;
	}
	.searchjg_bo2 {
	    height: 45px;
	    margin-top: 35px;
	}
	.searchjg_bo3 {
	    margin-top: 40px;
	    display:flex;
		flex-wrap: wrap;
	}
	.searchjg_bo3_1 {
	    width: 49.5%;
	    padding: 15px;
	}
	.searchjg_bo3_1:nth-child(2n){
		margin-right: 0;
	}
	.searchjg_bo3_2 {
	    height: 130px;
	}
	.searchjg_bo3_3 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.proli_bo {
	    margin: 35px auto;
	}
	.proli_bo1_1{
		font-size: 20px;
	}
	.proli_bo1_2 {
	    width:45px;
	    margin-top: 10px;
	}
	.proli_bo2 {
	    margin-top: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.proli_bo2_1{
		width: 100%;
	}
	.proli_bo2_1_1{
		font-size: 14px;
	}
	.proli_bo2_1_2 {
	    font-size: 14px;
	    margin-top: 30px;
	}
	.proli_bo2_2 {
	    width: 60%;
	    margin-left: 0;
		margin-top: 20px;
	}
	.proli_bo2_2_1 {
	    width: 25px;
	    height: 200px;
	}
	.proli_bo2_2_2 {
	    border: 6px solid #E8E9ED;
	    width: calc(100% - 25px);
	    height: 170px;
	    margin: 15px 0;
	}
	.proli_bo3 {
	    /*margin-top:30px;*/
		display: flex;
		flex-wrap: wrap;
	}
	.proli_left {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.proli_lea {
	    height: 40px;
	    line-height: 40px;
	    font-size: 18px;
	}
	.proli_lec {
	    padding: 10px 0;
	}
	.proli_lec1{
		font-size: 16px;
	}
	.proli_led1{
		margin-top: 10px;
	}
	.proli_right{
		width: 100%;
	}
	.proli_list{
	    margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.proli_li {
	    border-radius: 5px;
	    width: 49%;
	    margin-bottom: 10px;
	    padding: 15px;
	}
	/*.proli_li:nth-child(3n){*/
	/*	margin-right: 2%;*/
	/*}*/
	.proli_li:nth-child(2n){
		margin-right: 0;
	}
	.proli_li1{
		height: 130px;
	}
	.proli_li2 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.inde_newpro {
    margin: 20px auto;
}
.inde_newpro1 {
    font-size: 20px;
}
.inde_newpro2 {
    margin-top: 10px;
}
.inde_newpro2 .swiper{
    width: 100%;
}
.inde_newpro3 {
    padding: 10px;
}
.inde_newpro3_1 {
    height: 110px;
}
.inde_newpro3_2{
    font-size: 14px;
}
.inde_newpro3_3{
    font-size: 12px;
}
.inde_service1{
    display: flex;
    flex-wrap: wrap;
}
.inde_service2 {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
}
.inde_service2_2 {
    padding: 15px 10px;
}
.inde_service2_3{
    font-size: 14px;
}
.inde_service2_4{
        margin-top: 10px;
    font-size: 12px;
}
.inde_suppor{
    width: 49%;
    margin-top: 20px;
}
.inde_suppor:nth-child(2n){
    margin-right: 0;
}
.inde_suppor1 {
    height: 120px;
}
.inde_suppor2{
    padding: 15px 10px;
}
.inde_suppor2_1{
        font-size: 14px;
}
.inde_suppor2_2{
    margin-top: 5px;
        font-size: 12px;
}

}