@media only screen and (min-width: 320px) and (max-width: 750px) {
	.content .slider{margin-bottom: 0.3rem;}
	.content .pro ul li{margin-bottom: 0.3rem;}
					}					
	@media only screen and (min-width: 751px) and (max-width:1200px) {	
	.content .bx{display: flex;align-items: flex-start;}
	.content .slider{width: 2.4rem;flex-shrink: 0;margin-right: 0.6rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.3rem),1fr));
		    grid-gap: 0.3rem 0.3rem;}
				}
	@media only screen and (min-width: 1200px)  {
	.content .bx{display: flex;align-items: flex-start;}
	.content .slider{width: 2.4rem;flex-shrink: 0;margin-right: 0.6rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.3rem),1fr));
		    grid-gap: 0.3rem 0.3rem;}
				}	
	.crumbs{font-size: max(12px, 0.16rem);color: #666666;}
	.crumbs a{color: #666666;}
	.content {padding: 0.44rem 0;}
	.content .slider{border: 1px solid #F4F4F4;}
	.content .slider h2{font-size: max(18px, 0.2rem);background: #F4F4F4;color: #333333;padding: 0.09rem 0.21rem;}
	.content .slider ul{padding: 3px 0.2rem;}
	.content .slider ul li a{font-size: 16px;color: #999;display: block;border-bottom: 1px solid #ECECEC;padding: 0.14rem 0;}
	.content .slider ul li:last-of-type a{border: none !important;}
	.content .slider ul li a:hover{color: #F3981B;font-weight:bold;}
	.content .pro {width: -webkit-fill-available;}
	.content .pro .dh{display: flex;justify-content: space-between;align-items: center;padding: 8px 0;margin-bottom: 0.3rem;
	border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;}
	.content .pro h3{font-size: max(18px, 0.2rem);color: #333333;margin-left: 0.19rem;}
	.content .pro ul li{background: #F4F4F4;padding-bottom: 0.29rem;}
	.content .pro ul li img{width: 100%;height: auto;display: block;}
	.content .pro ul li h4{font-weight: 400;font-size: 18px;color: #333333;text-align: center;margin-bottom: 0.2rem;}
	.content .pro ul li span{border-radius: 10px;border: 1px solid #333333;display: block;font-size: 14px;color: #333;
	width: 130px;margin: 0 auto;text-align: center;padding: 7px 0;}
	.content .pro ul li span i{display: inline-block;width: 0;height: 0;margin-left: 5px;vertical-align: middle;
  border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 6px solid #333;}
  .content .pro ul li:hover span{border: 1px solid #F3981B;color: #F3981B;}
   .content .pro ul li:hover span i{border-left: 6px solid #F3981B;}