* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
.pages{ font-size:16px;}
.pages a{font-size:16px;}
.zhangmenqita{width: 100%;
    float: left;
    padding: 50px;}
.zhangmen{ background: #f0f0f0;
    border-radius: 16px;
    padding: 20px 30px 10px 30px; float:left; width:100%;
    }
.zhangmen-left{ float:left; width:558px; margin-right:10px; margin-left:20px;}
.zhangmen-right{ float:left; width:520px; margin-right:20px; margin-left:10px;}
.zhangmenzp{ float:left;}
.zhangmenjs{ float:left; margin-top:10px;}
.jingyan{ background:#f0f0f0; border-radius:16px; padding:30px;    min-height: 600px;}
.jieshao{ }
.zhangmenjs h2{ font-size: 22px; margin-bottom: 20px;   border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: bold;
    line-height: 46px;}
.jieshao{ float:left;}
.logo{ width:20%; float:left;}
.clearfix, .c {
	zoom: 1;
	
}
.clearfix:after, .clearfix:before, .c:after, .c:before {
	display: table;
	content: "";
}
.clearfix:after, .c:after {
	clear: both;
}
/* Write your styles */
.l {
	  margin-top: 0px; 
}
.logo img{ margin-top:10px;}
.r {
	float: right;
}
.box {
	    width: 1200px;
		margin:0 auto;

}
.box2 {
	    width: 1200px;
		margin:0 auto;
		background:#fff;
    
}
.box3 {
	    width: 1200px;
		margin:0 auto;
}
@media (max-width: 1024px) {
.box3 {
    width: 100%;
    margin: 0 auto;
}

}
@media (max-width: 986px) {
.box3 {
    width: 90%;
    margin: 0 auto;
}
.zhangmen-left {
    float: left;
    width: 100%;
    margin-right: 0px;
    margin-left: 00px;
}
.jieshao {
    background: #f0f0f0;
    border-radius: 16px;
    padding: 10px;
}
.zhangmenzp img{ width:100%}
.zhangmenqita {
    width: 100%;
    float: left;
    padding: 30px 0;
}
}