@charset "UTF-8";



* { margin: 0px; padding: 0px;}



body { margin: 0; padding: 0; }



h1, h2, h3, h4, h5 ,h6 { font-size: 12px; font-weight: normal; }



ul { list-style: none; display: block; }



li { display: block; }



i { font-style: normal; display: inline-block;  }



p { display: block; }



img { border: 0px; display: inline-block; }



input { outline: none; border: none; }



span { display: inline-block; }



table { border-collapse: collapse; border: 0px; }



body {

  font-family: "微软雅黑";

  font-size: 12px;

}

.clearBoth{

  clear: both;

}
.top{height:43px;background:#333333;}
.topc{width:988px;margin:0 auto;line-height:43px;padding-left:12px;color:#ddd;}
/* background:url(../images/topbg.png) repeat-x; */
.topc span{float:right;}
.topc span a{margin-left:8px;margin-right:8px;color:#ddd;text-decoration: none;}
.wrap {

  width: 1024px;

  margin: 0 auto;

}



/*header开始*/



.header {

  padding: 5px 0px;}



.header .logo {

  display: block;

  width: 224px;

  height: 133px;

  float: left;

  background: url(../images/logo.png) left center no-repeat; }



.header .header-ul {

  float: left;
	margin-left:10px;
  padding-top: 45px;

}
.header-ul li.on{
	background:url(../images/menu_on.png) center center no-repeat;
}
.header-ul li.on a{
	color:#5683f1;
}

.header-ul li {
	height:40px;
	width:109px;
  float: left;

  line-height: 40px;
	text-align:center;
  padding: 0 5px;

}

.header-ul li.lastChild {

  border-right: 0;

  padding: 0 0 0 25px;

}

.header-ul li a {

  font-size: 18px;

  color: #fff;

  text-decoration: none;

}












/*content开始*/

.content_title{

  text-align: center;
 background:url(../images/fenge.png) bottom center no-repeat;
 padding-bottom:12px;
}

.content_title span{

  display: inline-block;

  padding: 0 50px;

}

.content_title b{

  display: inline-block;

  font-weight: normal;

  font-size: 36px;

  color: #2eafd9;


  padding: 0 5px;

  line-height: 60px;

}

.content_title b.titleIcon1{

  padding-left: 34px;

  background: url(../images/content_titleIcon1.png) no-repeat left center;

 }

.content_title b.titleIcon2{

  padding-left: 40px;

  background: url(../images/content_titleIcon2.png) no-repeat left center;

}

.content_title b.titleIcon3{

  padding-left: 36px;

  background: url(../images/content_titleIcon3.png) no-repeat left center;

}



.contentBlock1{

  background:url(../images/header_bg.jpg) center top no-repeat;

}

.contentBlock1 .cb1_content {

  height: 631px;

  position: relative; }

.cb1_content .cb1_phone1 {

  position: absolute;

  left: -100px;

  top: 18px;

  z-index: 1;

  opacity:0; }

.cb1_content .cb1_phone2 {

  position: absolute;

  left: -100px;

  top: 44px;

  z-index: 0;

  opacity:0; }

.cb1_content .cb1_text {

  position: absolute;

  right: 0px;

  top: 0px;

  opacity:0; }



.cb1_content .cb1_erWeiMa {

  width: 192px;

  height: 192px;

  padding: 9px;

  position: absolute;

  right: 340px;

  bottom: 0px;

  opacity:0;

  background: url(../images/header_erWeiMaBg.png) no-repeat; }

.cb1_content .cb1_erWeiMa img {

  width: 100%;

  height: 100%;

}

.cb1_btnBlock{

  position: absolute;



}

.cb1_content .cb1_btn{

  position: absolute;

  right: 0px;

  display: block;

  width: 327px;

  height: 74px;

  background: url(../images/header_btn.png) no-repeat;

  opacity:0;

  z-index: 1;

}

.cb1_content .cb1_btn span{

  position: absolute;

  top: 63px;

  right: -32px;

  display: none;

  width: 213px;

  height: 90px;

  padding: 17px 0 0 18px;

  background: url(../images/cb1_textBg.png) no-repeat;

  font-size: 14px;

  color: #333;

  line-height: 24px;

}

.cb1_content .iosBtn{

  bottom: 0px;

  z-index: 2;

  background-position: 0 0;

}

.cb1_content .iosBtn:hover{

  background-position: -327px 0;

}

.cb1_content .iosBtn:hover span{

  display: block;

}

.cb1_content .androidBtn{

  bottom: 0px;

  background-position: 0 -74px;

}

.cb1_content .androidBtn:hover{

  background-position: -327px -74px;

}

.cb1_content .androidBtn:hover span{

  display: block;

}



/*应用简介*/

.contentBlock2{

  position: relative;

  background: #fff;

  padding-top: 0px;

}

.contentBlock2 .cb2_content{

  position: relative;

  margin-top: 23px;

  height: 437px;

  overflow: hidden;

}

.contentBlock2 .cb2_text{

  line-height: 36px;

  padding-top: 63px;

  width: 495px;

  font-size: 18px;

  color: #333;

}

.contentBlock2 .cb2_phone{

  position: absolute;

  top: 0px;

  right: 0px;

}

.contentBlock2 .cb2_img{

  position: absolute;

  top: 81px;

  right: 220px;

}

.contentBlock2 .cb2_bg{

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 10;

  width: 100%;

  height: 130px;


}

/*特色功能*/

.contentBlock3{

  background: #2eafd9;

}

.contentBlock3 .content_title span{

  border-bottom: 1px solid #f1b681;

}

.contentBlock3 .content_title b{

  color: #fff;

  border-bottom: 3px solid #fff;

}

.contentBlock3 .cb3_ul{

  background: #2eafd9;
	padding-top: 58px;
  padding-bottom: 58px;

}

.cb3_ul ul{

  float: left;

}

.cb3_ul li{

  float: left;

  width: 341px;

  text-align: center;

  color: #fff;

  font-size: 0;

  padding-top: 54px;

}

.cb3_ul b{

  display: block;

  font-size: 20px;

  font-weight: bold;

  line-height: 32px;

  padding-top: 11px;

}

.cb3_ul span{

  font-size: 16px;

  line-height: 25px;

}

.contentBlock4 .cb4_content{

  position: relative;

  margin-top: 50px;

}

/*应用截图*/

.contentBlock4{

  padding: 34px 0;

  background: #fff;

}

.contentBlock4 .cb4_content{

  position: relative;

  margin-top: 50px;

}



.cb4_content .cb4_btnL , .cb4_content .cb4_btnR {

  display: block;

  width: 35px;

  height: 65px;

  outline: none;

  cursor: pointer;

  position: absolute;

  top: 50%;
  margin-top: -22px;

  

}

.cb4_content .cb4_btnL {

  left: 0;
	background:#2eafd9 url(../images/left.png) center center no-repeat;


}

.cb4_content .cb4_btnL:hover {

  filter:alpha(opacity=50);opacity:0.5;

}

.cb4_content .cb4_btnR {

  right: 0;

  background:#2eafd9 url(../images/right.png) center center no-repeat;

}

.cb4_content .cb4_btnR:hover {

  filter:alpha(opacity=50);opacity:0.5;

}

.content-banner {

  width: 915px;

  height: 655px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}



.content-banner-ul {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 9999px; }



.content-banner-ul li {

  float: left;

  padding-right: 36px;

  font-size: 0;

  line-height: 0;

}

.content-banner-ul li p{
	height:55px;
	line-height: 35px;
	color:#333;
	padding:0px;
	margin:0px;
	text-align:center;
}

.content-banner-ul li img {

  width: 281px; }



/*footer开始*/

.footer-top {

  background: #59cbd5;

  padding-top: 80px;

}

.footer_block {

  position: relative;

  height: 532px;

  overflow: hidden;

}

.footer_block h2{
	font-size:50px;
}
.footer_block h4{
	font-size:20px;
	height:48px;
	line-height: 48px;
}


.footer-bottom p{color:#666;padding:6px 0px;}
.footer-bottom p a{color:#666;text-decoration: none;padding:0px 5px;}

.footer_phone{

  position: absolute;

  top: -4px;

  left: 0px;



}

.footer_erWeiMa{

  position: absolute;

  top: 150px;

  left: 487px;


  width: 275px;

  height: 224px;

  text-align: center;

}

.footer_btnBlock{

  position: absolute;

  top: 40px;

  right: 0px;

  font-size: 13px;

  color: #fff;

}

.footer_btnBlock2{

  top: 150px;

}

.footer_btnBlock a{

  display: block;

  width: 302px;

  height: 68px;

  background: url(../images/footer_btn.png) no-repeat;

}

.footer_btnBlock a.iosBtn{

  background-position: 0 0;

}

.footer_btnBlock a.iosBtn:hover{

  background-position: -302px 0;

}

.footer_btnBlock a.androidBtn{

  background-position: 0 -68px;

}

.footer_btnBlock a.androidBtn:hover{

  background-position: -302px -68px;

}

.footer_btnBlock span{

  display: block;

  line-height: 24px;

  padding: 11px 0 26px 10px;

}



.footer-bottom {

 	padding:120px 0px 80px 0px;


  background: #fff;

  font-family:"宋体";

  color: #999;

  line-height: 18px;

  text-align: center;

}