@charset "utf-8";
/* CSS Document */
.flex-wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.data-info .container .content_box{ width:100%; margin:60px auto;}
.data-info .container .content_box .zx_zu{ width:100%; margin:0 auto 40px;}
.data-info .container .content_box .zx_zu li{ 
border-radius:10px; 
float:left;
width:32%;
margin-right:2%;
background:#FFF;
box-shadow:2px 0px 6px #ccc;
margin-bottom:30px;
cursor:pointer;
position:relative;
padding:30px 0px 80px;
}
.data-info .container .content_box .zx_zu li.first01{ margin-left:17%;}
.data-info .container .content_box .zx_zu li .zx_zu_img_box{ 
display:block; margin:0px auto 20px;
width:40%;
border-radius:50%;
overflow:hidden;
height:auto;
}
.data-info .container .content_box .zx_zu li .zx_zu_img_box .zx_zu_img{
	display:block;
	width:100%;
	height:auto;
	}
.data-info .container .content_box .zx_zu li span.name{ 
display:block; 
width:90%; 
margin:0 auto 10px;
font-weight:bold;
font-size:18px;
text-align:center;
color:#333;
}
.data-info .container .content_box .zx_zu li span.position{ 
display:block; 
width:90%; 
margin:0 auto 5px;
font-size:14px;
text-align:center;
color:#444;
}
.data-info .container .content_box .zx_zu li span.tel{ 
display:block; 
width:90%; 
margin:0 auto 0px;
font-size:14px;
text-align:center;
color:#444;
}
.data-info .container .content_box .zx_zu li:nth-child(3n){
	margin-right:0px;
	}
.data-info .container .content_box .zx_zu li:hover{ box-shadow:2px 0px 6px #bbb; top:-10px;}
.data-info .container .content_box .fb08{ 
margin:40px auto 20px; 
width:100%; 
text-align:left; 
font-weight:bold;
}
@media (min-width: 992px){
	.data-info .container .content_box .fb08{ font-size:18px;}
	}
@media (min-width:1200px){
	.data-info .container .content_box .fb08{ font-size:20px;}
	}
@media (min-width:1360px){
	.data-info .container .content_box .fb08{ font-size:24px;}
	}
@media (max-width:768px){
.data-info .container .content_box{ margin-top:40px; margin-bottom:40px;}
.data-info .container .content_box .zx_zu{ margin-bottom:0px;}
.data-info .container .content_box .fb08{ 
margin:40px auto 10px; 
font-size:16px;
}
.data-info .container .content_box .zx_zu01 li{ margin-bottom:15px;}
.data-info .container .content_box .zx_zu li.first01{ margin-left:0%;}
.data-info .container .content_box .zx_zu li{ border-radius:4px; padding:10px 0 20px; width:48%; margin-right:4%;}
.data-info .container .content_box .zx_zu li:nth-child(3n){margin-right:4%;}
.data-info .container .content_box .zx_zu li:nth-child(2n){margin-right:0%;}
.data-info .container .content_box .zx_zu li .zx_zu_img_box{ width:85%; margin-bottom:10px;}
.data-info .container .content_box .zx_zu li span.name{ font-size:14px;}
.data-info .container .content_box .zx_zu li span.position{ width:96%; font-size:12px; line-height:20px;}
.data-info .container .content_box .zx_zu li span.tel{width:96%; font-size:12px;}
.data-info .container .content_box .zx_zu li.last{ margin-bottom:0px;}
	}
