@media only screen and (min-width: 320px) and (max-width: 740px) {
	.content .slider{margin-bottom: 0.3rem;padding:0.1rem 0;display:none;}
	.content .pro {padding:0 0 0.2rem 0;}
	.content .pro ul li{margin-bottom: 0.2rem;}
			}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
	.content .bx{display: flex;}
	.content .slider{width: 3.32rem;flex-shrink: 0;margin-right: 0.28rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.2rem),1fr));
		    grid-gap: 0.44rem 0.2rem;}
			}
@media only screen and (min-width: 1200px)  {
	.content .bx{display: flex;}
	.content .slider{width: 3.32rem;flex-shrink: 0;margin-right: 0.28rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.2rem),1fr));
		    grid-gap: 0.44rem 0.2rem;}
			}	
	.banner{background: url(../images/bannerproducts.webp) no-repeat;background-size: cover;padding: 1.69rem 0 1.47rem 0;}
	.banner h1{color: #fff;font-size: 0.67rem;margin-bottom: -0.05rem;}
	.crumbs {font-size: max(12px, 0.18rem);color: #FFFFFF;}
	.crumbs a{font-size: max(12px, 0.18rem);color: #FFFFFF;}
	.content {padding: 0.88rem 0;background: #F2F2F2;}
	.content .slider {background: #fff;box-shadow: 3px 3px 6px 1px rgba(125, 125, 125, 0.7);border-radius: 5px;}
	.content .slider h2{font-size: max(20px, 0.26rem);color: #5A5A5A;padding: 0.1rem 0.36rem;font-weight: 400;}
	.content .slider ul li a{font-size: max(16px, 0.2rem);color: #5A5A5A;display: block;font-weight: 600;border-top: 1px solid #5A5A5A;padding: 0.14rem 0.36rem;}
	.content .slider .lx{margin-top: 0.43rem;}
	.content .slider .lx a{display: block;text-align: center;border: 2px solid #FF8400;color: #FF8400;margin: 0.1rem 0.36rem;
	font-size: max(14px, 0.18rem);padding: 2px 0.15rem;font-weight: bold;}
	.content .slider .lx i{font-size: max(20px, 0.35rem);vertical-align: middle;margin-right: 0.1rem;font-weight: 400;}
	.content .slider .lx a:hover{background: #FF8400;color: #fff;}
	.content .slider ul li a:hover{color: #FF8400;}
	.content .pro {width: -webkit-fill-available;background: #fff;box-shadow: 3px 3px 6px 1px rgba(125, 125, 125, 0.3);border-radius: 5px;}
	.content .pro h3{font-size: max(20px, 0.26rem);color: #FF8400;border-bottom: 1px solid #5A5A5A;padding: 0.2rem 0.28rem;font-weight: 400;}
	.content .pro ul{padding: 0.3rem 0.28rem;}
	.content .pro ul li {border: 1px solid #BFBFBF;box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.43);border-radius: 5px;padding: 0.08rem 0.21rem;}
	.content .pro ul li img{width: 100%;height: auto;}
	.content .pro ul li h4{font-weight: 400;font-size: max(14px, 0.18rem);padding: 0.05rem 0;
	color: #333333;}
	.content .pro ul li:hover h4{text-decoration-line: underline;color: #FF8400;}
	
	
	.pagination{text-align:center;margin:3% 0;line-height:23px;}
	.pagination span, .pagination a{font-size:14px;margin:2px 6px 2px 0;background:#fff;border:1px solid #FF8400;color:#FF8400;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#FF8400;color:#fff;}
	.pagination .current{background:#FF8400;border:1px solid #FF8400;color:#fff;font-size:14px;padding:6px 10px;}