/* ============================================
 * 首页 Footer —— xinli001.com footer-PC 复刻
 * 仅首页使用（.aqs-footer-xinli）
 * ============================================ */

/* 背景 */
.aqs-footer-xinli { background: #2a2e33; color: #b5bcc3; padding: 0; }

.aqs-footer-xinli .footer-PC{position:relative;width:100%;margin-top:0}
.aqs-footer-xinli .footer-PC a,.aqs-footer-xinli .footer-PC a:active,.aqs-footer-xinli .footer-PC a:focus,.aqs-footer-xinli .footer-PC a:hover{color:#b5bcc3;text-decoration:none;outline:0}
.aqs-footer-xinli .footer-PC .footer-bg{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;background:url(../assets/xinli-footer/bg-footer-PC.jpg) center bottom no-repeat;-webkit-background-size:cover;background-size:cover}
.aqs-footer-xinli .footer-PC .footer-cont{width:1200px;margin:0 auto;padding-top:20px}
.aqs-footer-xinli .footer-PC .footer-cont .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;padding:40px 0}

/* 品牌区 */
.aqs-footer-xinli .footer-logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:rgb(105,130,250);margin-bottom:16px}
.aqs-footer-xinli .footer-logo img{width:38px;height:38px;flex-shrink:0}
.aqs-footer-xinli .footer-section p{font-size:14px;line-height:1.7;margin-bottom:20px;color:#ccc}
.aqs-footer-xinli .footer-section h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}
.aqs-footer-xinli .footer-section ul{list-style:none;padding:0;margin:0}
.aqs-footer-xinli .footer-section ul li{padding:8px 0}
.aqs-footer-xinli .footer-section ul li a,.aqs-footer-xinli .footer-section ul li.phone-text{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s}
.aqs-footer-xinli .footer-section ul li a:hover{color:rgb(105,130,250)}
.aqs-footer-xinli .footer-services{font-size:13px;color:#ccc;margin:12px 0;line-height:1.6}

/* 社交/二维码区 */
.aqs-footer-xinli .footer-PC .footer-cont .medias{height:auto;min-height:172px;padding-top:40px;padding-bottom:60px;border-bottom:1px solid #393e42;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media.wechat{float:left}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media.app{float:right}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-mobile,.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-qrcode{width:35px;height:35px;margin-right:10px;background:url(../assets/xinli-footer/ic-sprite-footer-PC.png) no-repeat}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-qrcode{position:relative;top:-13px;background-position:-24px -179px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .ic-mobile{position:relative;top:-15px;background-position:-97px -179px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .label{position:relative;top:-24px;font-size:20px;color:#fff}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account{position:relative;margin-left:20px;display:inline-block;text-align:center;cursor:pointer}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account:hover .qr-code-container{animation:magnifyImg .2s ease-out forwards;display:block;transform:scale(1)}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .icon-account{width:47px;height:47px;margin-bottom:3px;border-radius:47px}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .txt{font-size:12px;color:#b5bcc3}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container{position:absolute;top:-125px;left:50%;margin-left:-59px;width:100px;height:100px;border:5px solid #fff;border-radius:4px;transform:scale(0);transform-origin:center bottom;display:none;z-index:10}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container .qr-code-img{width:100%;height:100%}
.aqs-footer-xinli .footer-PC .footer-cont .medias .media .account .qr-code-container .triangle{position:absolute;bottom:-18px;left:50%;margin-left:-5px;border:7px solid transparent;border-top:7px solid #fff}

/* 新版微信区 */
.aqs-footer-xinli .new-media-wx .new-account{margin-right:25px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative}
.aqs-footer-xinli .new-media-wx .new-account:last-child{margin-right:0}
.aqs-footer-xinli .new-media-wx .new-account-icon{width:47px;height:47px;object-fit:cover;border-radius:50%}
.aqs-footer-xinli .new-media-wx .new-accout-label{font-size:12px;color:#b5bcc3;white-space:nowrap;margin-top:10px}
.aqs-footer-xinli .new-media-wx .label{top:0!important;margin-right:20px}
.aqs-footer-xinli .new-media-wx .icon-footer-PC{top:10px!important}
.aqs-footer-xinli .new-media-wx .qr-code-container{position:absolute;top:-125px;left:50%;margin-left:-55px;width:100px;height:100px;border:5px solid #fff;border-radius:4px;transform:scale(0);transform-origin:center bottom;display:none;z-index:10}
.aqs-footer-xinli .new-media-wx .qr-code-container .new-qr-code-img{width:100%;height:100%}
.aqs-footer-xinli .new-media-wx .triangle{position:absolute;bottom:-18px;left:50%;margin-left:-5px;border:7px solid transparent;border-top:7px solid #fff}
.aqs-footer-xinli .new-account:hover .qr-code-container{animation:newMagnifyImg .2s ease-out forwards;display:block;transform:scale(1)}

/* App 图标 */
.aqs-footer-xinli .yixinli-icon{width:47px;height:47px;display:inline-block;margin-bottom:3px;background-size:100% 100%!important}
.aqs-footer-xinli .yixinli-logo{background:url(../assets/xinli-footer/logo3.png) center center no-repeat}
.aqs-footer-xinli .medi-logo{background:url(../assets/xinli-footer/mx-icon.png) center center no-repeat}
.aqs-footer-xinli .ic-ck-app-logo{background:url(../assets/xinli-footer/ck-icon.png) center center no-repeat}
.aqs-footer-xinli .ic-zxs-app{background:url(../assets/xinli-footer/ic-sprite-footer-PC.png) no-repeat;background-position:-207px -103px}

/* 友情链接 */
.aqs-footer-xinli .footer-PC .footer-cont .friend-site{margin:0;padding:24px 0 30px;border-bottom:1px solid #393e42;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .title{font-size:18px;color:#fff;font-weight:700;margin-bottom:20px;text-align:left}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list{font-size:14px;clear:both;overflow:hidden}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site{float:left;display:inline-block;margin-right:10px;color:#b5bcc3;margin-bottom:8px}
.aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site:hover{color:#fff}

/* 备案区 */
.aqs-footer-xinli .footer-PC .footer-cont .icp-info{padding-bottom:35px;font-size:12px;color:#6c7377}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list{position:relative;margin-bottom:9px;text-align:center}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item{display:inline-block;padding:0 20px;border-right:1px solid #616161}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item.last{border-right:none}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item a{color:#6c7377}
.aqs-footer-xinli .footer-PC .footer-cont .icp-info .rights{text-align:center}

@keyframes magnifyImg{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes newMagnifyImg{0%{transform:scale(0)}100%{transform:scale(1)}}

/* ============================================
 * 响应式
 * ============================================ */
@media (max-width: 1279px) {
    .aqs-footer-xinli .footer-PC .footer-cont { width: auto; padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 991px) {
    .aqs-footer-xinli .footer-PC .footer-cont .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    .aqs-footer-xinli .footer-PC .footer-cont .footer-section:first-child { grid-column: 1 / -1; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias { height: auto; padding: 24px 0; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias .media.app { float: none; display: block; margin-top: 20px; }
}

@media (max-width: 767px) {
    .aqs-footer-xinli .footer-PC .footer-cont .footer-content { grid-template-columns: 1fr 1fr; }
    .aqs-footer-xinli .footer-PC .footer-cont .medias .media.wechat { float: none; }
    .aqs-footer-xinli .new-media-wx .new-account { margin-right: 12px; }
    .aqs-footer-xinli .new-media-wx .new-account-icon { width: 40px; height: 40px; }
    .aqs-footer-xinli .footer-PC .footer-cont .friend-site .site-list .site { float: none; display: inline-block; margin-bottom: 6px; }
    .aqs-footer-xinli .footer-PC .footer-cont .icp-info .info-list .info-item { display: block; padding: 4px 0; border-right: none; }
}
