@media only screen and (min-width: 320px) and (max-width: 750px) {
		.pro ul li {margin-bottom: 0.2rem;}
		.pro ul li h3{width: 53% !important;}
		.no .spr{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 23px),1fr));
		    grid-gap: 0 23px;margin-bottom: 15px;}
		.no .spr li img{width: 100%;height: auto;}
		.no .text .heng{display: none;}
		.no .text li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #E9E9E9;padding: 10px 0;}
		.no .text li:last-of-type{border-bottom: none !important;}
		.no .bx{width: -webkit-fill-available !important;padding: 0 20px;}
		.no .text li p{width: 46.3%;}
		.vr{width: 100%;height: 220px;}
					}					
		@media only screen and (min-width: 751px) and (max-width:1200px) {	
			.pro ul{display: grid;grid-template-columns: 30.17% 33.33% 33.33%;grid-template-rows: auto auto;gap: 20px;}
			.pro ul .item1 {grid-row: 1 / 3;}
			.pro ul .item2 {grid-column: 2 / 4;}
			.no .spr{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.5rem),1fr));
			    grid-gap: 0 0.5rem;margin-bottom: 5px;}
			.no .spr li img{width: 60.95%;height: auto;}
			.no .text{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.5rem),1fr));
			    grid-gap: 0 0.5rem;}
			.vr{width: 100%;height: 6.2rem;}
					}
		@media only screen and (min-width: 1200px)  {
		.pro ul{display: grid;grid-template-columns:30.17% 33.33% 33.33%;grid-template-rows: auto auto;gap: 20px;}
		.pro ul .item1 {grid-row: 1 / 3;}
		.pro ul .item2 {grid-column: 2 / 4;}
		.no .spr{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.5rem),1fr));
		    grid-gap: 0 0.5rem;margin-bottom: 5px;}
		.no .spr li img{width: 60.95%;height: auto;}
		.no .text{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.5rem),1fr));
		    grid-gap: 0 0.5rem;}
			.vr{width: 100%;height: 6.2rem;}
					}	
		.white{background: rgba(105,95,86,0.6);position: fixed; width: 100%;left: 0;top: 0;transition: all .5s ease;z-index: 999;}
	.pro{margin: 0.32rem 0 0.58rem 0;}
	.pro h2{font-weight: 800;color: #596D7E;font-size: 0.48rem;}
	.pro p{color: #666;font-size: max(12px, 0.16rem);margin: -0.03rem 0 0.15rem 0;}
	.pro ul li img{display: block;width: 100%;height: 100%;}
	.pro ul li{position: relative;}
	.pro ul li h3{padding: 0.09rem 0.77rem 0.09rem 0.16rem; position: absolute;bottom: 0.3rem;left: 0;width: 2.27rem;font-size: max(14px, 0.2rem);color: #fff;background: linear-gradient(
    to right, rgba(188, 163, 139, 0.63) 0%, rgba(188, 163, 139, 0.33) 50%,rgba(188, 163, 139, 0) 100%);display: flex;justify-content: space-between;align-items: center;}
	.pro ul li h3 i{font-weight: 400;font-size: 20px;}
	.no {margin: 0.53rem 0 0.78rem 0;}
	.no .text h3{font-size: max(16px, 0.24rem);color: #333;}
	.no .text .heng{width: 50px;height: 5px;background: #333333;margin: 0.1rem 0 0.22rem 0;}
	.no .text p{font-size: max(12px, 0.18rem);color: #333;}
	.vr{display: block;}