/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}
#gotop { display: none; position: fixed; right:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:45px; height:45px;line-height: 40px;  background:#0078ca; border-radius: 100%; font-size: 15px; color: #005ea6; position: relative; text-align: center; padding-top: 10px; cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);}
#gotop a:before { content: ""; position: absolute; width: 12px; height: 12px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:19px; left: 17px;}
#gotop a:hover { opacity: 0.8;}


footer { position: relative; background: #1b7bb5; padding: 60px 5% 45px 5%;}
footer:before { position: absolute; content: ""; width: 100%; height: 8px; background: #0a69a3; top:0; left: 0;}



.footer-section-top { display: flex; flex-flow: wrap;}
.footer-section-top > div:nth-of-type(1) { width: 80%; padding-right: 20px;}
.footer-section-top > div:nth-of-type(2) { width: 20%; display: flex; flex-flow: wrap; justify-content: flex-end;}
.footer-section-top > div:nth-of-type(2) .qrcode { width: 100%; display: flex; flex-flow: wrap; justify-content: center;}
.footer-section-top > div:nth-of-type(2) .qrcode .tit { width: 100%; font-size: 20px; color: #fff; font-weight: 500; line-height: 1.2; text-align: center; padding: 20px;}
.footer-section-top > div:nth-of-type(2) .qrcode .footer-qrCode { width: 158px; margin: 0 0px 20px 0px; text-align: center;}
.footer-section-top > div:nth-of-type(2) .qrcode .footer-qrCode:nth-child(2n+1) { margin: 0 0 20px 0px;}
.footer-section-top > div:nth-of-type(3) { width: 100%; margin: 30px 0 10px 0; display: flex; flex-flow: wrap;}
.footer-section-top .country { width: 31.33%; margin: 0 3% 0 0;}
.footer-section-top .country:nth-child(3n+3) { margin: 0;}
.footer-section-top .country .company { color: #fff; font-weight: 700; font-size: 20px; line-height: 1.5;}
.footer-logo { line-height: 0; margin-bottom: 25px;}
.footer-link > a { display: inline-block; margin-right: 1.5vw; font-weight: 500; color: #fff; position: relative; padding-bottom: 5px; font-size: 18px;}
.footer-link > a::after {content: "";  position: absolute;bottom:0px; right: 0; width: 0%; height: 2px; background: #fff;  transition: all 0.4s ease-out 0s;}
.footer-link > a:hover::after { width: 100%; left: 0;}
/*
.footer-social-icon { margin: 0 15px 0 0;}
.footer-social-icon > a { display: inline-block; padding: 0 0 10px 10px;}
.footer-social-icon img { width: 30px;}
*/
.footer-phone a { font-weight: 700; color: #ffffff !important; line-height: 100%; padding-bottom: 20px; font-size: 20px;}
.footer-info { font-weight: 500; color: #ffffff !important; line-height: 140%; padding-bottom: 12px; font-size: 20px;}
.footer-info a { color: #ffffff !important; }
.footer-info-2 { font-weight: 400; color: #77ccff !important; line-height: 140%; padding: 10px 0 5px 0; font-size: 16px; min-height: 57px;}
.copyright { font-weight: 400; color: #77ccff !important; line-height: 24px; font-size: 15px;}

@media only screen and (max-width: 1400px) {
	.footer-section-top > div:nth-of-type(1) { width: 75%;}
	.footer-section-top > div:nth-of-type(2) { width: 25%;}
}

@media only screen and (max-width: 1279px) {
	.footer-section-top { flex-direction: column;}
	.footer-section-top > div:nth-of-type(1) { width: 100%; padding-right: 0;}
	.footer-section-top > div:nth-of-type(2) { width: 100%; flex-flow: wrap; justify-content: flex-start;}
	.footer-section-top > div:nth-of-type(2) .qrcode { width: 355px; margin: 20px 0 0 0; justify-content: flex-start;}
	.footer-section-top > div:nth-of-type(2) .qrcode .tit{padding: 20px 0; text-align: left;}
/*	.footer-social-icon { order: 2; margin: 10px 0 0 0;}*/
	.footer-qrCode{ order: 1; margin: 20px 20px 0 0; width: auto;}
	.footer-section-top .country { width: 100%; margin: 0 0 10px 0;}
}

@media only screen and (max-width: 980px) {
	footer { padding-top: 45px;}
}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	.footer-section-top > div:nth-of-type(2) .qrcode { width: 100%; margin: 0;}
	.footer-section-top > div:nth-of-type(3) { margin: 20px 0 10px 0;}
}

@media only screen and (max-width: 320px) {
	
}