.footer{
	background: #2c1782;
	line-height: 1.5;
	background-image: url('../img/home-img/bottom-logo.png');
	background-repeat: no-repeat;
	background-position: right -3% center;
	background-size: 16%;
}

.footer_top{
	display: flex;
	padding-top: 12%;
	padding-bottom: 6%;
}

.footer_top  > div{
	 flex: 1;
}

.footer_top  .footer_nav a:hover {
	/* opacity:.8; */
	color: #e7791a;
}
.footer_top  .footer_nav a{
	color: #fff;
}

.footer_top  .footer_nav {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.footer_top  .footer_nav li{
	margin-bottom: 26px;
}

.footer_copyright{
	padding: 3% 0;
	line-height: 1.5;
	font-size: 14px;
	color: rgba(250, 250, 250, .4);
	border-top: 1px solid rgba(250, 250, 250, .2);
}

.footer_copyright .page_w{
	display: flex;
}
 
.footer_copyright .page_w >div{
	flex: 1;
}
.footer_copyright a{
	color: #fff;
}
.footer_copyright .technology{
	text-align: right;
	color: #fff;
	margin-left: 100px;
}
.return-top{
	margin-left: 100px;
}


#back-to-top img:last-of-type{
	display: none;
}

#back-to-top:hover img:first-of-type{
	display: none;
}

#back-to-top:hover img:last-of-type{
	display: inline-block;
}

@keyframes slideLeft {
	0% {
	  transform: translateX(800px);
	  -webkit-transform: translateX(800px);
	  -moz-transform: translateX(800px);
	  -o-transform: translateX(800px);
	  -ms-transform: translateX(800px);
	}
	100% {
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	  -moz-transform: translateX(0px);
	  -o-transform: translateX(0px);
	  -ms-transform: translateX(0px);
	}
  }

  @keyframes slideRight {
	0% {
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	  -moz-transform: translateX(0px);
	  -o-transform: translateX(0px);
	  -ms-transform: translateX(0px);
	}
	100% {
	  transform: translateX(800px);
	  -webkit-transform: translateX(800px);
	  -moz-transform: translateX(800px);
	  -o-transform: translateX(800px);
	  -ms-transform: translateX(800px);
	}
  }

@media screen and (max-width:700px){
	.footer{
		padding-bottom: 40px;
	}
	.footer_top  > div{
		white-space: nowrap;
   }
   
	.footer_top  .footer_nav {
		font-size: 14px;
		margin-right: 10px;
	}
	.footer_top .footer_nav .tel_content p{
		font-size: 22px;
	}
	.footer_top .footer_nav .tel_content p:first-child{
		margin-bottom: 5px;
	}
   .footer_top  .footer_nav a{
	font-size: 14px;
	}
	.footer_copyright .technology{
		margin-left: 0px;
	}
	.footer_top{
		display: block;
	}

	.footer_copyright .technology{
		text-align: left;
	}

	.footer_top .logo{
		width: 30px;
		margin-bottom: 30px;
	}
	.footer_top .footer_nav:nth-child(2){
		display: none;
	}
	.footer_copyright{
		font-size: 10px;
	}
	/* .return-top{
		display: none;
	} */
	.footer_copyright .page_w{
		display: block;
	}
	#back-to-top img:first-of-type{
		display: none;
	}
	#back-to-top img:last-of-type{
		display: inline-block;
		z-index: 999;
		animation: slideLeft 1s linear;
	}
	/* .slide-left{
		animation: slideLeft 1s linear;
	}
	.slide-right{
		animation: slideRight 1s linear;
	} */
	#back-to-top img{
		width: 50px;
		height: 50px;
		position: fixed;
		bottom: 20px;
		right: 20px;
		border: 1px solid #ccc;
		border-radius: 50%;
		box-shadow: 0 0 10px #ccc;
	}
}