@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#f2f2f2;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body{
	font-family:'微软雅黑', 'Lato', Calibri, Arial, sans-serif;
	color: #f2f2f2;
}
/*
h1{
	font-size: 6em;
}
*/
.section{
	text-align: center;
}

/* Menu
 * --------------------------------------- */
.box{width:1000px;height:70px;margin-left:auto;margin-right:auto;}
.logo{height:70px;float:left;background: url(../images/logo.png) fixed no-repeat center center;z-index:999;}
.daohang{width:750px;height:70px;float:right;}
#menu li {
	display:inline-block;
	margin: 10px;
	color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 70px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	background-color:#1cbb7f;
}


.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}

#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}

#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}
.kuang{width:1000px;height:auto;margin-left:auto;margin-right:auto;}
.bt{font-size:3em;text-align:center;color:#000;margin-top: 6%;}
.sm{font-size:1em;text-align:center;line-height:2em;color:#000;}
.gnn{padding-top:1.8em;}
/* Section 1
 * --------------------------------------- */
#section1 h1{
	color: #444;
}
#section1 p{
	color: #333;
	color: rgba(0,0,0,0.3);
}
#section1 img{

}
.section1_bga{
	position:fixed;
	bottom:0px;
	left:0px;
}
.home_tit{color: #fff;font-size: 2em;line-height:2.5em;text-align: right;margin-top:-8%;margin-right:7%;}
.home_g p {
    color: #fff!important;
    font-size: 1em;
	line-height:1.5em;
    text-align: right;
	margin-right:7%;
}
/* Section 2
 * --------------------------------------- */
.cp_bg{height:438px;width:1000px;/*background: url(../images/product.png) no-repeat top center;*/}
.cp_bg ul{margin-left:-15px;width:1115px;}
.cp_bg a{width:188px;height:208px;color:#343434;font-size:1.2em;float:left;margin-left:15px;margin-bottom: 20px;}
.cp_bg a:hover{text-decoration:none;}
/*
.cp_bg a:hover{color:#767575;}
.cp_bg a li{width:188px;height:188px;line-height:1em;display:table-cell; vertical-align:bottom;}
.cp_bg a li p{font-size:0.7em;}
*/
.cp_bg a li{line-height: 350px;height: 200px;}
a.js_a{background: url(../images/2_a1.png) no-repeat top center;display:table-cell;vertical-align:bottom;margin-bottom:20px; }
a.js_a:hover{background: url(../images/2_a2.png) no-repeat top center;}
a.js_b{background: url(../images/2_b1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_b:hover{background: url(../images/2_b2.png) no-repeat top center;}
a.js_c{background: url(../images/2_c1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_c:hover{background: url(../images/2_c2.png) no-repeat top center;}
a.js_d{background: url(../images/2_d1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_d:hover{background: url(../images/2_d2.png) no-repeat top center;}
a.js_e{background: url(../images/2_e1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_e:hover{background: url(../images/2_e2.png) no-repeat top center;}
a.js_f{background: url(../images/2_f1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_f:hover{background: url(../images/2_f2.png) no-repeat top center;}
a.js_g{background: url(../images/2_g1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_g:hover{background: url(../images/2_g2.png) no-repeat top center;}
a.js_h{background: url(../images/2_h1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_h:hover{background: url(../images/2_h2.png) no-repeat top center;}
a.js_i{background: url(../images/2_i1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_i:hover{background: url(../images/2_i2.png) no-repeat top center;}
a.js_j{background: url(../images/2_j1.png) no-repeat top center;display:table-cell;vertical-align:bottom; }
a.js_j:hover{background: url(../images/2_j2.png) no-repeat top center;}
/* Section 3
 * --------------------------------------- */
.gn{width:1117px;margin-left:-17px;}
.gn .gn_k{width:238px;padding-left:1em;height:104px;float:left;margin-left:17px;margin-bottom:58px;color:#8c8c8c;background-color:#000;background: url(../images/gl_bg.png) no-repeat;}
.gn .gn_k:hover{width:238px;height:104px;float:left;margin-left:17px;margin-bottom:58px;color:#8c8c8c;background-color:#000;background: url(../images/gl_bga.png) no-repeat;}
.gn .gn_k p{font-size:1em;text-align:left;padding-left:60px;}
.gn_k .gn_a{width:238px;height:104px;background: url(../images/gl_a.png) no-repeat left center;}
.gn_k .gn_a:hover{width:238px;color:#fff;background: url(../images/gl_a1.png) no-repeat left center;}
.gn_k .gn_b{width:238px;height:104px;background: url(../images/gl_b.png) no-repeat left center;}
.gn_k .gn_b:hover{width:238px;color:#fff;background: url(../images/gl_b1.png) no-repeat left center;}
.gn_k .gn_c{width:238px;height:104px;background: url(../images/gl_c.png) no-repeat left center;}
.gn_k .gn_c:hover{width:238px;color:#fff;background: url(../images/gl_c1.png) no-repeat left center;}
.gn_k .gn_d{width:238px;height:104px;background: url(../images/gl_d.png) no-repeat left center;}
.gn_k .gn_d:hover{width:238px;color:#fff;background: url(../images/gl_d1.png) no-repeat left center;}
.gn_k .gn_e{width:238px;height:104px;background: url(../images/gl_e.png) no-repeat left center;}
.gn_k .gn_e:hover{width:238px;color:#fff;background: url(../images/gl_e1.png) no-repeat left center;}
.gn_k .gn_f{width:238px;height:104px;background: url(../images/gl_f.png) no-repeat left center;}
.gn_k .gn_f:hover{width:238px;color:#fff;background: url(../images/gl_f1.png) no-repeat left center;}
.gn_k .gn_g{width:238px;height:104px;background: url(../images/gl_g.png) no-repeat left center;}
.gn_k .gn_g:hover{width:238px;color:#fff;background: url(../images/gl_g1.png) no-repeat left center;}
.gn_k .gn_h{width:238px;height:104px;background: url(../images/gl_h.png) no-repeat left center;}
.gn_k .gn_h:hover{width:238px;color:#fff;background: url(../images/gl_h1.png) no-repeat left center;}
.gn_k .gn_i{width:238px;height:104px;background: url(../images/gl_i.png) no-repeat left center;}
.gn_k .gn_i:hover{width:238px;color:#fff;background: url(../images/gl_i1.png) no-repeat left center;}
.gn_k .gn_j{width:238px;height:104px;background: url(../images/gl_j.png) no-repeat left center;}
.gn_k .gn_j:hover{width:238px;color:#fff;background: url(../images/gl_j1.png) no-repeat left center;}
.gn_k .gn_k{width:238px;height:104px;background: url(../images/gl_k.png) no-repeat left center;}
.gn_k .gn_k:hover{width:238px;color:#fff;background: url(../images/gl_k1.png) no-repeat left center;}
.gn_k .gn_l{width:238px;height:104px;background: url(../images/gl_l.png) no-repeat left center;}
.gn_k .gn_l:hover{width:238px;color:#fff;background: url(../images/gl_l1.png) no-repeat left center;}

/* Section 4
 * --------------------------------------- */
.ico_4{width:50px;height:50px;float:left;padding-right:5em!important;margin-bottom: 0px!important;margin-top:0.8em!important;}
.news-holder p {
    margin-bottom: 12px;
	text-align:left;
	font-size:0.7em;
}
.title_4{font-size:1.3em!important;padding-left:2em;margin-bottom: 0px!important;padding-top:0.5em!important;}
.news-holder * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
  color: #3f3f3f;
  text-decoration: none;
}

.news-headlines {
  list-style: none;
  position: relative;
}

  .news-headlines li {
    padding: 5px 20px 5px 24px;
    position: relative;
    z-index: 20;
    color: #3f3f3f;
  }

.nh-anim {
	background: url(../images/bg_4.png) no-repeat left center;
	/*
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	*/
  }
  


  .news-headlines li:hover, a:hover {
      cursor: pointer;
      
  }
  
  .news-headlines .highlight {
     width: 100%;
     background: url(../images/bg_4_1.png) no-repeat left center;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
  }

  .news-headlines .highlight:before {
    display: none;
  }

.news-headlines {
   float: left;
   width: 60%;
}

.news-preview {
   float: right;
   width: 40%;
   background: url(../images/sj.png) no-repeat left center;
   position: relative;
   z-index: 5;
   margin-left: -1px;
   min-height: 548px;
   position: relative;
}

  .news-preview img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 212px;
    max-height: 383px;
    margin: 42px auto 5px auto;
  } 

.news-content {
    position: absolute;
    /*background: url(../images/sj.png) no-repeat left center;*/
    z-index: 10;
    padding: 10px;
    top: 0;
    left: 0;
    display: none;
}

.top-content {
    display: block;
	width:358px;
	height:383px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #AAA;
}
/* Section 5
 * --------------------------------------- */
 
.box_5{width:100%;height:auto;top:0px;position:relative;background: url(../images/bg5.png) no-repeat center top;}
.s5{margin-top:-4%;width:100%;height:100px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeeeee;}
.b_5{width:249px;height:100px;float:left;background-color:#fff;color:#3f3f3f;border-right-width: 1px;border-right-style: solid;border-right-color: #eeeeee;}
.b_5:hover{background-color:#f6f3f3;}
.b_5 div{margin-top:6%;}
.why{margin-top:5%;width:1120px;margin-left:-140px;}
.why_5{width:420px;height:80px;float:left;text-align:left;margin-bottom:2em;margin-left:140px;}
.why_5_img{width:80px;height:80px;float:left;}
.why_5_title{font-size:1em;color:#4f5b6c;padding-left: 90px;}
.why_5_gri{font-size:0.7em;color:#9d9d9d;padding-left: 90px;}
 
 /* Section 6
 * --------------------------------------- */
#menua{width:460px; overflow:hidden; margin:100px auto;border:1px solid #e2d7cb;background-color:#fff;}
#menua #nav {display:block;width:100%;padding:0;margin:0;list-style:none;}
#menua #nav li {float:left;width:230px;background-color:#e6f7df;height:47px;}
#menua #nav li a {display:block;line-height:43px;text-decoration:none;padding:0 0 0 5px; text-align:center; color:#89c86f;}
#menu_con{ width:460px; height:460px; border-top:none}
.tag{ padding:10px; overflow:hidden;color:#666666;}
.selecteds{background:#43b413;height:47px; color:#fff!important;}


.input_div {
    width: 330px;
	margin-top:1.7em;
}
.input_div {
    border: 1px solid #e0e0e0;
    height: 32px;
    width: 250px;
    position: relative;
	
	margin-left: auto;
    margin-right: auto;
	/*
	float: right;
	*/
}
.span {
    background: rgba(0, 0, 0, 0) url("../images/login_icon.png") no-repeat scroll 0 0;
    width: 35px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 5px 0;
	float: left;
}
input[type="text"], input[type="password"] {
    width: 275px;
}
input[type="text"], input[type="password"] {
    border: 0 none;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 5px 0 5px 5px;
    width: 245px;
	float: left;
}
.search_psw{font-size:0.7em;float:right;width:280px;height:auto;line-height:2em;margin-left:auto;margin-right:auto;}
.sub {
    display: block;
    background: #f80;
    text-align: center;
    font: 18px "microsoft yahei";
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    width: 280px;
    border: 0 none;
    cursor: pointer;
	margin-left:auto;margin-right:auto;
}

.partner-login {
    color: #666;
    line-height: 24px;
    overflow: hidden;
}
.oauth-wrapper {
    margin: auto;
    padding: auto;
    margin-top: 20px;
    width: 340px;
}
.title-wrapper {
    border-bottom: 1px solid #ccc;
    height: 0;
    margin-bottom: 20px;
	margin-top: 20px;
    overflow: visible;
    position: relative;
    width: 340px;
	margin-left:auto;margin-right:auto;
}
.oauth-wrapper h3 {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
.title {
	color: #666;
  
	/**background: #fff none repeat scroll 0 0;
    
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    margin-left: -65px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 120px;**/
}
#wx_login {
    background: url("../images/weixin_48.png") no-repeat;
    display: inline-block;
    float: none;
    height: 75px;
    width: 56px;
}
.log_a{width:342px;height:400px;margin-left:auto;margin-right:auto;}
.why_5_img img{
	webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
	}
.why_5_img img:hover{
	-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.section1_bg img{width:100%;}
/*.kuang img{width:1023px;height:320px;margin-top: 10%;margin-left:auto;margin-right:auto;}*/
.section1_titles{width:1023px;height:320px;margin-top: 10%;margin-left:auto;margin-right:auto;}
.chez{
    position:absolute;  
                border:1px solid black;  
                width:50px;  
                height:50px;  
                left:0px;  
                top:100px;

}