@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer{ padding-top:14rem; padding-bottom:12rem; background-image:url(/images/footbg.jpg); background-size:100% auto; background-repeat:no-repeat; background-position:center bottom; background-color:#004455}
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:1.6fr 1.4fr  1fr 1fr;
	margin-top:6rem;
	}	
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:20%;
	height:2px;
 background-color: var(--web-theme-color);
 animation:footer-line 5s infinite
}
#SociaLink li{ display:inline-block; font-size:3rem; margin-right:1rem; }
@keyframes footer-line {
  0% {left:-50%;}
  100%{left:100%}
}
footer a:hover{color:#fff;}
footer ul{ padding-top:2rem;}
footer ul li{padding-top:1.8rem; color:rgba(255,255,255,.6);}
footer ul li a{
	color:rgba(255,255,255,.6);
	display:block;
	text-decoration:none;
}

.foottop  img{ display:inline-block; width:32%;}
.foottop p{width:min(80%,350px); padding-top:2rem; color:rgba(255,255,255,.6);}
.foottop p a{color:rgba(255,255,255,.6);	text-decoration:none;}
.foottop p a:hover{color:#fff;}
.foot-first .wrap-flex{align-items: center;}
.foot-first i{ font-size:1.8rem; color:rgba(255,255,255,.4);}
/*copy*/
#copy{ margin-top:8rem; padding:2rem 0;}
#copy  p{ padding-top:3rem; border-top:rgba(255,255,255,.3) solid 1px; color:rgba(255,255,255,.8);  word-wrap:break-word; word-break:break-all;}
@media (max-width:1023px){
.foottop  img{ display:inline-block; width:38%;padding:15px 8rem 15px 2rem;}
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:0;}

}
@media (max-width:490px){
.foottop  img{ display:inline-block; width:50%;padding:15px 4rem 15px 0rem;}
}