/******所有活动的公用css*********
 ***** @author joy**********
 ***** @since 2016-09-26*****
 ****************************/

/*********主页--核心服务************/
.search-wrap{
	padding: 0 10px;
	margin: 10px 0;
	height: 34px;
	position: relative;
}
.search-wrap input{
	width: 100%;
	line-height: 30px;
	text-indent: 5px;
	border: 1px solid #00b8ee;
	border-radius: 5px;
	outline: none;
}
.search-wrap i{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 20px;
	color: #fff;
	height: 100%;
	line-height: 34px;
	width: 35px;
	text-align: center;
	background: #00b8ee;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}
.navList{
	margin: 20px 0;
}
.navList .nav{
    text-align: center;
    width: 25%;
    float: left;
    margin-bottom: 10px;
    border-right: 1px solid #e5e5e5;
}
.navList .nav-0{
    text-align: center;
    width: 25%;
    float: left;
    border-right: 0;
}
.navList .nav .icon-img{
	width: 50px;
	height: 50px;
	margin: 0 auto;
	line-height: 45px;
	border-radius: 25px;
	border: 1px solid #e5e5e5;
	background: #fff;
	overflow: hidden;
}
.navList .nav i{
	display: block;
	width: 46px;
	margin: 0 auto;
	height: 46px;
	border-radius: 23px;
	font-size: 20px;
	background: #03b6f0;
	color: #fff;
	margin-top: 1px;
}
.navList .list-1 i{
	font-size: 22px;
}
.navList .list-2 i{
	background: #f39801;
}
.navList .list-3 i{
	background: #ed6942;
}
.navList .list-4 i{
	background: #80c26a;
}
.navList .list-5 i{
	background: #9082bd;
}
.navList .list-6 i{
	background: #12b5b0;
}
.navList .list-7 i{
	background: #f39b77;
}
.navList .list-8 i{
	background: #b7ab01;
}
.navList .list-9 i{
	background: #f29c9f;
}
.navList .list-10 i{
	background: #b28750;
}
.navList .list-11 i{
	background: #c490c0;
	font-size: 30px;
}
.navList .list-12 i{
	background: #89abd9;
	font-size: 22px;
}
.navList .nav a{
	display: block;
    text-decoration: none;
}
.navList .nav .title{
	-webkit-text-size-adjust: none;
    color: #333;
    font-family: "microsoft yahei";
    font-size: 9px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}
.rec-case a{
	display: block;
	text-decoration: none;
	width: 49%;
	float: left;
	margin-bottom: 20px;
}
.rec-case a.item-2{
	float: right;
}
.rec-case a img{
	width: 100%;
}
.rec-news{
	background: #f3f3f3;
}
.rec-news a{
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 10px;
	background: #fff;
}
.rec-news a .img{
	float: left;
	width: 30%;
	height: 60px;
	overflow: hidden;
	margin-right: 8px;
}
.rec-news a .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.rec-news a .info{
	height: 60px;
}
.rec-news a .info p{
	line-height: 20px;
}
.rec-news a .info p.title{
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	text-overflow: ellipsis;
}
.rec-news a .info p.desc{
	font-size: 12px;
	color: #999;
	margin-top: -3px;
}
.rec-news a .info p.text-wrap{
	font-size: 12px;
	color: #666;
}
.rec-news a .info p.text-wrap span i{
	font-size: 12px;
	margin-right: 3px;
	color: #39bcea;
}
.rec-news a .info p.text-wrap span.left{
	margin-right: 30px;
}
.rec-news a .info p.text-wrap span.right i{
	font-size: 15px;
	color: #96d18d;
}