@media only screen and (min-width: 320px) and (max-width: 740px) {
	.content ul li{margin-bottom: 0.18rem;}
			}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.18rem),1fr));
		    grid-gap: 0 0.18rem;}
			}
@media only screen and (min-width: 1200px)  {
.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.18rem),1fr));
		    grid-gap: 0 0.18rem;}
			}	
	.banner{background: url(../images/contactbanner.webp) no-repeat;background-size: cover;padding: 1.57rem 0 1.32rem 0;}
	.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{padding: 0.62rem 0 0 0;}
	.content h1{font-weight: 900;font-size: 0.4rem;color: #333333;text-align: center;}
	.content p{color: #BFBFBF;text-align: center;font-size: max(12px, 0.15rem);margin-bottom: 0.29rem;}
	
	.content ul li{background: #F2F2F2;text-align: center;padding: 0.26rem 0 0.31rem 0;}
	.content ul li i{font-size: 0.5rem;color: #333333;}
	.content ul li div{font-size: max(12px, 0.18rem);color: #333333;margin: -0.13rem 0 0 0;}
	.content ul li span{font-size: max(12px, 0.18rem);color: #5a5a5a;}
	.content #map-canvas{width: 100%;height: 3.12rem;margin-top: 0.12rem;}