footer{background:#333333;color:#fff;margin:0px auto 0 auto;padding: 5vh 0 0 0;position: relative;overflow: hidden;}
/*go-top*/
.gotop-button{cursor: pointer;background: #7f7f7f;width: 140px;height: 80px;padding: 15px;top:-55px;position: absolute;display: flex;align-items: center;flex-direction: column;font-size: 20px;right: 20%;}
.gotop-button::before{content:url(../images/top-arrow.png);display: block;margin-top: -5px;}
.gotop-button:hover{background: #0f4080;}

.footer-top.content-box{display: flex;align-items: center;justify-content: center;position: relative;}
.footer-top.content-box a{color:#fff;}
.footer-top.content-box ul{display: flex;width: 100%;justify-content: center;}
.footer-top.content-box ul li{margin:0;padding: 0 10px;width:calc(100% / 5 - 20px);text-align: center;display: flex;align-items: center;justify-content:center;position: relative;}
.footer-top.content-box ul li::before{content: "";display: inline-block; width: 1px;height: 15px;background: #fff;left: 0;position: absolute;}
.footer-top.content-box ul li:last-child::after{content:"";display: inline-block;width: 1px;height: 15px;background: #fff;right:0;position: absolute;}
.footer-top.content-box ul li:hover a{color: #797878;}
.footer-logo{text-align: center;margin: 35px auto 5px auto;display: flex;flex-direction: column;align-items: center;padding: 5px 0;}
.company-infor{display: flex;margin: 10px auto;justify-content: center;}
.company-infor li{padding: 4px;margin: 0 8px;}
.company-infor li a{color:#fff;}
.contactus-link{margin: 0 auto;width: 208px;height: 53px;background:#7f7f7f;vertical-align: middle;padding: 5px 5px;}
.contactus-link a{text-align: center;color:#333333;}
.contactus-link span{border: .5px solid #fff;display: block;min-height: 40px;display: flex;align-items: center;justify-content: center;padding: 5px;}
.contactus-link span::before{content:"\f0e0";font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;color:#333333;margin-right: 5px;}
.contactus-link span:hover::before,.contactus-link span:hover a{color:#fff;}
.copyright{background:#7f7f7f;color:#fff;text-align: center;min-height: 30px;vertical-align: middle;padding-top: 3px;margin-top: 15px;font-weight: normal;}

@media only screen and (max-width: 980px) {
.gotop-button{right: 20%;top: -45px; left: 10%;}
}
@media only screen and (max-width: 840px) {
.footer-top.content-box ul {flex-direction: column;align-items: center;}
.footer-top.content-box ul li{width: auto;min-width: 120px;}
.footer-top.content-box ul li:nth-child(3){order: 1;}
.footer-top.content-box ul li:nth-child(3)::before{display: none;}
.footer-top.content-box ul li:nth-child(1){order: 2;margin-top: 50px;}
.footer-top.content-box ul li:nth-child(1)::after,.footer-top.content-box ul li:nth-child(2)::after,.footer-top.content-box ul li:nth-child(4)::after{content: "";display: inline-block; width: 1px;height: 15px;background: #fff;right: 0;position: absolute;}
.footer-top.content-box ul li:nth-child(2){order: 3;}
.footer-top.content-box ul li:nth-child(4){order: 4;}
.footer-top.content-box ul li:nth-child(5){order: 5;}
.company-infor{flex-direction: column;align-items: center;}
}

@media only screen and (max-width: 570px) {
.footer-border::before{display: none;}
.idx-infor{margin: 5px auto;}
.gotop-button {right: unset;left: unset;}
.footer-top.content-box ul li::before{display: none;}
.footer-top.content-box ul li:nth-child(1)::after,.footer-top.content-box ul li:nth-child(2)::after,
.footer-top.content-box ul li:nth-child(4)::after,.footer-top.content-box ul li:last-child::after{display: none;}
}
@media only screen and (max-width: 414px) {
.footer-top.content-box ul li {padding: 0;margin: 5px 0;}
.copyright{font-size: 14px;}
}
@media only screen and (max-width: 375px) {
.gotop-button {top: -38px;}
}