body{
	width: 100%;
	height: auto;
	background: #f5f5f5;
}
/*头部nav start*/
.nav{
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	min-width: 1280px;
	position: fixed;
	z-index: 99;
	box-shadow: 0 0 13px rgba(0,0,0,.2);
}
.positionnav{
	width: 1280px;
	height: 100%;
	margin: auto;
	position: relative;
}

/*logo*/
.logo{
	width: 190px;
	height: 100%;
	/*padding-left: 40px;*/
	float: left;
}
.logo img{
	width:100%;
}
/*头部中*/
.positionnav ul{
	/*width: 800px;*/
	width: 1050px;
	height: 100%;
	float: left;
}
.positionnav ul li{
	/*width: 150px;*/
	width: 15%;
	height: 100%;
	line-height: 80px;
	float: right;
	text-align: center;
	font-size: 14px;
	
}
.home_li{
	margin-left: 40%;
}
.positionnav ul li a{
	color: #000;
	cursor: pointer;
}
.top li a:hover{
	color: #F8B600;
}
.border{
	height: 20px;
	margin-top: 30px;
	width: 1px;
	border-left: 1px solid #000;
	float: left;
}
.top_product{
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 112px 37px;
}
.product_b{
	background-image:url(../img/xiala1.png) ;
}
.product_bk{
	background-image:url(../img/xiala2.png) ;
}
/*登陆注册*/
.topright{
	width: 150px;
	height: 100%;
	float: right;
}
.topright div{
	width: 50%;
	height: 100%;
	text-align: center;
	line-height: 80px;
	float: left;
}
.topright a{
	color: #000000;
	font-size: 14px;
}
.topright .register input[type='button']{
	width: 68px;
	height: 28px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
}
.login a:hover{
	color: #F8B600;
	cursor: pointer;
}
/*end*/

