.banBox,.ban_wrapper,.floor1,.pro_wrapper,.banTit,.banDescP{  width: 100%; height: auto; }
.banBox{  background: #15524D; }
.ban_wrapper,.pro_wrapper{ max-width: 100%; margin: 0 auto; }
.ban_wrapper{ position: relative;}
.banBox .banner{ height:410px; }
.banInfo{ position:absolute; left:0; top:50%; z-index:1; margin-top:-110px; background: rgba(255,255,255,0.3); border-radius: 15px;
width: 100%; height:220px; overflow:hidden; display: flex; align-items: center; }
.banImg{ width: 86px; margin-left:120px; }
.banDesc{ flex: 1; margin-left: 40px; }
.banTit{ font-size: 55px; font-weight:600; line-height: 60px;  color: #D2D3DA; }
.banDescP{ font-size: 90px; font-weight:600; line-height: 110px;  color: #043632}

.pro_wrapper{ height: 404px;}
.pro_wrapper ul{ height: 282px;  margin-top: 61px; }
.pro_wrapper li{ width:25%; height: 282px; float: left; position: relative; 
 display: flex; align-items: center; justify-content: center; }
.pro_wrapper li img{ max-width:280px; max-height: 282px; margin: 0 auto; object-fit: cover;
 filter: drop-shadow(10px 10px 20px #000);
}

.pro_img{ display:block; width:80%; height: auto; margin: 0 auto; }


.in_ban,.in_banimg{ max-width:100%; width:100%; height:410px; margin: 0 auto; }
.pro_imgx{ display:block; max-width:100%;  width:100%; height: auto; margin: 0 auto; }


@media (max-width:480px) {
	
	
}

@media (min-width:480px) and (max-width:1024px) {
	
}

@media (min-width:1200px)) {	
	
}