@charset "utf-8";
/* CSS Document */
/*footer-on*/
.is-footer{background: #00aab2;max-width: 1920;margin: auto;}
.is-footer a:hover{color: white; text-shadow: 1px 1px 2px #034f53e6;}
.footer-info{padding: 30px 0 26px;height: 286px;}
.footer-info .friend-box{width: 353px;}
.footer-info .contact-box{width: 676px;border-left: 1px solid #2eb9c0;}
.footer-info .media-box{width: 566px;border-left: 1px solid #2eb9c0;}
.footer-info .code-list>a{margin-right: 34px;}
.footer-info .code-list>a:last-child{margin-right: 0px;}
.footer-info .code-list img{width: 102px;height: 103px;object-fit: cover;}
.footer-info .code-list>a:hover img{transform: unset;}
.footer-info .code-list p{height: 42px;line-height: 42px;}
.footer-copyright{height: 60px;line-height: 60px;border-top: 1px solid #2eb9c0;}
.footer-copyright .f-group{margin-right: 20px;}
.footer-copyright .ga{vertical-align: -3px;}
.f-sitmap a{margin-left: 30px;}
/*footer-end*/

/* 引导页footer */
.onboarding-body .is-footer{position: fixed;bottom: 0;left: 0;right: 0;background: rgba(0,170,178,0.8);}
/*media query*/
/*large pcScreen*/
@media (max-width:1600px) {
   .footer-info .friend-box{width: 245px;}
   .footer-info .contact-box{width: 500px;}
   .footer-info .media-box{width: 500px;}
   .pl-50{padding-left: 20px;}
   .footer-info .code-list>a{margin-right: 16px;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1280px) {
	.footer-info{height: auto;}
    .footer-info .friend-box,.footer-info .contact-box{width: 50%;}
    .footer-info .media-box{width: 100%;margin-top: 30px;border-left: none;padding-left: 0;}
    .code-list{display: flex;justify-content: space-between;}
    .code-list::after{content: none;}
}

/*pad md*/
@media screen and (max-width: 991px){
    .footer-copyright{height: auto;line-height: 30px;padding-top: 20px;}
    .footer-copyright .f-group{display: block;text-align: center;}
	.copyright-info,.f-sitmap{float: none;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
    .footer-info .friend-box, .footer-info .contact-box{width: 100%; text-align: center;}
	.footer-info .contact-box{border-left: 0;padding-left: 0;margin-top: 30px;}
    .media-box h3{text-align: center;}
    .code-list{flex-wrap: wrap;gap: 20px;justify-content: center;}
    .footer-info .code-list>a{margin-right: 0;}
    .f-sitmap{display: flex;justify-content: space-between; text-align: center;}
    .f-sitmap a{margin-left: 0;flex: 1}
}

/*small xs*/
@media screen and (max-width: 638px) {

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}