@charset "utf-8";
@media (max-width: 768px) {

	/* banner */
	.ban-box div > h2 {
		font-size: 24px;
	}
	.ban-box div > p.d-hide {
		display: block;
		line-height: 1.5;
		text-align: justify;
		margin: 8px 20px 0;
	}
	.ban-box a.btn {
		height: 34px;
		line-height:  34px;
		font-size: 14px;
		font-weight: bold;
		padding: 0 14px;
		margin-top: 12px;
	}

	/* 意义 */
	.necessity {
		padding: 20px 0 40px;
	}
	.necessity > div.font-s0 img {
		max-width: 25%;
	}
	.necessity > p {
		width: 35%;
		font-size: 12px;
		line-height: 1.2;
		padding-bottom: 0;
		border: 0 none;
	}
	.necessity > p br {
		display: none;
	}
	.necessity > p:first-child {
		width: 30%;
		left: 25px;
		right: auto;
		top: 0;
	}
	.necessity > p:nth-child(2) {
		right: 10px;
		left: auto;
		top: 0;
	}
	.necessity > p:nth-child(3) {
		left: 5px;
		right: auto;
		top: 55px;
	}
	.necessity > p:nth-child(4) {
		right: 5px;
		left: auto;
		top: 55px;
	}
	.necessity > p:nth-child(5) {
		width: 50%;
		top: auto;
		bottom: 0;
		left: 50%;
		margin-left: -25%;
	}

	/* 逻辑 */
	.system-overview dt, .system-overview dd {
		float: none;
		width: auto;
		padding: 0 20px;
	}
	.system-overview dd h3 {
		font-size: 24px;
		margin-top: 15px;
	}
	.system-overview dd div {
		height: auto;
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
	.system-overview dd div br {
		display: none;
	}

	/* 内容 */
	.lore-content {
		width: 100%;
		border: 0 none;
		position: static;
		margin: 20px 0 0;
		overflow: hidden;
	}
	.lore-content > li {
		width: 30%;
		height: auto;
		min-height: 350px;
		position: static;
		left: auto;
		right: auto;
		top: auto;
		float: left;
		margin-left: 2.5%;
		background-size: 70% auto;
		background-position: center 170px;
	}
	.lore-content > li > div {
		width: auto;
		height: 170px;
		line-height: 1.5;
		border-width: 2px !important;
		font-size: 14px;
		padding: 5px 0 0 5px;
	}
	.lore-content > li > h4 {
		width: auto;
		font-size: 14px;
		margin: 40px 0 0 0 !important;
	}
	.lore-content > li:first-child > h4, .lore-content > li:last-child > h4 {
		margin-top: 35px !important;
	}
	.lore-content > li > p {
		line-height: 1.5;
		font-size: 12px;
		text-align: center;
		margin: 35px 0 0 0 !important;
	}
	.lore-content > li:first-child > p, .lore-content > li:last-child > p {
		margin-top: 25px !important;
	}

	/* 工程架构 */
	.schema {
		margin: 15px 20px 0;
	}
	.schema > li {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}
	.schema > li.schemaj-li2,.schema > li.schemaj-li3,.schema > li.schemaj-li4 {
		width: auto;
		padding: 5px 0 15px;
		margin-bottom: 10px;
		background-color: #eaf2fb;
	}
	.schema > li.schemaj-li2 {
		margin-top: 10px;
	}
	.schema > li.schemaj-li2 > div,.schema > li.schemaj-li3 > div {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.schema > li.schemaj-li2 > div div,.schema > li.schemaj-li3 > div img {
		display: inline-block;
		width: 45%;
		margin: 0 5px;
	}
	.schema > li.schemaj-li2 > p,.schema > li.schemaj-li3 > p {
		margin-top: 5px;
	}
	.schema > li.schemaj-li2 > p br,.schema > li.schemaj-li2 > p img,.schema > li.schemaj-li3 > p img,.schema > li.schemaj-li4 > p img,.schema > li.schemaj-li4 > p br {
		display: none;
	}
	.schema > li.schemaj-li4 > p,.schema > li.schemaj-li4 > div {
		float: none;
	}
	.schema > li.schemaj-li4 > p {
		margin-top: 10px;
	}
	.schema > li.schemaj-li4 > p span.d-hide {
		display: inline-block;
	}
	.schema > li.schemaj-li4 > div > div {
		margin-top: 5px;
		text-align: center;
	}

	/* 成功案例 */
	.three-icon-ul {
		margin: 20px 5px 0;
	}
	.three-icon-ul li {
		padding: 0 5px;
		box-sizing: border-box;
	}
	.three-icon-ul li h4 {
		font-size: 14px;
		font-weight: bold;
		margin-top: 15px;
	}
	.three-icon-ul li p {
		line-height: 1.5;
		font-size: 12px;
		text-align: justify;
		margin-top: 5px;
	}
	.three-icon-ul li p br {
		display: none;
	}
}