/* Header */
.large-header {
	position: relative;
	width: 100%;
	
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}

.demo-1 .large-header {
	height: 500px;
	background-image: url('../images/bg01.jpg');
}
.main-title h1{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -360px;
	margin-top: -25px;
	margin-top: 60px;
}
.main-title h2{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -120px;
	margin-top: -250px;
	transition: 2s;
	animation:yun 4s linear infinite alternate;	
}
@keyframes yun{
	0%{transform:translateX(50px);}
	100%{transform:translateX(-50px);}
}

/*优势*/
.adv{width: 100%;height: 600px;background: #f0f0f0;overflow: hidden;text-align: center;}
.adv_in{width: 1200px;margin: 0 auto;overflow: hidden;}
.adv_in h1{margin-top: 50px;font-size: 30px;}
.adv_list{width: 180px;height: 303px;background: #fff;border-radius:10px;color: #333;padding: 0 20px;margin-top: 50px;float: left;margin-left: 25px;overflow: hidden; box-sizing: content-box;}
.adv_list h2{font-size: 20px;height: 44px;line-height: 44px;margin-bottom: 30px;border-bottom: 1px solid #ccc;overflow: hidden;}
.adv_list .txt{text-align: left;font-size: 13px;line-height: 25px;margin-bottom: 40px;}
.adv_list .adv_icon{width: 180px;height: 58px;background:url(../images/youdian1.png) no-repeat center center;margin-top: 30px;}
.adv_list .adv_icon2{width: 180px;height: 58px;background: url(../images/youdian2.png) no-repeat center center;margin-top: 30px;}
.adv_list .adv_icon3{width: 180px;height: 58px;background: url(../images/youdian3.png) no-repeat center center;margin-top: 30px;}
.adv_list .adv_icon4{width: 180px;height: 58px;background: url(../images/youdian4.png) no-repeat center center;margin-top: 30px;;}
.adv_list .adv_icon5{width: 180px;height: 58px;background: url(../images/youdian5.png) no-repeat center center;margin-top: 30px;}

.adv_list:hover{background: skyblue;color: #fff;}
/*数据安全*/
.safety{
	width: 100%;
	height: 800px;
	background: url(../images/shuju_bg.jpg) no-repeat center center;
	position: relative;
}
.safety>*{
	position: absolute;
	left: 50%; top: 50%;
	/*background: url(../images/safety.png)no-repeat;*/
	transition:2s;
}
.safety .circle1{
	width: 300px;
	height: 339px;
	/*background-position: -1135px -457px;*/
	margin-left: -150px;
	margin-top: -170px;
}
.safety .circle2{
	width: 582px;
	height: 582px;
	background-position: -606px -299px;
	margin-left: -290px;
	margin-top: -290px;
	animation:zhuan 10s linear infinite;
}
.safety .circle2 img{
	display: block;
	width: 100%;
	height: 100%;
}

.safety .circle3{
	width: 482px;
	height: 482px;
	background-position: -4px -215px;
	margin-left: -245px;
	margin-top: -245px;
	animation:zhuan 6s linear infinite alternate;
}
.safety .circle3 img{
	display: block;
	width: 100%;
	height: 100%;
}


@keyframes zhuan{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*平台功能总览*/
.terrace{width: 100%;height: 800px;background: #f0f0f0;}



/*收费管理*/
.charge{
	width: 100%;
	height: auto;
	background: #b7e5ff;
}
.charge_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.charge_left{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
}
.charge_left img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
.charge_right{
	width: 60%;
}

/*车辆管理*/
.car{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.car_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.car_left{
	width: 60%;
	height: auto;
}
.car_right{
	width: 35%;
	height: auto;
	display: flex;
	align-items: center;
}
.car_right img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}

/*用户管理*/
.user{
	width: 100%;
	height: auto;
	background: #e5fff4;
}
.user_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.user_left{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
}
.user_left img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
.user_right{
	width: 60%;
}

/*优惠管理*/
.sale{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.sale_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.sale_left{
	width: 60%;
	height: auto;
}
.sale_right{
	width: 35%;
	height: auto;
	display: flex;
	align-items: center;
}
.sale_right img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
/*财务管理*/
.finance{
	width: 100%;
	height: auto;
	background: #fff6dd;
}
.finance_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.finance_left{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
}
.finance_left img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
.finance_right{
	width: 60%;
}
/*报表管理*/
.forms{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.forms_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.forms_left{
	width: 60%;
	height: auto;
}
.forms_right{
	width: 35%;
	height: auto;
	display: flex;
	align-items: center;
}
.forms_right img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
/*车场管理*/
.parking{
	width: 100%;
	height: auto;
	background: #f9eaff;
}
.parking_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.parking_left{
	width: 40%;
	height: auto;
	display: flex;
	align-items: center;
}
.parking_left img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}
.parking_right{
	width: 60%;
}
/*系统管理*/
.system{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.system_in{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;
	height: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	margin:0 auto;
}
.system_left{
	width: 60%;
	height: auto;
}
.system_right{
	width: 35%;
	height: auto;
	display: flex;
	align-items: center;
}
.system_right img{
	display: block;
	width: auto;
	height: auto;
	align-items: center;
}