#conduction{
	width: 100%;
}
#hot .bd,
#recommend .bd,
#quality .bd,
#not-close .bd{
	margin: 0 0 16px 0;
	padding: 30px 24px;
	background: #fff;
	overflow: hidden;
}
#not-close .close-img{
	width: 120px;
	height: 120px;
	background: url(../png/close.png) no-repeat;
	background-size: contain;
	margin: 0 auto;
}
#not-close h4{
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	color: #333333;
}
#not-close p{
	text-align: center;
	font-size: 14px;
	color: #666666;
}
#hot-service h2,
#hot h2,
#recommend h2,
#quality h2{
	margin: 0 0 25px 0;
	font-size: 22px;
	font-weight: bolder;
	color: #333;
}
#hot .bd .sketch{
	padding: 0 0 0 21px;
	float: left;
}
#hot .bd .sketch img{
	display: block;
	width: 331px;
	height: 467px;
}
#hot .bd .sketch .intro,
#hot .bd .sketch .examine {
	width: 331px;
}
#hot .bd .sketch .intro{
	position: relative;
	margin: 0 0 17px 0;
}
#hot .bd .sketch .intro span.cover{
	display: block;
	border: 1px solid #ececec;
	border-radius: 7px;
	overflow: hidden;
}
#hot .bd .sketch .intro .title{
	display: inline-block;
	margin: 17px 0 0 0;
	max-height: 60px;
	line-height: 30px;
	word-break: break-all;
}
#hot .bd .sketch .examine{
	overflow: hidden;
}
#hot .bd .sketch .examine span{
	display: block;
	float: left;
	height: 33px;
	line-height: 35px;
	color: #999;
}
#hot .bd .sketch .examine a{
	float: right;
	width: 108px;
	height: 33px;
	line-height: 35px;
	text-align: center;
	color: #2878FF;
	border: 1px solid #2878ff;
	border-radius: 19px;
}
#hot .bd .page-num,
#recommend .bd .page-num{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 6px;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	background: #000;
	opacity: 0.4;
	border-radius: 3px;
}
#hot .bd ul.list{
	float: right;
	width: 782px;
	overflow: hidden;
}
#hot .bd ul.list li{
	float: left;
	width: 351px;
	padding: 0 20px;
	margin: 0 0 41px 0;
	overflow: hidden;
}
#hot .bd ul.list li .intro{
	position: relative;
	float: left;
	overflow: hidden;
}
#hot .bd ul.list li .examine{
	float: right;
	width: 172px;
}
#hot .bd ul.list li .examine a.title{
	display: inline-block;
	height: 52px;
	line-height: 26px;
	color: #111;
}
#hot .bd ul.list li .examine a,
#hot .bd ul.list li .examine span{
	display: block;
}
#hot .bd ul.list li .examine span{
	margin: 12px 0 16px 0;
	font-size: 12px;
    color: #999;
}
#hot .bd ul.list li .examine a.look{
	width: 108px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    color: #2878FF;
    border: 1px solid #2878ff;
    border-radius: 19px;
	transition: all .2s;
}
#hot .bd .sketch .examine a:hover,
#hot .bd ul.list li .examine a.look:hover{
	background: #2878ff;
	color: #fff;
}
#hot .bd ul.list li .examine a.title:hover{
	color: #2878FF;
	text-decoration: underline;
}
#recommend ul.list {
	padding: 0 25px;
	margin: 0 -10px;
	overflow: hidden;
}
#recommend ul.list li{
	margin: 0 0 22px 0;
	padding: 0 10px;
	height: 395px;
	float: left;
}
#recommend ul.list li a span.cover{
	position: relative;
	display: block;
	margin: 0 0 14px 0;
}
#recommend ul.list li a span.cover img{
	display: block;
	width: 202px;
	height: 285px;
    background-color: #000;
}
#recommend ul.list li a strong.title{
	display: block;
	margin: 0 0 15px 0;
	width: 202px;
	height: 60px;
	line-height: 30px;
	font-weight: normal;
	color: #111;
}
#recommend ul.list li a:hover > strong.title{
	color: #2878FF;
	text-decoration: underline;
}
#recommend ul.list li a span.browse{
	color: #999;
}
#hot .bd ul.list li .intro img{
	display: block;
	width: 160px;
	height: 226px;
    background-color: #000;
}
#recommend ul.list li a span.cover,
#hot .bd ul.list li .intro label.cover{
	display: block;
	border: 1px solid #ececec;
    border-radius: 7px;
    overflow: hidden;
	word-break: break-all;
}
#hot .bd .sketch .intro .title,
#hot .bd ul.list li .examine a.title,
#recommend ul.list li a strong.title{
	display: -webkit-box;
	*display: block!important;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
