@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer{	position:relative;z-index:5;background-color:#202221;}
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:2fr 1fr 1.4fr 1fr;
	}	
footer h3{
	display:inline-block;
	position:relative;
	overflow:hidden;	
	color:#fff;
	text-align:left;
	font-weight:700;
}
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; white-space: nowrap;}
.footmid,.foot-first{ margin-top:15rem;}
.foottop  img{ display:inline-block; width:40%;padding:15px 5rem 15px 2rem;background-color:var(--web-theme-color);}
.foottop p{width:min(80%,500px); padding-top:6rem; color:rgba(255,255,255,.6);}
.foottop p a{color:#84898B;	text-decoration:none;}
.foottop p a:hover{color:#fff;}
/*comseek*/
#comseek{ 	position:relative; z-index:5; background-color:#383838; padding:0rem 8rem 0rem 8rem;}
#comseek .grid{ grid-template-columns:repeat(2,auto);justify-content: space-between;  align-items: center; }
.com-seek-cont:first-child{ padding-top:1.6rem;} 
.com-seek-cont h2{color:var(--web-theme-color-white);}
.com-seek-cont p{padding-top:1.6rem; color:rgba(255,255,255,.8);}
.com-seek-cont-box{ width:50px;  height: 50px; border-radius:50%; background-color:rgba(255,255,255,.4); margin:0 auto;}
.com-seek-cont i{ padding:1.5rem 1.4rem; font-size:2rem; color:var(--web-theme-color-white);}
.com-seek-cont:last-child{ background-color:var(--web-theme-color); padding:2rem 6rem;}
/*copy*/
#copy{ margin-top:8rem; padding:2rem 0; border-top:#373938 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){
.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:4rem;}

}
@media (max-width:490px){
.foottop  img{ display:inline-block; width:42%;padding:1rem 10px ;}
/*comseek*/
#comseek{ padding:4rem 0;}
#comseek .grid{ grid-template-columns:1fr; justify-content:start;  align-items: start; grid-gap:20px 0; }
.com-seek-cont:first-child{ padding-top:1.2rem;} 
.com-seek-cont p{padding-top:1.6rem;}
.com-seek-cont-box{ width:30px; height: 30px;  margin:0 auto;}
.com-seek-cont i{ padding:1.2rem 1.1rem; font-size:1.6rem;}
.com-seek-cont:last-child{ padding:2rem;  }
.com-seek-cont:last-child p{ text-align:center;}
/*copy*/
#copy{ margin-top:4rem; }
}