body{
	font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 500;
}
.navbar{
	background-color: #eee;
	margin: 0;
}
.navbar .active a{
	border-radius: 20px;
}
.add{ border-radius:20px;}
.part{
	width: 960px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.navbar .part{
	padding: 30px 0 18px;
}
.logo{
	background: url(365_logo.png) no-repeat ;
	width: 264px;
	height: 67px;
	float: left;
	margin: -20px 0px 0 0;
}
.banner{
	height: 522px;
	margin-bottom: 20px;
}
ul{ margin:0;padding:0;}
.pros{margin:10px auto;background:url("pros.png") top left no-repeat;display: block;width:50px; height:50px;}


.pro5{background-position:-10px -310px; }
.pro4{background-position:-10px -370px; }
.pro3{background-position:-10px -430px; }
.pro2{background-position:-10px -490px; }
.pro1{background-position:-10px -550px; }

.app.active .pro5 ,.app:hover .pro5{background-position:-10px -10px; }
.app.active .pro4 ,.app:hover .pro4{background-position:-10px -70px;  }
.app.active .pro3 ,.app:hover .pro3{background-position:-10px -130px; }
.app.active .pro2 ,.app:hover .pro2{background-position:-10px -190px; }
.app.active .pro1 ,.app:hover .pro1{background-position:-10px -250px; }

.apps{
	overflow: hidden;
	margin:20px 0;
}
.app{
	border:solid 1px #000;
	float: left;
	width: 170px;
	margin-right: 10px;
	text-align: center;
	color: #000;
	padding-bottom: 10px
}
.app-last{
	float: right;
	margin-right: 0;
}
.app:hover,.app.active{
	color: #fff;
	text-decoration: none;
	background-color: #3cccf1;
	border-color: #3cccf1;
}
.text-center{
	text-align: center;
}
.breifinfo{
	text-indent: 2em;
	font-size: 18px;
	letter-spacing: 1px;
}
.appdes{
	margin-bottom: 20px;
	height: 150px
}
.appdes .des{
	display: none;
}

.appdes .des.active{
	display:block;
}

.why{
	background: url(why.jpg) top center no-repeat;
	height: 580px;
}

.whyblue{
	background: url(blue.png)repeat-x;
	margin-bottom: 20px;
}

/*viewport*/
.view-port {
  overflow: hidden;
  position: relative;
  height: 120px;
}
.slider-container {
  position: relative;
  margin: 0;
  padding: 0;
}
.item {
  position: absolute;
  width: 190px
}

.track{
	position: relative;
	overflow: visible;
}
.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 32px;
  margin-top: -32px;
  width: 64px;
  height: 109px;
  font: 64px/109px 'simsun';
  text-decoration: none;
  color: #eee;
  text-align: center;
}

.track a.prev.disabled,
.track a.next.disabled {
  display: none;
}

.track a.prev {
  left: -64px;
}
.track a.next {
  right: -64px;
}

.track a.prev:hover,.track a.next:hover {
  color: #aaa;
}

.track a.prev:active,.track a.next:active {
  color: #eee;
}



.case-img{
	width: 174px;
	height: 107px;
	border:solid 1px #000;
}

.tryforfree{
	padding: 30px;
	text-align: center;
}

.tryforfree .text{
	height: 29px;
	border:solid 1px #000;
	font:16px/29px arial;
	padding:20px;
	width: 570px;
	margin-right: 10px;
}

footer{
	background: #000;
	padding: 20px;
	color: #898989;
}
footer a{
	color: #898989;
}
.foot-list{
	margin: 0;
	list-style: none;
}
.foot-list li{
	line-height: 28px
}
footer h5{
	color: #eee;
}
.wx{
	text-align: center;
	background: url(wx.png) no-repeat;
	width: 128px;
	padding-top: 128px;
}
.teliphone{
	background: url(icon-tel.png) no-repeat left center;
	line-height: 50px;
	height: 50px;
	text-indent: 55px;
	font-size: 21px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
}
/*banner*/

#banner{ margin:0 auto; width:100%; height:524px; position:relative;text-align: center;}

.banner .list { z-index:1; position:relative; }
.banner .list li{width:100%; height:524px; overflow:hidden; position:absolute; left:0; top:0; z-index:1; display:none;}
.banner .listBtn{ z-index:100; position:absolute; right:10%; bottom:2%; overflow:hidden;}
.banner .listBtn li{ border-radius:50px; background:#a2a2a2; width: 14px; height: 14px; cursor: pointer; text-indent:-99em; float:left; margin:5px 20px;}
.banner .listBtn li.hover{ background:#89acdb;}
.banner .list .bg1{display:block;}