.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

* {
	margin: 0;
	padding: 0;
	font-family: "黑体";
}
@media  (min-width:1800px){
	#main {
		width: 100%;
	}
	#tt1 {
		background: url(../img/dingbu_bg.png);
		line-height: 41px;
		padding-left: 2.5%;
	}
	#oh {
		width: 60%;
		min-width: 1144px;
		margin-bottom: 30px;
		margin-left: 20%;
		float: left;
	}
	#box {
	min-width:1144px;	float: left;
		background-color: #E3E3E3;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#rank {
		float: right;
		padding-top: 13px;
		margin-right: 15px;
		color: red;
		font-size: 14px;
	}
	#expert {
		width: 95%;
		margin-left: 1%;
		/*min-height: 1200px;*/
		/*min-width: 1240px;*/
		margin-top: 30px;
		margin-bottom: 50px;
		/*background-color: #FFFFFF;*/
		/*border-radius: 10px;*/
		/*border: 1px solid #C0C1C3;*/
	}
	.item {
		width: 430px;
		margin-left: 85px;
		margin-right: 15px;
		margin-top: 40px;
		background-image: url(../img/pic_bg.png);
		float: left;
		margin-bottom: 20px;
		height: 248px;
		padding: 40px 25px 30px 25px;
		box-sizing: border-box;
		/*border-bottom: 2px solid #C3C3C3;*/
	}
	.item img {
		float: left;
		width: 105px;
		height: 147px;
		margin-left: 10px;
	margin-right: 15px;}
	#text {
		
		margin-left: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	#text p {
		font-weight: bold;
	}
	#text .intro {
		font-weight: normal;
	}
	#tittle {
		float: left;
		color: #0A5DA2;
		margin-left: 10px;
		margin-top: 2px;
	}
	.item h3 {
		float: left;
	}
	.intro {
		overflow: hidden;
		width: 240px;
		float: left;
	}
	.more {
		color: blue;
		width: 100px;
		display: inline-block;
	}
	#btngroup {
		width: 290px;
		margin: 0 auto;
	}
	.btn1 {
		font-family: "黑体";
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border-right: 3px solid #D0D0D2;
		border-bottom: 3px solid #D0D0D2;
		margin-bottom: 20px;
	}
}

@media  only screen and (min-width:1024px) and (max-width: 1800px) {
	#main {
		width: 100%;
	}
	#tt1 {
		background: url(../img/dingbu_bg.png);
		line-height: 41px;
		padding-left: 2.5%;
	}
	#oh {
		width: 60%;
		min-width: 1144px;
		margin-bottom: 30px;
		margin-left: 8%;
		float: left;
	}
	#box {
	min-width:1144px;	float: left;
		background-color: #E3E3E3;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#rank {
		float: right;
		padding-top: 13px;
		margin-right: 15px;
		color: red;
		font-size: 14px;
	}
	#expert {
		width: 95%;
		margin-left: 1%;
		/*min-height: 1200px;*/
		/*min-width: 1240px;*/
		margin-top: 30px;
		margin-bottom: 50px;
		/*background-color: #FFFFFF;*/
		/*border-radius: 10px;*/
		/*border: 1px solid #C0C1C3;*/
	}
	.item {
		width: 430px;
		margin-left: 85px;
		margin-right: 15px;
		margin-top: 40px;
		background-image: url(../img/pic_bg.png);
		float: left;
		margin-bottom: 20px;
		height: 248px;
		padding: 40px 25px 30px 25px;
		box-sizing: border-box;
		/*border-bottom: 2px solid #C3C3C3;*/
	}
	.item img {
		float: left;
		width: 105px;
		height: 147px;
		margin-left: 10px;
	margin-right: 15px;}
	#text {
		
		margin-left: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	#text p {
		font-weight: bold;
	}
	#text .intro {
		font-weight: normal;
	}
	#tittle {
		float: left;
		color: #0A5DA2;
		margin-left: 10px;
		margin-top: 2px;
	}
	.item h3 {
		float: left;
	}
	.intro {
		overflow: hidden;
		width: 240px;
		float: left;
	}
	.more {
		color: blue;
		width: 100px;
		display: inline-block;
	}
	#btngroup {
		width: 290px;
		margin: 0 auto;
	}
	.btn1 {
		font-family: "黑体";
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border-right: 3px solid #D0D0D2;
		border-bottom: 3px solid #D0D0D2;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 810px) and (max-width: 1024px) {
	#tt1 {
		background: url(../img/dingbu_bg.png);
		line-height: 35px;
		padding-left: 3.5%;
	}
	#box {
		width: 100%;
		float: left;
		background-color: #E3E3E3;
		margin-bottom: 30px;
	}
	.item {
		width: 90%;
		height: 25vw;
		padding-left: 3%;
		float: left;
		clear: left;
		background-color: #FFFFFF;
		margin-top: 2%;
		margin-left: 3.5%;
		padding-top: 1vw;
		padding-bottom: 2vw;
		margin-bottom: 2%;
	}
	.item img {
		float: left;
		width: 30%;
		height: 25vw;
		margin-top: 1vw;
	}
	#text {
		float: left;
		width: 65%;
		height: 20vw;
		font-size: 2vw;
		padding-left: 2vw;
	}
	.intro {
		overflow: hidden;
		height: 15vw;
	}
	#btngroup {
		width: 250px;
		margin: 0 auto;
	}
	.btn1 {
		font-family: "黑体";
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border-right: 3px solid #D0D0D2;
		border-bottom: 3px solid #D0D0D2;
		margin-bottom: 20px;
	}
}


