@CHARSET "UTF-8";
/* for advert */


/* software ad style 1*/
.sad {
	display: flex;
	justify-content: space-between;
	margin: 36px auto;
	padding: 0px 0px 30px 0px;
	width: 960px;
	text-align: left;
	list-style-type: none;
	border-width: 1px;
	border-style: none none dotted none;
}
.sad .pic {
	width: 520px;
}
.sad .txt {
	width: 420px;
}
.sad .title {
	margin: 32px auto;
	font-size: 22px;
	color: #0560c5;
}
.sad .desc {
}

.sadx {
	display: flex;
	flex-flow: row nowrap;
	list-style-type: none;
	margin: 0px;
	padding: 30px 0px;
}

.sadx li {
	display: flex;
	width: 960px;
	margin: 0px auto;
	padding: 30px 0px;
}
.sadx div {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 60%;
}

.sadx .name {
	width: 100%;
	margin: 30px auto;
	text-align: center;
	font: bold 18px/22px "Verdana", "Tahoma", "Arial";
	color:#41840b;
}
.sadx .brief {
	width: 100%;
	margin: 30px auto;
	font: bold 12px/16px "Verdana", "Tahoma", "Arial";
	color:#505050;
}
.sadx .ulink {
	width: 120px;
	margin: 10px 30px;
	padding: 10px; 
	text-align: center;
	border-style: dotted;
	border-color: #f28007;
	font: bold 12px/16px "Verdana", "Tahoma", "Arial";
}

/* even row for sadx2 */
.sadx2 {
	flex-flow: row-reverse nowrap;
	background-color: #f5fdd5;
}

/* ========== 移动端适配（≤768px）：图文上下堆叠 ========== */
@media (max-width: 768px) {

	/* --- .sad：li.pic(图) 在上、li.txt(文) 在下 --- */
	/* HTML 内联了 flex-flow:row，必须用 !important 才能覆盖 */
	.sad {
		width: 100%;
		flex-flow: column nowrap !important;
		margin: 20px auto;
		padding: 0px 12px 20px 12px;
		box-sizing: border-box;
	}
	.sad .pic,
	.sad .txt {
		width: 100%;
	}
	.sad .pic img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.sad .title {
		margin: 16px auto;
		font-size: 18px;
		line-height: 24px;
	}

	/* --- .sadx / .sadx2：li 背景图(产品图)在上、div(文字)在下 --- */
	/* 背景图由 bkproducts1/2 类(wsxxl.css)提供，此处用更高特异性(.sadx li > .bkproducts)覆盖其定位 */
	.sadx {
		padding: 16px 0px;
	}
	.sadx li {
		width: 100%;
		padding: 230px 12px 16px 12px; /* 顶部留白给背景图 */
		box-sizing: border-box;
		flex-flow: column nowrap;
		background-position: center top;
		background-size: 200px auto;
		background-repeat: no-repeat;
	}
	.sadx div {
		width: 100%;
	}
	.sadx .name {
		margin: 16px auto;
		font-size: 16px;
		line-height: 22px;
	}
	.sadx .brief {
		margin: 12px auto;
		font-size: 13px;
		line-height: 19px;
	}
	.sadx .ulink {
		width: auto;
		margin: 8px 6px;
		padding: 8px 12px;
		font-size: 13px;
		line-height: 18px;
	}
	/* .sadx2 保留交替底色，row-reverse 在纵向下无效 */
	.sadx2 {
		flex-flow: column nowrap;
	}
}

/* ========== 小屏手机（≤480px） ========== */
@media (max-width: 480px) {
	.sad {
		margin: 16px auto;
		padding: 0px 10px 16px 10px;
	}
	.sad .title {
		font-size: 16px;
		line-height: 22px;
		margin: 12px auto;
	}
	.sadx {
		padding: 12px 0px;
	}
	.sadx li {
		padding: 180px 10px 12px 10px;
		background-size: 160px auto;
	}
	.sadx .name {
		font-size: 15px;
		line-height: 20px;
		margin: 12px auto;
	}
	.sadx .brief {
		font-size: 12px;
		line-height: 18px;
		margin: 10px auto;
	}
	.sadx .ulink {
		margin: 6px 4px;
		padding: 6px 10px;
		font-size: 12px;
		line-height: 17px;
	}
}