html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block;
}
h1,h2,h3,h4,h5,h6{
  font-weight:normal;
}
img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,td,caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
input[type="radio"]{
  vertical-align: text-bottom;
}
button {
  width: auto;
  overflow: visible;
}
ol,ul {
  list-style: none;
}
li {
  display: list-item;
}
html,body {
  height: 100%;
}
html {
  -webkit-font-smoothing: antialiased;
}
body {
  font: 12px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;
  font-rendering: optimizeLegibility;
  min-width: 1200px;
  color:#000;
  background:#fff;
}
a {
  color:#000;text-decoration:none;
}
q {
  quotes: none;
}
q:before,q:after {
  content: "";
  content: none;
}
b,strong{
  font-weight: bold;
}
em {
  font-style: italic;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
}
sup,sub,small {
  font-size: smaller;
}
del {
  text-decoration: line-through;
}

.hide{
  display:none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clear {
  clear: both;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.container {
	width:1200px; margin:0 auto;
}
.container-fluid{
	width:100%;
}

header{
	width:100%; background:#ececec;
}
header .logo{
	float:left !important; margin-top:15px;
}
header nav{
	float:right !important; position:relative;
}
header nav li{
	float:left; display:block; height:75px; cursor:pointer; width:90px; text-align:center; line-height:75px;
}
header nav li a{
	font-size:14px; color:#666;
}
header nav .nav-slide{
	position:absolute; width:90px; height:3px; background:#3cabaf; display:block;
}
footer{
	background:#393a3a; padding:25px 0 12px 0;
}
footer p{
	color:#8e8e8e; text-align:center; margin-bottom:5px;
}
section{
	width:100%;
}
section img{
	width:100%; display:block; z-index:0;
}
section.banner{
	position:relative; background:#ececec;
}
section.banner .banner-login-bg{
	position:absolute; background:#fff; border-radius:6px; bottom:80px;
	filter:alpha(opacity=40);  
	-moz-opacity:0.4;  
	-khtml-opacity: 0.4;  
	opacity: 0.4;  
}
section.banner .banner-login{
	position:absolute; bottom:80px; padding:10px 20px; z-index:3;
}
section.banner .banner-login li{
	float:left !important; margin:0 5px;
}
section.banner .banner-login li input.login-account,section.banner .banner-login li input.login-password{
	width:160px; height:38px; border:1px solid #999; font-size:15px; padding:0 8px;
}
section.banner .banner-login li input.login-code{
	width:100px; height:38px; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; font-size:15px; padding:0 8px; display:block; float:left;
}
section.banner .banner-login li .img-code{
    float:left; display:block;
}
section.banner .banner-login li .img-code img{
	display:block; width:70px; height:36px; border:2px solid #999;
}
section.banner .banner-login li input.login-button{
	background:url(../img/login_button.jpg) no-repeat; border:0 none; height:40px; width:140px; border-radius:3px; cursor:pointer; font-size:14px;
}
section.banner .banner-nav{
	position:absolute; z-index:1; bottom:26px;
}
section.banner .banner-nav li{
	width:12px; height:12px; float:left; margin-right:6px; border-radius:8px; cursor:pointer; border:2px solid #fff; background-color:transparent;
}
section.banner .banner-nav li.active{
	background-color:#fff;
}
div.index-download{
	background:#ececec; width:100%; display:block;
}
div.index-download>img{
	width:100%;
}
div.index-download .download-content{
	width:400px;  margin:0 auto; padding-bottom:50px;
}
div.index-download .download-content img{
	width:150px; margin:10px auto; display:block;
}
div.index-download .download-content p{
	display:block; text-align:center;  color:#757575; font-size:22px;
}
div.index-download .download-content .download-apple{
	width:200px; float:left;
}
div.index-download .download-content .download-apple a{
	display:block; text-align:center; color:#757575; font-size:14px;
}

div.index-download .download-content .download-android{
	width:200px; float:left;
}
div.index-download .download-content .download-android a{
	width:50%; display:block; float:left; text-align:center; color:#757575;  font-size:14px;
}
div.example-items{
	background:#f0f0f0; width:100%; padding:0 0 50px 0;
}
div.example-item{
	width:380px; float:left !important; margin:30px 10px 0 10px; background:#fff;
}
div.example-item img{
	width:380px; display:block;
}
div.example-item h2{
	display:block; color:#333; font-weight:normal; padding:15px 30px; font-size:23px;
}
div.example-item p{
	color:#6f6f6f; padding:0px 30px; padding-bottom:20px;
}