@charset "utf-8";

#footer{
	position: relative;
	padding: 30px 0 0;
	background:  url(../img/footer-bg.jpg) repeat-x center top;
	background-size: cover;
}
#footer .nav{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto 20px;
}
#footer .nav a{
	color: #fff;
	opacity: .8;
	font-size: 14px;
}
#footer.footer-cn .nav a{
	font-size: 16px;
}
#footer .nav a:hover{
	opacity: 1;
}
#footer .box{
	margin: 0 auto;
	width: 1200px;
	position: relative;
	padding: 0 0px 20px 0px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
#footer .box div.link{
	flex: 1;
	color: #fff;
	overflow: hidden;
	margin: 20px 0 0;
	display: flex;
}
#footer .box div.link dt{
	font-size: 22px;
	font-weight: 200;
	margin-bottom: 10px;
}
#footer .box div.link dd p,
#footer .box div.link dd a{
	padding: 2px 0;
	color: #aaa;
	font-size: 13px;
	line-height: 1.6em;
}
#footer .box div.link dd a:hover{
	color: #fff;
}

#footer .box div.link dl.con-1{
	width: 30%;
}
#footer .box div.link dl.con-2{
	flex: 1;
	padding-top: 15px;
	padding-left: 80px;
}
#footer .box div.link dl.con-3{
	width: 23%;
	background: url(../img/footer-logo.png) no-repeat right 20px center;
}
#footer .form-group .form-control{
	background: rgba(255,255,255,0.7);
	border: 0;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
}
#footer .form-group .btn{
	background: #58982c;
	border: 0;
	padding-left: 20px;
	text-align: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
}

#footer .cop{
	border-top: 1px solid #4d5c6f;
	padding: 15px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#footer .cop a{
	color: #fff;
}

@media screen and (max-width: 768px) {
	

	#footer{
		position: relative;
		padding: 10px 0 0;
		background: #262626;
		background-image: none;
	}
	#footer .nav{
		display: none;
	}
	#footer .box{
		margin: 0 auto;
		width: 100%;
		position: relative;
		padding: 0 0px 0px 0px;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
	}
	#footer .box div.link{
		flex: 1;
		color: #fff;
		overflow: hidden;
		margin: 20px ;
		display: block;
	}
	#footer .box div.link dt{
		font-size: 18px;
		font-weight: 200;
		margin-bottom: 10px;
	}
	#footer .box div.link dd p,
	#footer .box div.link dd a{
		padding: 1px 5px;
		color: #aaa;
		font-size: 13px;
		line-height: 1.6em;
	}
	#footer .box div.link dd a:hover{
		color: #fff;
	}

	#footer .box div.link dl.con-1{
		width: 100%;
		margin-bottom: 15px;
	}
	#footer .box div.link dl.con-2{
		flex: 1;
		padding: 0px;
		margin-bottom: 15px;
	}
	#footer .box div.link dl.con-3{
		display: none;
	}

	#footer .cop{
		border-top: 1px solid #333;
		padding: 15px 0;
		font-size: 12px;
		color: #888;
		text-align: center;
	}
	#footer .cop a{
		color: #888;
	}
	
}



#side{
	position: fixed;
	z-index: 9;
	bottom: 50%;
	margin-bottom: -200px;
	right: -60px;
	width: 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#side.on{
	right: 10px;
}

#side a{
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0;
	width: 48px;
	margin:0;
	height: 48px;
	background-color: rgba(0,0,0,0.9);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#side a.btn{
	display: none;
	z-index: 2;
}

#side a.block-1{
	bottom: 50px;
	background-image: url(../img/icons/side-01.png);
}
#side a.block-2{
	bottom: 200px;
	background-image: url(../img/icons/side-05.png);
}
#side a.block-3{
	bottom: 150px;
	background-image: url(../img/icons/side-04.png) ;
}
#side a.block-3.pc div{ width: 185px; background-color: rgba(0,0,0,0.9); border-radius: 30px; position: absolute; left: 80px; transition: all 0.2s ease-in-out;}
#side a.block-3.pc div span{display: block; font-size: 12px; padding-left: 15px; height: 48px; color: #fff; line-height: 36px; padding-top: 6px;}
#side a.block-3.pc:hover div{ width: -200px; position: absolute; left: -185px;}

