.indexbanner {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: absolute;
}

.indexbanner .hd {
	height: 18px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	bottom: 15px;
	z-index: 1
}

.indexbanner .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left
}

.indexbanner .hd li {
	float: left;
	margin-right: 8px;
	width: 64px;
	height: 18px;
	text-align: center;
	cursor: pointer;
	background: url(../image/dot1.png) center center no-repeat
}

.indexbanner .hd li.on {
	background-image: url(../image/dot2.png)
}

.indexbanner .bd {
	position: relative;
	height: 100%;
	z-index: 0
}

.indexbanner .bd li {
	zoom: 1;
	vertical-align: middle
}

.indexbanner .bd img {
	width: 100%;
	height: 500px;
	display: block
}

.Carousel {
	width: 100%;
	height: 500px
}

.service .list {
	width: 100%
}

.service .list li {
	width: 25%;
	float: left;
	padding-left: 60px;
	padding-right: 50px;
	position: relative;
	height: 130px;
	background-color: #fff;
	padding-top: 30px
}

.service .list img {
	position: absolute;
	left: 0;
	top: 30px
}

.service .list .txt {
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.service .list .title {
	font-weight: 700;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #000
}

.partner {
	padding-bottom: 100px
}

.partner .list a {
	width: 220px;
	height: 100px;
	display: block;
	float: left;
	margin-left: 15px;
	overflow: hidden
}

.partner .list a:first-child {
	margin-left: 0
}

.partner .list img {
	display: block;
	width: 100%;
	height: 100%
}

.code_foot img {
	height: 90px;
	width: 90px;
}.promptBox {
	position: fixed;
	top: 106px;
	left: 50%;
	margin-left: -270px;
	width: 602px;
	height: 50px;
	line-height: 50px;
	padding: 0 10px 0 20px;
	background: #EAF4F9;
	color: #017ec6;
	z-index: 99999;
	border: 1px solid #017ec6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.promptBox a,.promptBox a:hover {
	color: #64B9EB;
}

.promptDown {
	position: fixed;
	bottom: 106px;
	left: 50%;
	margin-left: -270px;
	width: 602px;
	height: 50px;
	line-height: 50px;
	padding: 0 10px 0 20px;
	background: #EAF4F9;
	color: #64B9EB;
	z-index: 999;
	border: 1px solid #d4e6f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.promptDown a,.promptDown a:hover {
	color: #64B9EB;
}

.promptBoxClose {
	float: right;
	width: 30px;
	text-align: center;
	cursor: pointer;
}

.errorBox {
	color: #FF5448;
	background: #fce9e7;
	border: 1px solid #c50900;
}

.errorBox a,.errorBox a:hover {
	color: #FF5448;
}

.otherBox {
	color: #ba6000;
	background: #fcf7e7;
	border: 1px solid #ba6000;
}

.otherBox a,.otherBox a:hover {
	color: #E89C08;
}

.compileBox {
	left: 490px;
	width: 315px;
	color: #c50900;
	background: #fce9e7;
	border: 1px solid #c50900;
}.Plug {
	padding-bottom: 100px;
	background-color: #F5F6F5;
}

.Plug .list li {
	float: left;
	width: 280px;
	height: 290px;
	background-color: #fff;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	border-radius: 3px;
	overflow: hidden
}

.Plug .list li:nth-child(4n) {
	margin-right: 0;
	float: right
}

.Plug .list a {
	color: #000;
	font-size: 14px
}

.Plug .list .btm {
	padding: 10px 15px;
	display: inline-block
}

.Plug .list img {
	display: block;
	width: 100%;
	height: 210px;
	margin-bottom: 10px
}

@-webkit-keyframes hovShadow-before {
	0% {
		box-shadow: 0 5px 5px 0 #eee
	}

	100% {
		shadow: none
	}
}

@keyframes hovShadow-before {
	0% {
		box-shadow: 0 5px 5px 0 #eee
	}

	100% {
		shadow: none
	}
}

@-webkit-keyframes hovShadow {
	0% {
		shadow: none
	}

	100% {
		box-shadow: 0 5px 5px 0 #eee
	}
}

@keyframes hovShadow {
	0% {
		shadow: none
	}

	100% {
		box-shadow: 0 5px 5px 0 #eee
	}
}

.hovShadow,.Plug .list li,.partner .list a {
	-webkit-animation: hovShadow-before .3s linear forwards;
	animation: hovShadow-before .3s linear forwards
}

.hovShadow:hover,.Plug .list li:hover,.partner .list a:hover {
	-webkit-animation: hovShadow .3s linear forwards;
	animation: hovShadow .3s linear forwards
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a,a:hover,a:focus {
	text-decoration: none;
	outline: none;
}

div,form,img,ul,ol,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

body {
	font-family: "Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,"Helvetica Neue",Helvetica,Arial;
}.topMin {
	width: 100%;
	height: 54px;
	z-index: 99;
	background: #f5f5f7;
}

.topLeft {
	float: left;
}

.logoBg {
	width: 80px;
	height: 54px;
	text-align: center;
	float: left;
}

.logoBg img {
	margin: 10px 0;
}

.topNav {
	float: left;
	margin-left: 18px;
}

.topNav li {
	float: left;
	height: 54px;
	margin-right: 50px;
	line-height: 54px;
	position: relative;
}

.topNav li a {
	color: #333333;
	font-size: 12px;
	height: 54px;
	position: relative;
}

.topNav li.topNavOn a {
	color: #000000;
	font-size: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 68px;
}

.topNav li span {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 3px;
	background: #000000;
}

.topNav li.topNavOn span {
	display: block;
}

.topNav li:first-child.topNavOn a {
	position: initial;
}

.topNav li.twoWord span {
	left: 16px;
}

.twoWord {
	margin-right: 26px!important;
}

header .nav {
	float: left;
	margin-top: 4px;
	margin-left: 50px;
}


header .nav i {
	width: 16px;
	height: 3px;
	background-color: #000;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: 5px;
	display: none
}

header .nav a {
	color: #000;
}

header .nav:after,header .nav:before {
	content: "";
	display: table
}

header .nav:after {
	clear: both
}.topRight {
	float: right;
	margin-right: 30px;
	z-index: 99999;
}

.userSearch {
	position: relative;
	height: 54px;
	float: left;
	margin-right: 20px;
}

.sbSearchInput {
	display: none;
	width: 128px;
	height: 26px;
	padding: 0 28px 0 12px;
	margin: 14px 0;
	outline: none;
	border: 1px solid #888A92;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}

.sbSearchSubmit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	margin: 14px 0;
	padding: 0;
	width: 26px;
	height: 26px;
	outline: none;
	border: none;
	background: none;
	cursor: pointer;
}

.sbIconSearch {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	margin: 14px 0;
	padding: 0;
	width: 26px;
	height: 26px;
	outline: none;
	border: none;
	background: none;
	cursor: pointer;
}.sbSearchInput::-webkit-input-placeholder {
	color: #999999;
}

.sbSearchInput:-moz-placeholder {
	color: #999999;
}

.sbSearchInput::-moz-placeholder {
	color: #999999;
}

.sbSearchInput:-ms-input-placeholder {
	color: #999999;
}

.userMake {
	height: 54px;
	float: left;
	margin-right: 20px;
}

.userMake img {
	width: 26px;
	height: 26px;
	margin: 14px 0;
	cursor: pointer;
}

.userMenu {
	position: relative;
	height: 54px;
	float: left;
}

.userMenu img {
	width: 26px;
	height: 26px;
	margin: 14px 0;
	cursor: pointer;
}

.userMenu ul.dropdownMenu {
	position: fixed;
	top: 54px;
	right: 0;
	z-index: 9;
}.dropdownMenu {
	display: none;
	width: 118px;
	padding: 14px;
	background: #F5F4F6;
}

.dropdownMenu li {
	width: 100%;
	margin-top: 8px;
}

.dropdownMenu li:first-child {
	margin-top: 0;
}

.dropdownMenu li a {
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #5A5A5A;
	font-size: 14px;
	display: inline-block;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}

.dropdownMenu li a:hover {
	background: #48D5B1;
	color: #FFFFFF;
	font-weight: bold;
}

@media (max-width: 1199px) {
	.topNav li {
		margin-right: 40px;
	}
}

@media (max-width: 991px) {
	.topNav {
		margin-left: 0;
	}

	.topNav li {
		width: 51px;
		margin-right: 15px;
	}

	.twoWord {
		width: 47px!important;
		margin-right: 0!important;
	}
}.mainPart {
	width: 100%;
}.navBar {
	width: 80px;
	height: 100%;
	float: left;
	background-color: #fff;
	z-index: 2 !important;
	text-align: center;
	border-right: 1px solid #D8DDDF;
}

.navBar ul li {
	position: relative;
	margin-top: 26px;
	font-size: 12px;
	color: #CCCED6;
	cursor: pointer;
}

.navBar ul li:first-child {
	margin-top: 23px;
}

.navBar ul li:hover,.navBar ul li.navBarOn {
	color: #48D5B1;
}

.navBarPosition {
	top: -2px;
	right: 25px;
}.mainPartMinBg {
	padding-left: 80px;
	padding-top: 54px;
}

.mainPartMin {
	width: 100%;
}.detailsTop {
	width: 100%;
	padding: 18px 18px 18px 0;
}

.detailsLeft {
	min-width: 334px;
	height: 282px;
	float: left;
	background: #fff;
	margin-left: 18px;
}

.detailsCenter {
	min-width: 334px;
	height: 282px;
	float: left;
	background: #fff;
	margin-left: 18px;
	padding: 18px;
}

.detailsCenter>img {
	width: 130px;
	height: 130px;
	float: left;
	margin-top: 0px;
	margin-right: 18px;
}

.detailsRight {
	min-width: 334px;
	height: 282px;
	float: left;
	background: #fff;
	margin-left: 18px;
	padding: 18px;
}

.detailsRight>img {
	width: 130px;
	height: 130px;
	float: left;
	margin-top: 0px;
	margin-right: 18px;
}

.downloadBtnBg {
	width: 141px;
	height: 180px;
	float: left;
	text-align: center;
	background: #fff;
	position: relative;
}

.downloadLine {
	position: absolute;
	top: 0;
	left: -8px;
	width: 16px;
	height: 180px;
	background: #FFFFFF;
}

.boxShadow {
	-moz-box-shadow: 0 0 8px 1px #E5E5E5;
	box-shadow: 0 0 8px 1px #E5E5E5;
	position: relative;
}

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

.flexOne {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.appInfoBg {
	width: 100%;
	display: inline-block;
	padding: 18px 18px 20px 18px;
}

.appInfoBg img {
	float: left;
	width: 130px;
	height: 130px;
	margin-right: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.appInfo {
	color: #000000;
	padding-left: 118px;
}

.appInfoTitle {
	color: #48d5b1;
	font-size: 24px;
	margin-top: 2px;
}

.appInfoTody {
	font-size: 14px;
	margin-top: 30px;
	color: #666;
}

.appInfoNumtitle {
	float: left;
	font-size: 14px;
	padding-top: 10px;
	color: #666;
}

.appInfoNumnum {
	float: left;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom: -20px;
	color: #333;
}

.appInfoTody span {
	margin-left: 6px;
}

.appInfoVersion {
	width: 100%;
	display: inline-block;
	padding: 0 18px;
	font-size: 12px;
	color: #5A5A5A;
	line-height: 20px;
	margin-top: 0px;
}

.appInfoVersion ul {
}

.appInfoVersion ul li {
	float: left;
	margin-right: 32px;
}

.appInfoVersion ul li span {
	margin-left: 8px;
}

.appInfoTest {
	color: #000000;
	padding-left: 150px;
	height: 130px;
}

.appInfoMind {
	width: 100%;
	height: 68px;
	color: #999999;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
}

.detailsbottombtn {
	text-align: center;
	bottom: 26px;
	position: absolute;
	width: 100%
}

.supportdevicetitle {
	color: #666;
	font-size: 14px;
	margin: 14px 0px 4px 0px;
}

.supportdevice {
	height: 48px;
}

.supportdevice div {
	float: left;
	border: 1px solid #d8dddf;
	border-radius: 4px;
	width: 80px;
	height: 48px;
	text-align: center;
	margin-right: 14px;
	font-size: 12px;
}

.supportdevice img {
	height: 20px;
	margin-top: 7px
}.GeneralBtn {
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
	background: #48D5B1;
	text-align: center;
}

.GeneralBtn:hover {
	background: linear-gradient(to right,#0CD7F2, #00E5CE);
	-moz-box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
	box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
}

.GeneralCanBtn {
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
	background: linear-gradient(to right,#0CD7F2, #00E5CE);
	text-align: center;
}

.GeneralCanBtn:hover {
	background: linear-gradient(to right,#0CD7F2, #00E5CE);
	-moz-box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
	box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
}.GeneralOnBtn {
	background: linear-gradient(to right,#0CD7F2, #00E5CE);
	-moz-box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
	box-shadow: 0 1px 11px 2px rgba(2,226,211,.5);
}.grayBtn {
	display: inline-block;
	color: #FFFFFF;
	background: #CCCED6;
	text-align: center;
	cursor: pointer;
}

.grayBtn:hover,.grayOnBtn {
	background: #888A92;
	color: #FFFFFF;
}.mobileBtn {
	display: inline-block;
	color: #FFFFFF;
	background: #48D5B1;
	text-align: center;
	cursor: pointer;
}

.mobileBtn:hover,.mobileOnBtn {
	background: #41BFA0;
	color: #FFFFFF;
}.moveAfterBtn {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #5A5A5A;
	text-align: center;
}.GeneralLineBtn {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #5A5A5A;
	text-align: center;
	cursor: pointer;
}

.GeneralLineBtn:hover {
	border: 1px solid #48D5B1;
	background: #48D5B1;
	color: #FFFFFF;
}.GeneralLineOnBtn {
	border: 1px solid #48D5B1;
	background: #48D5B1;
	color: #FFFFFF;
}

.generateBtn {
	width: 80px;
	height: 30px;
	line-height: 28px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.codeBtn {
	width: 80px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	margin-left: 14px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.downBtn {
	width: 80px;
	height: 30px;
	margin: 16px auto 0;
	line-height: 28px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.downloadTitle {
	width: 80px;
	margin: 28px auto 6px;
	text-align: left;
	font-size: 18px;
}.detailsDown {
	width: 100%;
	padding: 18px 18px 18px 0;
}

.helpCenterBg {
	width: 66%;
	height: 100%;
	float: left;
	padding-left: 18px;
}

.applicationBg {
	width: 34%;
	height: 100%;
	float: left;
	padding-left: 18px;
}

.helpCenter {
	width: 100%;
	height: 100%;
	padding: 1px;
}

.application {
	width: 100%;
	height: 100%;
	padding: 1px;
}

.helpCenterTitle {
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #F6F7F9;
	padding-left: 15px;
	font-size: 14px;
	color: #3E4E6A;
}

.moreBtn {
	width: 54px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	background: #AAACB1;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	margin-right: 16px;
	margin-top: 8px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

.moreBtn:hover {
	background: #48D5B1;
	color: #FFFFFF;
}

.helpCenterDown {
}

.helpCenterDown ul {
	width: 100%;
	padding: 0 29px;
}

.helpCenterDown ul li {
	width: 100%;
	height: 48px;
	line-height: 48px;
	position: relative;
	border-bottom: 1px dashed #D8DDDF;
}

.helpCenterDown ul li:last-child {
	border: none;
}

.helpCenterDown ul li:first-child {
	border-bottom: 1px dashed #D8DDDF;
}

.helpCenterDown ul li a {
	display: block;
	font-size: 14px;
	color: #5A5A5A;
}

.helpCenterDown ul li a:hover {
	color: #000000;
}

.helpCenterDown ul li a p {
	width: 60%;
	height: 48px;
	float: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.helpDate {
	float: right;
}

.helpPoint {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #FFAE3A;
	border: 1px solid #FFFFFF;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.helpPosition {
	top: 18px;
	right: 145px;
}

.applicationDown {
}

.applicationDown ul {
	width: 100%;
	padding: 12px 18px 0;
}

.applicationDown ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.applicationDown ul li a {
	display: block;
	font-size: 14px;
	color: #5A5A5A;
}

.applicationDown ul li a:hover {
	color: #000000;
}

.applicationDown ul li a p {
	width: 60%;
	height: 40px;
	float: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}.mainApplyMin {
	width: 100%;
	height: 100%;
	padding: 18px 18px 18px 0;
}

.LatestApplyTop {
	width: 100%;
	height: 232px;
	padding: 1px;
	margin-bottom: 18px;
}

.LatestApplyList {
	width: 100%;
	display: inline-block;
	padding: 16px 16px 0 14px;
}

.LatestApplyList li {
	float: left;
	width: 128px;
	height: 154px;
	margin-left: 2px;
	text-align: center;
}

.LatestApplyList li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	font-size: 12px;
	color: #999999;
}

.mainPartListImg {
	width: 100px;
	height: 100px;
	margin: 14px auto 0;
	position: relative;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.LatestApplyList li:hover {
	background: #F3F3F3;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.LatestApplyList li p {
	margin-top: 7px;
}

.LatestApplyDown {
	width: 100%;
	height: auto;
	padding: 1px;
}.left_sub_menu {
	padding-bottom: 30px;
	top: -170px;
	width: 80px;
	position: absolute;
	background-color: white;
	right: -80px;
	border: 1px solid #ccc;
	display: none;
	z-index: 1;
}

@charset "UTF-8";

* {
	margin: 0;
	padding: 0
}

html {
	font-family:"Hiragino Sans GB","Hiragino Sans GB W3","宋体",Arial,Helvetica,sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

article,aside,details,figcacption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

a {
	background: 0 0;
	text-decoration: none;
	color: #666
}

a:active,a:focus,a:hover {
	outline: 0;
	text-decoration: none;
	color: #48D5B1
}

img {
	border: 0
}

a,address,article,aside,audio,blockquote,body,button,canvas,caption,command,datalist,dd,details,div,dl,h3,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,input,legend,li,nav,ol,p,pre,section,select,source,table,td,textarea,th,time,ul,video {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	box-sizing: border-box;
	text-align: justify
}

body {
	color: #666;
	background: #fff;
	font: 8px;
	overflow-x: hidden
}

li,ol,ul {
	list-style: none;
	line-height: normal
}

body {
	padding-top: 60px
}

header {
	z-index: 999;
	height: 60px;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background-color: #fff;
	padding: 1px 20px;
	min-width: 1300px;
	border-bottom: #eaeaea 1px solid
}

header .logo {
	float: left;
	margin-top: 12px;
	margin-right: 10px
}

header .logo img1 {
	width: 96px;
	height: 38px
}

header .nav {
	float: left;
	margin-top: 4px
}

header .nav li {
	margin-left: 16px;
	position: relative;
	float: left;
	min-width: 98px;
	text-align: center;
	line-height: 50px;
	font-size: 18px
}

header .nav li.on,header .nav li:hover {
	font-size: 18px;
        font-weight: 900;
}

header .nav li.on i,header .nav li:hover i {
	display: block
}

header .nav i {
	width: 96px;
	height: 3px;
	background-color: #666;
	position: absolute;
	left: 0%;
	margin-left: 0px;
	bottom: 5px;
	display: none
}


header .right {
	float: right
}

header .right>a {
	float: left
}

header .link {
	margin-top: 17px;
	display: inline-block;
	width: 80px;
	line-height: 24px;
	border-radius: 24px;
	margin-left: 10px;
	text-align: center;
	color: #3E4E6A;
	font-size: 14px
}

header .link:first-child {
	margin-left: 0
}

header .link.on,header .link:hover {
	background-color: #3E4E6A;
	color: #fff
}

header .btn-login,header .btn-register {
	margin-top: 12px;
	width: 60px;
	line-height: 28px;
	border-radius: 28px;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	border: #3E4E6A 1px solid;
	background-color: transparent;
	color: #3E4E6A;
	font-size: 14px
}

header .btn-login:hover,header .btn-register:hover {
	margin-top: 12px;
	color: #48D5B1;
	opacity: 1;
	border: #48D5B1 1px solid;
	text-align: center;
}

header .btn-bell,header .btn-user {
	width: 30px;
	height: 30px;
	margin-left: 20px;
	margin-top: 14px;
	display: inline-block
}

header .btn-bell {
	margin-left: 20px
}

footer {
	background: url(../image/footer.png) center bottom no-repeat;
	border-top: #eaeaea 1px solid
}

footer .footer_Copyright {
	border-top: #eaeaea 1px solid;
	padding: 20px 0;
	line-height: 20px;
	color: #666;
	font-size: 12px
}

footer .lm {
	float: left;
}

footer .lm img {
	margin-right: 8px;
}

footer .footer_Copyright p {
	text-align: right
}

footer .footer_about {
	padding: 30px 0 20px 0
}

footer .item {
	float: left;
	width: 190px
}

footer .item h3 {
	line-height: 60px;
	font-size: 14px;
	color: #000;
	font-weight: 700
}

footer .item h3 a {
	color: #000;
	font-weight: 700
}

footer .item h3 a:hover {
	color: #48D5B1
}

footer .item2 {
	width: 260px
}

footer .item3 {
	width: 230px
}

footer .list li {
	line-height: 30px;
	font-size: 14px;
	color: #5a5a5a
}

footer .list a {
	color: #5a5a5a
}

footer .list a:hover {
	color: #48D5B1
}

footer .item5 {
	float: right;
	width: auto;
	min-width: 210px
}

footer .item5 h3 {
	font-size: 24px;
	background: url(../image/call.png) left center no-repeat;
	text-align: right
}

footer .item5 .qq_list {
	cursor: pointer;
	background: url(../image/qq.png) 60px center no-repeat;
	width: 100%;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	border: #000 1px solid;
	text-align: center;
	display: block;
	padding-left: 20px;
	box-sizing: border-box
}

footer .item5 .qq_list_on {
	cursor: pointer;
	color: #48D5B1;
	background: url(../image/qq2.png) 60px center no-repeat;
	width: 100%;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	border: #48D5B1 1px solid;
	text-align: center;
	display: block;
	padding-left: 20px;
	box-sizing: border-box
}

footer .item5 .qq_list:hover {
	color: #48D5B1;
	border: #48D5B1 1px solid;
	background: url(../image/qq2.png) 60px center no-repeat
}

footer .code {
	line-height: 40px;
	margin-top: 15px;
	text-align: center;
	font-size: 14px
}

footer .code p {
	float: left;
	width: 120px;
	color: #656565;
	text-align: center;
	font-size: 14px;
	line-height: 35px
}

footer .code img {
	display: block;
	margin: 0 auto 10px auto
}

footer .footer_links {
	padding: 8px 0;
	font-size: 14px;
	line-height: 20px;
	border-top: #eaeaea 1px solid
}

footer .footer_links a,footer .footer_links span {
	display: block;
	float: left
}

footer .footer_links a {
	margin-left: 32px
}

footer .footer_links .more {
	float: right;
	color: #48D5B1;
	float: right;
	margin: 0
}

footer .footer_links .more:hover {
	opacity: .8
}

footer .box {
	width: 1340px;
	margin: 0 auto
}

.cf:after,.cf:before,.g-title:after,.g-title:before,.service .list:after,.service .list:before,.Appsoft .list:after,.Appsoft .list:before,.Plug .list:after,.Plug .list:before,.AppCenter .list:after,.AppCenter .list:before,.partner .list:after,.partner .list:before,footer .code:after,footer .code:before,footer .footer_links:after,footer .footer_links:before,footer .footer_about:after,footer .footer_about:before,header .nav:after,header .nav:before {
	content: "";
	display: table
}

.cf:after,.g-title:after,.service .list:after,.Appsoft .list:after,.Plug .list:after,.AppCenter .list:after,.partner .list:after,footer .code:after,footer .footer_links:after,footer .footer_about:after,header .nav:after {
	clear: both
}

.left,.right {
	float: left
}

.content {
	width: 1180px;
	margin-left: auto;
	margin-right: auto
}

.g-prv-nxt {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
}

.g-prv-nxt a {
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 100%;
	width: 20px;
	font-size: 14px
}

.g-prv-nxt .active,.g-prv-nxt a:hover {
	background-color: #48D5B1;
	color: #fff;
	font-size: 16px
}

.g-prv-nxt .next,.g-prv-nxt .prev {
	background: url(../image/l2.png) center center no-repeat
}

.g-prv-nxt .next a:hover,.g-prv-nxt .next.active,.g-prv-nxt .prev a:hover,.g-prv-nxt .prev.active {
	background-color: transparent
}

.g-prv-nxt .next {
	background-image: url(../image/r2.png)
}

.g-prv-nxt span {
	color: #000;
	font-size: 12px
}

.g-prv-nxt em {
	margin-right: 5px
}

.alert-info {
	display: none;
	position: fixed;
	z-index: 99;
	width: 329px;
	height: 360px;
	background: url(../image/bg.png) center center no-repeat;
	right: 48px;
	top: 48px;
	padding: 12px 12px 17px 12px
}

.alert-info .box {
	width: 100%;
	height: 100%
}

.alert-info .title {
	line-height: 50px;
	border-bottom: #eaeaea 1px solid;
	font-size: 16px;
	padding: 0 25px;
	color: #000
}

.alert-info .btn-clear {
	font-size: 14px;
	float: right;
	color: #5a5a5a
}

.alert-info .btn-clear:hover {
	color: #48D5B1
}

.alert-info .list li {
	padding: 12px 25px;
	line-height: 20px;
	border-bottom: #eaeaea 1px solid;
	font-size: 14px
}

.alert-info .list li:hover {
	background-color: #F5F6F5
}

.alert-info .list li:hover a {
	color: #000
}

.alert-info .list a {
	color: #5a5a5a
}

.alert-info .list a:hover {
	color: #48D5B1
}

.alert-info .operate {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center
}

.alert-info .operate a {
	font-size: 14px;
	color: #000
}

.g-title {
	width: 100%;
	font-size: 26px;
	color: #000;
	line-height: 110px
}

.g-title .right {
	float: right;
	font-size: 14px
}

.g-title .right a {
	color: #5A5A5A;
	margin-left: 40px
}

.g-title .right a.on,.g-title .right a:hover {
	color: #48D5B1
}

.g-title .more {
	font-size: 14px;
	float: right;
	color: #000
}

.g-title .more:hover {
	color: #48D5B1
}

.sebanner {
	width: 100%;
	height: 160px;
	overflow: hidden;
	position: relative;
	background: url(../image/service-bg.jpg) center center;
	text-align: center;
	line-height: 160px;
	font-size: 24px;
	color: #000
}

input[type=text], input[type=password], select, textarea {
	border: #eaeaea 1px solid;
	outline: none;
}

.QQ_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease
}

.QQ_bar ul li {
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 56px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden
}

.QQ_bar .QQ_phone {
	background: #fe5d56 url(../image/leftQQ2.png) no-repeat 0 0;
	padding-left: 18px
}

.QQ_bar .QQ_QQ {
	background: #fe5d56 url(../image/leftQQ3.png) no-repeat 0 0
}

.QQ_bar .QQ_QQ a {
	height: 33px;
	margin-top: 0
}

.QQ_QQ a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.QQ_a {
	width: 80px;
	text-indent: 16px;
	float: left
}

.QQ_conct,.QQ_bar,.QQ_bar ul li {
	width: 200px;
}

.Appsoft {
	background-color: #F5F6F5;
	padding-bottom: 100px
}

.Appsoft .list li {
	float: left;
	width: 280px;
	height: 550px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px
}

.Appsoft .list li:nth-child(4n) {
	margin-right: 0;
	float: right
}

.Appsoft .list a {
	color: #5a5a5a;
	font-size: 18px;
	line-height: 50px
}

.Appsoft .list a:hover {
	color: #48D5B1
}

.Appsoft .list .btm {
	padding: 10px 15px;
	display: inline-block
}

.Appsoft .list img {
	display: block;
	width: 100%;
	height: 500px;
	margin-bottom: 10px
}

@-webkit-keyframes hovShadow2 {
	0% {
		box-shadow: 0 4px 10px 0 #eee
	}

	100% {
		box-shadow: 0 7px 25px 0 #ABABAB
	}
}

@keyframes hovShadow2 {
	0% {
		box-shadow: 0 4px 10px 0 #eee
	}

	100% {
		box-shadow: 0 7px 25px 0 #ABABAB
	}
}

@-webkit-keyframes hovShadow-before2 {
	0% {
		box-shadow: 0 7px 25px 0 #ABABAB
	}

	100% {
		box-shadow: 0 4px 10px 0 #eee
	}
}

@keyframes hovShadow-before2 {
	0% {
		box-shadow: 0 7px 25px 0 #ABABAB
	}

	100% {
		box-shadow: 0 4px 10px 0 #eee
	}
}

.hovShadow2,.Appsoft .list img {
	-webkit-animation: hovShadow-before2 .3s linear forwards;
	animation: hovShadow-before2 .3s linear forwards
}

.hovShadow2:hover,.Appsoft .list img:hover {
	-webkit-animation: hovShadow2 .3s linear forwards;
	animation: hovShadow2 .3s linear forwards
}

.appcontent {
	padding-top: 20px;
	display: table;
}

.appcontent .left {
	float: left;
	width: 392px;
	height: 707px;
	background: url("../image/img51.png") center top no-repeat;
	background-size: 100% 100%;
}

.appcontent .left .box {
	width: 298px;
	height: 531px;
	margin-top: 86px;
	margin-left: 47px;
}

.appcontent .left img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: 100%;
}

.left_app {
	float: left;
	margin-top: 30px;
	width: 371px;
	height: 469px;
	background: url("../image/imgapp.png") center top no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.left_app .box {
	width: 290px;
	height: 531px;
	margin-top: 81px;
	margin-left: 40px;
}

.left_app img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: 100%;
}

.appcontent .right {
	width: 750px;
	float: right;
	padding-top: 40px;
}

.appcontent h1 {
	font-size: 30px;
	color: #000;
	margin-bottom: 20px;
	font-weight: bold;
}.appcontent .txt1 {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 10px;
	min-height: 60px;
}

.appcontent .con1 {
	border-top: #eaeaea 1px solid;
	border-bottom: #eaeaea 1px solid;
	padding: 20px 0;
	font-size: 16px;
	line-height: 28px;
}

.appcontent .con2 {
	display: table;
	font-size: 16px;
	color: #333;
	padding: 20px 0;
	line-height: 28px;
}

.appcontent .list {
	margin-top: 15px;
}

.appcontent .list li {
	float: left;
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-left: 30px;
	line-height: 36px;
}

.appcontent .list li:first-child {
	margin-left: 0;
}

.appcontent .list li a {
	color: #999;
}

.appcontent .list img {
	width: 76px;
	height: 76px;
	display: block;
}

.appcontent .con3 {
	padding: 20px 0 16px 0;
}

.appcontent .con4 {
	padding: 10px 0 20px 10px;
	border-bottom: #eaeaea 1px solid;
}

.appcontent .price {
	font-size: 16px;
	padding: 10px 0;
}

.appcontent .price span {
	color: #999;
	padding: 0 10px;
	text-decoration: line-through;
}

.appcontent .price b {
	font-size: 30px;
	color: #fc4444;
}

.appcontent .operate {
	margin-top: 20px;
}

.appcontent .operate a {
	display: inline-block;
	margin-right: 30px;
	line-height: 40px;
	border-radius: 40px;
	height: auto;
	width: 200px;
	text-align: center;
	font-size: 18px;
}

.appcontent .operate .btn1 {
	background-color: #fc4444;
	color: #fff;
	border-color: #fc4444;
}

.appcontent .operate .btn2 {
	background-color: #fff;
	color: #5a5a5a;
	border: #5a5a5a 1px solid;
}

.App-introduce {
	margin-bottom: 50px;
	display: table;
}

.App-introduce .crumb {
	padding: 30px 0;
	font-size: 16px;
	color: #999;
}

.App-introduce .crumb a {
	color: #999;
}

.App-introduce .crumb a:hover {
	color: #48D5B1;
}

.App-introduce h3 {
	font-size: 24px;
	color: #333;
}

.App-introduce .con {
	padding: 20px 0;
	font-size: 20px;
	line-height: 32px;
	color: #3b3b3b;
}.AppCenter {
	
}

.AppCenter .list {
	padding: 60px 0
}

.AppCenter .list li {
	float: left;
	width: 12.5%;
	text-align: center;
	font-size: 14px;
	margin: 10px 0;
	line-height: 40px
}

.AppCenter .list a {
	color: #999
}

.AppCenter .list a:hover {
	color: #48D5B1
}

.AppCenter .list a:hover img {
	opacity: .8
}

.AppCenter .list img {
	display: block;
	margin: 0 auto;
	width: 60px !important;
	height: 60px !important;
}

.caseDetail {
	width: 100%;
	display: inline-block;
	background: #eee;
}

.caseDetailLeft {
	float: left;
	padding-top: 30px
}

.caseDetailRight {
	float: left;
	margin-left: 111px;
	padding-top: 174px;
	font-size: 12px;
	line-height: 28px;
	color: #99a6ae
}

.caseColor,.caseColor:hover,.caseColor：focus {
	color: #ffae3a!important
}

.caseSoftWare {
	margin-left: 22px
}

.caseDetailRight p {
	margin-left: 22px
}

.caseDetailTop {
	width: 100%;
	font-size: 14px;
	color: #7c8594;
	margin: 10px 0
}

.caseDetailTitle {
	font-size: 20px;
	line-height: 48px;
	font-weight: 700;
	color: #3e4e6a;
	margin-top: 28px
}

.caseDetailTitle span {
	font-size: 14px;
	color: #3e4e6a;
	font-weight: 100
}

.caseTopTitle {
	font-size: 28px
}

.caseDetailVersion {
	font-size: 14px;
	line-height: 38px;
	color: #3e4e6a;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.caseDetailVersion span {
	margin: 0 60px
}

.caseDetailPresent {
	font-size: 14px;
	line-height: 26px;
	color: #3e4e6a
}

.caseDetailShot {
	width: 100%
}

.caseDetailShot ul {
	width: 100%;
	display: inline-block
}

.caseDetailShot ul li {
	width: 270px;
	height: 479px;
	float: left;
	margin-left: 28px;
	background: #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.caseDetailShot ul li:first-child {
	margin-left: 0
}

@media (max-width:1199px) {
	.caseDetailRight {
		margin-left: 0
	}

	.caseDetailTitle {
		margin-top: 34px
	}

	.caseDetailShot ul li {
		width: 24%;
		margin-left: 1%;
		padding: 0;
		height: 370px
	}
}

@media (max-width:1024px) {
	.caseDetailLeft {
		padding-top: 15px
	}

	.caseDetailLeft img {
		width: 300px
	}

	.caseDetailRight {
		padding-top: 159px
	}

	.caseSoftWare {
		height: 100px
	}

	.caseDetailTitle {
		margin-top: 24px
	}

	.caseDetailShot ul {
		margin-bottom: 50px
	}

	.caseDetailShot ul li {
		height: 300px
	}
}

@media (max-width:800px) {
	.caseDetailLeft img {
		width: 260px
	}

	.caseDetailRight {
		padding-top: 70px
	}

	.caseDetailRight>.floatLeft {
		float: none
	}
}

@media (max-width:640px) {
	.caseDetailLeft img {
		width: 190px
	}

	.caseDetailRight {
		padding-top: 44px
	}

	.caseSoftWare {
		height: 78px
	}

	.caseDetailVersion span {
		margin: 0 24px
	}

	.caseDetailTitle {
		line-height: 38px
	}

	.caseDetailShot ul li {
		height: 256px
	}
}

@media (max-width:480px) {
	.caseDetailLeft img {
		width: 100%
	}

	.caseDetailVersion {
		font-size: 12px
	}

	.caseDetailVersion span {
		margin: 0 6px
	}
}

.floatLeft {
	float: left
}

.copyReport {
	width: 100%;
	margin: 18px 0;
	text-align: right
}

.copyReport a {
	font-size: 14px;
	color: #3e4e6a;
	margin-left: 24px
}

.App-about {
	display: table;
}

.App-about .list {
	margin-top: 15px;
}

.App-about .con2 {
	float: left;
	display: table;
	font-size: 16px;
	color: #333;
	padding: 20px 0;
	line-height: 28px;
}

.App-about .con2 {
	margin-top: 15px;
}

.App-about .con2 li {
	float: left;
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-left: 30px;
	line-height: 36px;
}

.App-about .con2 li:first-child {
	margin-left: 0;
}

.App-about .con2 li a {
	color: #999;
}

.App-about .con2 img {
	width: 76px;
	height: 76px;
	display: block;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
}

.cndns-right-box {
	position: absolute;
	top: -50px;
	right: 250px;
	padding-right: 25px;
	width: 500px
}

.cndns-right-box .box-border {
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	box-shadow: 0 3px 8px rgba(0,0,0,.15);
	position: relative
}

.cndns-right-box .box-border .arrow-right {
	display: block;
	width: 13px;
	height: 16px;
	background: url(../image/arrow.png) no-repeat;
	position: absolute;
	right: -13px;
	top: 26px;
}

.cndns-right-box .box-border .sev-t span {
	font-size: 42px;
	float: left;
	display: block;
	line-height: 56px;
	margin-right: 20px;
	color: #d3d3d3
}

.cndns-right-box .box-border .sev-t p {
	float: left;
	color: #ff6800;
	font-size: 24px;
	line-height: 28px;
}

.cndns-right-box .box-border .sev-t p i {
	display: block;
	font-size: 14px;
	color: #aaa;
}

.cndns-right-box .box-border .sev-t .left_img {
	width: 64px;
	height: 64px;
}

.cndns-right-box .box-border .sev-t .right_img {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 28px;
	height: 28px;
}

.cndns-right-box .box-border .sev-b {
	padding-top: 15px;
}

.cndns-right-box .box-border .sev-b h4 {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}

.cndns-right-box .box-border .sev-b li {
	float: left;
	width: 25%;
}

.cndns-right-box .box-border .sev-b li a {
	display: inline-block;
	color: #999;
	font-size: 13px;
	padding-left: 15px;
	background: url(../image/q1.gif) no-repeat left 3px;
	line-height: 36px;
}

.cndns-right-box .box-border .sev-b li a:hover {
	color: #48D5B1
}

.qq_list_bn {
	display: none
}

.myButton {
	background-color:#ff4800;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #ff4800;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:2px 7px;
	text-decoration:none;
        margin-left:8px;
}
.myButton:hover {
	background-color:#ff8800;
}
.myButton:active {
	position:relative;
	top:1px;
}

.btm-float {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 102
}

.btm-float__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	fliter: alpha(opacity=70)
}

.btm-float__content {
	position: relative;
	width: 1220px;
	height: 90px;
	margin: 0 auto;
	z-index: 2
}

.btm-float__img {
	position: absolute;
	bottom: 0;
	left: 125px;
	width: 451px;
	height: 130px
}

.btm-line,.btm-number {
	height: 40px;
	width: 180px
}

.btm-line {
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 609px;
	font-size: 14px;
	color: #999
}

.btm-label-number {
	position: absolute;
	top: 10px;
	left: 8px
}

.btm-number {
	*height: 30px;
	*padding-top: 10px;
	*padding-bottom: 0;
	border: 0;
	text-indent: 8px
}

.btm-btn,.btm-city {
	float: left;
	height: 40px;
	margin-top: 25px
}

.btm-city {
	width: 180px;
	margin-left: 11px;
}

.btm-btn {
	width: 200px;
	margin-left: 10px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
        height: 50px;
	background-color: #ff4a00;
	cursor: pointer;
        border-radius: 25px;
        
}

.btm-float__content .district input {
	height: 40px!important;
	width: 140px!important;
	padding: 0 0 0 9px;
	*height: 20px!important;
	*padding-top: 10px;
	font-size: 14px
}

.btm-float__content .district .district-icon {
	top: 6px!important
}