/* footer */
.footer_wrap{
	background: #0C2704;
	width: 100%;
	padding-top: 0.76rem;
}

.footer_top{
	background: url("../img/footBG.png") no-repeat;
	padding: 0.94rem 0;
	background-size: 100% 100%;
}
.footer_top_tit{
	font-family: Montserrat, Montserrat;
	font-weight: 600;
	font-size: 0.5rem;
	color: #FFFFFF;
	text-align: center;
}
.footer_top_dec{
	font-family: Montserrat, Montserrat;
	font-weight: 300;
	font-size: 0.25rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0.18rem;
}
.footer_top .banner_but{
	justify-content: center;
}


.footer_cont{
	padding-top: 0.97rem;
	background: #010048;
}
.footer_cont .max-width{
	justify-content: space-between;
	align-items: flex-start;
}
.footer_logo{
	max-width: 2.82rem;
	max-height: 0.36rem;
}
.footer_left{
	/*flex: 0 0 32%;*/
	max-width: 4.55rem;
	padding-bottom: 0.5rem;
}
.footer_left p{
	font-family: Montserrat, Montserrat;
	font-weight: 300;
	font-size: 0.2rem;
	color: #FFFFFF;
	line-height: 0.35rem;
	margin: 0.4rem 0 0.46rem;
}
.footer_tr{
	
}
.footer_tr2{
	margin-right: 0.16rem;
	width: 0.46rem;
	height: 0.46rem;
	background: rgba(255,255,255,0.2);
	border-radius: 10px 10px 10px 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.footer_tr2 img{
	height: auto;
	transition: all 0.3s;
}
.footer_tr2:nth-of-type(1) img{
	width: 0.15rem;
	height: 0.24rem;
}
.footer_tr2:nth-of-type(2) img{
	width: 0.28rem;
	height: 0.17rem;
}
.footer_tr2:nth-of-type(3) img{
	width: 0.24rem;
	height: 0.25rem;
}
.footer_tr2:nth-of-type(4) img{
	width: 0.23rem;
	height: 0.14rem;
}
.footer_tr2 img:nth-of-type(2){
	position: absolute;
	opacity: 0;
	transition: all 0.3s;
}
.footer_tr2:hover img:nth-of-type(2){
	opacity: 1;
	transition: all 0.3s;
}
.footer_tr2:hover img:nth-of-type(1){
	opacity: 0;
	transition: all 0.3s;
}
.footer_tr2:hover{
	background: #FFFFFF;
	transition: all 0.3s;
}
.footL {
    align-items: flex-start;
}

.footL_li{
	padding-right: 0.88rem;
}
.footL_li:last-child{
	padding-right: 0;
}
.footer_tit p{
	font-family: Montserrat, Montserrat;
	font-weight: 600;
	font-size: 0.2rem;
	color: #FFFFFF;
}
.footNav {
  margin-top: 0.3rem;
}
.footNav a {
  font-family: Montserrat, Montserrat;
	font-weight: 300;
	font-size: 0.16rem;
	color: #FFFFFF;
  margin-top: 0.16rem;
  opacity: 0.9;
}

.footer_copy p{
	padding: 0.27rem 0 0.43rem;
	border-top: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	font-family: Montserrat, Montserrat;
	font-weight: 300;
	font-size: 0.16rem;
	color: rgba(255,255,255,0.5);
}

.side {
  position: fixed;
  top: 50%;
  right: 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .05rem;
  z-index: 99;
}

.side a {
  width: 0.51rem;
  height: 0.51rem;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  box-shadow: 0px 0px 20px 1px rgba(0,78,185,0.15);
  position: relative;
}

.side a:not(:last-child):hover{
	/*box-shadow: 0px 0px 20px 1px rgba(0,78,185,0.15);*/
	background: #004EB9;
}

.side a:not(:last-child):hover img{
    filter: brightness(0) invert(1);
}

.side a img {
  max-width: .23rem;
  object-fit: contain;
}

.side a:last-child img {
    filter: brightness(0);
    opacity: .3;
}
.side a:last-child:hover img{
    filter: none;
    opacity: 1;
}

.side a p{
    position: absolute;
    top: 0;
    width: fit-content;
    height: 100%;
    height: 0.51rem;
    background: #004EB9;
    color: #fff;
    border-radius: 0.26rem 0.26rem 0.26rem 0.26rem;
    right: calc(100% + .26rem);
    padding: 0 .2rem;
    text-align: center;
    line-height: .51rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}

.side a:hover p{
    right: calc(100% + .06rem);
    opacity: 1;
    pointer-events: auto;
}







@media screen and (max-width: 1042px) {
	.footer_cont{
		padding-top: 50px;
	}
	.footer_cont .max-width{
		flex-wrap: wrap;
		padding: 0 3%;
	}
	.footer_left,
	.footer_right{
		flex: 0 0 auto;
		width: 100%;
		padding-bottom: 40px;
	}
	.footer_left p{
		font-size: 16px;
        line-height: 1.75;
        margin: 20px 0;
	}
	.footer_cont .flex_box{
		width: 100%;
		justify-content: space-between;
	}
	.footL_li{
		padding-right: 0;
	}
	.footer_tit p{
		font-size: 16px;
	}
	.footNav a{
		font-size: 14px;
	}
	.footer_copy p{
		font-size: 14px;
        padding: 20px 0;
	}






	.footer_top{
		padding: 80px 3% !important;
	}
	.footer_top_tit{
		font-size: 36px;
	}
	.footer_top_dec{
		font-size: 16px;
	}
	
	
	
	
	
	.side{
	    right: 10px;
	}
}
@media screen and (max-width: 768px) {
	.footer_logo{
		max-width: fit-content;
		max-height: 26px;
	}
	.footer_left p{
		font-size: 14px;
	}
	.footer_cont .flex_box{
		justify-content: left;
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.footL_li{
		width: 50%;
	}
	.footer_tit p{
		font-size: 14px;
	}
	.footNav a{
		font-size: 12px;
	}
	.footer_copy p{
		font-size: 12px;
	}

	


	.footer_top_tit{
		font-size: 22px;
	}
	.footer_top_dec{
		font-size: 14px;
	}
}