@media only screen and (min-width: 320px) and (max-width: 740px) {
    .banner .wenzi{position: absolute;top: 10%;left: 15.6%;}
	.content ul{flex-wrap: wrap;}
	.content ul li{width: 100%;}
	.content ul .shu{display: none;}
    			}					
    @media only screen and (min-width: 741px) and (max-width:1200px) {	
    .banner .wenzi{position: absolute;top: 25%;left: 15.6%;}
    			}
    @media only screen and (min-width: 1200px)  {					
    .banner .wenzi{position: absolute;top: 37%;left: 18.5%;}

    			}	
	.banner {position: relative;}
	.banner img{width: 100%;height: auto;}
	.banner h1{font-size: 0.5rem;color: #fff;}
	.banner .crumbs{font-size: 0.15rem;color: #D8842A;}
	.banner .crumbs a{color: #fff;}
	.content {padding: 0.45rem 0 0.69rem 0;}
    .content h1{font-size: 0.45rem;color: #292929;text-align: center;}
	.content p{color: #292929;font-size: 0.18rem;text-align: center;margin: 3px 0 0.41rem 0;}
	.content ul{display: flex;justify-content: space-between;align-items: center;}
	.content ul li{text-align: center;}
	.content ul li i{font-size: 0.45rem;color: #292929;}
	.content ul li h6{font-size: 0.23rem;color: #292929;}
	.content ul li a{font-size: 0.23rem;color: #292929;}
	.content ul .shu{width: 1px;height: 1.28rem;background: #D2D2D2;}
	#map-canvas{width: 100%;height: 2.48rem;margin-top: 0.65rem;}
	.content ul li:hover a{color: #D8842A;}