/* 热门服务 start */
#hot-service .bd {
	margin: 0 0 16px 0;
	padding: 30px 24px;
	background: #fff;
}
#hot-service ul {
	margin: -10px;
	padding: 0 24px;
}
#hot-service ul li {
	position: relative;
	float: left;
	width: 542px;
	height: 210px;
	margin: 10px;
	cursor: pointer;
}
#hot-service ul li .wraper {
	position: absolute;
	left: 0;
	right: 0;
	padding: 24px 22px;
	border: 1px solid #ECECEC;
	border-radius: 6px;
	background: #FFFFFF;
	transition: all .2s;
}
#hot-service ul li .info {
    overflow: hidden;
}
#hot-service ul li .info .img {
    float: left;
}
#hot-service ul li .info .img img {
    width: 160px;
    height: 160px;
}
#hot-service ul li .info .title {
    margin: 0 0 0 180px;
    height: 92px;
}
#hot-service ul li .info .title strong {
    display: block;
    line-height: 28px;
    max-height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
	*display: block;
    *max-height: 56px;
    overflow: hidden;
	word-break: break-all;
    font-weight: 700;
    font-size: 18px;
    color: #111;
}
#hot-service ul li .info .title span {
    display: block;
    height: 32px;
	overflow: hidden;
    margin: 8px -2px;
}
#hot-service ul li .info .title span em {
    display: inline-block;*zoom:1;_display:inline;
    height: 24px;
    line-height: 24px;
    margin: 4px 2px;
    padding: 0 8px;
    background: #F5F5F5;
    border-radius: 3px;
    font-style: normal;
    font-size: 12px;
    color: #888;
}
#hot-service ul li .info .datas {
    margin: 20px 0 0 180px;
    overflow: hidden;
}
#hot-service ul li .info .datas>span {
    float: left;
}
#hot-service ul li .info .datas span small {
    font-size: 12px;
    color: #888;
}
#hot-service ul li .info .datas span strong {
    display: block;
    margin: 4px 0 0;
    font-weight: 500;
    font-size: 24px;
    color: #ff0000;
}
#hot-service ul li .info .datas span strong i {
    font-style: normal;
    font-size: 12px;
}
#hot-service ul li .info .datas a {
    float: right;
    width: 108px;
    height: 34px;
    line-height: 34px;
    margin: 10px 0 0;
    border: 1px solid #2878FF;
    text-align: center;
    border-radius: 5px;
    background: #2878FF;
    font-size: 14px;
    color: #fff;
}
#hot-service ul li .info .datas a i {
	vertical-align: middle;
}
#hot-service .ft {
	display: none;
    margin: 20px 0 0;
    line-height: 18px;
	word-break: break-all;
    font-size: 12px;
    color: #333;
}
#hot-service ul li:hover .wraper {
	transform: scale(1.05);
	z-index: 2;
	box-shadow: 0px 0px 22px 0px rgba(31, 84, 173, 0.15);
}
#hot-service ul li:hover .ft {
	display: block;
}
/* 热门服务 end */