﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>首页</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="https://qiniu.mfdemo.cn/zhengda/2025/07/29/LZwvfq0f3j4QP.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/utils.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
         <!-- 8-11增加箭头 -->
    <style>
        .goDown {
            position: absolute;
            right: 5%;
            bottom: 5%;
            cursor: pointer;
            transform: rotate(90deg);
            width: 2vw;
            height: 2vw;
            border-radius: 50%;
            border: 1px solid #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        @media screen and (max-width: 768px) {
            .goDown {
                display: none
            }
        }
    </style>
     <!-- 8-11增加箭头end -->

</head>

<body>
    <div class="home">

        <div class="cursor">
            <div class="scale">
                <p class="f_16">view more</p>
            </div>
        </div>
        <div class="header ">
    <div class="box animated fadeInDown">
        <a href="/" class="logo">
            <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/29/dph1Yx28FIUfL.svg" alt="logo">
            <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/29/3YSQAAKZIgHTy.svg" alt="logo">
        </a>
        <div class="links">
                        <div class="item">
                <a href="./index.html" class="a1">
                    首页                </a>
            </div>
                                    <div class="item">
                <a href="./lotList.html" class="a1">
                    拍品分类                </a>
                <div class="sub animated fadeIn">
                                        <a href="./lotList.html?type=90">家具</a>
                                        <a href="./lotList.html?type=91">文房</a>
                                    </div>
            </div>
                                    <div class="item">
                <a href="./auctionResult.html" class="a1">
                    拍卖结果                </a>
                <div class="sub animated fadeIn">
                                        <a href="/auctionResult.html">拍卖结果</a>
                                        <a href="/boutiqueList.html">精品赏析</a>
                                    </div>
            </div>
                                                <div class="item">
                <a href="./news.html" class="a1">
                    新闻中心                </a>
                <div class="sub animated fadeIn">
                                        <a href="/news.html?type=14">正大新闻</a>
                                        <a href="/news.html?type=15">正大视频</a>
                                        <a href="/news.html?type=16">媒体报道</a>
                                        <a href="/news.html?type=17">征集公告</a>
                                    </div>
            </div>
                                    <div class="item">
                <a href="./events.html" class="a1">
                    正大服务                </a>
                <div class="sub animated fadeIn">
                                        <a href="/wtxz.html">委托须知</a>
                                        <a href="/bidding.html">竞买须知</a>
                                        <a href="/rules.html">拍卖规则</a>
                                        <a href="/laws.html">法律法规</a>
                                        <a href="/order.html">图录订购</a>
                                    </div>
            </div>
                                                <div class="item">
                <a href="/about.html" class="a1">
                    关于正大                </a>
                <div class="sub animated fadeIn">
                                        <a href="https://zhengda.mfcool.com/about.html">公司介绍</a>
                                        <a href="/contact.html">联系我们</a>
                                        <a href="/bwg.html">正大博物馆</a>
                                    </div>
            </div>
                    </div>
        <div class="r">
                                    <a href="https://www.baidu.com" target="_blank">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/31/niHdDDivd6fBz.svg" alt="商城">
            </a>
                        <span></span>
                        <div class="search">
                <div class="d1">
                    <img src="./images/search.svg" alt="">
                </div>
                <div class="d2">
                    <input type="text" placeholder="请输入关键词" class="header_keywords">
                </div>
            </div>
                    </div>
    </div>
    <div class="bg animated fadeIn">
        <img src="./images/hbg.png" alt="">
    </div>
</div>

<div class="pheader">
    <div class="menu">
        <div class="l">
            <a href="/" target="_self" class="animated fadeInUpLeft">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/29/dph1Yx28FIUfL.svg" alt="logo">
            </a>
        </div>
        <div class="r">
            <div class="btns">
                                                <a href="https://www.baidu.com">
                    <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/31/niHdDDivd6fBz.svg" alt="商城">
                </a>
                                                <div class="search">
                    <div class="d1">
                        <img src="./images/search.svg" alt="">
                    </div>
                    <div class="d2">
                        <input type="text" placeholder="请输入关键词" class="header2_keywords">
                    </div>
                </div>
                            </div>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>
