html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	min-width: 300px
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	text-decoration: none
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none;
	vertical-align: bottom
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

ol, ul {
	list-style: none
}

html {
	font-family: "Microsoft YaHei";
	font-size: 16px
}

h1, h2, h3 {
	letter-spacing: 0.1em
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-v {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-u {
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.flex-middle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.flex-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-auto {
	flex: auto
}

.flex-none {
	flex: none
}

.fx-nm-1 {
	width: 100%
}

.fx-nm-2 {
	width: 50.000%
}

.fx-nm-3 {
	width: 33.333%
}

.fx-nm-4 {
	width: 25.000%
}

.fx-nm-5 {
	width: 20.000%
}

.fx-nm-6 {
	width: 16.667%
}

.fx-nm-7 {
	width: 14.286%
}

.fx-nm-8 {
	width: 12.500%
}

.fx-nm-9 {
	width: 11.111%
}

.fx-nm-10 {
	width: 10.000%
}

.flex div {
	box-sizing: border-box
}

.txtl {
	text-align: left
}

.txtc {
	text-align: center
}

.txtr {
	text-align: right
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear:after {
	content: '';
	display: block;
	clear: both
}

.container {
	margin: 0 auto;
	max-width: 1200px
}

.bg-grey {
	background: #f8f8fa
}

.bg-blue {
	background: #007fff
}

.bg-black {
	background: #122932
}

.conbox {
	padding: 60px 0;
	text-align: center
}

.conbox dl {
	box-sizing: border-box
}

.contit {
	margin: 0 0 48px;
	font-size: 36px;
	line-height: 48px;
	font-weight: 500;
	letter-spacing: 0.1em;
	position: relative
}

.contit:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -24px;
	width: 60px;
	height: 4px;
	background: #007fff;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.contxt {
	margin: 0 0 36px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.1em
}

.tit-header {
	margin: 0 0 36px;
	padding: 36px 0;
	color: #fff;
	text-align: center;
	background-color: #1341e0;
	background-image: -webkit-linear-gradient(315deg, #1341e0 0%, #1494f9 100%);
	background-image: -moz-linear-gradient(315deg, #1341e0 0%, #1494f9 100%);
	background-image: linear-gradient(135deg, #1341e0 0%, #1494f9 100%);
	box-shadow: 0 6px 24px rgba(15, 92, 228, 0.08)
}

.tit-header dl {
	padding: 2rem 0
}

.tit-header dt {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 0.625em 0
}

.tit-header dd {
	padding: 0 1em
}

.tit-header dl a {
	color: #fff
}

.transition {
	transition: all .5s ease-in-out
}

.header {
	height: 60px;
	z-index: 100;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.logo {
	display: block;
	padding: 10px 0;
	height: 40px;
	overflow: hidden
}

.logo img {
	height: 40px
}

.nav-icon {
	display: none
}

.nav {
	line-height: 60px
}

.navbg {
	display: none;
	position: fixed;
	left: 0;
	top: 60px;
	z-index: -5;
	width: 100vw;
	height: calc(100vh - 60px);
	background: rgba(0, 0, 0, .6)
}

.nav-main {
	float: left;
	margin-left: 36px
}

.nav-main li {
	float: left;
	margin: auto 15px
}

.nav-main li a {
	padding: 5px 10px;
	font-size: 16px;
	color: #64696d
}

.nav-main li a:hover {
	border-bottom: 2px solid #007fff;
	color: #007fff
}

.nav-login {
	float: right
}

.nav-login li {
	float: left;
	margin: auto 10px
}

.nav-login li a {
	border-radius: 4px;
	padding: 8px 20px;
	font-size: 16px
}

.nav-login-in {
	border: 1px solid #ccc;
	color: #64696d
}

.nav-login-in:hover {
	border: 1px solid #007fff;
	color: #007fff
}

.nav-login-up {
	border: 1px solid #0067e6;
	color: #fff;
	background: #007fff
}

.nav-login-up:hover {
	background: #0067e6
}

.footer {
	font-size: 14px;
	background: #292929
}


/*.footer .footnav .footnav-box:nth-child(4){
	display: none;
}*/

.footer .footnav {
	padding: 60px 0 30px;
	color: #fff
}

.footer .footnav img {
	width: 160px
}

.footer .footnav a {
	color: #fff;
	transition: all .3s ease-in-out
}

.footer .footnav a:hover {
	color: #007fff
}

.footer .footnav-tit {
	position: relative;
	padding: 0 0 36px;
	font-size: 18px
}

.footer .footnav-ul li {
	margin-bottom: 12px
}

.footer .footnav-tit:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	background: #fff;
	left: 0;
	top: 40px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.footer .copyright {
	border-top: 1px solid #383838;
	padding: 20px 0;
	line-height: 20px;
	text-align: center;
	color: #A5A5A5
}

.footer .copyright p {
	margin: 10px auto
}

.footer .copyright a {
	color: #A5A5A5
}

.index-banner {
	background: url(/style/img/banner.jpg) no-repeat 50% 0%;
	background-size: cover
}

.index-banner .pic {
	max-width: 1200px
}

.index-banner .pic img {
	width: 100%
}

.index-banner .info {
	color: #fff;
	text-align: center;
	padding: 2rem 0
}

.index-banner .tit {
	font-size: 3rem;
	margin: 2rem 0
}

.index-banner .text {
	font-size: 1.125rem;
	line-height: 2.25rem;
	color: #e1eaf2;
	margin: 2rem 0
}

.index-banner .btnbox a {
	font-size: 1.125rem;
	display: inline-block;
	padding: 0.4rem 2.5rem;
	border-radius: 10rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12)
}

.index-banner .btnbox a.btn-down {
	color: #007acc;
	background: #FFF
}

.index-banner .btnbox a.btn-down:hover, .index-banner .btnbox a.btn-down:focus {
	color: #FFF;
	background: #286aed
}

.index-feature {
	padding: 0 0 4rem;
	text-align: center
}

.index-feature .item {
	padding: 2rem;
	border-right: 1px solid #dde0e9
}

.index-feature .item:last-child {
	border-right: 0
}

.index-feature .item:hover, .index-feature .item:focus {
	background: #EFF8FF
}

.index-feature .item .tit {
	font-size: 1.5rem;
	color: #333;
	margin: 0.5em 0
}

.index-feature .item .txt {
	font-size: 1.125rem;
	color: #666
}

.index-types {
	padding: 4rem 0;
	text-align: center;
	background: #fff url(/style/img/index-phone-bg.jpg) no-repeat 50% 50%;
	background-size: contain
}

.index-types dl {
	padding: 1rem 2.5rem
}

.index-types dt {
	padding: 1.5rem 0
}

.index-types dd {
	font-size: 1.125rem;
	color: #666
}

.index-types dt img {
	width: 100px
}

.index-product {
	padding: 4rem 0;
	text-align: center
}

.index-product .product-box {
	padding: 2rem 0
}

.product-box>div {
	padding: 10px
}

.product-box .product {
	padding: 2rem;
	background: #fff;
	box-shadow: 0 6px 24px rgba(15, 92, 228, 0.04);
	text-align: center;
	position: relative
}

.product-box .product img {
	width: 96px;
	margin-right: 16px
}

.product-box .product h2 {
	font-size: 1.5rem;
	color: #333;
	margin: 1rem 0
}

.product-box .product p {
	font-size: 1.125rem;
	color: #666;
	margin: 1rem 0
}

.product-box .product a.down {
	color: #fff;
	background: #1a7aef;
	font-size: 1.125rem;
	display: inline-block;
	padding: 0.4rem 2.5rem;
	margin-left: 16px;
	border-radius: 10rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12)
}

.index-comment {
	padding: 4rem 0;
	text-align: center
}

.index-comment .comment-box {
	padding: 2rem 0
}

.index-comment .comment-box>div {
	margin-bottom: 2rem
}

.index-comment .comment {
	height: 100%;
	padding: 3rem 2rem 2rem;
	background: #fff;
	margin: 0 1rem;
	border-radius: 1rem;
	box-shadow: 0 12px 36px rgba(15, 92, 228, 0.08)
}

.index-comment .comment:hover, .index-comment .comment:focus {
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	transform: translateY(-1rem);
	box-shadow: 0 12px 36px rgba(15, 92, 228, 0.18)
}

.index-comment .avatar, .index-comment .star, .index-comment .by {
	margin: 0 0 1rem
}

.index-comment .by {
	color: #333;
	font-size: 1.375rem
}

.index-comment .comment p {
	color: #666;
	font-size: 1.125rem;
	line-height: 2em;
	text-indent: 2em;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify
}

.about-con1, .about-con2 {
	padding: 4rem 0;
	text-align: center
}

.about-con1 p, .about-con2 p {
	font-size: 1.25em;
	color: #666;
	text-indent: 2em;
	line-height: 2em;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify
}

.about-con2 p {
	text-indent: 0;
	text-align: center
}

.about-content {
	margin: 36px auto;
	line-height: 1.5;
	color: #333
}

.con_banner_wrap {
	width: 100%;
	height: 640px;
	background: url(/style/img/p1/banner.jpg?1) 50% 50%/cover no-repeat
}

.con_banner_box {
	width: 1200px;
	margin: 0 auto;
	display: flex
}

.con_banner_box .banner_pre {
	padding-top: 90px
}

.banner_txt_box {
	width: calc(100% - 544px);
	color: #fff;
	padding-top: 90px;
	text-align: center
}

.banner_txt_box .font_h1 {
	font-size: 64px
}

.banner_txt_box .font_h2 {
	font-size: 20px;
	padding-top: 20px;
	width: 74%;
	margin: 0 auto
}

.wa_downbtn {
	display: flex;
	margin-top: 30px
}

.wa_downbtn .window .btn_img, .wa_downbtn .andriod .btn_img {
	width: 98px
}

.wa_downbtn .window button, .wa_downbtn .andriod button {
	width: 240px;
	height: 64px;
	background-color: #fff;
	color: #3059bb;
	border: none;
	outline: none;
	border-radius: 4px;
	font-size: 18px;
	margin-top: 30px
}

.wa_downbtn .window button a {
	color: #3059bb
}

.wa_downbtn .window button:hover {
	color: #fff;
	box-shadow: 0px 5px 16px 0px rgba(73, 122, 247, 0.29);
	background-color: #00c0ff;
	transition: all 0.3s ease;
	cursor: pointer
}

.wa_downbtn .andriod {
	position: relative
}

.wa_downbtn .andriod .ewm img {
	position: absolute;
	left: 85px;
	top: -30px;
	width: 150px;
	display: none
}

.p11-box>div {
	padding: 20px
}

.p11-box>div>dl {
	height: 100%;
	padding: 40px;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06)
}

.p11-box>div>dl>dt {
	margin: 0 0 24px 0
}

.p2-banner {
	background: url(/style/img/p2/banner-bg.jpg) 50% 50%/cover no-repeat;
	padding: 4rem 0;
	color: #fff;
	text-align: center
}

.p2-banner .applogo, .p2-banner .appinfo, .p2-banner .download {
	margin: 1.75rem 0
}

.p2-banner .appname, .p2-banner .appname2 {
	font-size: 3rem;
	font-weight: 300;
	margin: 1rem 0
}

.p2-banner .appname2 {
	font-size: 2rem
}

.p2-banner .appinfo {
	font-size: 1.125rem
}

.p2-banner .download, .p2-bottom .download {
	display: inline-block
}

.p2-banner .download:hover, .p2-banner .download:focus, .p2-bottom .download:hover, .p2-bottom .download:focus {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.p2-con1 .items-box dl {
	padding: 1rem;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
	background: #fff;
	color: #444
}

.p2-con1 .items-box dl:hover, .p2-con1 .items-box dl:focus {
	background: #f9f9f9;
	color: #3554c2
}

.p2-con1 .items-box dl dd {
	font-size: 1.125rem;
	margin: 0.5em 0 1.25em
}

.p2-con2 .con2-box>div {
	padding: 16px
}

.p2-con4 .comment-box>div {
	padding: 24px
}

.p2-con4 .comment {
	height: 100%;
	padding: 3rem 2rem 2rem;
	border-radius: 12px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	background: #fff;
	color: #666
}

.p2-con4 .comment .avatar {
	margin: 0 0 1.75em
}

.p2-con4 .comment .by {
	margin: 1.75em 0;
	color: #1a1a1a
}

.p3-banner {
	background: url(/style/img/p3/banner-bg.jpg) 50% 50%/cover no-repeat
}

.p4-banner {
	background: url(/style/img/p4/banner-bg.jpg) 50% 50%/cover no-repeat
}

.breadcrumb {
	margin: 20px 0;
	font-size: 14px;
	color: #999
}

.breadcrumb a {
	color: #999
}

.page {
	text-align: center
}

.page ul {
	display: inline-flex;
	margin-top: 40px
}

.page li a, .page li span {
	display: inline-flex;
	padding: 4px 12px
}

.page li a {
	background-color: #FFF;
	margin: 0 6px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 4px;
	color: #999
}

.page li a:hover {
	color: #fff;
	background-color: #129cfe;
	border: 1px solid #129cfe
}

.page .thisclass a {
	background-color: #46acf4;
	color: #FFF;
	text-align: center;
	border: 1px solid #46acf4
}

@media screen and (max-width:1000px) {
	img {
		max-width: 100%
	}

	.container {
		box-sizing: border-box;
		padding: 0 5%;
		width: 100%
	}

	.conbox {
		padding: 40px 0
	}

	.contit {
		font-size: 30px
	}

	.contxt {
		font-size: 16px
	}

	.header {
		position: fixed;
		width: 100%
	}

	.nav {
		display: none;
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
	}

	.nav-main, .nav-main li, .nav-login {
		float: none
	}

	.nav-main {
		margin: 0
	}

	.nav-main li {
		border-bottom: 1px solid #eee
	}

	.nav-main li a {
		display: block;
		font-size: 16px
	}

	.nav-main li a:hover {
		border-bottom: 0px
	}

	.nav-login li {
		box-sizing: border-box;
		padding: 20px 6px;
		width: calc(50% - 20px);
		text-align: center
	}

	.nav-login li a {
		display: inline-block;
		padding: 0;
		width: 100%;
		height: 60x;
		font-size: 16px
	}

	.nav-icon {
		display: block;
		position: fixed;
		right: 2%;
		width: 40px;
		height: 42px;
		padding: 9px 10px;
		z-index: 100
	}

	.controlIcon {
		display: block;
		border-radius: 2px;
		width: 35px;
		height: 3px;
		margin-top: 8px;
		margin-bottom: 8px;
		transition: all .4s ease;
		background: #007fff
	}

	.mIconActive .controlIcon:nth-child(1) {
		animation: 0.5s ease-out forwards animate1;
		-webkit-animation: 0.5s ease-out forwards animate1
	}

	.mIconActive .controlIcon:nth-child(2) {
		opacity: 0
	}

	.mIconActive .controlIcon:nth-child(3) {
		animation: 0.5s ease-out forwards animate2;
		-webkit-animation: 0.5s ease-out forwards animate2
	}

	.mIconClose .controlIcon:nth-child(1) {
		animation: 0.5s ease-out forwards animate3;
		-webkit-animation: 0.5s ease-out forwards animate3
	}

	.mIconClose .controlIcon:nth-child(2) {
		opacity: 1
	}

	.mIconClose .controlIcon:nth-child(3) {
		animation: 0.5s ease-out forwards animate4;
		-webkit-animation: 0.5s ease-out forwards animate4
	}

	@-webkit-keyframes animate1 {
		0% {
			-webkit-transform: rotate(0deg) translateY(0px)
		}

		100% {
			-webkit-transform: rotate(45deg) translateY(8px) translateX(8px)
		}

	}

	@keyframes animate1 {
		0% {
			transform: rotate(0deg) translateY(0px)
		}

		100% {
			transform: rotate(45deg) translateY(8px) translateX(8px)
		}

	}

	@-webkit-keyframes animate2 {
		0% {
			-webkit-transform: rotate(0deg) translateY(0px)
		}

		100% {
			-webkit-transform: rotate(-45deg) translateY(-8px) translateX(8px)
		}

	}

	@keyframes animate2 {
		0% {
			transform: rotate(0deg) translateY(0px)
		}

		100% {
			transform: rotate(-45deg) translateY(-8px) translateX(8px)
		}

	}

	@-webkit-keyframes animate3 {
		0% {
			-webkit-transform: rotate(45deg) translateY(8px) translateX(8px)
		}

		100% {
			-webkit-transform: rotate(0deg) translateY(0px)
		}

	}

	@keyframes animate3 {
		0% {
			transform: rotate(45deg) translateY(8px) translateX(8px)
		}

		100% {
			transform: rotate(0deg) translateY(0px)
		}

	}

	@-webkit-keyframes animate4 {
		0% {
			-webkit-transform: rotate(-45deg) translateY(-8px) translateX(8px)
		}

		100% {
			-webkit-transform: rotate(0deg) translateY(0px)
		}

	}

	@keyframes animate4 {
		0% {
			transform: rotate(-45deg) translateY(-8px) translateX(8px)
		}

		100% {
			transform: rotate(0deg) translateY(0px)
		}

	}

	.main {
		padding: 60px 0 0
	}

	.index-banner .banner-box {
		padding: 0;
		text-align: center
	}

	.index-feature .item {
		border: 0
	}

	.footnav-box {
		margin: 0 0 40px;
		width: 50%
	}

	.fx-sm-1 {
		width: 100%
	}

	.fx-sm-2 {
		width: 50.000%
	}

	.fx-sm-3 {
		width: 33.333%
	}

	.fx-sm-4 {
		width: 25.000%
	}

	.fx-sm-5 {
		width: 20.000%
	}

	.fx-sm-6 {
		width: 16.667%
	}

	.fx-sm-7 {
		width: 14.286%
	}

	.fx-sm-8 {
		width: 12.500%
	}

	.fx-sm-9 {
		width: 11.111%
	}

	.fx-sm-10 {
		width: 10.000%
	}

	.flex-col {
		flex-direction: column
	}

	.order-1 {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.order-2 {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.order-3 {
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.banner .info {
		max-width: 100%;
		padding-top: 0;
		text-align: center;
		padding-bottom: 4em
	}

	.banner .pic:after {
		content: '';
		height: 1px;
		position: absolute;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 1)
	}

}