@media only screen and (min-width: 320px) and (max-width: 740px) {
	.banner .wenzi{position: absolute;top: 25%;left: 3.6%;}
	.content ul li{width: 100%;margin-bottom: 0.3rem;padding-bottom: 0.3rem !important;}
				}					
	@media only screen and (min-width: 741px) and (max-width:1200px) {		
	.banner .wenzi{position: absolute;top: 34%;left: 10.6%;}
	.content ul li{width: 22.58%;}
				}
	@media only screen and (min-width: 1200px)  {	
	.banner .wenzi{position: absolute;top: 37%;left: 18.5%;}
	.content ul li{width: 22.58%;}
				}	
	.banner {position: relative;}
	.banner img{width: 100%;height: auto;}
	.banner .wenzi h1{font-size: 0.45rem;color: #fff;}
	.crumbs{font-size: 0.16rem;color: #45AEAA;padding: 0.09rem;margin-bottom: 0.41rem;}
	.crumbs a{color: #292929;}
	.crumbs span{color: #292929;}
	.content{padding-bottom: 0.32rem;}
	.content h1{font-size: 0.45rem;color: #292929;text-align: center;}
	.content .heng4{width: 0.89rem;background: #bfbfbf;margin: 0.12px auto 0.1rem auto;height: 5px;}
	.content p{font-size: 0.18rem;color: #292929;margin-bottom: 0.45rem;text-align: center;}
	.content ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.content ul li{border: 1px solid #039192;border-radius: 5px;padding: 0.25rem 0 0.05rem 0;}
	.content ul li a{display: block;color: #292929;font-size: 0.16rem;text-align: center;padding: 0 0.2rem;}
	.content ul li .ic{font-size: 0.16rem;margin-bottom: 0.16rem;}
	.content ul li .ic i{font-size: 0.37rem;vertical-align: middle;margin-right: 0.14rem;}
	.content ul li:hover a{color: #039192;}
	#map-canvas{width: 100%;height: 2.48rem;margin: 0.88rem 0 0 0;}
	
	