@media only screen and (min-width: 320px) and (max-width: 740px) {
    .banner .wenzi{position: absolute;top: 10%;left: 15.6%;}
	.content .pros ul li{width: 100%;}
	
    			}					
    @media only screen and (min-width: 741px) and (max-width:1200px) {	
    .banner .wenzi{position: absolute;top: 25%;left: 15.6%;}
	.content .pros ul li{width: 31.2%;}
	
    			}
    @media only screen and (min-width: 1200px)  {					
    .banner .wenzi{position: absolute;top: 37%;left: 18.5%;}
	.content .pros ul li{width: 31.2%;}
    			}	
	.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.46rem 0 0.28rem 0;}
	.content h2{font-size: 0.4rem;font-weight: bold;color: #292929;text-align: center;}
	.content .ms{font-size: 0.16rem;color: #292929;margin:0.22rem 0 0.52rem 0;line-height: 0.28rem;text-align: center;}
	.content .ms a{color: #31B503;font-style: italic;}
	.content .pros{background: #fff;}
	.content .pros .bt{display:flex;justify-content:space-between;}
	.content .pros .bt a{display:block;background: #eeeeee;margin-bottom: 0.31rem;font-size: 0.28rem;color:#D8842A;padding: 0.15rem 0.15rem 0 0;}
	.content .pros h3{font-size: 0.28rem;font-weight: 900;color: #D8842A;margin-bottom: 0.31rem;display: flex;width: -webkit-fill-available;}
	.content .pros h3 i{display: block; margin-right: 4px;padding: 0.05rem 0.07rem 0 0.07rem; background: #eeeeee;font-size: 0.46rem;font-weight: 400;}
	.content .pros h3 span{background: #eeeeee;display: block;width: -webkit-fill-available;padding: 0.16rem 0 0 0.17rem;}
	.content .pros ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.content .pros ul li{margin-bottom: 0.43rem;border-bottom: 1px dashed #afafaf;}
	.content .pros ul li img{width: 100%;height: auto;margin-bottom: -5px;}
	.content .pros ul li h5{font-size: 0.2rem;font-weight: bold;color: #292929;text-align: center;padding: 0.18rem 0 0.05rem 0;}
	.content .pros ul li p{padding:0 0 0.32rem 0;font-size: 0.16rem;color: #292929;line-height: 0.24rem;}
	.content .pros ul li .proimg{position: relative;}
	.content .pros ul li .proimg .zz{display: none;width: 100%;height: 100%; position: absolute;top: 0;left: 0;text-align: center;background: rgba(0,0,0,0.8);}
	.content .pros ul li .proimg .zz i{color: #fff;font-size: 0.4rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.content .pros ul li:hover .zz{display: block;}
	.content .pros ul li:hover h5{color: #D8842A;}
	.pagination{text-align:center;margin:3% 0;line-height:23px;}
	.pagination span, .pagination a{font-size:14px;margin:2px 6px 2px 0;background:#fff;border:1px solid #008148;color:#008148;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#008148;color:#fff;}
	.pagination .current{background:#008148;border:1px solid #008148;color:#fff;font-size:14px;padding:6px 10px;}