@media only screen and (min-width: 810px) and (max-width: 1024px) {
	#tt1 {
		background: url(../img/dingbu_bg.png);
		line-height: 35px;
		padding-left: 3.5%;
	}
	#box {
		width: 100%;
		float: left;
		background-color: #E3E3E3;
		margin-bottom: 30px;
	}
	.item {
		width: 90%;
		height: 25vw;
		padding-left: 3%;
		float: left;
		clear: left;
		background-color: #FFFFFF;
		margin-top: 2%;
		margin-left: 3.5%;
		padding-top: 1vw;
		padding-bottom: 2vw;
		margin-bottom: 2%;
	}
	.item img {
		float: left;
		width: 30%;
		height: 25vw;
		margin-top: 1vw;
	}
	#text {
		float: left;
		width: 65%;
		height: 20vw;
		font-size: 2vw;
		padding-left: 2vw;
	}
	.intro {
		overflow: hidden;
		height: 15vw;
	}
	#btngroup {
		width: 250px;
		margin: 0 auto;
	}
	.btn1 {
		font-family: "黑体";
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border-right: 3px solid #D0D0D2;
		border-bottom: 3px solid #D0D0D2;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 810px) {
	#tt1 {
		background: url(../img/dingbu_bg.png);
		line-height: 35px;
		padding-left: 3.5%;
	}
	#box {
		width: 100%;
		float: left;
		background-color: #E3E3E3;
	}
	.item {
		width: 90%;
		height: 35vw;
		padding-left: 3%;
		float: left;
		clear: left;
		background-color: #FFFFFF;
		margin-top: 2%;
		margin-left: 3.5%;
		padding-top: 1vw;
		padding-bottom: 2vw;
		margin-bottom: 2%;
	}
	.item img {
		float: left;
		width: 30%;
		height: 35vw;
		margin-top: 1vw;
	}
	#text {
		float: left;
		width: 65%;
		height: 20vw;
		font-size: 3vw;
		padding-left: 2vw;
	}
	.intro {
		overflow: hidden;
		height: 15vw;
	}
	#btngroup {
		width: 250px;
		margin: 0 auto;
	}
	.btn1 {
		font-family: "黑体";
		font-weight: bold;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		border-right: 3px solid #D0D0D2;
		border-bottom: 3px solid #D0D0D2;
		margin-bottom: 20px;
	}
}