@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer{	position:relative;z-index:5;background-color:#020d1d;}
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:1.6fr 1fr 1.2fr 1.3fr;
	}	
footer h3{
	display:inline-block;
	position:relative;
	overflow:hidden;	
	font-size:2.4rem;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-weight:700;
	padding-bottom:1rem;
}
footer .foot-line{
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	height:2px;
 background-color: var(--web-theme-color-red);
 animation:footer-line 5s infinite
}
@keyframes footer-line {
  0% {left:-50%;}
  100%{left:100%}
}
footer a:hover{color:#fff;}
footer ul{ padding-top:2rem;}
footer ul li{line-height:1.6em; color:#84898B;}
footer ul li a{
	color:#84898B;
	display:block;
	text-decoration:none;
	padding:0;
}

.footmid,.foot-first{ margin-top:16rem;}
.foottop  img{ display:inline-block; width:42%;padding:2rem 4rem;background-color:var(--web-theme-color);}
.foottop p{width:min(80%,600px); padding-top:7rem;}
.foottop p a{color:#84898B;	text-decoration:none;}
.foottop p a:hover{color:#fff;}

/*copy*/
#copy{ margin-top:8rem; padding:2rem 0; background-color:#020d1d; border-top:rgba(37,39,49,.4) solid 1px;}
#copy  p{ color:rgba(255,255,255,.8); text-align:center; word-wrap:break-word; word-break:break-all;}
@media (max-width:1023px){
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:auto;
	justify-content: space-between;
	grid-column-gap:0;
	grid-row-gap:2rem;
	}
.footmid,.foot-first{ margin-top:2rem;}	
 footer h3{padding-top:10px;white-space:nowrap;}	
.foottop p{width:100%; padding-top:4rem;}

}