</div>

<div class="menuList">
        <div class="item">
        <div class="tb">
            <a href="/">
                首页            </a>
        </div>
    </div>
            <div class="item">
        <div class="tb">
            <a href="javascript:;">
                拍品分类            </a>
            <img src="./images/arrow.svg" alt="">
        </div>
        <div class="sub_nav">
            <div class="third_item">
                                <a class="p1" href="./lotList.html?type=90">
                    家具                </a>
                                <a class="p1" href="./lotList.html?type=91">
                    文房                </a>
                            </div>
        </div>
    </div>
            <div class="item">
        <div class="tb">
            <a href="javascript:;">
                拍卖结果            </a>
            <img src="./images/arrow.svg" alt="">
        </div>
        <div class="sub_nav">
            <div class="third_item">
                                <a class="p1" href="/auctionResult.html">
                    拍卖结果                </a>
                                <a class="p1" href="/boutiqueList.html">
                    精品赏析                </a>
                            </div>
        </div>
    </div>
                <div class="item">
        <div class="tb">
            <a href="javascript:;">
                新闻中心            </a>
            <img src="./images/arrow.svg" alt="">
        </div>
        <div class="sub_nav">
            <div class="third_item">
                                <a class="p1" href="/news.html?type=14">
                    正大新闻                </a>
                                <a class="p1" href="/news.html?type=15">
                    正大视频                </a>
                                <a class="p1" href="/news.html?type=16">
                    媒体报道                </a>
                                <a class="p1" href="/news.html?type=17">
                    征集公告                </a>
                            </div>
        </div>
    </div>
            <div class="item">
        <div class="tb">
            <a href="javascript:;">
                正大服务            </a>
            <img src="./images/arrow.svg" alt="">
        </div>
        <div class="sub_nav">
            <div class="third_item">
                                <a class="p1" href="/wtxz.html">
                    委托须知                </a>
                                <a class="p1" href="/bidding.html">
                    竞买须知                </a>
                                <a class="p1" href="/rules.html">
                    拍卖规则                </a>
                                <a class="p1" href="/laws.html">
                    法律法规                </a>
                                <a class="p1" href="/order.html">
                    图录订购                </a>
                            </div>
        </div>
    </div>
                <div class="item">
        <div class="tb">
            <a href="javascript:;">
                关于正大            </a>
            <img src="./images/arrow.svg" alt="">
        </div>
        <div class="sub_nav">
            <div class="third_item">
                                <a class="p1" href="https://zhengda.mfcool.com/about.html">
                    公司介绍                </a>
                                <a class="p1" href="/contact.html">
                    联系我们                </a>
                                <a class="p1" href="/bwg.html">
                    正大博物馆                </a>
                            </div>
        </div>
    </div>
    </div>                <div class="banner">
            <div class="swiper1 swiper-container">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/13/5oBKucljQUnoN.jpg 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/13/OBtmLT9tFBRLC.jpg" class="img" alt="新馆一景1">
                        <div class="position">
                            <div class="p1 f_16">场馆展示</div>
                            <div class="p2 f_60">新馆一景1</div>
                            <div class="p3 f_20"></div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16">2025年秋</p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16">南京</p>
                                </div>
                            </div>
                                                    </div>
                    </div>
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/13/Z19fsTbxOIMG5.JPG 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/21/JHVnncOdRkvAc.jpg" class="img" alt="明 黄花梨满彻万历柜">
                        <div class="position">
                            <div class="p1 f_16">文物系列</div>
                            <div class="p2 f_60">明 黄花梨满彻万历柜</div>
                            <div class="p3 f_20">近期上新重器 难见满彻万历柜</div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16">2025年秋</p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16">南京</p>
                                </div>
                            </div>
                                                        <a href="/lotList.html" class="common_more">
                                <p class="f_16">更多详情</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                    <path d="M6.33203 4L10.332 8L6.33203 12" stroke="#333333"/>
                                </svg>
                            </a>
                                                    </div>
                    </div>
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/17/rfBoyDukf3Lai.jpg 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/17/Rq5adogvu7aF0.jpg" class="img" alt="镇馆重器">
                        <div class="position">
                            <div class="p1 f_16"></div>
                            <div class="p2 f_60">镇馆重器</div>
                            <div class="p3 f_20"></div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                            </div>
                                                    </div>
                    </div>
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/21/lTqNGRlqs8icC.jpg 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/21/DbPVbEn2KuFRV.jpg" class="img" alt="新馆陈设——黄紫厅">
                        <div class="position">
                            <div class="p1 f_16"></div>
                            <div class="p2 f_60">新馆陈设——黄紫厅</div>
                            <div class="p3 f_20">新馆筹备中，敬请期待…</div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16">2025年秋</p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16">南京</p>
                                </div>
                            </div>
                                                    </div>
                    </div>
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/21/kCgSwKEOWn2BB.jpg 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/21/QlleJL0XPcDLJ.jpg" class="img" alt="新馆黄紫厅视频来袭！点击跳转欣赏～～">
                        <div class="position">
                            <div class="p1 f_16"></div>
                            <div class="p2 f_60">新馆黄紫厅视频来袭！点击跳转欣赏～～</div>
                            <div class="p3 f_20">新馆视频纯享版已上线！</div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                            </div>
                                                        <a href="https://www.zd-pm.com/info-282.html" class="common_more">
                                <p class="f_16">更多详情</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                    <path d="M6.33203 4L10.332 8L6.33203 12" stroke="#333333"/>
                                </svg>
                            </a>
                                                    </div>
                    </div>
                                        <div class="swiper-slide">
                        <img srcset="https://qiniu.mfdemo.cn/zhengda/2025/08/21/VHuSiFYuOswE1.jpg 1075w, https://qiniu.mfdemo.cn/zhengda/2025/08/21/WJG7I3YLwXSYI.jpg" class="img" alt="新馆红木厅布置中">
                        <div class="position">
                            <div class="p1 f_16"></div>
                            <div class="p2 f_60">新馆红木厅布置中</div>
                            <div class="p3 f_20">新馆分为不同区域，此为红木厅布置场景</div>

                            <div class="dis">
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <g clip-path="url(#clip0_837_4636)">
                                            <path d="M7.9987 14.6654C11.6806 14.6654 14.6654 11.6806 14.6654 7.9987C14.6654 4.3168 11.6806 1.33203 7.9987 1.33203C4.3168 1.33203 1.33203 4.3168 1.33203 7.9987C1.33203 11.6806 4.3168 14.6654 7.9987 14.6654Z" stroke="white"/>
                                            <path d="M8.00431 4L8.00391 8.00293L10.8304 10.8294" stroke="white"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_837_4636">
                                                <rect width="16" height="16" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                                <div class="list">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                        <path d="M8 14.6654C8 14.6654 13 10.6654 13 6.33203C13 3.5706 10.7614 1.33203 8 1.33203C5.23857 1.33203 3 3.5706 3 6.33203C3 10.6654 8 14.6654 8 14.6654Z" stroke="white"/>
                                        <path d="M8 8.33203C9.10457 8.33203 10 7.4366 10 6.33203C10 5.22746 9.10457 4.33203 8 4.33203C6.89543 4.33203 6 5.22746 6 6.33203C6 7.4366 6.89543 8.33203 8 8.33203Z" stroke="white"/>
                                    </svg>
                                    <p class="f_16"></p>
                                </div>
                            </div>
                                                    </div>
                    </div>
                                    </div>
            </div>
            <div class="position_other wow fadeInUp">
                <div class="fi f_14">0</div>
                <div class="line">
                    <div></div>
                </div>
                <div class="fi fi2 f_14">0</div>
                <div class="click">
                    <img src="./images/tp1.png" alt="">
                    <img src="./images/tp2.svg" alt="">
                </div>
            </div>
            <div class="scroll wow fadeInUp">
                <p>S C R O L L   D O W N</p>
                <div class="line">
                    <span></span>
                </div>
            </div>
        </div>
                                        <div class="index2">
            <div class="fix">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/31/K2cVDUWxNRXOi.png" class="bg" alt="热门拍品">
                <div class="title wow fadeInUp">
                    <div class="p1 f_20">Popular auction items</div>
                    <div class="p2 f_68">热门拍品</div>
                </div>
                <div class="wrap wow fadeInUp">
                    <div class="content" id="scence">
                        <div class="proSwiper swiper-container">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="red layer" data-depth=".2"></div>
                                        <div class="top">
                                            <div class="p1 f_20">年代/明</div>
                                            <div class="p2 f_68">明 黄花梨独板三围屏罗汉床</div>
                                        </div>
                                        <a href="/proInfo-81.html" class="img view_hover item_hover">
                                            <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/rjoz50N3oIMpX.jpg" alt="明 黄花梨独板三围屏罗汉床">
                                            <div class="img_text f_20">明 黄花梨独板三围屏罗汉床</div>
                                        </a>
                                        <div class="opacity">
                                            <div class="text f_16">
                                            <p>此品罗汉床形制简单大方,主骨均为身价不斐的黄花梨木打造,围屏更是用独板,其用料奢侈令人咋舌。因黄花梨天生至美,灵秀可人,本品亦不用额外赘饰,仅用简单的面与线的设计来凸显黄花梨的天然质色,正得明式家具“清水出芙蓉,天然去雕饰”之精髓。</p>                                            </div>
                                            <div class="dis f_16">
                                                <p>年代/明</p>
                                                <p>尺寸/192×94×80CM</p>
                                            </div>
                                            <div class="dis f_16 dis2">
                                                <p>估价</p>
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="red layer" data-depth=".2"></div>
                                        <div class="top">
                                            <div class="p1 f_20">年代/明</div>
                                            <div class="p2 f_68">明代黄花梨夹头榫凤纹平头案</div>
                                        </div>
                                        <a href="" class="img view_hover item_hover">
                                            <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/19/nLQYkf39Z3IZh.jpg" alt="明代黄花梨夹头榫凤纹平头案">
                                            <div class="img_text f_20">明代黄花梨夹头榫凤纹平头案</div>
                                        </a>
                                        <div class="opacity">
                                            <div class="text f_16">
                                            <p>黄花梨色近琥珀，纹如山水，清雅醇美，深受文人雅士推崇，经过岁月沉淀之后，更是宛如老窖浓酽，将古雅气质展现得淋漓尽致，实为惊艳。</p><p>腿足与面板以经典的夹头榫形式紧密嵌合，侧面推荐还装双横枨加固，使腿部能够稳健支撑上部，亦无惧案面压力。</p><p>四腿用方材，身量克制，微微外挓，便于承力，上作细密线脚功夫，丰富观感。腿间则装长条形牙板，纤长平直，呼应案面，两端还锼雕出精美凤纹，凤凰身姿卷翘，形如卷草，充分展现出神鸟的不俗气势。</p><p>整器简约大方，细部又可见精到考究之处，整体呈现出一种秀雅宁谧的气质，如山间之明月，林下之清风，深合文人之心。</p><p><br/></p>                                            </div>
                                            <div class="dis f_16">
                                                <p>年代/明</p>
                                                <p>尺寸/201.6×52.5×77.6cm</p>
                                            </div>
                                            <div class="dis f_16 dis2">
                                                <p>估价</p>
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="red layer" data-depth=".2"></div>
                                        <div class="top">
                                            <div class="p1 f_20">年代/明</div>
                                            <div class="p2 f_68">明代黄花梨折叠式琴架</div>
                                        </div>
                                        <a href="" class="img view_hover item_hover">
                                            <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/19/jrd5OeuDEBXog.jpg" alt="明代黄花梨折叠式琴架">
                                            <div class="img_text f_20">明代黄花梨折叠式琴架</div>
                                        </a>
                                        <div class="opacity">
                                            <div class="text f_16">
                                            <p>此件琴架所用木料乃海南黄花梨，质地坚硬、纹理密致，色彩幽润沉着，达到了明式家具所追求硬、滑、素、净的艺术效果。本品为折叠式结构，由四根竖材和八根横材作两组构件交叉组成。搭脑两端出头成云形，腿足两端以榫卯纳入搭脑与足下着地横材，交接处以铜件包裹，上下各安一横枨。两组构件以铜轴钉贯穿腿足中部相互衔接，出卯处垫有护眼钱。组件衔接处留料不削，断面仍为方形，平整表面配合更紧密，结构稳固坚实。近上端的横梁装有铜片与环圈，可以铜铰链相连，调节琴架高度，适应身高不同的演奏者。</p><p><br/></p><p><br/></p>                                            </div>
                                            <div class="dis f_16">
                                                <p>年代/明</p>
                                                <p>尺寸/63.7×35.5×104cm</p>
                                            </div>
                                            <div class="dis f_16 dis2">
                                                <p>估价</p>
                                                <p>580000—2000000</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <!-- 8-11增加箭头 -->
                <div class="goDown">
                    <img src="./images/right.svg" alt="">
                </div>
                <!-- 8-11增加箭头end -->
            </div>
        </div>
        <div class="m_wrap">
                                        <div class="index4">
            <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/19/nQcO3GRizzXtX.png" class="common_bg" alt="新闻资讯">
            <div class="top wow fadeInUp">
                <div class="title">
                    <div class="p1 f_20">News and Information</div>
                    <div class="p2 f_68">新闻资讯</div>
                </div>
                                <a href="/news.html" class="common_more black">
                    <p class="f_16">浏览更多</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M6.33203 4L10.332 8L6.33203 12" stroke="#333333"/>
                    </svg>
                </a>
                            </div>
            <div class="bottom wow fadeInUp">
                <div class="newsSwiper swiper-container">
                    <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                            <a href="https://mp.weixin.qq.com/s/umbfDAPWtlvLgpkdRW8R3A" target="_blank" class="item">
                                <div class="img">
                                    <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/18/3SEUkZ46CREjK.jpeg" alt="南京大学明史研究中心明清家具研究基地揭牌仪式在雅然古典家具艺术馆隆重举行！">
                                </div>
                                <div class="position">
                                    <div class="label f_16">正大新闻</div>
                                    <div class="p1 f_24">
                                    南京大学明史研究中心明清家具研究基地揭牌仪式在雅然古典家具艺术馆隆重举行！                                    </div>
                                    <div class="time f_20">2023-12-11</div>
                                </div>
                            </a>
                        </div>
                                                <div class="swiper-slide">
                            <a href="https://mp.weixin.qq.com/s/g9njfoRbvBxcH_LohqLd0w" target="_blank" class="item">
                                <div class="img">
                                    <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/18/GbhC1AsBEzvEc.jpg" alt="总成交额6274万，黄花梨紫檀家具非凡的保值增值能力穿越周期，逆行而上！">
                                </div>
                                <div class="position">
                                    <div class="label f_16">正大新闻</div>
                                    <div class="p1 f_24">
                                    总成交额6274万，黄花梨紫檀家具非凡的保值增值能力穿越周期，逆行而上！                                    </div>
                                    <div class="time f_20">2025-01-15</div>
                                </div>
                            </a>
                        </div>
                                                <div class="swiper-slide">
                            <a href="https://mp.weixin.qq.com/s/3qxIRsNQD2LZtkHK-UCylw" target="_blank" class="item">
                                <div class="img">
                                    <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/18/4qY4e6fDVWV9G.jpeg" alt="乾隆花园倦勤斋修复始末 | 故宫专家曹静楼先生做客正大倾情讲述">
                                </div>
                                <div class="position">
                                    <div class="label f_16">正大新闻</div>
                                    <div class="p1 f_24">
                                    乾隆花园倦勤斋修复始末 | 故宫专家曹静楼先生做客正大倾情讲述                                    </div>
                                    <div class="time f_20">2023-03-13</div>
                                </div>
                            </a>
                        </div>
                                                <div class="swiper-slide">
                            <a href="/info-282.html" target="_self" class="item">
                                <div class="img">
                                    <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/20/AO9bM0sUGdWwX.jpg" alt="新馆黄紫展厅重磅来袭！">
                                </div>
                                <div class="position">
                                    <div class="label f_16">正大视频</div>
                                    <div class="p1 f_24">
                                    新馆黄紫展厅重磅来袭！                                    </div>
                                    <div class="time f_20">2025-08-20</div>
                                </div>
                            </a>
                        </div>
                                            </div>
                </div>
                <div class="swiper-scrollbar"></div>
            </div>
        </div>
                 </div>
                        <div class="common_section" id="scence2">
            <div class="p1 f_68 wow fadeInUp">正大拍卖</div>
            <div class="p2 f_24 wow fadeInUp">
            南京正大拍卖是雅然文化旗下"明清古典家具"垂直领域的全国第一大交易平台,中国顶尖艺术品拍卖行之一,拍品汇集了来自全球各地的珍罕艺术品。            </div>
            <div class="dis wow fadeInUp">
                            </div>
                        <div class="point point1 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/31/qnnoiatsHbsMI.png" class="layer" data-depth=".2" alt="">
            </div>
                        <div class="point point2 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/Xl0bm0oTYyyOI.jpg" class="layer" data-depth="-.2" alt="">
            </div>
                        <div class="point point3 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/wQf39TLr5PCyY.jpg" class="layer" data-depth=".2" alt="">
            </div>
                        <div class="point point4 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/TD4rojwoIp5Hp.jpg" class="layer" data-depth="-.2" alt="">
            </div>
                        <div class="point point5 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/F7d3wL30LsgcB.jpg" class="layer" data-depth=".2" alt="">
            </div>
                        <div class="point point6 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/YYZcPu7oREM1y.jpg" class="layer" data-depth="-.2" alt="">
            </div>
                        <div class="point point7 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/MPTIt96uY1VXl.jpg" class="layer" data-depth=".2" alt="">
            </div>
                        <div class="point point8 wow fadeInUp">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/08/13/zpc2EWI7r2iwa.jpg" class="layer" data-depth="-.2" alt="">
            </div>
                    </div>
                <div class="footer">
    <div class="bg">
        <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/31/r5qTD4smuvlrH.png" alt="">
    </div>
    <div class="dom1">
        <div class="lbox">
            <div class="logo">
                <img src="https://qiniu.mfdemo.cn/zhengda/2025/07/29/3YSQAAKZIgHTy.svg" alt="">
            </div>
                                        <div class="phone">
                <p class="f_20">联系电话</p>
                <a class="f_18" href="tel:025-83207138">025-83207138</a>
            </div>
                                                <div class="p1 f_20">
                订阅我们的时事通讯            </div>
            <div class="p2 f_18">
                想要了解我们服务的最新资讯和更新吗？订阅吧。            </div>
            <div class="email">
                <input type="text" placeholder="请输入您的电子邮箱" class="footeremail">
                <div class="submit footersend">
                    <img src="./images/top.svg" alt="">
                </div>
            </div>
            <div class="tip f_12">
                订阅即表示您同意南京正大拍卖的隐私政策。您可以随时使用每封电子邮件中包含的链接取消订阅。            </div>
                    </div>
        <div class="rbox">
                        <div class="item">
                <a href="/lotList.html" class="a1 f_18">
                    拍品分类                </a>
                <div class="sub">
                           
                    <a href="/lotList.html?type=90">家具</a>
                           
                    <a href="/lotList.html?type=91">文房</a>
                                    </div>
            </div>
                                    <div class="item">
                <a href="/auctionResult.html" class="a1 f_18">
                    拍卖结果                </a>
                <div class="sub">
                                        <a href="/auctionResult.html">
                        拍卖结果                    </a>
                                        <a href="/boutiqueList.html">
                        精品赏析                    </a>
                                    </div>
            </div>
                                                <div class="item">
                <a href="/news.html" class="a1 f_18">
                    新闻中心                </a>
                <div class="sub">
                                    <a href="/news.html?type=14">
                        正大新闻                    </a>
                                        <a href="/news.html?type=15">
                        正大视频                    </a>
                                        <a href="/news.html?type=16">
                        媒体报道                    </a>
                                        <a href="/news.html?type=17">
                        征集公告                    </a>
                                    </div>
            </div>
                                    <div class="item">
                <a href="/service.html" class="a1 f_18">
                    正大服务                </a>
                <div class="sub">
                                    <a href="/wtxz.html">
                        委托须知                    </a>
                                        <a href="/bidding.html">
                        竞买须知                    </a>
                                        <a href="/rules.html">
                        拍卖规则                    </a>
                                        <a href="/laws.html">
                        法律法规                    </a>
                                        <a href="/order.html">
                        图录订购                    </a>
                                    </div>
            </div>
                                                <div class="item">
                <a href="/about.html" class="a1 f_18">
                    关于正大                </a>
                <div class="sub">
                                        <a href="https://zhengda.mfcool.com/about.html">
                        公司介绍                    </a>
                                        <a href="/contact.html">
                        联系我们                    </a>
                                        <a href="/bwg.html">
                        正大博物馆                    </a>
                                    </div>
            </div>
                    </div>
        <div class="top" id="goTop">
            <img src="./images/top.svg" alt="">
        </div>
    </div>
    <div class="dom2">
                        <div class="copyright">
            Copyright©2025   南京正大拍卖有限公司  . All right reserved.        </div>
                <div class="r">
                                    <a href="/privacy.html">隐私政策</a>
                                                <a href="/terms.html">法律声明</a>
                    </div>
    </div>
