@charset "utf-8";
/* CSS Document */


.category { position:relative; float:left; width:100%;  padding:20px 0; text-align:center;}
.category span a { position:relative; color:#666; font-size:15px; box-sizing:border-box; text-decoration:none; word-break:keep-all; display: inline-block; vertical-align: middle;}
.category span a:hover { color:#333; font-weight:600; text-decoration:none;}
.category .blankBar { position:relative; background:url(../images/bar.jpg) center center no-repeat; padding:0 14px; height:11px;}

.categoryName { position:relative; float:left; width:100%; font-size:13px; margin-top:30px;}
.bulletBox { position:relative; float:left; width:13px; height:13px; margin:0 4px 0 0; padding:0; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px;}

.mdpSearch { clear: both; text-align: right; padding: 15px; background: #fff;}
.mdpSearch > div { display: inline-block; font-size: 0;}
.mdpSearch > div > select {display: inline-block; vertical-align: middle; border: 1px solid #dcdcdc; color: #999; font-size: 15px; margin: 0; height: 26px;}
.mdpSearch > div > input[type="text"] {display: inline-block; vertical-align: middle; width: 160px; border: none; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #999; font-size: 15px; padding: 0; margin: 0; height: 24px;}
.mdpSearch > div > span {display: inline-block; vertical-align: middle; border: 1px solid #666; color: #999; font-size: 15px; padding: 0 10px; margin: 0; height: 24px; background: #666; color: #fff;}

.mdpSearchList { clear: both; margin-top: 20px; display: table; width: 100%;border-collapse: collapse; box-sizing: border-box; border-top: 1px solid #666;}
.mdpSearchList > div { display: table-row;}
.mdpSearchList > div > p { display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #dcdcdc;}
.mdpSearchList > div.listHeader > p { font-size: 14px; padding: 5px 0; background: #eee;}
.mdpSearchList > div.listCell > p { font-size: 13px; padding: 5px 0; color: #666;}
.mdpSearchList > div.listCell > p .viewM { display: none;}
.mdpSearchList > div.listCell > p.pic { width: 20%;}
.mdpSearchList > div.listCell > p.pic > span {background-size: cover; display: inline-block;}
.mdpSearchList > div.listCell > p.pic > span img { vertical-align: top; width: 100px; max-width: 100%;}

@media all and (min-width:1000px){
.person1 .infoBox { position:relative; float:left; padding:30px 20px; box-sizing:border-box; width:75%;}
.person1 .infoBox .infoWrap .ul li .infoEct { width:85%; line-height:22px; margin-top:7px;}

.person1 { position:relative; float:left; width:100%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg.jpg) left top repeat-y; display: flex; align-items: flex-star;}
		.person1 .photoBox { position:relative;  height:100%; box-sizing:border-box;}
			.person1 .photoBox .photo { position:relative; float:left; width:160px; padding:10px; margin:20px; border:1px solid #dadada; background-color:#fff;}
			/*.person1 .photoBox .photo p {}
			.person1 .photoBox .photo p img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; }*/
			.person1 .photoBox .photo p {}
			.person1 .photoBox .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; }
		
		.person1 .infoBox { position:relative;  padding:30px 20px; box-sizing:border-box; flex: auto;}
			.person1 .infoBox .personName { position:relative; float:left; width:100%; height:33px; box-sizing:border-box; font-size:20px; color:#222; font-weight:600;}
				.person1 .infoBox .personName .appoint { font-size:15px; font-weight:400; margin-left:5px;}
			.person1 .infoBox .infoWrap { position:relative; float:left; width:100%; }	
				.person1 .infoBox .infoWrap .ul { width:100%; margin:0; padding:0; list-style-type:none;}
				.person1 .infoBox .infoWrap .ul li  { margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left; width:100%;}				
				.person1 .infoBox .infoWrap .ul li .infoTit { position:relative; float:left; width:75px; font-size:14px; line-height:32px; box-sizing:border-box; text-align:center; margin-bottom:4px;}			
				.person1 .infoBox .infoWrap .ul li .infoSub { position:relative; float:left; color:#666; font-size:14px; line-height:32px; box-sizing:border-box; text-align:left; padding-left:10px; margin-bottom:4px; word-break: break-all;}
				.person1 .infoBox .infoWrap .ul li .infoEct { width:100%; line-height:22px; margin-top:7px;}
			.m_infoWrap {display:none;}			
.person2_l { position:relative; float:left; width:48%; margin-right:2%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y;}
.person2_r { position:relative; float:left; width:48%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y;}
		
		.photoBox2 { position:relative; float:left; height:100%; box-sizing:border-box; }
			.photoBox2 .photo { position:relative; float:left; width:110px; padding:5px; margin:10px; border:1px solid #dadada; background-color:#fff; }
			.photoBox2 .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; margin-bottom:2px;}		
			
		.infoBox2 { position:relative; float:left; padding:15px 10px; box-sizing:border-box; width:60%;}
			.infoBox2 .personName { position:relative; float:left; width:100%; min-height:33px; box-sizing:border-box; font-size:20px; color:#222; font-weight:600;}
				.infoBox2 .personName .appoint { font-size:15px; font-weight:400; margin-left:5px;}
			.infoBox2 .infoWrap { position:relative; float:left; width:100%; }	
				.infoBox2 .infoWrap .ul { width:100%; margin:0; padding:0; list-style-type:none;}
				.infoBox2 .infoWrap .ul li  { margin:0px; padding:0px; list-style:none; vertical-align: middle; display: table; table-layout: fixed; width:100%; font-size: 0; white-space: nowrap;}
				.infoBox2 .infoWrap .ul li span { display: table-cell; vertical-align: top;}
				.infoBox2 .infoWrap .ul li .infoTit { position:relative; width:55px;box-sizing:border-box;}
				.infoBox2 .infoWrap .ul li .infoTit strong {  display: block; font-size:13px; line-height:20px; text-align:center; margin-bottom:4px; white-space: normal;}
				.infoBox2 .infoWrap .ul li .infoSub { position:relative; color:#666; font-size:13px; line-height:20px; box-sizing:border-box; text-align:left; padding-left:10px; margin-bottom:4px; word-break: break-all; white-space: normal;}
				.infoBox2 .infoWrap .ul li .infoEct { width:100%; line-height:22px; margin-top:7px; white-space: normal; display: block;}
}


@media all and (max-width:999px) {
.person1 .infoBox { position:relative; float:left; padding:30px 20px; box-sizing:border-box; width:55%;}
.person1 .infoBox .infoWrap .ul li .infoEct { width:70%; line-height:22px; margin-top:7px; }

.person1 { position:relative; float:left; width:100%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y;}
		.person1 .photoBox { position:relative; float:left; height:100%; box-sizing:border-box; }
			.person1 .photoBox .photo { position:relative; float:left; width:110px; padding:5px; margin:10px; border:1px solid #dadada; background-color:#fff; }
			.person1 .photoBox .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; margin-bottom:2px;}
		
		.person1 .infoBox { position:relative; float:left; padding:15px 10px; box-sizing:border-box; width:60%;}
			.person1 .infoBox .personName { position:relative; float:left; width:100%; min-height:33px; box-sizing:border-box; font-size:20px; color:#222; font-weight:600;}
				.person1 .infoBox .personName .appoint { font-size:15px; font-weight:400; margin-left:5px;}
			.person1 .infoBox .infoWrap { display:none; }	
			.person1 .infoBox .m_infoWrap { position:relative; float:left; width:100%;}
				.person1 .infoBox .m_infoWrap .ul { width:100%; margin:0; padding:0; list-style-type:none;}
				.person1 .infoBox .m_infoWrap .ul li  { margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left; width:100%; display: table;}
				.person1 .infoBox .m_infoWrap .ul li .infoTit {display: table-cell; vertical-align: top; text-align:center; width: 40px; border-bottom: 1px solid #ddd;}
				.person1 .infoBox .m_infoWrap .ul li .infoTit strong {display: inline-block; vertical-align: top; width: 40px; height: 24px; line-height: 20px;}
				.person1 .infoBox .m_infoWrap .ul li .infoTit strong img { margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle;}
				.person1 .infoBox .m_infoWrap .ul li .infoSub {display: table-cell; vertical-align: top; color:#666; font-size:13px; text-align:left; padding-left:10px; padding-top: 4px; border-bottom: 1px solid #ddd; word-break: break-all;}
				.person1 .infoBox .m_infoWrap .ul li .infoEct { padding-top: 5px; padding-bottom: 10px;}

.person2_l { position:relative; float:left; width:49%; margin-right:2%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y; box-sizing: border-box;}
.person2_r { position:relative; float:left; width:49%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y; box-sizing: border-box;}
		
		.photoBox2 { position:relative; float:left; height:100%; box-sizing:border-box; }
			.photoBox2 .photo { position:relative; float:left; width:110px; padding:5px; margin:10px; border:1px solid #dadada; background-color:#fff; }
			.photoBox2 .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; margin-bottom:2px;}		
			
		.infoBox2 { position:relative; float:left; padding:15px 10px; box-sizing:border-box; width:60%;}
			.infoBox2 .personName { position:relative; float:left; width:100%; min-height:33px; box-sizing:border-box; font-size:20px; color:#222; font-weight:600;}
				.infoBox2 .personName .appoint { font-size:15px; font-weight:400; margin-left:5px;}
			.infoBox2 .infoWrap { display:none; }	
			.infoBox2 .m_infoWrap { position:relative; float:left; width:100%;}
				.infoBox2 .m_infoWrap .ul { width:100%; margin:0; padding:0; list-style-type:none;}
				.infoBox2 .m_infoWrap .ul li  { margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left; width:100%; display: table;}
				.infoBox2 .m_infoWrap .ul li .infoTit {display: table-cell; vertical-align: top; text-align:center; width: 40px; border-bottom: 1px solid #ddd;}
				.infoBox2 .m_infoWrap .ul li .infoTit strong {display: inline-block; vertical-align: top; width: 40px; height: 24px; line-height: 20px;}
				.infoBox2 .m_infoWrap .ul li .infoTit strong img { margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle;}
				.infoBox2 .m_infoWrap .ul li .infoSub {display: table-cell; vertical-align: top; color:#666; font-size:13px; text-align:left; padding-left:10px; padding-top: 3px; border-bottom: 1px solid #ddd; word-break: break-all;}
				.infoBox2 .m_infoWrap .ul li .infoEct { padding-top: 3px; padding-bottom: 10px;}
}

@media all and (max-width: 799px){
	.moPadding { padding: 0 15px;}
}
@media all and (max-width:479px){
.person1 .infoBox { position:relative; float:left; padding:30px 20px; box-sizing:border-box; width:55%;}
.person1 .infoBox .infoWrap .ul li .infoEct { width:70%; line-height:22px; margin-top:7px; }

.person1 { position:relative; float:left; width:100%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y;}
		.person1 .photoBox { position:relative; float:left; height:100%; box-sizing:border-box; width: 40%;}
			.person1 .photoBox .photo { position:relative; float:left; width:110px; padding:5px; margin:10px; border:1px solid #dadada; background-color:#fff; }
			.person1 .photoBox .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; margin-bottom:2px;}
		
		.person1 .infoBox { position:relative; float:left; padding:15px 10px; box-sizing:border-box; width:60%;}
			.person1 .infoBox .personName { position:relative; float:left; width:100%; min-height:33px; box-sizing:border-box; font-size:18px; padding-bottom: 10px; color:#222; font-weight:600;}
				.person1 .infoBox .personName .appoint { font-size:15px; font-weight:400; margin-left:5px;}
			.person1 .infoBox .infoWrap { display:none; }	
			.person1 .infoBox .m_infoWrap { position:relative; float:left; width:100%;}

.person2_l { position:relative; float:left; width:100%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y; }
.person2_r { position:relative; float:right; width:100%; margin-top:10px; border:1px solid #dadada; background:url(../images/box_bg_m.jpg) left top repeat-y;}
		
		.photoBox2 { position:relative; float:left; height:100%; box-sizing:border-box; width: 40%;}
			.photoBox2 .photo { position:relative; float:left; width:110px; padding:5px; margin:10px; border:1px solid #dadada; background-color:#fff; }
			.photoBox2 .photo img { width:100%; height:100%; margin: 0px; padding: 0px; border: 0px none; float: none; vertical-align: middle; margin-bottom:2px;}		
			
		.infoBox2 { position:relative; float:left; padding:15px 0px 15px 10px; box-sizing:border-box; width:60%;}
			.infoBox2 .personName { position:relative; float:left; width:100%; min-height:33px; box-sizing:border-box; font-size:18px; padding-bottom: 10px; color:#222; font-weight:600;}
				.infoBox2 .personName .appoint { font-size:15px; font-weight:400; margin-left:5px; }
			.infoBox2 .infoWrap { display:none; }	
			.infoBox2 .m_infoWrap { position:relative; float:left; width:100%; }

.mdpSearchList > div > p.cell4 { display: none;}
.mdpSearchList > div.listCell > p.pic { width: 30%;}
.mdpSearchList > div.listCell > p .viewM { display: inline-block; font-size: 12px;}
}