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

	/* 标题 */
	.mp-title .font-s36 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	/* banner */
	.ban-box > .box-w {
		padding: 0 15px;
		height: 215px;
		margin-top: 25px !important;
		box-sizing: border-box;
		background-size: contain;
	}
	.ban-box > div > h1 {
		font-size: 24px;
		line-height: 1.5;
	}
	.ban-box > div > p {
		line-height: 1.5;
		font-size: 14px;
		margin: 10px 0 0	;
	}
	.ban-box > div > p br {
		display: none;
	}
	.ban-box a.btn {
		height: 34px;
		line-height:  34px;
		font-size: 14px;
		font-weight: bold;
		padding: 0 14px;
		margin-top: 15px;
	}
	
	/* 四大痛点 */
	.pain-spot {
		margin-top: 0;
		height: auto;
		overflow: hidden;
	}
	.pain-spot li {
		width: 44%;
		height: 170px;
		margin-top: 20px;
		margin-left: 4%;
		background-size: cover;
	}
	.pain-spot li img {
		width: 50px;
		margin-top: 25px;
	}
	.pain-spot li p {
		margin: 10px 10px 0;
		line-height: 1.5;
		font-size: 14px;
	}
	.pain-spot li p br {
		display: none;
	}

	/* 优劣势对比 */
	.advantage {
		margin-top: 0;
	}
	.advantage  dl{
		width: 44%;
		margin-left: 4%;
		padding-bottom: 95px;
		margin-top: 20px !important;
	}
	.advantage > dl.adv-3 {
		width: 92%;
		margin-top: 10px !important;
	}
	.advantage  dl dt {
		margin-right: 0;
	}
	.advantage  dl dt p {
		font-size: 14px;
		line-height: 1.5;
	}
	.advantage  dl dd {
		height: auto;
		padding: 50px 0 10px 22px;
		background-size: contain;
	}
	.advantage > dl.adv-3 dd {
		padding: 65px 0 10px 32px;
		background-size: 100% 135px;
	}
	.advantage dl dd div {
		font-size: 20px;
	}
	.advantage  dl dd p {
		margin-top: 0;
		font-size: 14px;
	}

	/* 架构图 */
	.framework-img {
		margin: 25px 10px 0;
	}
	.framework-img img {
		margin-top: 0;
	}

	/* 四大核心技术 */
	.core-technology {
		height: auto;
		margin-top: 0;
	}
	.core-technology li {
		width: 44%;
		height: 350px;
		margin-top: 20px;
		margin-left: 4% !important;
	}
	.core-technology li .font-s20 {
		font-size: 16px;
	}
	.core-technology li p {
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
		text-align: justify;
	}

	/* Tab切换详情介绍 */
	.skill-det {
		margin-top: 25px;
	}
	.skill-det > ul {
		line-height: 42px;
		background-color: transparent;
	}
	.skill-det > ul > li {
		width: 30% !important;
		font-size: 14px;
		margin-left: 2.5%;
		margin-bottom: 10px;
		border-radius: 8px;
		background-color: #f9f9f9;
	}
	.bg-f9 .skill-det > ul > li {
		background-color: #fff;
	}
	.skill-det > dl {
		margin-top: 0;
	}
	.skill-det > dl dt, .skill-det > dl dd {
		width: auto;
		height: auto;
		float: none;
		margin: 10px 15px 0;
	}
	.skill-det > dl dt div h4 {
		margin: 0;
		font-size: 20px;
	}
	.skill-det > dl dt div p {
		font-size: 14px;
		line-height: 1.5;
	}

	/* 解决方案 */
	.solution dl {
		width: 44%;
		margin-left: 4%;
		height: auto;
		margin-top: 0;
	}
	.solution dl:first-child, .solution dl:nth-child(2) {
		margin-top: 25px;
		min-height: 280px;
	}
	.solution dl dt, .solution dl dd {
		float: none;
	}
	.solution dl dt {
		padding: 0;
		text-align: center;
	}
	.solution dl dt img {
		height: 40px;
	}
	.solution dl dd {
		text-align: center;
		margin: 10px 0 0;
	}
	.solution > dl > dd > p {
		font-size: 14px;
		padding-right: 0;
		line-height: 1.5;
		text-align: justify;
	}
}