</div>
    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/aos.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/lenis.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/jquery.parallax.js"></script>
    <script>
        $('#scence').parallax();
        $('#scence2').parallax();

                //  8-11增加箭头 
        $('.index2 .goDown').click(function () {
            lenis.scrollTo('.m_wrap')
        })
        //  8-11增加箭头 end


        new Swiper ('.newsSwiper', {
            speed: 1000,
            slidesPerView: 3,
            spaceBetween: getNum(24),
            scrollbar: {
                el: ".index4 .swiper-scrollbar",
            },
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                768: {
                    slidesPerView: 3,
                    spaceBetween: getNum(24),
                },
            },
        })
        var rSwiper = new Swiper('.rSwiper', {
            speed: 1000,
            loop: true,
            slidesPerView: 3,
            spaceBetween: getNum(42),
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                768: {
                    slidesPerView: 3,
                    spaceBetween: getNum(42),
                },
            },
        })

        rSwiper.on('touchMove', (swiper, event) => {
            $('.index3 .r .drag').addClass('on')
        });
        rSwiper.on('touchEnd', (swiper, event) => {
            $('.index3 .r .drag').removeClass('on')
        });
        var swiper1Len = $('.banner .swiper-slide').length
        var swiper1 = new Swiper('.swiper1', {
            speed: 1000,
            loop: true,
            autoplay: {
                delay: 4000,
                disableOnInteraction: false,
            },
            on: {
                init() {
                    $('.banner .fi:first-child').text(1)
                    $('.banner .fi2').text(swiper1Len)
                    $('.position_other .line').addClass('on')
                },
                slideChange() {
                    $('.banner .fi:first-child').text(this.realIndex+1)
                    $('.position_other .line').removeClass('on')
                },
                transitionEnd() {
                    $('.position_other .line').addClass('on')
                },
            }
        })

        $('.banner .position_other .click').click(function () {
            if ($(this).is('.on')) {
                $('.position_other .line').removeClass('stop')
                swiper1.autoplay.start()
            }else {
                $('.position_other .line').addClass('stop')
                swiper1.autoplay.stop()
            }
            $(this).toggleClass('on')
        })
       var imgSwiper =  new Swiper('.imgSwiper', {
            speed: 1000,
            loop: true,
            on: {
                slideChange() {
                    $('.index1 .l .cut .list').removeClass('on').eq(this.realIndex).addClass('on')
                }
            }
        })
        $('.index1 .l .cut .list').click(function () {
            imgSwiper.slideToLoop($(this).index())
        })
        var proSwiper = new Swiper('.proSwiper', {
            speed: 1000,
            slidesPerView: 3,
            spaceBetween: getNum(200),
            initialSlide: 0,
            allowTouchMove: false,
            centeredSlides: true,
            pagination: {
                el: '.index2 .swiper-pagination',
            },
            breakpoints: {
                100: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                    allowTouchMove: true,
                },
                768: {
                    slidesPerView: 3,
                    spaceBetween: getNum(200),
                    allowTouchMove: false,
                },
            },
        })

        const clientHeight = document.documentElement.clientHeight;
        const length = $('.proSwiper .swiper-slide').length;
        const dis = 1500;
        $('.index2').css('height', clientHeight + (dis * length) + 'px');

        const sectionStart = $('.index2').position().top;
        const sectionEnd = sectionStart + ($('.index2').height() - clientHeight);

        const animationStart = 200;
        const animationLength = dis-(animationStart*2);
        const animationRatio = animationLength / dis;

        lenis.on('scroll', (e) => {
            if (document.documentElement.clientWidth>768) {
                getIndex(e.actualScroll);
            }
        });

        function getIndex(scrollTop) {
            const $slides = $('.proSwiper .swiper-slide');

            if (scrollTop < sectionStart) {
                $slides.each((_, slide) => {
                    $(slide).find('.opacity .text p').css('background-size', '0% 100%');
                });
                return;
            }

            const relativeScroll = scrollTop - sectionStart;
            const currentIndex = Math.min(Math.floor(relativeScroll / dis), length - 1);
            const slideOffset = relativeScroll % dis;

            const slide = $slides.eq(currentIndex);
            const $ps = slide.find('.opacity .text p');
            const pCount = $ps.length;
            const step = animationRatio / pCount;

            const isAfterLast = scrollTop >= sectionEnd;

            const slideProgress = (slideOffset - animationStart) / animationLength;
            const clampedProgress = isAfterLast ? 1 : Math.max(0, Math.min(1, slideProgress));

            $slides.each((index, s) => {
                const $slide = $(s);
                const $ps = $slide.find('.opacity .text p');

                $ps.each((i, p) => {
                    let progress = 0;

                    if (index === currentIndex && clampedProgress > 0) {
                        const start = i * step;
                        const end = (i + 1) * step;

                        if (clampedProgress >= end) {
                            progress = 1;
                        } else if (clampedProgress >= start) {
                            progress = (clampedProgress - start) / step;
                        }
                    }

                    $(p).css('background-size', `${progress * 100}% 100%`);
                });
            });

            if (proSwiper.activeIndex !== currentIndex) {
                proSwiper.slideTo(currentIndex);
                // lenis.stop();
                // setTimeout(() => {
                //     lenis.start();
                // }, 300);
            }
        }


        if (document.documentElement.clientWidth>768) {
            getIndex(lenis.actualScroll)
        }

        $('.view_hover').hover(function () {
            $('.cursor').addClass('on')
        },function () {
            $('.cursor').removeClass('on')
        })

    </script>
</body>

</html>