.clearfix:before, .clearfix:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}
.content{
	width: 100%;
    max-width: 1122px;
    margin: 0 auto;
}
.box {
    display: block;
}
.box:before, .box:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}
.box .box-header {
    width: 100%;
    height: 30px;
    margin-bottom: .5rem;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 16px;
    color: #45b0fc;
    line-height: 3;
    text-indent: .5em;
}
.box .box-header.has-icon .box-header-icon {
    width: auto;
    height: auto;
    padding: 7px 10px;
    background-color: #45b0fc;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}
.wzl-banner{
	width: 100%;
	margin:.5rem auto;
}
.wzl-banner img{
	width: 100%;
}
.wzl-img-left{
	float:left;
	width:40%;
	height:390px;
	background-color: #c4e5e5;
	position: relative;
	box-sizing:border-box;
	padding:50px 5%;
}
.wzl-img-left h2{
	line-height: 55px;
	font-size: 20px;
	text-align: center;
}
.wzl-img-left strong{
	font-size: 16px;
	color:#333;
}
.wzl-img-left p{
	line-height: 25px;
	font-size: 14px;
	color:#555;
	margin:10px auto 20px auto;
}
.wzl-img-left ul li{
	list-style: none;
	line-height: 30px;
	font-size: 14px;
	color:#333;
}
.wzl-img-left ul li i{
	display: inline-block;
	color:#fff;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	background-color: #ff8300;
	border-radius: 100%;
	margin-right: 7px;
	font-style: normal;
	font-size: 12px;
}
.wzl-img-qh{
	position: absolute;
	top:0;
	left: 0;
	width:100px;
	height:110px;
	background:  no-repeat center;
	font-size: 26px;	
}
.wzl-img-qh span{
	display: inline-block;
	width: 100px;
	margin:10px 0 0 -10px;
	transform:rotate(-48deg);
	-ms-transform:rotate(-48deg); 	/* ie 9 */
	-moz-transform:rotate(-48deg); 	/* firefox */
	-webkit-transform:rotate(-48deg); /* safari 和 chrome */
	-o-transform:rotate(-48deg); 
}
.wzl-img-right{
	float:right;
	position: relative;
	height:390px;
	width: 60%;
}
.wzl-img-right a,.wzl-img-right img{
	display: block;
	width: 100%;
	height: 100%;
}
.wzl-img-right p{
	display: none;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	font-size: 20px;
	color:#fff;
	line-height: 50px;
	padding-left: 25px;
	box-sizing:border-box;
}
.box-content{
	margin:.5rem auto;
}
.flow-list-1{
	width: 100%;
}
.tag-box{
	float: left;
	width:32%;
	border:1px solid #e6e6e6;
	margin-right:2%;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.tag-box a{
	display: block;
	width: 100%;
	height:350px;
	box-sizing:border-box;
	background-color: #f0f0f0;
	padding:25px;
}
.tag-box a img{
	width: 100%;
	height: 100%;
}
.tag-box div{
	width: 100%;
	height:185px;
	box-sizing:border-box;
	padding:20px;
}
.tag-box div p{
	font-size: 14px;
	color: #8c8c8c;
	line-height: 22px;
	margin-bottom: 5px;
}
.tag-box div p i{
	float: left;
	font-style: normal;
}
.tag-box div p span{
	float: right;
	background:  no-repeat 0 center;
	padding-left: 15px;
}
.tag-box:nth-child(3n){
	margin-right: 0;
}
 @media screen and (max-width: 980px){
 	.wzl-img-left ul{display: none;}
 }
 @media screen and (max-width: 770px){
 	.tag-box{
		float: left;
		width:48%;
		border:1px solid #e6e6e6;
		margin-right:2%;
		margin-bottom: 30px;
		box-sizing: border-box;
	}
	.tag-box:nth-child(2n){
		margin-right: 0;
	}
	.tag-box:nth-child(3n){
		margin-right: 2%;
	}
	.wzl-img-div p{display: none;}
 }
@media screen and (max-width: 420px){
 	.tag-box{
		float: left;
		width:100%;
		border:1px solid #e6e6e6;
		margin-bottom: 30px;
		box-sizing: border-box;
	}

}