.example-header {
	background-image: url(/wp-content/themes/ny/zhuanti/images/banner/banner1.png);
    background-position: center;
    background-size: cover;
}
.warp {
	    text-align: center;
    width: 1000px;
    margin: 0 auto;
    color: #333;
}
.system div {
    position: relative;
    height: 400px;
    margin-top: 38px;
	width: 100%;
}
.clear {
    display: block;
}

.clear {
    zoom: 1;
    clear: both;
    display: inline-block;
}
.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.system img {
    float: left;
	width: 60%;
}

.system dl {
	position: absolute;
    top: 40px;
    right: 0px;
    width: 525px;
    height: 300px;
    padding: 50px 0 0 55px;
    background: #f8f8ff;
    text-align: left;
    color: #505151;
}
.system dt {
    font-size: 20px;
    line-height: 26px;
    border-left: 5px solid #fd7268;
    padding-left: 12px;
    margin-bottom: 20px;
}
.system dd {
    font-size: 16px;
    line-height: 45px;
}
.system div:nth-child(2n) dl {
    left: 0;
    right: auto;
}
.system div:nth-child(2n) img {
    float: right;
}
@media (max-width: 767px) {
	.warp {
		width: 100%;
	}
	.system img {
		display: none;
	}
	.system div {
		position: unset;
		height: auto;
		    margin-top: 18px;
	}
	.system dl {
		position: unset;
		width: 100%;
		height: auto;
		padding: 25px;
		margin: 0;
	}
	.system dd {
		font-size: 14px;
		line-height: 25px;
	}
}