html {
	font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
body {
	margin: 0px;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
main {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
audio {
	display: inline-block;
}
canvas {
	display: inline-block;
}
progress {
	display: inline-block;
}
video {
	display: inline-block;
}
audio:not([controls]) {
	height: 0px; display: none;
}
progress {
	vertical-align: baseline;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
a {
	background-color: transparent; -webkit-text-decoration-skip: objects;
}
a:active {
	outline-width: 0px;
}
a:hover {
	outline-width: 0px;
}
abbr[title] {
	text-decoration: underline; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
b {
	font-weight: inherit;
}
strong {
	font-weight: inherit;
}
b {
	font-weight: bolder;
}
strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
h1 {
	margin: 0.67em 0px; font-size: 2em;
}
mark {
	color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);
}
small {
	font-size: 80%;
}
sub {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	
}
svg:not(:root) {
	overflow: hidden;
}
code {
	font-family: monospace, monospace; font-size: 1em;
}
kbd {
	font-family: monospace, monospace; font-size: 1em;
}
pre {
	font-family: monospace, monospace; font-size: 1em;
}
samp {
	font-family: monospace, monospace; font-size: 1em;
}
figure {
	margin: 1em 40px;
}
hr {
	height: 0px; overflow: visible; box-sizing: content-box;
}
button {
	font: inherit; margin: 0px; font-size-adjust: inherit; font-stretch: inherit;
}
input {
	font: inherit; margin: 0px; font-size-adjust: inherit; font-stretch: inherit;
}
select {
	font: inherit; margin: 0px; font-size-adjust: inherit; font-stretch: inherit;
}
textarea {
	font: inherit; margin: 0px; font-size-adjust: inherit; font-stretch: inherit;
}
optgroup {
	font-weight: bold;
}
button {
	overflow: visible;
}
input {
	overflow: visible;
}
button {
	text-transform: none;
}
select {
	text-transform: none;
}
button {
	-webkit-appearance: button;
}
html [type='button'] {
	-webkit-appearance: button;
}
[type='reset'] {
	-webkit-appearance: button;
}
[type='submit'] {
	-webkit-appearance: button;
}
fieldset {
	margin: 0px 2px; padding: 0.35em 0.62em 0.75em; border: 1px solid rgb(192, 192, 192); border-image: none;
}
legend {
	padding: 0px; color: inherit; display: table; white-space: normal; max-width: 100%; box-sizing: border-box;
}
textarea {
	overflow: auto;
}
[type='checkbox'] {
	padding: 0px; box-sizing: border-box;
}
[type='radio'] {
	padding: 0px; box-sizing: border-box;
}
[type='search'] {
	-webkit-appearance: textfield; outline-offset: -2px;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
h5 {
	margin: 0px;
}
h6 {
	margin: 0px;
}
p {
	margin: 0px;
}
ul {
	list-style: none; margin: 0px; padding-left: 0px;
}
ol {
	list-style: none; margin: 0px; padding-left: 0px;
}
a {
	color: inherit; text-decoration: none;
}
* {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
::after {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
::before {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
body {
	color: rgb(51, 51, 51); line-height: 1.6; font-family: "Helvetica Neue", "Microsoft YaHei", Verdana, Arial, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);
}
.navbar {
	background: rgba(0, 153, 204, 0.9); left: 0px; top: 0px; height: 50px; right: 0px; line-height: 50px; position: fixed; z-index: 999;
}
.container {
	margin: 0px auto; width: 1210px; position: relative;
}
.navbar .container::before {
	display: table; content: "";
}
.navbar .container::after {
	display: table; content: "";
}
.navbar .container::after {
	clear: both;
}
.navhome {
	padding-top: 6px; float: left;
}
.navlist {
	float: right;
}
.navlist > li {
	margin-right: 50px; float: left;
}
.navlist > li > a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.logo {
	width: 210px;
}
.trial-img {
	width: 130px; height: 46px;
}
.download-area {
	margin-left: 30px; vertical-align: top; display: inline-block; position: relative;
}
.download-area .btn-download {
	border-radius: 2px; border: currentColor; border-image: none; width: 130px; height: 46px; color: rgb(255, 255, 255); margin-right: 15px; cursor: pointer; box-shadow: 0px 1px 1px #cc8000; background-color: rgb(255, 160, 0); -webkit-box-shadow: 0 1px 1px #cc8000;
}
.download-area .qrcode {
	left: 100%; top: 0px; width: 140px; height: 140px; display: none; position: absolute;
}
.download-area:hover .qrcode {
	display: block;
}
.intro-download {
	display: inline-block;
}
.app-main {
	background: url("../img/section-bg.png") no-repeat left top / 100% 100% #0b94b3;
}
.app-download {
	background: url("../img/section-bg.png") no-repeat left top / 100% 100% #0b94b3;
}
.app-main {
	padding-top: 70px;
}
.app-download {
	padding-top: 30px;
}
.app-main img.app-img-show {
	margin-left: 120px;
}
.app-download img.app-img-show {
	margin-left: 120px;
}
.app-main .app-intro {
	margin-left: 100px;
}
.app-title {
	text-align: center;
	margin-bottom: 40px;
	color: darkgray;
	font-weight:100;
}
.app-download .app-intro {
	margin-left: 100px;
}
.app-intro {
	vertical-align: middle; display: inline-block;
}
.app-img-show {
	vertical-align: middle; display: inline-block;
}
.app-intro {
	max-width: 450px; width: 450px; 
}
img.app-img-show {
	width: 420px; 
}
.app-main .intro-title {
	color: rgb(255, 255, 255); font-size: 35px; margin-bottom: 40px;
}
.app-download .intro-title {
	color: rgb(255, 255, 255); font-size: 35px; margin-bottom: 40px;
}
.app-main .intro-subtitle {
	color: rgb(255, 255, 255); font-size: 20px; margin-bottom: 40px; position: relative;
}
.app-download .intro-subtitle {
	color: rgb(255, 255, 255); font-size: 20px; margin-bottom: 40px; position: relative;
}
.app-features {
	padding: 50px 0px; text-align: center; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.app-features .container {
	font-size: 0px;
}
.app-feature-item {
	padding: 0px 15px; width: 25%; vertical-align: top; display: inline-block;
}
.app-ys-item {
	padding: 0px 15px; width: 33.33%; vertical-align: top; display: inline-block;
}
.feature-item-img {
	width: auto; height: 150px; margin-bottom: 30px;
}
.feature-title {
	color: #0b94b3; font-size: 20px; margin-bottom: 30px;
}
.feature-subtitle {
	color: rgb(102, 102, 102); font-size: 16px;
}
.title-icon {
	left: -45px; top: 50%; width: 25px; height: 25px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.title-text {
	color: #0b94b3; font-size: 30px; margin-bottom: 30px;
}
.app-detail {
	padding-top: 30px; padding-bottom: 30px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.app-detail .container {
	margin: 0px auto; width: 1000px;
}
.app-detail .intro-title {
	margin-bottom: 20px; position: relative;
}
.app-detail .intro-subtitle {
	color: rgb(102, 102, 102); font-size: 30px; margin-bottom: 40px;
}
.intro-subitem {
	font-size: 0px;
}
.intro-subitem + .intro-subitem {
	margin-top: 30px;
}
.intro-subitem-img {
	vertical-align: middle; display: inline-block;
}
.intro-subitem-text {
	vertical-align: middle; display: inline-block;
}
.intro-subitem-img {
	width: 40px; height: 40px; margin-right: 20px;
}
.intro-subitem-text {
	color: rgb(102, 102, 102); font-size: 16px; font-weight: 300;
}
.h5-img {
	left: -60px; top: 50%; width: 40px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.h5-intro {
	font-size: 16px;
}
.download-link {
	display: block;
}
.download-img {
	display: block;
}
.app-copyright {
	padding: 40px 0px; color: #999; font-size: 14px; background: #121214;
}
.app-copyright h2 {
	padding-bottom: 20px;
}
.app-copyright .app-feature-item {
	float: left;
}
.app-copyright .copyright {
	text-align: center;
	margin-top: 30px;
}
.app-copyright .container::before {
	display: table; content: "";
}
.app-copyright .container::after {
	display: table; content: "";
}
.app-copyright .container::after {
	clear: both;
}
.pop-up-wrapper {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.7);
}
.pop-up-box {
	left: 50%; top: 50%; width: 525px; height: 440px; position: fixed; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); -webkit-transform: translate(-50%, -50%);
}
.pop-up-box .hd {
	height: 70px; text-align: center; color: rgb(255, 160, 0); line-height: 70px; font-size: 20px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.close-link {
	display: block;
}
.icon-close {
	top: 15px; right: 15px; position: absolute;
}
.pop-up-box .bd {
	padding: 0px 60px; height: 320px;
}
.input-row {
	padding: 10px 0px; font-size: 0px;
}
.input-row-item {
	padding: 0px 10px; width: 50%; color: rgb(102, 102, 102); font-size: 14px; display: inline-block;
}
.input-row-item p:first-child {
	margin-bottom: 5px;
}
.input-row-item input {
	padding: 0px 5px; border-radius: 3px; border: 1px solid rgb(217, 217, 217); border-image: none; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.input-row-item textarea {
	padding: 0px 5px; border-radius: 3px; border: 1px solid rgb(217, 217, 217); border-image: none; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.input-row-item input {
	height: 34px;
}
.input-row-item textarea {
	resize: none;
}
.pop-up-box .ft {
	height: 50px; text-align: center; line-height: 50px; background-color: rgb(255, 160, 0);
}
.btn-submit {
	border: currentColor; border-image: none; width: 100%; color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; background-color: rgb(255, 160, 0);
}


.team-item li {
	padding: 20px 0;
}
.team-item .team-item-img {
	width: 180px; float: left;
}
.team-item .team-item-detail {
	padding-left: 220px;
}
.team-item .team-item-detail::before {
	display: table; content: "";
}
.team-item .team-item-detail::after {
	display: table; content: "";
}
.team-item .team-item-detail::after {
	clear: both;
}
.team-item-detail h2 span {
	color: #0b94b3; font-size: 20px; margin: 0 20px; font-weight: normal; display: inline-block;
}
.team-item-detail h3 span {
	color: rgb(46, 142, 199); font-size: 16px; margin: 0 20px; font-weight: normal; display: inline-block;
}

.app-news {
	width: 100%;
}
.app-news .app-news-hot {
	width: 550px; height: 370px; float: left; position: relative; overflow: hidden;
}
.app-news .app-news-hot ul {
	transition: margin-top 1s;
}
.app-news .app-news-hot ul li {
	width: 100%; height: 370px; position: relative;
}
.app-news .app-news-hot ul li img {
	width: 100%; height: 370px;
}
.app-news .app-news-hot ul li span {
	width:100%; line-height: 50px; padding:0 20px; position:absolute; bottom: 0; left: 0; 
	color: #FFFFFF; background: rgba(0,0,0,0.4);
}
.app-news .app-news-hot .up-btn {
	position:absolute; right: 0; top: 145px; width: 40px; height: 40px; background: rgba(0,0,0,0.4); z-index: 2; color: #FFFFFF;
}
.app-news .app-news-hot .down-btn {
	position:absolute; right: 0; top: 185px; width: 40px; height: 40px; background: rgba(0,0,0,0.4); z-index: 2; color: #FFFFFF;
}
.app-news .app-news-item {
	padding-left: 580px;  
}
.app-news .app-news-item li {
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 35px; 
}
.app-news .app-news-item a:hover {
	text-decoration: underline; color: rgb(46, 142, 199); cursor: pointer;
}
.app-news .app-news-item::before {
	display: table; content: "";
}
.app-news .app-news-item::after {
	display: table; content: "";
}
.app-news .app-news-item::after {
	clear: both;
}

.news-detail .news-info strong {
	display: inline-block; width: 40%; color: #999999; font-weight: 500;
}
.news-detail h3, .news-detail .news-info {
	text-align: center;
}
.clearfix{
	clear: both;
}

/**
 * 首页 新闻资讯
 */
.list-news li{
	width: 470px;
	list-style: circle inside;
}
.list-news a{
	max-width: 350px;
	overflow: hidden;
}
a:hover{
	color: #0b94b3;
}
.list-news span{
	float: right;
	max-width: 100px;
	display: inline-block;
	margin-right: 0px;
}
more{
	color: gray;
	font-weight: 100;
	font-size: 16px;
	margin-left: 290px;
}

.li-circle{
	list-style: circle;
}

/**
 * 首页 友情链接
 */
.friend-link li{
	float: left;
	margin: 0 10px;
}

/**
 * 关于我们 照片墙
 */
.photo-wall{width:1000px;height: 450px; position:relative; list-style: none;}
.photo-wall li{display:block; width:200px; height: 130px; position:absolute; padding: 2px 2px;}
.photo-wall .left-1{left: 0; top: 0;}
.photo-wall .left-2{left: 0; top: 130px;}
.photo-wall .left-3{left: 0; top: 260px;}
.photo-wall .right-1{right: 0; top:0;}
.photo-wall .right-2{right: 0; top:130px;}
.photo-wall .right-3{right: 0; top:260px;}
.photo-wall .middle{left: 50%; margin-left: -300px; top:0; width: 600px !important; height: 390px !important;}
.photo-wall img{width: 100%; height: 100%; background: lightgray;}


.pcs-item{
	padding-top: 50px;
	margin-top: 30px;
	width: 30%;
	float: left;
	margin: 10px 20px;
}
.pcs-box{
	border: 1px solid #ccc;
	padding-top: 50px;
	padding-bottom: 35px;
	position: relative;
}
.pcs-title{
	text-align: center;
	color: #000000;
	font-size: 22px;
	padding-top: 15px;
}
.pcs-info{
	padding-top: 15px;
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.pcs-w{
	width: 100px;
	height: 100px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -50px;
}
.pcs-h1{
	text-align: center;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pcs-h3{
	text-align: center;
	color: #fff;
	margin: 0;
}
.pcs-color-1{
	background-color: #1689eb;
}
.pcs-color-2{
	background-color: #a6d250;
}
.pcs-color-3{
	background-color: #df00c7;
}
.pcs-color-4{
	background-color: #fc7267;
}
.pcs-color-5{
	background-color: #ef9e1e;
}
.pcs-color-6{
	background-color: #e1c10e;
}

.text-center{
	text-align:center;
}

.design-header{
	height: 46px;
	line-height: 46px;
	color: #000000;
	font-size: 22px;
}

.design-desp{
	padding-left: 46px;
	color: #666666;
	line-height: 2;
	margin-top: 10px;
}