<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*DONGDING-list_pro.css*/
.pro_wrapper{background:url(../images/list_protb.jpg) no-repeat;background-size: 100%;}
.pro_head{padding: 2%;font-size: 1rem;}
.pro_head a{color: #fff;font-size: 1rem;}
.pro_head h1{font-size: 2.4rem;margin:1rem 0;position: relative;z-index: 9999;}
.pro_head h1::before {
	content: "PRODUCT CENTER ";
	position: absolute;
	font-size: 1.8rem;
	z-index: -1;
	bottom: -1rem;
	color: #2D3349;
	font-weight: bold;
}
.list_pro{color: #333333;padding: 2%;margin: 2% 0;background: url(../images/list_proimgb.jpg) repeat;border-radius: 1rem 1rem 0 0;position: relative;z-index: 9999;}
.list_proimg{display: flex;width: 100%;position: relative;z-index: 999999; flex-wrap: wrap; just-center:star;}
.list_proimg li{float: left;width: 23%;margin:0.5%;padding: 0.5%;box-shadow: 0 0.1rem 0.6rem rgba(0,0,0,.1);background:#fff;}
.list_proimg li:hover{background:#9EB5DF;color: #fff;}
.list_proimg li:hover h3,.list_proimg li:hover p{color: #fff;}
.list_proimg li .txt{padding: 4%;}
.list_proimg li h3{font-size: 1.2rem;margin-bottom: 0.4rem;font-weight: bold;}
.list_proimg li p{font-size: 1rem;color: #6e6e6e;}</pre></body></html>