@media only screen and (min-width: 320px) and (max-width: 740px) {
	.content li img{width: 100%;height: auto;}
 			}					
 @media only screen and (min-width: 741px) and (max-width:1200px) {	
	
	.content li{display: flex;}
	.content li img{width: 50%;height: auto;}
 			}
 @media only screen and (min-width: 1200px)  {					
	
	.content li{display: flex;}
	.content li img{width: 50%;height: auto;}
 			}	
	
	.banner{background: url(../images/bannerservices.webp) no-repeat;background-size: cover;padding: 1.57rem 0 1.32rem 0;margin-bottom: 0.6rem;}
	.banner h1{color: #F0F2F3;font-size: 0.67rem;}
	.crumbs {font-size: max(12px, 0.18rem);color: #699D3E}
	.crumbs a{font-size: max(12px, 0.18rem);color: #FFFFFF;}
	.content li {margin-bottom: 0.44rem;}
	.content li img{display: block;}
	.content li .text{background: #F2F2F2;color: #5A5A5A;padding: 0.38rem 0.6rem;display: flex;flex-direction: column;justify-content: space-between;}
	.content li .text .iconfont{font-size: 0.55rem;}
	.content li .text h3{font-size: max(16px, 0.24rem);font-weight: 400;margin: -0.1rem 0 0.25rem 0;}
	.content li .text p{font-size: max(12px, 0.16rem);}
	.content li .text a{font-size: max(12px, 0.14rem);color: #5A5A5A;}
	.content li :hover a{color: #699D3E;}