@media screen and (min-width: 1200px){
	.banner:hover .swiper-button-prev,
	.banner:hover .swiper-button-next{
		opacity: 0.5;
	}
}
@media screen and (max-width: 1200px){
	.head{
		width: 96%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.bodybox .header .logo img{
		display: block;
	}
	.head_r{
		width: auto;
	}
	.head_rb{
		width: 100%;
		margin-top: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav{
		width: calc(100% - 100px);
	}
	.nav ul li{
		width: auto;
		height: auto;
		padding: 5px 15px;
	}
	.nav ul li a{
		white-space: nowrap;
	}
	.nav ul{
		display: flex;
		align-items: center;
	}
	.search{
		margin-left: 30px;
	}
	.head>.clear{
		display: none;
	}
	.mainB,
	.mainB h3,
	.mainB_con,
	.mainA,
	.mainA h3,
	.mainA_con,
	.mainC h3,
	.mainC .js,
	.mainC_con,
	.fw_con,
	.mainD,
	.mainD h3,
	.mainD .js,
	.mainD_con,
	.foot_t,
	.foot_bt,
	.content{
		width: 96%;
	}
	.move_2_3{
		display: none;
	}
	.lx_list{
		display: flex;
		flex-wrap: wrap;
	}
	.lx_list li{
		width: 25%;
		margin-bottom: 2%;
	}
	.lx_list li .ppp{
		width: 80%;
	}
	.mainC{
		height: auto;
		background-size: cover;
		padding: 30px 0;
	}
	.fw_con{
		display: flex;
		justify-content: space-between;
		gap: 2%;
		flex-wrap: wrap;
	}
	.fw_con li{
		width: 32%;
		margin-right: 0;
		display: flex;
		justify-content: space-between;
	}
	.fw_img{
		width: 40%;
	}
	.fw_con .se_con{
		width: 57%;
	}
	.se_con .ppp{
		width: 100%;
		height: 100px;
		overflow: hidden;
	}
	.fw_con li .clear{
		display: none;
	}
	.xw_con{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 2%;
	}
	.xw_con li{
		width: 32%;
		margin-right: 0%;
	}
	.xw_con .clear{
		display: none;
	}
	.xw_cont .spann{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.xw_cont .ppp{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		padding-bottom: 0;
		margin-bottom: 15px;
		height: auto;
	}
	.ph-product-container{
		display: block;
	}
	.content_l{
		width: 20%;
	}
	.left_b{
		width: 100%;
	}
	.left_b li{
		width: 100%;
	}
	.left_b li a{
		width: 100%;
	}
	.left_b .ul_er dd{
		width: 100%;
		box-sizing: border-box;
	}
	.left_b .ul_er dd a{
		width: 100%;
		box-sizing: border-box;
	}
	.content_r{
		width: 74%;
	}
	.rb_list{
		flex-wrap: wrap;
		display: flex;
		gap: 5%;
	}
	.rb_list li{
		width: 30%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.cp_img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		overflow: hidden;
	}
	.cp_img img{
		object-fit: cover;
		object-position: center;
	}
	.rb_list li span{
		width: 100%;
	}
	.foot_tl{
		width: 20%;
	}
	.foot_tr{
		width: 71%;
	}
	.foot_tr dl{
		width: 33%;
		padding-left: 25px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 1000px){
	.small_s{
		height: auto;
		background-size: cover;
		padding-bottom: 30px;
	}
	.ggy{
		width: 96%;
	}
	.imagesl{
		left: 0px;
	}
	.imagesr{
		top: auto;
		left: auto;
		bottom: 0;
		right: 0;
	}
}
@media screen and (max-width: 960px){
	.header{
		position: relative;
	}
	.head_rb{
		flex-wrap: wrap;
	}
	.head_r{
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 99;
		background-color: #ffffff;
		width: 100%;
		border-top: 1px solid #e1e1e1;
	}
	.head_r.is-show{
		display: block;
		background-color: rgba(255, 255, 255, 1.0);
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	}
	.country_lg{
		width: 100%;
		text-align: center;
	}
	.country_lg a{
		display: block;
		margin-left: 0;
		line-height: 2;
	}
	.nav{
		width: 100%;
		margin: 0;
	}
	.nav ul{
		flex-wrap: wrap;
	}
	.nav ul li{
		width: 100%;
	}
	.search{
		width: 100%;
		margin-left: 0;
	}
	.search>img{
		display: none;
	}
	.avia-search-tooltip{
		display: block;
		position: relative;
		margin-left: 0;
		width: 100%;
		top: 0;
		box-sizing: border-box;
	}
	#searchform>div{
		max-width: 100%;
	}
	#s{
		width: calc(100% - 48px);
		box-sizing: border-box;
	}
	.avia-search-tooltip .avia-arrow-wrap{
		display: none;
	}
	.phone-menu{
		display: block;
	}
	.banner .swiper-thumbs{
		display: none;
	}

	.lx_list li{
		width: 50%;
	}
	.fw_con li{
		width: 49%;
		margin-bottom: 4%;
	}
	.xw_con li{
		width: 49%;
		margin-bottom: 4%;
	}
	.content{
		display: flex;
		flex-direction: column-reverse;
		margin-top: 20px;
	}
	.content_l{
		margin-top: 5%;
		width: 100%;
	}
	.content_r{
		width: 100%;
	}
	.content_rt{
		padding-bottom: 0;
	}
	.content_rt h3{
		display: none;
	}
	.content_rt span{
		float: initial;
		line-height: 1.4;
	}
	.rb_list{
		gap: 4%;
	}
	.rb_list li{
		width: 48%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.cp_img img{
		max-height: 100%;
	}
	.prodet-slide{
		width: 100%;
	}
	.prodet-slide .gallery-top{
		width: 100%;
	}
	.prodet-slide .gallery-thumbs{
		margin-top: 10px;
		width: 100%;
	}
	.prodet-slide .gallery-thumbs .swiper-slide{
		width: 98px;
	}
	.xq_Bt{
		height: auto;
	}
	.box_style .input_bor{
		width: calc(100% - 10px);
	}
	.prodet-title{
		display: block;
	}
	.prodet-slide .gallery-top .swiper-slide{
		height: auto;
	}
	.foot_t{
		display: flex;
		flex-direction: column-reverse;
	}
	.foot_tl{
		margin-top: 5%;
		width: 100%;
	}
	.foot_tr{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.foot_tr dl{
		padding-left: 0;
		width: 50%;
		border-left: 0;
		margin-bottom: 20px;
	}
	.search01{
		width: 100%;
	}
	.foot_bt{
		height: auto;
		padding: 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.foot_bp,
	.foot_bp01{
		text-align: center;
		line-height: 1.4;
	}
	.news_list ul li{
		display: flex;
		flex-direction: row-reverse;
	}
	.news_list ul li span{
		width: 80px;
	}
	.news_list ul li a{
		width: calc(100% - 90px);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.contact-con{
		flex-direction: column-reverse;
	}
	.contact-left,
	.contact-right{
		width: 100%;
	}
	.contact-left{
		margin-top: 40px;
	}
	.table-responsive {
		overflow-x: auto;
	}
	.table-responsive table{
		width: 600px;
	}
	.param_list ul li .param_val span{
		width: 100%;
	}
	.materials .content_l{
		display: block;
	}
	.gy_rb table tr td{
		width: 100%!important;
		display: block;
	}
}
@media screen and (max-width: 500px){
	.fw_con li{
		width: 100%;
	}
	.xw_con li{
		width: 100%;
	}
	/*.rb_list{
		gap: 0;
	}
	.rb_list li{
		width: 100%;
	}*/
	.foot_tr dl{
		padding-left: 0;
		width: 100%;
		border-left: 0;
		margin-bottom: 20px;
	}
}