@media only screen and (min-width: 320px) and (max-width: 750px) {
	.lf .text,.lf img{width: 100%;}
					}					
	@media only screen and (min-width: 751px) and (max-width:1200px) {	
	.lf{display: flex;}
	.lf .text,.lf img{width: 50%;}
	.about p{width: 48.33%;}
				}
	@media only screen and (min-width: 1200px)  {
	.lf{display: flex;}
	.lf .text,.lf img{width: 50%;}
	.about p{width: 48.33%;}
				}	
	.crumbs{font-size: max(12px, 0.16rem);color: #666666;}
	.crumbs a{color: #666666;}
	.bx h1{font-weight: 400;font-size: max(18px, 0.24rem);color: #333333;margin: 0.2rem 0 0.3rem 0;}
	
	.lf img{display: block;height: auto;}
	.lf .text {background: #E7E7E7;}
	.lf .text ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.5rem),1fr));
		    grid-gap: 0.58rem 0.5rem;padding: 0.58rem 0.5rem}
	.lf .text ul li {text-align: center;}
	.lf .text ul li span{font-size: 12px;color: #333333;}
	.lf .text ul li span b{font-size: max(26px, 0.32rem);color: #F39719;}
	.lf .text ul li div{font-size: 14px;color: #333333;}
	.about{display: flex;justify-content: space-between;margin: 0.35rem 0;}
	.about p{font-size: max(12px, 0.16rem) ;color: #333333;text-align: justify;}
	.about p span{text-indent: 1em;display: block;}
	.cert {padding-bottom: 0.23rem;}
	.cert  h2{text-align: center;font-size: max(18px, 0.26rem);color: #333333;margin: 0.28rem 0;}
	.cert img{display: block;width: 100%;height: auto;}