@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
#footer {box-sizing: content-box;background-color:#15499A;padding-top:8rem;}
#footer .grid{grid-template-columns:repeat(2,1fr); border-bottom:rgba(255,255,255,0.1)  solid 1px; padding:4rem 0;}
#footer .wrap-flex{  align-items:center;}
.footer-logo img{ width:20%;}
#footer .wrap-flex ul{ margin-left:1.6rem; }
#footer .wrap-flex ul li{ margin-left:1.4rem; font-size:1.8rem; font-weight:bold;color:#fff;}
#footer .wrap-flex ul li:nth-child(2),#footer .wrap-flex ul li:last-child{ font-size:3rem;}
#footer .wrap-flex ul li a{color:#fff;}
.foot-mid-info ul {display: flex; padding:6rem 0; border-bottom:rgba(255,255,255,0.1)  solid 1px;}
.foot-mid-info ul li{ flex:1; padding-top:1.2rem;}
.foot-mid-info ul li h3{ color:#fff;}
.foot-mid-info ul li a{ color:rgba(255,255,255,0.6);}
.foot-mid-info ul li a:hover {color: #FFFFFF;}
#footer .grid-1{grid-template-columns:2.5fr 1fr; border-bottom:rgba(255,255,255,0.1)  solid 1px; padding:4rem 0; align-items: center;}
.footer-address{color:rgba(255,255,255,0.6); padding:2rem 0;}
#footer .grid-1 ul li{ flex:0 0 auto; }
#footer .grid-1 ul li a{color:rgba(255,255,255,0.6); }
#footer .grid-1 ul li a:hover{color: #FFFFFF;}
.footer-companyinfoimg{display: -webkit-flex; display: flex; align-items: center; }
.footer-companyinfo-img{flex:0 0 auto;}
.footer-companyinfo-img:first-child img{ padding-left:5rem;}
.footer-companyinfo-img:nth-child(2) img{padding-left:4rem;}
.footer-companyinfo-img:last-child  img{ padding-left:4rem;}
.footer-companyinfoimg p{ padding-left:1.4rem; text-align:center;  color:rgba(255,255,255,0.6);}
.footer-companyinfo h3{ color:#fff;}
.footer-companyinfo ul li{ color:rgba(255,255,255,0.6);}
.footer-companyinfo ul li:nth-child(2){ margin:0 2rem;}
.footer-mid-content-history{ display:none;}
/*版权所有*/
.copy{display: flex;justify-content: center;align-items: center; padding:4rem 0;}
.copy,.copy a{ color:rgba(255,255,255,0.6);}
.copy  a{ display:block; margin-left:3rem;}
.copy a:hover{color:#fff;}
#bottom-nav{ display:none;}
@media (max-width:1600px){#footer .grid-1{grid-template-columns:2fr 1fr;}}
@media (max-width:1200px){#footer .grid-1{grid-template-columns:1.8fr 1fr;}}
@media (max-width:1023px){
#footer {padding-top:0; overflow:hidden;}
#footer .grid{grid-template-columns:1fr; padding-bottom:2rem; align-items:center;}
.footer-logo img{ width:25%; }
#footer .wrap-flex img{ display:none}
#footer .wrap-flex ul{ margin-left:0; padding-top:1.4rem;align-items: center;}
#footer .wrap-flex ul li:first-child{font-size:1.5rem;}
#footer .wrap-flex ul li:nth-child(2),#footer .wrap-flex ul li:last-child{ font-size:1.8rem;}
#footer .wrap-flex ul li:last-child{ margin-left:1.4rem;}
.foot-mid-info ul {display: flex;  flex-wrap: wrap ;  padding:0; padding-bottom:1.2rem;}
.foot-mid-info ul li{ flex:0 0 10rem; padding-top:1.2rem; padding-left:2rem; white-space:nowrap;}
.foot-mid-info ul li ol li{ padding-left:0;}
.foot-mid-info ul li h3{ padding-top:1.2rem;}
.footer-companyinfo-img:first-child img{ width:8rem; padding-left:0;}
.footer-companyinfo-img:nth-child(2) img{width:8rem; padding-left:0; margin-left:1.4rem;}
.footer-companyinfo-img:last-child img{width:8rem; padding-left:0;}
.footer-companyinfo-img:last-child{ margin-left:2rem;}
.footer-companyinfoimg p{ padding-top:0;  text-indent:0;}
#footer .grid-1{grid-template-columns:1fr;  padding:1.5rem 0;  grid-row-gap:2rem;}
.footer-companyinfo{margin-left:1.6rem;}
.footer-address{ padding:1rem 0;}
.footer-companyinfo .wrap-flex-1{  flex-direction: column; padding-top:0;}
.footer-companyinfo ul li:nth-child(2){ margin:0;}
.footer-mid-content-history-pc{ display:none;}
.footer-mid-content-history{ display:block;}
/*版权所有*/
.copy{ padding:2rem 0 8rem 0;  flex-direction: column;}
.copy  a:nth-child(1){ margin:1.4rem 0;}

/*手机导航栏*/
#bottom-nav{
	display:block;
	background-color:#fff;
	position:fixed;
	margin:0 auto;
	left:0;
	bottom:0;
	right:0;
	width:min(768px,100%);
	overflow:hidden;
	z-index:1000;
	box-shadow: 0 0 10px rgba(80,80,80,0.4);
}

#bottom-nav .wrap-flex{
	justify-content:space-around;
	padding:4px 0;
	background-color:#fff;
}
#bottom-nav a{
	display:inline-block;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	color:#999;}
	
#bottom-nav a i{
 text-align:center;
color:var(--web-theme-color);
}	
.topactive>a,#bottom-nav a:hover{ 	padding:4px 6px; background-color:var(--web-theme-color-blue); color:#fff;}
.topactive>a,#bottom-nav a:hover i{color:#fff;}
}