/*homepage start*/
.homepage{
	width: 100%;
	height: auto;
	padding-top: 80px;
}
/*wechathome start*/
.wechathome{
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}
.pic{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.pic ul{
	position: relative;
}
.pic ul li{
	position: absolute;
	left: 0;
	top: 0;
}
.wechatimg{
	left: calc(50% - 440px);
}
.integrated_left{
	padding-left: 250px;
}
.integrated_right{
	width: 400px;
}
.selfhelp{
	width: 100%;
	text-align: center;
	height:600px;
	background-image: url(../img/zizhub.png);
}
.integrated_right img{
	height: 410px;
}
.banner{
	width: 100%;
	height: 100%;
}
.banner li{
	width: 100%;
	height: 100%;
}
.userp{
	padding-left: 250px;
}
.wechathome{
	width: 100%;
	height: 600px;
	background: url(../img/wechatshang.png);
}
.user{
	width: 100%;
	height: 600px;
	background-image:url(../img/b2b2cbk.png) ;
}
.saasp{
	padding-left: 150px;
}
.saas_img{
	top: 100px;
}
.wechatmain{
	padding-left: 250px;
}
.education_right{
	width: 30%;
}
.education_left{
	padding-left: 250px;
}
.wechatp{
	width: 200px;
	height: 100%;
	margin: auto;
	position: absolute;
	left: calc( 50% - 640px);
	top: 0;
	z-index: 2;
}
.wechatp ul{
	height: 100%;
	float: left;
	width: 200px;
}
.wechatp ul li{
	width: 100%;
	height: 16.66%;
	background: #FFFFFF;
	cursor: pointer;
}
.wechatp ul li.hover{
	background: rgba(255,255,255,0.5);
}
.wechatp ul li img{
	margin-top: 28px;
	float: left;
	margin-left: 20px;
}
.wechatp ul li p{
	float: left;
	margin-left: 30px;
	line-height: 92px;
	font-size: 16px;
}
/*end*/
/*小圆圈 radius start*/
.radius{
	width: 100%;
	height: 250px;
	background: #f5f5f5;
}
.radius ul{
	width: 1280px;
	height: 100%;
	margin: auto;
}
.radius ul li{
	float: left;
	width: 16.66%;
	height: calc(100% - 50px);
	text-align: center;
	padding-top: 50px;
}
.radius ul li p{
	width: 100px;
	height: 100px;
	margin-left: 30%;
	margin-bottom: 32px;
}
.radius ul li p.py{
	background-image: url(../img/yellow.png);
}
.radius ul li p.pb{
	background-image: url(../img/gb.png);
}
.radius ul li p.ps{
	background-image: url(../img/shink.png);
}
.radius ul li p.psb{
	background-image: url(../img/blue.png);
}
.radius ul li p.pr{
	background-image: url(../img/red.png);
}
.radius ul li p.pg{
	background-image: url(../img/green.png);
}
/*end*/

/*电商零售进销存协同管理*/
.retailers{
	width: 100%;
	height: 550px;
	margin: auto;
	background: #FFFFFF;
}
.retailersp{
	width: 1280px;
	height: 100%;
	margin: auto;
}
.retailers_title{
	width: 100%;
	height: 100px;
	margin: auto;
	border-bottom: 1px solid #666666;
}
.retailers_title p{
	font-size: 18px;
	color: #000000;
	line-height: 100px;
}
.retailers_main{
	width:100%;
	height: 449px;
	margin: auto;
	position: relative;
	top: 80px;
}
.retailers_main ul li{
	width: 380px;
	height: 419px;
	float: left;
	margin-left: 70px;
	padding-top: 30px;
}
.retailers_main ul li.retailers_li{
	margin-left: 0;
}
.retailers_main ul li p.p_title{
	font-size: 18px;
	color: #000000;
}
.retailers_main ul li p{
	width: 100%;
	height: 30px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #666666;
}
/*end*/

/*连接人货场*/
.relation{
	width: 100%;
	height: 590px;
	margin: auto;
	background: #FFFFFF;
	background-image:url(../img/lianjiebk.png) ;
	background-size:100% 100%;
}
.relationp{
	width: 1280px;
	height: 100%;
	margin: auto;
}
.relation_img{
	float: left;
	width: 540px;
	height: 430px;
	padding-top: 90px;
	padding-left:100px ;
}
.relation_main{
	width: 600px;
	height: 330px;
	padding-top: 190px;
	float: left;
}
.relation_main li{
	width: 100%;
	height: 50px;
	float: left;
}
.relation_main p{
	float: left;
	color: #FFFFFF;
	margin-right: 20px;
	line-height: 54px;
}
.relation_main h1{
	color: #FFFFFF;
}
.relation_main span{
	color: #8ec3f5;
	float: left;
	line-height: 54px;
}
/*end*/

/*电商系统与诊所管理系统*/
.case{
	width: 100%;
	height: 1030px;
	margin: auto;
	background: #FFFFFF;
	overflow: hidden;
}
.casep {
	width: 1280px;
	height: 100%;
	margin: auto;
}
.casep ul li{
	height: 380px;
	padding-top: 40px;
	float: left;
}
.casep ul li.caselil{
	width: 800px;
}
.casep ul li.caseli{
	width: 480px;
}
.casep ul li.caseli div{
	float: left;
	width: calc(100% - 80px);
	height: 60px;
	text-align: right;
	padding-right: 80px;
	color: #666666;
}
.casep ul li.caseli div.case_d{
	height: 40px;
}
.casep ul li.caseli div p{
	width: 240px;
	height: 100%;
	text-align: left;
	float: right;
	padding-right: 30px;
	line-height: 28px;
	color: #666666;
	margin-top: 10px;
}
.casep ul li.caseli div img{
	float: right;
}
.casep ul li.caseli div.big_case{
	font-size: 32px;
	color: #000000;
	margin-top: 60px;
}
.casep ul li.caseli div a{
	color: #666666;
	text-decoration:underline;
}
.casep ul li.caseli_t div{
	padding-right: 0;
	padding-left: 80px;
}
.case_a{
	margin-top: 20px;
}
.casep ul li.caseli_t div p{
	padding-right: 0;
	padding-left: 20px;
	float: left;
	width: 322px;
}
.casep ul li.caseli_t div img{
	float: left;
}
.casep ul li.caseli_t div{
	text-align: left;
}
.casep input[type='button']{
	width: 250px;
	height: 50px;
	margin: auto;
	border-radius: 3px;
	color: #FFFFFF;
	margin-left: 515px;
	margin-top: 30px;
}
/*动效*/
.scro_left{
	position: relative;
	right: 80px;
}
.scro_right{
	position: relative;
	left: 80px;
}
.scro_lef{
	position: relative;
	right: 80px;
}
.scro_righ{
	position: relative;
	left: 80px;
}
/*end*/

/*全面移动办公*/
.office{
	width: 100%;
	height: 880px;
	min-width: 1280px;
	background: #FFFFFF;
	background-image: url(../img/officebk.png);
	background-repeat:no-repeat;
}
.officep{
	width: 1280px;
	height: 100%;
	margin: auto;
	overflow: hidden;
}
.officep .office_img{
	width: 100%;
	height: 500px;
	text-align: center;
	top: 150px;
	position: relative;
}
.office_word{
	width: 100%;
	height: 200px;
	padding-top: 120px;
	text-align: center;
}
.office_word h1{
	color: #FFFFFF;
}
.office_word p{
	color: #FFFFFF;
	font-size: 18px;
	line-height: 40px;
}
.office_word p.office_p{
	margin-top: 28px;
}

/*end*/

/*创客派免费版*/
.free{
	width: 100%;
	height: 219px;
	background: #FFFFFF;
}
.free img{
	width: 100%;
}
/*end*/

/*演示地址*/
.address{
	width: 1280px;
	height: 550px;
	position: absolute;
	top: 80px;
	left: 0;
	box-shadow: 0 0 13px rgba(0,0,0,.1);
	background: #FFFFFF;
}
.address ul{
	border: none;
	width: 1100px;
	height: 510px;
	margin-left: 90px;
	margin-top: 20px;
}
.address ul li{
	width: 100%;
	height: 63px;
	float: left;
	line-height: 63px;
	border-radius: 5px;
	/*float:left;*/
}
.address ul li p{
	width: 18%;
	float: left;
	text-align: left;
}
.address ul li.address_main:hover{
	background: #F5F5F5;
}
.address ul li p.address_one{
	padding-left: 50px;
	width:6%;
}
.address ul li p.address_two{
	width: 40%;
	text-align: left;
}
.address_title p{
	font-size: 18px;
	color: #000000;
}
.address_main p{
	font-size: 16px;
	color: #000000;
}
.address_main img{
	margin-top: 15px;
}
.top_pass{
	width:50%;
	float:right;
}
.top_pass p{
	width:50%!important;
}
/*演示地址结束*/

/*产品中心 start*/
.product{
	width: 1280px;
	height: 400px;
	position: absolute;
	top: 80px;
	left: 0;
	background: #FFFFFF;
	box-shadow: 0 0 13px rgba(0,0,0,.1);
}
.product ul{
	width: 1160px;
	height: 380px;
	margin-left: 60px;
	margin-top: 0;
	border: none;
}
.product ul li{
	width: 300px;
	height: 70px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	margin-right:130px ;
	line-height: 20px;
	color: #666666;
	text-align: left;
	border-radius: 5px;
}
.product ul li img{
	float: left;
	margin-left: 14px;
	margin-top: 10px;
}
.product ul li p{
	float: left;
	width: 16px;
	height: 100%;
}
.product ul li h4{
	line-height: 40px;
	color: #000000;
}
.product ul li:hover{
	background: #F5F5F5;
	color: #666666;
}
/*end*/
.product ul li,.address ul li{
	cursor: pointer;
}
.product ul li.no_y{
	margin-right: 0;
}
#t{
	animation-duration:2s;
}