@charset "utf-8";

/* CSS Document */

.nav{

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: #fff;

}

.nav ul{

	overflow: hidden;

	max-width: 640px;

}

.nav ul span{

	display: block;

    float: left;

    height: 25px;

    line-height: 25px;

    width: 1%;

    overflow: hidden;

    text-align: center;

	color: #fff;

}

 .nav ul li{

	 position: relative;

	width: 25%;

	height: 70px;

	line-height: 70px;

	 font-size: 4vw;

	float: left;

	border:1px solid #42bd56;

	box-sizing: border-box;

}

.nav ul li:first-child{

	background-color: #42bd56;

}

.nav ul li:first-child a{

	color: #fff;

}

 .nav ul li a{

	display: block;

    text-align: center;

    color: #42bd56;

	font-weight: bold;

}

.middle .case{

	height: auto;

	font-size: 26px;

	color: #000;

	font-weight: bold;

	line-height: 70px;

	padding: 15px;

	overflow: hidden;

}

.middle .case span{

	float: left;

	display: block;

}

.middle .case span::before{

	content: "";

	display: inline-block;

	width: 20px;

	height: 30px;

	background: #42bd56;

	box-shadow: -0.5rem 0 0px 0px #fff inset;

	margin-right: 10px;

	margin-top: 20px;

	overflow: hidden;

	vertical-align: top;

}



.middle .wenti{

	margin: 10px 4px;

}

.middle .wenti ul li{

	padding: 10px 15px ;

	border-bottom: 1px solid #dfebf9;

	overflow: hidden;

}

.middle .wenti ul li .jing{

	display: inline-block;

	width:2rem;

	height: 2rem;

	float: left;

	position: static;

	margin: 0; 

	padding: 0;

}

.middle .wenti ul li .jing img{

	width: 100%;

	height: 100%;

}

.middle .wenti ul li .wenti-img{

	width: 30%;

	height: 60px;

	float: left;


	margin-right: 10px;

}

.middle .wenti ul li .wenti-tit{

	overflow: hidden;

	height: 22px;

	font-size: 16px;
	width: 55%;
	float: right;

	line-height: 22px;

	color: #666;

	text-overflow: ellipsis;

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

}

.middle .wenti ul li span{

	font-size: 14px;

	line-height: 26px;
	float: right;
	width: 55%;

	color: #999;

	text-overflow: ellipsis;

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

	overflow: hidden;

}

.middle .fenye{

	clear: both;

	width: 100%;

	font-size: 20px;

	color: #333;

	margin-top: 30px;

	margin-bottom: 40px;

		text-align: center;

	overflow: hidden;

		line-height: 50px;

}

.middle .fenye .prev{

	text-align: center;

	display: inline-block;

	width: 30%;

	border: 1px solid #42bd56;

	border-radius: 8px;

	line-height: 50px;

}

.middle .fenye .l{

	float: left;

	margin-right: 20px;

}

.middle .fenye  .r{

	float: right;

	margin-left: 20px;

}

.middle .fenye .prev a{

	color:#42bd56;

}