* {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Yahei';
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333333;
}

.header {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}

.mark {
	display: none;
}

.sdapple_logo,
.logo_img {
	float: left;
	outline: none;
}

.sdapple_logo {
	display: block;
}

.logo_img img {
	width: 100%;
	outline: none;
	border: none;
}

.sdapple_logo {
	margin: 10px 0;
	cursor: pointer;
}

.logo_title {
	float: left;
	line-height: 40px;
	margin-left: 10px;
	font-size: 18px;
}

.logo_img {
	display: block;
	width: 40px;
	height: 40px;
}

.sdapple_nav {
	float: right;
	margin: 18px 0;
}

.sdapple_nav ul li {
	float: left;
	font-size: 18px;
	margin: 0 30px;
}

.sdapple_nav ul li a:hover {
	color: #ff605d;
}

.sdapple_nav ul li a:active {
	color: #aa0300;
}

.nav_on {
	color: #dd2421;
}

#nav_last {
	margin-right: 0;
}

.content {
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

.content_banner {
	width: 100%;
	height: 830px;
	background: url('https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/330/images/banner.png') center center no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: 116px;
}

.content_banner p,
.local_banner p {
	color: #ffffff;
	text-align: center;
}

.cont_text1 {
	font-size: 48px;
	padding-top: 100px;
	margin-bottom: 30px;
	font-weight: bold;
	text-shadow: 4px 3px 5px #1d1c1c;
}

.cont_text2 {
	font-size: 32px;
	margin-bottom: 40px;
	text-shadow: 4px 3px 5px #1d1c1c;
}

.download-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 263px;
	height: 70px;
	background: #32CA2A;
	box-shadow: 0px 6px 0px 0px rgba(28, 176, 20, 0.5);
	border-radius: 16px;
	margin: 0 auto;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.download-btn:hover {
	background: #32C22A;
}

.download-btn img {
	width: 29px;
	margin-right: 15px;
}

/* 特点 */
.advantage-box {
	width: 100%;
	height: 548px;
	background: #F7FCFF;
}
.advantage-box h1 {
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-top: 100px;
	text-align: center;
	margin-bottom: 70px;
}
.advantage-content {
	width: 1200px;
	margin: 0 auto;
}
.advantage-content ul {
	display: flex;
	justify-content: space-between;
}
.advantage-content ul li {
	width: 50%;
	display: flex;
	align-items: center;
}
.advantage-content ul li img {
	margin-right: 21px;
}
.advantage-text h2 {
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom: 10px;
}
.advantage-text p {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.content_explain {
	width: 1200px;
	height: 812px;
	margin: 0 auto;
	background: url('https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/330/images/interface.png') center center no-repeat;
	background-size: 80%;
	background-position: bottom;
}

.content_explain p,
.content_trait p {
	text-align: center;
}

.cont_text3 {
	color: #333333;
	font-size: 36px;
	padding-top: 90px;
	margin-bottom: 45px;
}

.cont_text4 {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 40px;
}

.trait_det {
	padding-top: 25px;
}

.trait_matter {
	width: 50%;
	float: left;
	height: 90px;
	margin-bottom: 65px;
}

.trait_matter img {
	float: left;
	margin-top: 17px;
}

.imp_text {
	font-size: 39px;
	color: #333333;
	text-align: left !important;
}

.field_text {
	float: left;
	text-align: left;
	margin-left: 20px;
}

.imp_text2 {
	font-size: 18px;
	text-align: left !important;
	color: #666666;
}

.local_banner {
	clear: both;
	width: 100%;
	height: 560px;
	margin: 0 auto;
	background: url('https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/330/images/bg.png') center center no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.local_text1 {
	font-size: 36px;
	padding-top: 151px;
	margin-bottom: 30px;
}

.local_text2 {
	font-size: 24px;
	margin-bottom: 40px;
	line-height: 48px;
}

.local_btn {
	width: 300px;
	height: 56px;
	border: #333333 2px solid;
	background: #01f7f6;
	line-height: 56px;
	text-align: center;
	color: #333333;
	font-size: 32px;
	margin: 0 auto;
}

.local_btn:hover {
	background: #dd2421;
	color: #ffffff;
}

.local_btn:active {
	background: #aa0300;
	color: #ffffff;
}

.conver_image {
	width: 100%;
	height: 568px;
	background: #ffffff;
	clear: both;
}

.conver_content,
.content_trait {
	width: 1200px;
	clear: both;
	margin: 0 auto;
}

.ri {
	margin-left: 100px;
}

.conver_title {
	font-size: 48px;
	text-align: center;
	padding: 85px 0;
}

.conver_process {
	margin: 0 31.5px;
	float: left;
}

.con_first {
	margin-left: 0;
}

.con_last {
	margin-right: 0;
}

.add_img,
.change_img,
.oppen_img {
	margin-top: 20px;
}

/**箭头样式**/
.arrow {
	position: relative;
	width: 203px;
	margin: 90px auto;
}

.sr {
	position: absolute;
	left: 188px;
	top: -5px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #EEEEEE;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.line {
	display: block;
	width: 201px;
	height: 2px;
	background: #EEEEEE;
	margin: 12px 0;
}

.conver_process p {
	text-align: center;
}

.footer {
	clear: both;
	width: 100%;
	height: 60px;
	background: #28323b;
	line-height: 60px;
}

.footer a {
	color: #ffffff
}

.footer p {
	color: #ffffff;
	text-align: center;
}

/**移动端适配**/
@media screen and (max-width:1024px) {
	.mobile-side {
		display: block !important;
	}

	.mobile-menu {
		display: block !important;
	}

	.suspension,
	.bottom {
		display: none;
	}

	.headerBox {
		width: 100% !important;
	}

	.header {
		position: fixed;
		top: 0;
		z-index: 99999;
	}

	.header-right {
		display: none;
	}

	.header-right li a {
		font-size: 14px;
	}

	.header-left {
		margin-left: 5px;
	}

	.mobileBottom {
		display: block !important;
	}

	.nav_btn {
		width: 40px;
		height: 40px;
		margin: 10px 0;
		position: fixed;
		right: 2%;
		z-index: 300;
		border-radius: 50%;
		background: #ffffff;
		box-shadow: 1px 1px 15px 2px #dfdfdf;
	}

	.nav_btn span {
		width: 26px;
		height: 2px;
		background: #dd2421;
		display: block;
		margin: 8px 7px;
	}

	.header {
		width: 100%;
	}

	.sdapple_nav {
		display: none;
	}

	.mark {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgb(68, 68, 68);
		z-index: 200;
		width: 60%;
		box-shadow: -1px 0px 10px #8a8a8a;
		padding: 20px;
	}

	.mark ul {
		margin-top: 50px;
	}

	.mark ul li {
		height: 50px;
		background: #dd2421;
		border-bottom: 1px solid #324252;
	}

	.mark a {
		color: #ffffff;
		line-height: 50px;
		display: block;
		width: 95%;
		margin-left: 5%;
	}

	.sdapple_logo {
		margin-left: 3%;
	}

	.content_banner {
		width: 90%;
		padding: 0 5%;
		height: 400px;
		margin-top: 60px;
	}

	.cont_text1 {
		font-size: 28px;
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.cont_text2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.cont_btn {
		width: 180px;
		font-size: 24px;
		height: 40px;
		line-height: 40px;
		margin-top: 20px;
	}

	.content_explain {
		width: 90%;
		background: none;
		height: 100%;
	}

	.cont_text3 {
		font-size: 24px;
		padding-top: 40px;
		margin-bottom: 20px;
	}

	.cont_text4 {
		text-align: left !important;
		font-size: 16px;
		line-height: 30px;
	}

	.conver_content,
	.content_trait {
		width: 90%;
	}

	.trait_matter {
		width: 100%;
		margin-bottom: 40px;
	}

	.imp_text {
		font-size: 26px;
	}

	.imp_text2 {
		font-size: 15px;
		text-align: left !important;
	}

	.field_text {
		width: 74%;
	}

	.trait_matter img {
		margin: 8px 0;
	}

	.local_banner {
		height: 100%;
	}

	.local_text1 {
		font-size: 30px;
		padding-top: 40px;
		margin-bottom: 10px;
	}

	.local_text2 {
		font-size: 16px;
		padding: 0 5%;
		margin-bottom: 15px;
	}

	.local_btn {
		margin-bottom: 40px;
		width: 200px;
		font-size: 29px;
	}



	.conver_content {
		width: 100%;
		margin-bottom: 70px;
	}

	.conver_title {
		font-size: 24px;
		padding: 20px 0;
	}

	.conver_image {
		height: 100%;
	}

	.conver_icon {
		width: 180px;
		margin: 0 auto;
	}

	.conver_process {
		float: none;
		margin: 0;
		margin-bottom: 30px;
	}

	.arrow {
		display: none;
	}

	.footer {
		line-height: 20px;
		height: 100%;
		font-size: 12px;
	}

	.footer p {
		padding: 2% 5%;
	}
}

@media screen and (min-width:1024px) {

	.mobile-footer,
	.toTop {
		display: none !important;
	}
}

.easy-box {
	width: 100%;
	height: 567px;
}
.easy-box h1 {
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-top: 100px;
	margin-bottom: 98px;
	text-align: center;
}
.easy-content {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.easy-content img.arrow {
	width: 230px;
	height: 15px;
}
.easy-item h2 {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	text-align: center;
	margin-top: 31px;
}