@media only screen and (min-width: 320px) and (max-width: 740px) {
    	.banner .wenzi{position: absolute;top: 10%;left: 15.6%;}
.content .service .inv,.content .service img{width: 100% !important;}
.content .service .inv{padding: 0.29rem 0;}
.content .service {margin-bottom: 0.2rem;}
    			}					
    @media only screen and (min-width: 741px) and (max-width:1200px) {	
    	.banner .wenzi{position: absolute;top: 25%;left: 15.6%;}
.content .service:nth-of-type(2n-1) .inv{width: 40.7%;padding: 0.29rem 0.82rem 0 0.24rem;}
	.content .service:nth-of-type(2n) .inv{width: 39%;padding: 0.29rem 0.37rem 0 0.82rem;}
    			}
    @media only screen and (min-width: 1200px)  {					
    	.banner .wenzi{position: absolute;top: 37%;left: 18.5%;}
	.content .service:nth-of-type(2n-1) .inv{width: 41.16%;padding: 0.29rem 0.82rem 0 0.24rem;}
	.content .service:nth-of-type(2n) .inv{width: 40%;padding: 0.29rem 0.37rem 0 0.82rem;}
    			}	
	.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.6rem 0 1.02rem 0;}
    .content .service{display: flex;flex-wrap: wrap;}
	.content .service img{width: 50%;height: auto;}
	.content .service .inv div{font-size: 0.39rem;color: #292929;}
    .content .service .inv h1{font-size: 0.4rem;color: #292929;margin: -0.09rem 0 0.13rem 0;}
	.content .service .inv p{font-size: 0.16rem;color: #292929;line-height: 0.24rem;margin-bottom: 0.3rem;}
	.content .service .inv a{font-size: 0.17rem;color: #D8842A;border: 1px solid #D8842A;padding: 7px 0.28rem;}
	.content .service .inv a i{font-size: 0.25rem;vertical-align: middle;}
	.content .service .inv a:hover{background: #D8842A;color: #fff;}