@charset "utf-8";
/* 
|----------------------
|   footer
|----------------------
*/
.footer-bg{ padding-top: 100px; background-color: var(--default); background-image: linear-gradient(45deg, #2F81ED, #16A5F6, #01C5FF); }
.footer-infos{margin-top: 35px;}
.footer-infos ul li{margin-top: 15px; font-size: 16px; color: rgba(255,255,255,.8);}
.footer-wx{margin-top: 60px;}
.footer-wx a{position: relative;  margin-right: 20px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 8px ; border: 1px solid rgba(255,255,255,.5);}

.footer-wx a>img{width: 35px;}
.footer-wx div{ position: absolute; bottom: 65px; left: 0; transform:translateY(5px); opacity: 0; visibility: hidden; transition:.1s}
.footer-wx a:hover div{opacity: 1; visibility: visible; transform:translateY(0);}


.footer-nav{ justify-content: space-between; margin-left: -25px; }
.footer-nav-item{ padding-left: 25px;}
.footer-nav-item a{color: #fff;}
.footer-nav-item h3{ margin-bottom: 35px; font-size: 20px;}
.footer-nav-item ul li{margin-top: 15px;}
.footer-nav-item ul li a{font-size: 16px;}

@media (max-width:1400px) {
	.footer-bg{ padding-top: 50px;}
	.footer-nav-item{ margin-bottom: 45px; width: 33.33%;}
}

@media (max-width:860px) {
	.footer-nav-item{ margin-bottom: 45px; width: 50%;}
}

@media (max-width:640px) {
    
    .footer-infos{margin-top: 0;}
    .footer-infos ul li{ margin-top:10px; font-size: 14px;}
    
    
	.footer-nav-item{ margin-bottom: 15px; width: 100%;}
	
	.footer-nav-item h3{margin: 0; padding : 10px 0; font-size: 16px;}
	
	.footer-nav-item:not(:nth-child(1)) h3{  border-bottom: 1px solid  #52B2E6;}
	.footer-nav-item:not(:nth-child(1)) ul{display: none;}
	
	.footer-nav-item:last-child h3{border-bottom: none;}
	
	.footer-wx{margin-top: 30px;}
	
	
	.footer-wx a{width: 45px; height: 45px; }
	.footer-wx a>img{width:22px;}
	.footer-wx div{ position: absolute; bottom: 55px;}
}

/* 
|----------------------
|   copyright
|----------------------
*/
.copyright-bg{ padding-top: 100px; }
.copyright{ padding: 12px 0; align-items: center; justify-content: space-between; border-top: 1px solid #52B2E6;}
.copyright-info p{ color: rgba(255,255,255,.8); line-height: 1.6;}
.copyright-info a{margin-left: 10px;color: rgba(255,255,255,.8);}
.copyright-info a:hover{color: #fff;}
@media (max-width:1400px) {
	.copyright-bg{ padding-top: 20px; }
	
}

@media (max-width:640px) {
	.copyright-bg{ padding-top: 0;  text-align:center;}
	.copyright-info{width:100%;}
	.copyright-info p a{display:block;}
	.copyright-info p{ margin-bottom:5px; font-size:12px; text-align:center;}
}

/* 
|----------------------
|   comma sign
|----------------------
*/
.commaLink { display: flex; align-items: center; font-size: 12px; line-height: 14px; color:#fff;}
.commaLink span { padding-right: 5px;}
.commaLink svg { width: 14px;}
.commaLink svg circle {fill: none;}
.commaLink svg path {fill: #fff ;}
.commaLink:hover span{ color:#fff;}
.commaLink:hover svg circle{fill: #E40010;}
.commaLink:hover svg path {fill: #fff ;}
@media (max-width:640px) {
    .commaLink{margin:0 auto;}
}