#side a.block-4{
	bottom: 100px;
	background-image: url(../img/icons/side-09.png);
}
#side a.block-4 div{display: none;}
#side a.block-4:hover div{display: block; position: absolute; border: 1px solid #eee; width: 202px; height: 240px; background: #fff; right: 55px; top: 0;}
#side a.block-4 img{width: 200px; height: 200px; border: 0 solid #fff; margin: 0 auto; display: block;}
#side a.block-4 span{padding: 5px 10px; display: block; font-size: 12px; color: #333; text-align: center; width: 100%;}

#side a.block-5{
	bottom: 100px;
	background-image: url(../img/icons/side-02.png);
}
#side a.block-5 div{display: none;}
#side a.block-5:hover div{display: block; position: absolute; border: 1px solid #eee; width: 202px; height: 240px; background: #fff; right: 55px; top: 0;}
#side a.block-5 img{width: 200px; height: 200px; border: 0 solid #fff; margin: 0 auto; display: block;}
#side a.block-5 span{padding: 5px 10px; display: block; font-size: 12px; color: #333; text-align: center; width: 100%;}
#side a.block-6{
	bottom: 200px;
	background-image: url(../img/icons/side-06.png) ;
}




@media screen and (max-width: 768px) {

	#side{
		position: fixed;
		z-index: 9;
		bottom: 20px;
		margin-bottom: auto;
		right: 10px;
		width: 50px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#side.on{
		right: 10px;
	}
	#side a{
		position: absolute;
		z-index: 1;
		bottom: 0px !important;
		opacity: 0;
		right: 0;
		width: 48px;
		margin:0;
		height: 48px;
		background-color: rgba(0,0,0,0.9);
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#side a.btn{
		display: block;
		z-index: 2;
		opacity: 1;
	}
	#side a.btn span{
		width: 48px;
		height: 48px;
		display: block;
		background: url(../img/icons/side-00.png) no-repeat center center;
		background-size: 90%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#side.open a.btn span{
		transform: rotate(135deg);
	}
	#side.open a.block-1{
		opacity: 1;
		bottom: 50px !important;
		background-image: url(../img/icons/side-01.png);
	}
	#side.open a.block-2{
		opacity: 1;
		bottom: 250px !important;
		background-image: url(../img/icons/side-05.png);
	}
	#side.open a.block-3{
		opacity: 1;
		bottom: 150px !important;
		background-image: url(../img/icons/side-04.png) ;
	}

	#side.open a.block-4{
		opacity: 1;
		bottom: 100px !important;
		background-image: url(../img/icons/side-09.png);
	}
	#side a.block-4 div{display: none;}
	#side a.block-4:hover div{display: none;}

	#side.open a.block-5{
		opacity: 1;
		bottom: 100px !important;
		background-image: url(../img/icons/side-02.png);
	}
	#side a.block-5 div{display: none;}
	#side a.block-5:hover div{display: block; position: absolute; border: 1px solid #eee; width: 202px; height: 240px; background: #fff; right: 55px; top: 0;}
	#side a.block-5 img{width: 200px; height: 200px; border: 0 solid #fff; margin: 0 auto; display: block;}
	#side a.block-5 span{padding: 5px 10px; display: block; color: #333; text-align: center; width: 100%;}
	#side.open a.block-6{
		opacity: 1;
		bottom: 200px !important;
		background-image: url(../img/icons/side-06.png) ;
	}

	/*微信*/
	#side .wx-ewm{display: none !important;}
	#side .wx-ewm.open{display: flex; flex-wrap: wrap; flex-direction: column; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8); justify-content: center; align-content: center;}
	#side .wx-ewm.open img{width: 260px; height: 260px; border: 8px solid #fff; margin: 0 auto; display: block;}
	#side .wx-ewm.open span{padding: 10px; color: #fff; display: block; text-align: center; width: 100%;}
	#side .wx-ewm.open .gb{position: absolute; background: none; right: 0; top: 0; width:100%; height: 100%; }
	/*报修*/
	#side .bx-ewm{display: none !important;}
	#side .bx-ewm.open{display: flex; flex-wrap: wrap; flex-direction: column; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8); justify-content: center; align-content: center;}
	#side .bx-ewm.open img{width: 260px; height: 260px; border: 8px solid #fff; margin: 0 auto; display: block;}
	#side .bx-ewm.open span{padding: 10px; color: #fff; display: block; text-align: center; width: 100%;}
	#side .bx-ewm.open .gb{position: absolute; background: none; right: 0; top: 0; width:100%; height: 100%; }

｝