/*通用父子盒子嵌套浮动问题解决，开始*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*通用父子盒子嵌套浮动问题解决，结束*/
.i_ma{ width:100%; background:#FFF;margin-top: 30px;}
.i_ma ul{ width:1120px; padding:0 0 20px; margin:0px auto;}
.i_ma ul li{ width:325px; float:left; text-align:center; margin-right:72px;}
.i_ma ul li:last-child{ margin-right:0;}
.i_ma ul li a{ color:#555;}
.i_ma ul li .tu{ width:200px; height:200px; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; overflow:hidden; margin:0px auto;}
.i_ma ul li .tu img{ width:200px; height:200px; vertical-align:top;border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_ma ul li a:hover .tu img{/*transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);*/}
.i_ma ul li .name{ width:100%; height:45px; line-height:45px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0!important; border-bottom:none!important;  font-weight:bold;}
.i_ma ul li p{ font-size:12px; line-height:175%;}
.i_me{ width:100%; padding:0 0 20px 0;}
.i_me ul,.i_me ul li{}
.i_me ul li:hover{ background:#eeeeee;}
.i_me ul li a{ color:#4F4F4F;}
.i_me ul li:hover a{ color:#333;}
.i_me ul li dl{ height:75px; margin:0px auto; padding:15px 0; }
.i_me ul li dl dt{ width:20%; float:left; text-align:center; font-size:28px;}
.i_me ul li dl dt p{ height:20px; line-height:20px; text-align:center; font-size:14px;}
.i_me ul li dl dd{ width:80%; float:right;}
.i_me ul li dl dd .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0!important; border-bottom:none!important; font-size:18px;}
.i_me ul li dl dd p{ width:100%; height:45px; line-height:200%; font-size:12px; overflow:hidden;}

@media screen and (min-width:1200px){
	.wrap.new_list{width: 100%;}
}
@media screen and (max-width:1200px){
	.i_ma ul,.i_me ul li dl{width:100%;}
	.i_ma ul li{ width:30%; margin-right:5%;}
	.i_ma ul li .tu img,.i_ma ul li .tu{ width:170px; height:170px;}
	.i_me ul li dl dt{ width:20%;}
	.i_me ul li dl dd{ width:80%;}
	.i_me ul li dl dd .title{margin-bottom: 0;padding-bottom: 0;}
}
@media screen and (max-width:770px) {
	.wrap.new_list .wrap,.i_ma ul,.i_me ul li dl{width:480px; margin:0px auto;}
	.i_ma ul li{ width:153px; margin-right:10px;}
	.i_ma ul li .tu img, .i_ma ul li .tu{ width:140px; height:140px;}
	.i_me ul li dl dt{ font-size:24px; width:85px;}
	.i_me ul li dl dd{ width:345px; margin-left:20px;}
	.i_me ul li dl dd .title{margin-bottom: 0;padding-bottom: 0;}
}
@media screen and (max-width:500px) {
	.wrap.new_list .wrap{width: 100%;}
	.i_ma ul,.i_me ul li dl{width:320px; margin:0px auto;}
	.i_ma ul{padding-bottom: 0;}
	.i_ma ul li{ width:100%; margin-right:0px; margin-bottom:30px;}
	.i_ma ul li .tu img, .i_ma ul li .tu{ width:160px; height:160px;}
	.i_me ul li dl{height:auto;padding: 5px 0;}
	.i_me ul li dl dt{display: none;}
	.i_me ul li dl dd{width:100%;}
	.i_me ul li dl dd .title{height:22px;line-height:22px;font-size: 14px;margin-bottom: 0;padding-bottom: 0;}
	.i_me ul li dl dd p{display: none;}
}