img {
    max-width: 100%;
}


@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 12.8px;
	}
	
}
@media only screen and (max-width:1180px) {
	html{
		font-size: 11.8px;
	}
	
}
@media only screen and (max-width:1000px) {
	h2{
		font-size: 35px !important;
	}
	h3{
		font-size: 20px !important;
	}
	h4{
		font-size: 18px !important;
	}
	p,
	h5,
	h6{
		font-size: 17px !important;
	}
	
	.wrap {
		width: auto;
		padding: 0 15px;
	}
	html{
		font-size: 14px;
	}
	
	.layout{
		overflow: hidden;
		padding-top: 65px;
	}
	.header{
		position: fixed;
		left: 0;right: 0;
		top: 0;
	}
	.header .logo a,
	.header .wrap{
		height: 65px;
	}
	.product .hd{
		padding: 40px 0;
		background-size: auto 100% !important;
	}
	.tab ul{
		white-space: nowrap;
		display: block;
		overflow-x: scroll;
	}
	.tab ul li{
		display: inline-block;
	}
	.tab ul li a{
		font-size: 16px;
	}
	.porlist ul{
		display: block;
	}
	.porlist ul li{
		width: auto;
		margin: 0 0 35px 0;
	}
	.porlist ul li .pic{
		height: auto;
	}
	.footer{
		margin: 20px 0 0;
	}
	.footer .flax .lts ul,
	.footer .flax{
		display: block;
	}
	.footer .flax .lts ul li{
		border: none !important;
		margin: 0;padding: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.footer .flax .rts li a{
		margin: 0 8px;
		width: 80%;
		height: 100%;
	}
	.footer .flax .rts ul{
		justify-content: center;
	}
	.footer .flax .rts li a img{
		width: 100%;height: 100%;
	}
	.maks li{
		width: auto;
		margin: 0 20px;
	}
	.pordel .wrap{
		padding-top: 0;
	}
	.pordel .txt{
		float: none;
		margin: 0;
		width: auto;
		position: static;
		padding-top: 20px;
	}
	.pordel .pics{
		float: none;
		width: auto;
		padding-top: 40px;
	}
	.pordel .txt h1{
		font-size: 18px;
	}
	.pordel .txt p{
		margin-top: 20px;
	}
	.pordel .pics::before{
		font-size: 60px;
	}
	.mtit{
		font-size: 20px;
	}
	
	
	
	
}