body{
	width:100%;
	min-width:1200px;
	margin:0 auto;
}
.w1200{
	width:1200px;
	margin:0 auto;
}
.banner{
	width:100%;
	vertical-align: middle;
	position:relative;
	margin-top:20px;
}
.banner img{
	width:100%;
	height:auto;
}
.yunbeushu{
	width:100%;
	box-sizing:border-box;
}
.yunbeushu .yunbslist{
	width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	background-color:#fff;
}
.yunbeushu .yunbslist .yunbsitem{
	width:200px;
	vertical-align:middle;
}
.yunbeushu .yunbslist .yunbsitem img{
	width:100%;
	height:auto;
}

/*"白鹭云"智能财税SaaS服务平台*/
.platform {
	width: 100%;
	height: 715px;
}
.platform .platbody{
	width: 1200px;
	height: 715px;
	background: url(/Content/images/bailuyun/banner2.png) no-repeat center center/cover;
}
.platform .platbody .platform_title{
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:40px;
	padding-top:70px;
	text-shadow:0px 0px 23px rgba(18,63,89,0.24);
	background:linear-gradient(180deg,rgba(255,255,255,1) 0.55%, rgba(111,209,255,1) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.platform .platbody .platformlist{
	width:100%;
	margin-top:100px;
	position:relative;
}
.platform .platbody .platformlist .platformitem{
	height:80px;
	display:flex;
	align-items:center;
	position:absolute;
	opacity: 0;
}
/*.platform .platformlist .platformitem:nth-child(1){
	top:0;
	left:190px;
}
.platform .platformlist .platformitem:nth-child(2){
	top:0;
	right:100px;
}
.platform .platformlist .platformitem:nth-child(3){
	top:150px;
	left:10px;
}
.platform .platformlist .platformitem:nth-child(4){
	top:150px;
	right:15px;
}
.platform .platformlist .platformitem:nth-child(5){
	top:290px;
	left:140px;
}
.platform .platformlist .platformitem:nth-child(6){
	top:290px;
	right:30px;
}*/


.platform.animation .platformlist .platformitem:nth-child(1){
	top:0;
    animation: transfer1 .5s ease-in forwards .4s;
    -webkit-animation: transfer1 .5s ease-in forwards .4s;
}
.platform.animation .platformlist .platformitem:nth-child(2){
	top:0;
	transform: translateX(1060px);
    animation: transfer2 .5s ease-in forwards .4s;
    -webkit-animation: transfer2 .5s ease-in forwards .4s;
}
.platform.animation .platformlist .platformitem:nth-child(3){
	top:150px;
	left:15px;
	transform: translateX(-180px);
    animation: transfer3 .5s ease-in forwards .4s;
    -webkit-animation: transfer3 .5s ease-in forwards .4s;
}
.platform.animation .platformlist .platformitem:nth-child(4){
	top:150px;
	/*right:15px;*/
	transform: translateX(1060px);
    animation: transfer4 .5s ease-in forwards .4s;
    -webkit-animation: transfer4 .5s ease-in forwards .4s;
}
.platform.animation .platformlist .platformitem:nth-child(5){
	top:290px;
	/*left:140px;*/
	transform: translateX(-180px);
    animation: transfer5 .5s ease-in forwards .4s;
    -webkit-animation: transfer5 .5s ease-in forwards .4s;
}
.platform.animation .platformlist .platformitem:nth-child(6){
	top:290px;
	/*right:30px;*/
	transform: translateX(1060px);
    animation: transfer6 .5s ease-in forwards .4s;
    -webkit-animation: transfer6 .5s ease-in forwards .4s;
}

@keyframes transfer1 {from { left:0;opacity: 0; } to { transform: translateX(190px); opacity: 1; } }
@keyframes transfer2 {from { transform: translateX(1060px);opacity: 0; } to {transform: translateX(760px); opacity: 1; } }
@keyframes transfer3 {from { transform: translateX(-180px);opacity: 0; } to { transform: translateX(10px); opacity: 1; } }
@keyframes transfer4 {from { transform: translateX(1060px);opacity: 0; } to { transform: translateX(880px); opacity: 1; } }
@keyframes transfer5 {from { transform: translateX(-180px);opacity: 0; } to { transform: translateX(140px); opacity: 1; } }
@keyframes transfer6 {from { transform: translateX(1060px);opacity: 0; } to { transform: translateX(820px); opacity: 1; } }


.platform .platformlist .platformitem .platformitem_list,.platformitem .platformitem_img{
	margin:0 10px;
}
.platform .platformlist .platformitem .platformitem_h3{
	width:100%;
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
}
.platform .platformlist .platformitem .platformitem_p{
	width:100%;
	color:#fff;
	font-size:14px;
}
.platform .platformlist .platformitem:nth-child(2n-1){
	text-align:right;
}

/*代理记账系统*/
.dljzxt{
	width:100%;

}
.dljzxt .dljzxt_list{
	padding:120px 180px 130px;
	box-sizing:border-box;
	background:#fff;
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dljzxt .dljzxt_list .dljzxt_left{
	width:80%;
}
.dljzxt .dljzxt_list .dljzxt_left .dljzxt_h3{
	color:#383838;
	font-size:36px;
	font-weight:bold;
	margin-bottom:20px;
}
.dljzxt .dljzxt_list .dljzxt_left .dljzxt_p{
	color:#383838;
	font-size:18px;
	line-height:28px;
}
.dljzxt .dljzxt_list .dljzxt_right img{
	/*width:705px;*/
	width:76%;
	height:auto;
	display:block;
	margin:0 auto;
}
.dljzxt .dljzxt_left,.dljzxt .dljzxt_right{   
	opacity: 0; 
}
.transfer1.animation .dljzxt_left,.transfer1.animation .dljzxt_right{   
	opacity: 0; 
    animation: isopacity .5s ease-in forwards .4s;
    -webkit-animation: isopacity .5s ease-in forwards .4s;
}
.transfer3.animation .dljzxt_left{   
	opacity: 0; 
	transform: translateX(-190px);
    animation: transferleft .5s ease-in forwards .4s;
    -webkit-animation: transferleft .5s ease-in forwards .4s;
}

.transfer3.animation .dljzxt_right{
	opacity: 0; 
	transform: translate3d(52%, 0, 0) rotate3d(0, 0, 1, 70deg);
	-webkit-transform: translate3d(52%, 0, 0) rotate3d(0, 0, 1, 70deg);
    animation: isflip .5s ease-in forwards .4s;
    -webkit-animation: isflip .5s ease-in forwards .4s;
}
/*工商交付系统*/
.gsjfxt{
	width:100%;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}
.gsjfxt .gsjfxt_list{
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:120px 150px 130px;
	box-sizing:border-box;
}
.gsjfxt .gsjfxt_list .gsjfxt_left{
	width:430px;
}
.gsjfxt .gsjfxt_list .gsjfxt_left .gsjfxt_h3{
	color:#fff;
	font-size:36px;
	font-weight:bold;
	margin-bottom:20px;
}
.gsjfxt .gsjfxt_list .gsjfxt_left .gsjfxt_p{
	color:#fff;
	font-size:18px;
	line-height:28px;
}
.gsjfxt .gsjfxt_list .gsjfxt_right img{
	/*width:600px;*/
	width:60%;
	height:auto;
}

.gsjfxt .gsjfxt_right,.gsjfxt .gsjfxt_left{   
	opacity: 0; 
}
.gsjfxt.animation .gsjfxt_right{   
	opacity: 0; 
	transform: translateX(-190px);
    animation: transferleft .5s ease-in forwards .4s;
    -webkit-animation: transferleft .5s ease-in forwards .4s;
}
.gsjfxt.animation .gsjfxt_left{
	opacity: 0; 
	transform: translateX(190px);
    animation: transferright .5s ease-in forwards .4s;
    -webkit-animation: transferright .5s ease-in forwards .4s;
}

/*财务营销获客系统*/
.cwyxhk{
	width:100%;
}
.cwyxhk .cwyxhklist{
	background: #fff;
	text-align: center;
	padding: 90px 0 60px;
	box-sizing: border-box;
}
.cwyxhk .cwyxhktit {
	font-size: 36px;
	color: #383838;
	font-weight: bold;
	margin-bottom: 15px;
}
.cwyxhk p{
	color:#383838;
	font-size:18px;
	line-height: 30px;
}
.cwyxhk img{
	/*width:638px;*/
	height:auto;
	margin-top:60px;
	transform: scale(0.9);
	opacity:0;
}
.transfer5.animation img{
	width:40%;
	transform: translateY(75%);
	-webkit-transform: translateY(75%);
    animation: isup .5s ease-in forwards .4s;
    -webkit-animation: isup .5s ease-in forwards .4s;
}

/*向上*/
@keyframes isup {
	form { 
		opacity: 0;
		transform: translateY(75%);
		-webkit-transform: translateY(75%);
	} 
	to { 
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	} 
}
/*翻转*/
@keyframes isflip {
	form { 
		opacity: 0;
		transform: translate3d(52%, 0, 0) rotate3d(0, 0, 1, 70deg);
		-webkit-transform: translate3d(52%, 0, 0) rotate3d(0, 0, 1, 70deg);
	} 
	to { 
		opacity: 1;
    	transform: none;
		-webkit-transform: none;
	} 
}

/*渐显*/
@keyframes isopacity {
	form { 
		opacity: 0;
	} 
	to { 
		opacity: 1;
	} 
}
/*两边滑动*/
@keyframes transferleft {
	form { 
		opacity: 0;
		transform: translateX(-190px);
	} 
	to { 
		transform: translateX(0);
		opacity: 1;
	} 
}
@keyframes transferright {
	form { 
		opacity: 0; 
		transform: translateX(190px);
	} 
	to { 
		transform: translateX(0);
		opacity: 1;
	} 
}


.footer-us {
    height: 60px;
    margin-bottom: 25px;
}
.footer-us *{
    height: 60px;
    line-height: 60px;
}
.footer-us span {
    height:60px;
    background: #353948;
    color: #b9b9b9;
    width: 120px;
    display: inline-block;
}
.footer-us a {
    color: #6f7386;
    margin-left: 14px;
}