/*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_pro .title{position: relative;padding-left:15%;}
.list_pro .title::before {
	content: "";
	position: absolute;
	width: 9rem;
	height: 9rem;
	z-index: 9999;
	left: 3%;
	top: 0;
}
.list_pro .one::before {
	background: url(../images/list_proone.png) no-repeat;background-size: 100%;
}
.list_pro .two::before {
	background: url(../images/list_protwo.png) no-repeat;background-size: 100%;
}
.list_pro .three::before {
	background: url(../images/list_prothree.png) no-repeat;background-size: 100%;
}
.list_pro .four::before {
	background: url(../images/list_profour.png) no-repeat;background-size: 100%;
}
.list_pro .five::before {
	background: url(../images/list_profive.png) no-repeat;background-size: 100%;
}
.list_pro .title h2{font-size: 1.6rem;position: relative;z-index: 9999;margin-bottom: 1.5rem;font-weight: bold;color: #134385;}
.list_pro .title h2::before{
	position: absolute;
	font-size: 1.6rem;
	z-index: -1;
	bottom: -1rem;
	color: #E3E3E3;
	font-weight: bold;
}
.list_pro .one h2::before{
	content: "PRODUCT CENTER ";
}
.list_pro .two h2::before{
	content: "PRODUCT CENTER ";
}
.list_pro .three h2::before{
	content: "PRODUCT CENTER ";
}
.list_pro .four h2::before{
	content: "PRODUCT CENTER ";
}
.list_pro .five h2::before{
	content: "PRODUCT CENTER ";
}
.list_pro .title p{font-size: 1rem;margin:1rem 0;}
.list_pro .title span{position: absolute;font-size: 1rem;right: 2%;bottom: 8%; }
.list_pro .title span a{color: #fff; background-color: #3e6daf; padding: 8px 10px; border-radius: 3px;}
.list_pro .title span a:hover{background-color: #134385;}
.list_proimg{display: table;width: 100%;position: relative;z-index: 999999;}
.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;}