CINXE.COM
故宫博物院数字文物库
<!doctype html> <html class="root-scroll" lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>故宫博物院数字文物库</title> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"/> <link rel="stylesheet" href="/css/common_topic.css?v=v20250125002" media="screen and (min-width:1025px)"> <link rel="stylesheet" href="/css/common_topic_move.css?v=v20250125002" media="screen and (max-width:1024px)"> <link rel="stylesheet" href="/css/style4.css?v=v20250125002"> <link rel="stylesheet" href="/css/custom.css?v=v20250125002"> <link rel="stylesheet" href="/css/index_pc.css?v=v20250125002" media="screen and (min-width:1025px)"> <link rel="stylesheet" href="/css/index_move.css?v=v20250125002" media="screen and (max-width:1024px)"> <script src="/js/jquery.min.js?v=v20250125002" type="text/javascript"></script> <script type="text/javascript" src="/js/dpms/common.js?v=v20250125002"></script> <script type="text/javascript" src="/js/tongji/tongJi.js"></script> <script type="text/javascript" src="/js/jquery.i18n.properties.js?v=v20250125002"></script> <script type="text/javascript" src="/js/dpms/i18n-util.js?v=v20250125002"></script> <script src="/js/tongji/base-track.js?v=v20250125002"></script> <script src="/js/dpms/quick_tracking.js?v=v20250125002"></script><!--滑动门 开始--> <script src="/js/hdtab.js?v=v20250125002"></script> <!--滑动门 结束--> <script type="text/javascript" src="/js/layer/layer.js?v=v20250125002"></script> <script type="text/javascript" src="/js/custom/custom.page.js?v=v20250125002"></script> <script type="text/javascript" src="/js/dpms/list.js?v=v20250125002"></script> <script type="text/javascript" src="/js/dpms/cultural-collect.js?v=v20250125002"></script> <script src="/js/scrollbar.js?v=v20250125002" type="text/javascript"></script> <script type="text/javascript" src="/js/flexible.js?v=v20250125002"></script> <script src="/js/jquery.collapse.js?v=v20250125002"></script> <script src="/js/topic/common.js?v=v20250125002"></script> <script src="/js/topic/ratio-img.js?v=v20250125002"></script> <script src="/js/topic/jquery_003.js?v=v20250125002"></script> <script type="text/javascript" src="/js/topic/swiper-3.js?v=v20250125002"></script> <script src="/js/topic/wow.js?v=v20250125002"></script> <script src="/js/topic/module.js?v=v20250125002"></script> <script> $(function() { $(".hide").click(function() { $('.new_menu').addClass('menu_block'); }); $(".close").click(function() { $('.new_menu').removeClass('menu_block'); }) }); </script> <script> $(function(){ $(".returnTop").click(function () { var speed=200;//滑动的速度 $('body,html').animate({ scrollTop: 0 }, speed); return false; }); }); </script> <script> $(function() { var setCoverOpacity = function() { $('body').find('.navBg').css({ opacity: ((($(window).scrollTop() / 550) > 1) ? 1 : ($(window).scrollTop() / 550)) }) var returnTop = $('body').find('.returnTop'); var wValue=returnTop.width(); var hValue=returnTop.height(); if($(window).scrollTop() > 50 ){ returnTop.addClass('on'); } else{ returnTop.removeClass('on'); } } setCoverOpacity(); $(window).scroll(function() { setCoverOpacity() }); }); </script> </head> <body> <!--头部 开始--> <script type="text/javascript" src="/js/dpms/head.js?v=v20250125002"></script> <header class="module-layer" > <div class="module-layer-content h"> <div class="navBg theme-navBg"></div> <div class="navBg_mobile"></div> <div class="logo"> <a class="hide category_1" href="javascript:;" aria-label='Category' role="button" tabindex="0"><img src="/images/menu.png"></a> </div> <div class="ww_logo" aria-label='数字文物库logo' role="button" tabindex="0"> <a href="/"> <img src="/images/logo_v3.png"> </a> </div> <div class="ww_logo2"><img src="/images/logo_center_v1.png"></div> <div id="head_btn" class="icon head_offline" aria-label='Personal Center' role="button" tabindex="0"> <a href="javascript:;" onclick="toLogin();"><img src="/images/head_image.png"></a> </div> <div class="cp_search"> <div class="cp_search_box"> <input name="topKeyword" value="" id="topKeyword" autofocus type="text" placeholder='Search' class="input01" autocomplete="off"><!-- oninput="_header.suggestList()"--><input aria-label='搜索' role="button" tabindex="0" style="cursor:pointer" name="" onclick="topSearch()" type="button" class="input02"> </div> <div class="cp_search_box02"> <ul id="suggest_list"> </ul> </div> </div> <div class="lan"><a href="javascript:;" onclick="_common_a.changeLang('zh_CN');" class="lan-cn on">中文</a><a href="javascript:;" onclick="_common_a.changeLang('en_US');" class="lan-en">EN</a></div> <div class="lan2"> <strong class="lan2-text theme-lang"><img src="/images/cp_icon02.png">Language</strong> <div class="lan2_main"> <a href="javascript:;" onclick="_common_a.changeLang('zh_CN');">中文</a> <a href="javascript:;" onclick="_common_a.changeLang('en_US');">English</a> </div> </div> </div> </header> <script> var _lang = getCookie("lang"); if("en-US" == _lang){ $(".lan-cn").addClass("on"); $(".lan-en").removeClass("on"); }else{ $(".lan-en").addClass("on"); $(".lan-cn").removeClass("on"); } $(document).ready(function() { var cookietip = getCookie("szwwcookietip"); if(cookietip == null || cookietip== ""){ $("#cookie_tip").show(); } $('#topKeyword').bind('keypress',function(event){ if(event.keyCode == "13"){ topSearch(); } }); $("body").click(function(){ $(".cp_search_box02").hide(); }) }) </script><!--头部 结束--> <!--主体 开始--> <div class="layout-container"> <style> .img_div { overflow: hidden; float: left; position: relative; } .div_mask { width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); font-size:12px; color:#fff; transition: all 0.6s; display: flex; align-items: center; justify-content: center; } .div_mask p { text-align: center; color: #fff !important; clear: both; } .img_div:hover .div_mask { height: 100%; cursor: pointer; } </style> <div class="cp_parta" > <input type="hidden" id="themeName" value=""> <input type="hidden" id="pageType" value="index"> <div class="cp_banner theme-navBg"> </div> <div class="cp_content2"> <!--首页专题 开始--> <div id="con2"> <div class="main"> <div class="comm_modulebox no_padb" id="sec2"> <div class="wrap"> <div class="pro-module06 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;"> <div class="swiper-container swiper-container-horizontal"> <ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=9" onclick="_track.index_special_click('灵蛇送福——蛇年文物专题','1','9')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2025/01/24/7ff9e760d4d6403b86154be99086ec40.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=9" onclick="_track.index_special_click('灵蛇送福——蛇年文物专题','1','9')"> 灵蛇送福——蛇年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="https://zm-digicol.dpm.org.cn" onclick="_track.index_special_click('藏品总目','2','2')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/ad/2021/02/05/5973b3bd5a6240e0af4d7ad464db3498.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="https://zm-digicol.dpm.org.cn" onclick="_track.index_special_click('藏品总目','2','2')"> 藏品总目 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="https://digicol.dpm.org.cn/specialTopic/view/1" onclick="_track.index_special_click('故宫博物院藏古文字数字平台','3','6')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/07/17/ef6017db234340ca975e16e0bdf80eac.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="https://digicol.dpm.org.cn/specialTopic/view/1" onclick="_track.index_special_click('故宫博物院藏古文字数字平台','3','6')"> 故宫博物院藏古文字数字平台 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=8" onclick="_track.index_special_click('辰龙献瑞——龙年文物专题','4','8')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2024/01/30/607039aca2a9457fac116d7f73a125ad.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=8" onclick="_track.index_special_click('辰龙献瑞——龙年文物专题','4','8')"> 辰龙献瑞——龙年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=4" onclick="_track.index_special_click('玉兔迎春——兔年文物专题','5','4')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/01/13/20a01e846e5a4a4985da27edfa9c9384.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=4" onclick="_track.index_special_click('玉兔迎春——兔年文物专题','5','4')"> 玉兔迎春——兔年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=3" onclick="_track.index_special_click('吉虎迎瑞——虎年文物专题','6','3')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2022/01/13/bdd92d72d4bb451f9f8513be89ec50fc.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=3" onclick="_track.index_special_click('吉虎迎瑞——虎年文物专题','6','3')"> 吉虎迎瑞——虎年文物专题 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=1" onclick="_track.index_special_click('《百牛贺岁》——紫禁城里的“牛”文物','7','1')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/ad/2021/02/07/8f8a315aaacc456493c225def977adda.png"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=1" onclick="_track.index_special_click('《百牛贺岁》——紫禁城里的“牛”文物','7','1')"> 《百牛贺岁》——紫禁城里的“牛”文物 </a> </div> </div> </li> <li class="swiper-slide"> <div class="img_box2"> <a target="_blank" href="/specialTopic/detail?id=5" onclick="_track.index_special_click('故宫博物院藏殷墟甲骨文专题','8','5')"> <img src="https://shuziwenwu-1259446244.cos.ap-beijing.myqcloud.com/topic/2023/07/05/57644f50749a486aa290057780119fc2.jpg"> </a> <div class="img_span"> <a class="theme-title" target="_blank" href="/specialTopic/detail?id=5" onclick="_track.index_special_click('故宫博物院藏殷墟甲骨文专题','8','5')"> 故宫博物院藏殷墟甲骨文专题 </a> </div> </div> </li> </ul> </div> <div class="swiper-button-prev swiper-button-disabled"><i> <img src="/images/sp_left_v1.png"> </i></div> <div class="swiper-button-next"><i> <img src="/images/sp_right_v1.png"> </i></div> </div> </div> </div> </div> </div> <!--首页专题 结束--> </div> <div class="new_web"> <div class="new_menu"> <h2 class="tit"><a class="close"><img src="/images/x4.png"></a>Filter</h2> <div id="custom-show-hide-example2"> <h3 class="open">Category</h3> <div class="new_2016_info02"> <ul id="right_category_list"></ul> <div class="e_blk04"> <a id="_strHref_0" href="javascript:show_hiddendiv('0');" > <span id="_strSpan_0" class="strHref open-condition-box"> <span class="open-condition-span"> Show all 25 </span> <svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg> </span> </a> </div> </div> <h3 class="open">Period</h3> <div class="new_2016_info02"> <ul id="right_dynasty_list"></ul> <div class="e_blk04"> <a id="_strHref_1" href="javascript:show_hiddendiv('1');" > <span id="_strSpan_1" class="strHref open-condition-box"> <span class="open-condition-span"> Show all 21 </span> <svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg> </span> </a> </div> </div> <h3 class="open">Color</h3> <div class="new_2016_info02"> <ul class="list03" id="right_color_list"></ul> </div> </div> </div> <style> .open-condition-box { width: 100%; display: inline-block; text-align: center; margin-bottom: 20px; } .open-condition-span { height: 20px; display: inline-block; vertical-align: middle; color: #4b7665; font-family: "SOURCEHANSANSCN-REGULAR"; } .open-condition-svg { display: inline-block; vertical-align: middle; height: 11px; width: 14px; color: #4b7665; } .open-condition-svg-caret-up { vertical-align: baseline; } </style> <script> function show_hiddendiv(_id){ document.getElementById("hidden_div_"+_id).style.display='block'; document.getElementById("_strHref_"+_id).href="javascript:hidden_showdiv('"+_id+"');"; if(_id == '0') { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowLess') + '</span>' + '<svg class="open-condition-svg open-condition-svg-caret-up" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>' + '</svg>'; } else { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowLess') + '</span>' + '<svg class="open-condition-svg open-condition-svg-caret-up" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>' + '</svg>'; } } function hidden_showdiv(_id){ document.getElementById("hidden_div_"+_id).style.display='none'; document.getElementById("_strHref_"+_id).href="javascript:show_hiddendiv('"+_id+"');"; if(_id == '0') { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowAll') + _i18n.msg('public.leftFilterItems.ShowAll25') + '</span>' + '<svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>' + '</svg>'; } else { document.getElementById("_strSpan_"+_id).innerHTML='<span class="open-condition-span">' + _i18n.msg('public.leftFilterItems.ShowAll') + _i18n.msg('public.leftFilterItems.ShowAll21') + '</span>' + '<svg class="open-condition-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="14" height="14" viewBox="0 0 14 14">' + '<path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>' + '</svg>'; } } new jQueryCollapse($("#custom-show-hide-example2"), { open: function() { this.slideDown(150); }, close: function() { this.slideUp(150); } }); $(function(){ initCategory([]); initDynasty([]); }) </script> <div class="cp_content"> <div class="cp_blk01"> <ul class="list02" id="change_info"> <li class="on"><a href="javascript:;"> <img src="/images/icon24A.png"> </a></li> <li><a href="javascript:;" onclick="changeType('1')"> <img src="/images/icon25_2.png"> </a></li> </ul> <font class="font01" id="search_total"><span>0 Results</span></font> </div> <div class="cp_blk02"> <span id="search_result_id"></span> </div> <input type="hidden" id="showType" value="0"/> <input type="hidden" id="page_status" value="index"/> <input type="hidden" id="sourceFrom" value="0"/> <div id="con" class="z_list_data"></div> <div class="list" id="list_show" style="display:none;"></div> <div class="con_null">Loading...</div> <div class="page"></div> </div> </div> </div> </div> <!--主体 结束--> <style> .foot a {color: #fff;margin: 0 5px;} </style> <div class="foot theme-main"><img class="foot-logo" src="/images/logo_s_v1.png"/>© 2001-现在 故宫博物院 <a href="http://beian.miit.gov.cn" target="_blank" class="link-friend">京ICP备05067311号-1</a> <a class="link-friend" style="margin-left: 30px;" href="/page/privacy">Privacy policy</a> <a class="link-friend" href="/page/copyright">Terms and Conditions</a> <a href="/page/applyimage">Image Services</a><a class="link-friend" href="mailto:digicol@dpm.org.cn">Suggestion Feedback</a> </div> <script> if(window.console && window.console.log){ console.log("著作权声明"); console.log("故宫博物院数字文物库网站中的资源,包括但不限于信息、文本、图片、链接。除特别注明外,均为故宫博物院著作权所有。网站内容可以访问进行个人研究,但不得用于任何商业用途。\n未经我院书面同意,不得系统地摘录、再利用网站的部分内容,包括但不限于为了再利用本网站的实质性部分而利用数据挖掘、机器人或类似的数据采集和提取工具提取(不论一次或多次)。\n不得创建或发布您自己的数据库,且该数据库与本网站的实质性部分相似。\n如有未经许可用于商业用途或非法目的而侵害我院相关著作权甚至影响我院声誉的,我院保留追究其法律责任的权利。如需使用相关资料,请提前与我院相关部门联系。"); } document.oncontextmenu = function () { return false; }; document.onkeydown=function (e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if (currKey == 123) { window.event.cancelBubble = true; window.event.returnValue = false; } if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) { return false; } } </script><!--新增滚动样式 开始--> <div class="new_scroll_blk"> <ul> <li> <span><a href="https://www.wjx.cn/vm/h90wIBR.aspx#" target="_blank"> <img src="/images/new_icon_01.png"/> </a></span> <div class="li_box"><a href="https://www.wjx.cn/vm/h90wIBR.aspx#" target="_blank">Questionnaire</a></div> </li> <li> <span><a href="https://www.dpm.org.cn/Home.html" target="_blank"> <img src="/images/new_icon_02.png"> </a></span> <div class="li_box"><a href="https://www.dpm.org.cn/Home.html" target="_blank">The Palace Museum Homepage</a></div> </li> </ul> </div> <!--新增滚动样式 结束--> <!--返回顶部 开始--> <a class="returnTop"><img src="/images/icon12.png"></a> <!--返回顶部 结束--> <div class="popup z-collect-model" style="display:none"> <h2><a href="javascript:;" onclick="_collect.closeFolder()"><img src="/images/x3.png"></a>Choose a folder</h2> <div class="popup_main"> <ul> <li> <select name="folderId" id="collect_folderId"> </select> </li> </ul> </div> <input type="hidden" id="collect_cultural_id"> <a href="javascript:;" class="true" onclick="_collect.saveCollect()">Save</a><a href="javascript:;" class="del" onclick="_collect.closeFolder()">Cancel</a> </div> <script> $(document).ready(function() { listCultural(1,false,true); _track.common_view("szwwk_HomePage"); _common_a.upateTip(); }) function dplusAddFavorite(_uuid){ var _this = $("#cultural-"+_uuid); if(typeof(_this) != "undefined"){ dplus.track("add_favorite",{"collection":_this.attr("cultural-name"),"number":_this.attr("cultural-number"),"collection_type":_this.attr("cultural-category"),"dynasty":_this.attr("cultural-dynasty") }); } } function antiReptileFallBack(){ window.location.reload() } </script> </body> </html>