/* jssdk */
.articlecon {
	display: block;
}
.articlecon p {
	text-align: center;
}
.sdk_all_form table {
	width: 90%;
	margin: 3rem auto;
	border-left: 1px solid #19a1ee;
}
.sdk_all_form tr.sdk_form {
	text-align: center;
    background: #19a1ee;
    color: #fff;
	line-height: 2rem;
	font-size: 0.875rem;
}
.sdk_all_form tr {
	text-align: center;
    background: #ffffff;
    color: #555;
    border: 1px solid #19A1EE;
}
.sdk_all_form tr td {
	border-right: 1px solid #19A1EE;
	border-bottom: 1px solid #19A1EE;
	padding: 0.75rem;
}
.sdk_all_form tr td:first-child {
	text-align: left;
}
.sdk_all_form a {
	display: inline-block;
	margin: 0.25rem;
	padding: 0.45rem 1rem;
	color: #fff;
	border-radius: 3px;
	opacity: 0.7;
}
.sdk_all_form a:hover {
	opacity: 1;
}
.sdk_all_form a.help_txt {
	color: #0aa;
	border: 1px solid;
}
.sdk_all_form a.demo {
	background: #19A1EE;
}
.sdk_all_form a.online {
	background: #0aa;
}

/* JSSDK 单独设置 */
.banner {
	margin: 0;
}
.banner .flex {
	position: absolute;
	bottom: 0;
}
.banner .flex .flex_list {
	width: 60%;
}
.banner .flex .flex_list.case_video {
	width: 30%;
	margin: 0 5%;
	padding: 0 3%;
}

/* 响应式代码 */

@media screen and (max-width:1300px){
	.banner {
		height: 34rem;
	}
	
	.banner .flex .flex_list {
		width: 60%;
	}
	.banner .flex .flex_list.case_video {
		width: 40%;
		margin: 0;
	}
	
	.banner .flex_list h3 {
		margin-top: 12%;
	}
	
}
@media screen and (max-width:1080px) {
	.banner {
		height: 29rem;
	}
	.banner .flex .flex_list {
		padding: 0 2%;
	}
	.banner .flex .flex_list.case_video {
		width: 36%;
		margin: 0 2%;
	}
	.banner .flex_list h3 {
		margin-top: 15%;
	}
}
@media screen and (max-width:940px) {
	.banner {
		height: 24rem;
	}
	.banner .flex {
		position: relative;
		bottom: auto;
		left: auto;
	}
	.banner .flex .flex_list {
		width: 100%;
		text-align: center;
		padding: 0 2%;
	}
	.banner .flex .flex_list.case_video {
		display: none;
	}
	.banner .flex_list h3 {
		margin-top: 2%;
	}
	
}
@media screen and (max-width:720px) {
	.banner .flex_list h3 {
		margin-top: 0%;
	}
}

@media screen and (max-width:480px) {
	.sdk_all_form table {
		width: 100%;
	}
	.waphidden {
		display: none;
	}
	table tr.sdk_form td:last-child {
		width: 30%;
	}
}