/*list css*/
#listarticle .guide{margin-top: 1rem;background: #f5f5f5; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.2rem 1.6rem;color: #383838;}
#listarticle .guide a{color:#383838;}

.listmain {
    padding: 0 1.5rem;
}

.listmain li {
    margin: 1.8rem 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1.5rem;
}

.listmain li h2 {
	font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: normal;
}

.listmain li p a {
    color: #ff0000;
}

.listmain li p {
    color: #6a6a6a;
	font-size: 1.6rem;
}

.listthumb,.listcase,.listexpert{
	border: 1px solid #DDD;
	margin: 10px 15px;
	padding: 10px;
}
.listthumb .fl{
	width: 30%;
	height: 140px;
	overflow: hidden;
}
.listthumb .fl img{
	width: 100%;
	min-height: 120px;
}
.listthumb .fr{
	width: 68%;
}
.listthumb .fr h2{
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 0.4rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}
.listthumb .fr p{
	color: #6a6a6a;
}
.listthumb .zxbtn{
	margin-top: 1rem;
	text-align: center;
}
.listthumb .btn,.listcase .btn,.listexpert .btn{
	display: inline-block;
	color: #fff;
	margin: 0 .7rem 0 .7rem;
	width: 40%;
	padding: .7rem 0;
	text-align: center;
	border-radius: .2rem;
}

/*case start*/
.listcase .fl{
	width: 46%;
}
.listcase .fl img{
	width: 100%;
}
.listcase .fr{
	width: 50%;
}
.listcase h2{
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: .6rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}
.listcase .fr p{
	color: #6a6a6a;
	height: 3.2rem;
	line-height: 3.2rem;
	overflow: hidden;
}
.listcase .fr .zxbtn{
	margin-top: 1rem;
	text-align: center;
	overflow: visible;
}
/*case end*/

/*expert start*/
.zhuanjia{
	margin: 1.5rem auto;
}
.recexpert {
	margin: 0 1.5rem;
	position: relative;
	padding-bottom: 2rem;
}
.recexpert .bd ul li {
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
	background: url(../images/zhuanjiabg.jpg) no-repeat 0 0;
}
.recexpert ul li img {
	float: left;
	width: 36%;
	margin: 2% 2% 0% 4%
}
.recexpert ul li .jieshao {
	position: absolute;
	left: 46%;
	margin-right: 2%;
	top: 6%;
}
.recexpert ul li .jieshao h3 {
	font-size: 2rem;
	line-height: 2.4rem;
	display: inline-block;
	padding-right: 3rem;
	background: url(../images/china1.jpg) no-repeat right center;
	background-size: 2.4rem;
}
.recexpert ul li .jieshao h3 span {
	padding-left: .6rem;
	font-size: 1.4rem;
}
.recexpert ul li .jieshao p {
	font-size: 1.4rem;
	line-height: 2rem;
}
.recexpert ul li .zjzx {
	text-align: center;
	background: #07A2B8;
	color: #FFFFFF;
	display: block;
	height: 2.4rem;
	line-height: 2.4rem;
	width: 50%;
	margin-top: .2rem;
}
.recexpert .hd li {
	width: 1rem;
	opacity: .2;
	height: 1rem;
	border-radius: 100%;
	background: #000;
	display: inline-block;
	margin: 0 .2rem
}
.recexpert .hd {
	bottom: 0;
	position: absolute;
	left: 50%;
	margin-left: -2.8rem;
}
.recexpert .hd li.on {
	opacity: 1;
	background: #07A2B8;
}
.listexpert .fl{
	width: 30%;
}
.listexpert .fl img{
	width: 100%;
}
.listexpert .fr{
	width: 66%;
}
.listexpert h2{
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: .6rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}
.listexpert .fr p{
	color: #6a6a6a;
	line-height: 2rem;
	font-size: 1.3rem;
}
.listexpert .fr .zxbtn{
	margin-top: 1rem;
	text-align: center;
	overflow: visible;
}
/*expert end*/

.listpage{
	margin: 0 1.5rem;
	text-align: center;
}
.listpage li {
	padding: 3px 7px;
	border: 1px solid #dadada;
	display: inline-block;
	margin-right: .5rem;
}
.listpage li a{
	padding: 3px;
}
.listpage li.thisclass {
	padding: 3px 8px;
	background-color: #16ABA9;
	border-color: #0A8E8C;
	color: #fff;
}
.listmore{
	border: 1px solid #DDDDDD;
	padding: .8rem 1.5rem;
	background: #eee;
}
.listmore .text{
	font-size: 1.6rem;
}
.listmore p{
	text-align: center;
	margin: .5rem 0;
}
.listmore .btn{
	display: inline-block;
	color: #fff;
	margin: 0 .7rem;
	padding: .7rem 1.5rem;
	text-align: center;
	border-radius: .2rem;
}

@media only screen and (max-width: 639px) {
	.listmain li h2,.listthumb .fr h2,.listcase h2,.listexpert .fr h2{
		font-size: 1.6rem;
	}
	.listthumb .btn,.listcase .btn,.listexpert .btn{
		margin: 0 .3rem;
		padding: .1rem .2rem;
	}
	.listthumb .fl{
		width: 36%;
		height: 10rem;
	}
	.listthumb .fr{
		width: 62%;
	}
	.listmore .btn{
		font-size: 1.4rem;
		padding: .7rem 1rem;
		margin: 0 .3rem;
	}
	.listcase .fr p{
		color: #6a6a6a;
		height: 2rem;
		line-height: 2rem;
		overflow: hidden;
	}
}
@media only screen and (max-width: 320px) {
	.listcase .fr .zxbtn{
		margin-top: .8rem;
	}
	.listmore .text{
		font-size: 1.2rem;
	}
	.listmore .btn{
		font-size: 1.2rem;
		padding: .5rem;
		margin: 0 .3rem;
	}
	.listcase .fr p{
		color: #6a6a6a;
		height: 1.8rem;
		line-height: 1.8rem;
		overflow: hidden;
	}
	.recexpert ul li .jieshao {
		top: 3%;
	}
	.recexpert ul li .jieshao p {
		line-height: 1.6rem;
	}
	.recexpert ul li .zjzx{
		height: 2rem;
		line-height: 2rem;
	}
}