.top-wraps{max-width:960px;height:198px;margin:0 auto 100px;position:relative;top:-30px;box-shadow:2px 5px 16px #dedede;background:#fff;}
.ulf{display:flex;justify-content:space-between;}
ul.ulf li{text-align:center;width:25%;border-left:1px solid #f5f5f5;height:198px;padding-top:48px;cursor:pointer;transition:.6s all;}
ul.ulf li:first-child{border-left:none;}
ul.ulf li p{font-size:16px;margin-bottom:0px;margin-top:26px;}
ul.ulf li span{font-size:12px;}
ul.ulf li:hover{background:#057077;}
ul.ulf li:hover p,ul.ulf li:hover span{color:#ffffff;}
ul.ulf li.active{background:#057077;}
ul.ulf li.active p,ul.ulf li.active span{color:#ffffff;}
.none{border:none;padding:0;}
.none .tit{border-bottom:1px solid #dedede;height:30px;position:relative;}
.tit a{position:absolute;top:1px;right:3px;color:#c5c4c4;}
.jz_case{margin-top:18px;}
.jz_case ul li img{width:100%;height:196px;}
.jz_case ul li{margin-bottom:17px}
@media (min-width:1440px){
	.top-wraps{margin-bottom:70px;}
	.public-right{width:23%;}
	.top-wrap{padding:0 7% 10%;}
	.public-left-con ul li .wdec-con{width:55%;}
	.public-left-con ul.greenhome li:hover{background:#ffffff;color:#000000;box-shadow:4px 5px 11px #dedede;}
	.public-left-con ul.greenhome li:hover h4{color:#1a1a1a;}
	.public-left-con ul.greenhome li:hover .dec{color:#595959;}
	.public-left-con ul.greenhome li:hover .view{color:#595959;font-size:12px;}
	.public-left-con ul.greenhome li{border:none;}
}

/*1200-1439*/
@media (min-width:1200px) and (max-width:1439px){
	.public-right{width:28%;}
	.top-wrap{padding:0 7% 10%;}
	.public-left-con ul li .wdec-con{width:55%;}
	.public-left-con ul.greenhome li:hover{background:#ffffff;color:#000000;box-shadow:4px 5px 11px #dedede;}
	.public-left-con ul.greenhome li:hover .dec{color:#595959;}
	.public-left-con ul.greenhome li:hover .view{color:#595959;font-size:12px;}
	.jz_case ul li img{width:100%;max-height:160px;}
	.yhimg img{width:100%;}
	.public-left-con ul.greenhome li{border:none;}
}

/*1199-992*/
@media (min-width:992px) and (max-width:1199px){
	.top-wraps{margin:0 auto 20px;}
	.public-right{width:29%;}
	.top-wrap{padding:0 7% 10%;}
	.public-left-con ul li .wdec-con{width:55%;}
	.public-left-con ul.greenhome li:hover{background:#ffffff;color:#000000;box-shadow:4px 5px 11px #dedede;}
	.public-left-con ul.greenhome li:hover .dec{color:#595959;}
	.public-left-con ul.greenhome li:hover .view{color:#595959;font-size:12px;}
	.jz_case ul li img{width:100%;max-height:140px;}
	.yhimg img{width:100%;}
	.public-left-con ul.greenhome li{border:none;}
}

/*991-768*/
@media (min-width:768px) and (max-width:991px){
	.top-wraps{margin:0 auto 20px;}
	.preg{border:1px solid #dedede;width:65%;}
	.public-right{width:30%;}
	.public-left-con ul.greenhome li:hover{background:#ffffff;color:#000000;box-shadow:4px 5px 11px #dedede;}
	.public-left-con ul.greenhome li:hover .dec{color:#595959;}
	.public-left-con ul.greenhome li:hover .view{color:#595959;font-size:12px;}
	.jz_case ul li img{width:100%;max-height:140px;}
	.pregc{width:60%;margin:37px auto;}
	.yhimg{width:65%;}
	.yhimg img{width:100%;}
	.public-left-con ul.greenhome li{border:none;}
}

/*767*/
@media (max-width:767px){
	.ulf i{font-size:25px !important;}
	ul.ulf li p{font-size:12px;}

	.top-wraps{max-width:960px;height:82px;margin:0 auto 20px;position:relative;top:0;box-shadow:2px 5px 16px #dedede;background:#fff;}
	.yhimg img{width:100%;}
	ul.ulf li{text-align:center;width:25%;border-left:1px solid #f5f5f5;height:82px;padding-top:10px;cursor:pointer;transition:.6s all;}
	ul.ulf li p{font-size:14x;margin-bottom:0px;margin-top:2px;}
	ul.ulf li span{display:none;font-size:12px;}
	.public-left-con ul.greenhome li:hover{background:#ffffff;color:#000000;}
	.public-left-con ul.greenhome li:hover .dec{color:#595959;}
	.public-left-con ul.greenhome li:hover .view{color:#595959;font-size:12px;}
	.public-left-con ul.greenhome li{border:none;}
}