.wrap .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.wrap .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.wrap .title>p>img{position: absolute;}

.staff-box{}
.staff-box ul{ margin-top: 70px; }
.staff-box ul li.item{float: left;margin: 0 1% 20px;overflow: hidden;position: relative;box-sizing: border-box;width: 48%;}
.staff-box ul li.item:hover{-webkit-filter: grayscale(0);position: relative;}
.staff-box ul li.item:hover img{ transform: scale(1.05);}
.staff-box ul li.item:hover .cover{height: 230px;overflow: hidden;padding-top: 45px;  top: 0;}
.staff-box ul li.item img{ width: 100%; transition: .3s;display: block;}
/*.staff-box ul li.item2,.staff-box ul li.item5{ margin-right: 0; float: right;}*/
.cover{position: absolute;bottom: 0;left: 0;width: 100%; height: 40px;background: rgba(0,0,0,.6);color: #fff;overflow: hidden;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.cover h1{font-size: 16px;font-size: 1.6rem;line-height: 40px;text-align: center;}
.cover .text{overflow: hidden;height: 190px;}
.cover .text p{line-height: 1.6;padding:0 20px;font-size: 14px; font-size: 1.4rem;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}


@media(max-width: 1219px){
	.con-nav .nav-new{width: 90%;}
	/*.staff-box ul li.item{margin-right: 0;}
	.staff-box ul li.item1{width: 50%;border-right: 6px solid #fff;}
	.staff-box ul li.item2{width: 50%;border-left: 6px solid #fff;}
	.staff-box ul li.item3{width: 24%;}
	.staff-box ul li.item4{width: 52%;border-left: 6px solid #fff;border-right:6px solid #fff;}
	.staff-box ul li.item5{width: 24%;float: right;}*/
	.staff-box ul li.item:hover .cover{height: 100%;padding-top: 30px;}

}
@media(max-width: 1024px){
	/*.staff-box ul li.item1, .staff-box ul li.item2,.staff-box ul li.item4{width: 100%;border: 0;}
	.staff-box ul li.item3{width: 50%;border-right: 6px solid #fff;}
	.staff-box ul li.item5{width: 50%;border-left: 6px solid #fff;}*/
	.staff-box ul li.item:hover .cover{height: 100%;padding-top: 10px;}
}
@media(max-width: 767px){
	.con-nav .nav-new{text-align: center;width: 96%;}
	.con-nav .nav-new ul li{margin-right: 0;width: 25%;box-sizing: border-box;}
	.staff-box ul{margin-top: 20px;}
	.footer{margin-top: 0;}
	.cover h1{ font-size:1.4rem;line-height: 40px;}
	/*.main-wrap .banner img{transform: translateX(-55%);}*/
	.staff-box ul li.item{width: 100%;margin: 0 0 10px;}
	.staff-box ul li.item:hover .cover{height: 40px;overflow: hidden;padding-top: 0;  top: auto;}
	.cover .text{display: none;}
}
@media(max-width: 360px){
	.cover{height: 30px;}
	.cover h1{line-height: 30px;}
	.cover .text{height: auto;}
	.cover .text p{padding: 0 5px;}
}