?!DOCTYPE html>
国家大剧院管弦乐?/title>
<meta name=”viewport?content=”width=device-width, initial-scale=1?/>
<!–[if lt IE 9]>
<script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js?</script>
<![endif]?
<link href="css/content.css" rel="stylesheet" type="text/css" />
<link href="css/com.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/superslide.2.1.js"></script><!-- banner -->
<!--[if IE 6]>
<script type="text/javascript" src="js/belatedPNG.js" ></script>
<script type="text/javascript" src="js/iesixpng.js" ></script>
<![endif]-->
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
</head>
<body>
<div style="position:fixed;left:-9000px;top:-9000px;"></div>
<div class="header_wrapper">
<div class="header">
<div class="logo"><a href="#" title=""><img src="images/logo.png" width="100" height="80" /></a></div>
<!--<div class="en"><a href="#" title="">EN</a></div>-->
<div class="nav">
<ul class="navlk">
<li class="li_nav2 li_navlk_on">首页<div class="navon"><a href="index.html"> </a></div></li>
<li class="li_nav2">演出<div class="navon"><a href="show.html"> </a></div></li>
<li>艺术体验<div class="navon"><a href="art.html"> </a></div></li>
<li class="li_nav5">驻院艺术?div class="navon"><a href="artist.html"> </a></div></li>
<li class="li_nav5">客艺术?div class="navon"><a href="artist2.html"> </a></div></li>
<li>新闻评论<div class="navon"><a href="news.html"> </a></div></li>
<li>关于乐团<div class="navon"><a href="group.html"> </a></div></li>
</ul>
</div>
</div>
</div>
<div class="screen_wrp" style="height:360px;">
<div class="screen_index">
<div class="index_screen_animation"><img src="images/index_animate.png" width="620" height="220"></div>
</div>
</div>
<!-- banner -->
<div class="h_banner">
<div class="fullSlide">
<div class="bd">
<ul>
<li _src="url(images/banner12.jpg)" style="background:#051f33 center 0 no-repeat;"><a target="_blank"></a></li>
<li _src="url(images/banner16.jpg)" style="background:#051f33 center 0 no-repeat;"><a target="_blank"></a></li>
<li _src="url(images/banner04.jpg)" style="background:#051f33 center 0 no-repeat;"><a href="group.html" target="_blank"></a></li>
<li _src="url(images/banner05.jpg)" style="background:#051f33 center 0 no-repeat;"><a href="artist.html" target="_blank"></a></li>
<li _src="url(images/banner06.jpg)" style="background:#051f33 center 0 no-repeat;"><a href="group.html" target="_blank"></a></li>
</ul>
</div>
<div class="hd"><ul></ul></div>
<span class="prev"></span>
<span class="next"></span>
</div>
<script type="text/javascript">
$(".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 5)
},
function(){
//$(this).find(".prev,.next").fadeOut("show")
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
</div>
<!-- //banner -->
<!-- 内容-->
<div class="bca"><div class="xcn">
<div class="index_title">?nbsp; ?div class="it_bgline"></div></div>
<div class="lanrenzhijia">
<ul class="clearfix">
<li>
<div class="photo"><img src="images/pic55.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">国家大剧?016新春福音乐?/div>
<div class="time3">2016.01.09-10</div>
<div class="fname" style="font-size:12px;">演出剧场Q音乐厅</div>
</li>
<li>
<div class="photo"><img src="images/pic56.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">吕嘉与王健演l舒g贝多?/div>
<div class="time3">2016.01.15</div>
<div class="fname" style="font-size:12px;">演出剧场Q音乐厅</div>
</li>
<li>
<div class="photo"><img src="images/pic53.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">吕嘉与王健演l圣-桑与莫扎?/div>
<div class="time3">2016.01.16</div>
<div class="fname" style="font-size:12px;">演出剧场Q音乐厅</div>
</li>
<li>
<div class="photo"><img src="images/pic52.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">贝多芬与舒伯特的降E?/div>
<div class="time3">2016.01.30</div>
<div class="fname" style="font-size:12px;">演出剧场Q小剧场</div>
</li>
<li>
<div class="photo"><img src="images/pic21.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">克里斯蒂?· 雅尔l演l原子博士与肖七</div>
<div class="time">2016.02.19</div>
<div class="fname" style="font-size:12px;">演出剧场Q音乐厅</div>
</li>
<li>
<div class="photo"><img src="images/pic28.jpg" width="349" height="208" /></div>
<div class="rsp"></div>
<div class="text"><a ><h3>查看详细</h3></a></div>
<div class="fname">西贝x的北Ƨ音?吕嘉与布g季什l莉演绎舒曼与西贝柳?/div>
<div class="time3">2016.03.13</div>
<div class="fname" style="font-size:12px;">演出剧场Q音乐厅</div>
</li>
</ul>
<div class="clear"></div>
</div>
<script>
$(function(){
$(".lanrenzhijia ul li .rsp").hide();
$(".lanrenzhijia ul li").hover(function(){
$(this).find(".rsp").stop().fadeTo(500,0.5)
$(this).find(".text").stop().animate({left:'0'}, {duration: 500})
},
function(){
$(this).find(".rsp").stop().fadeTo(500,0)
$(this).find(".text").stop().animate({left:'300'}, {duration: "fast"})
$(this).find(".text").animate({left:'-300'}, {duration: 0})
});
});
</script>
<!-- 代码部分end -->
<div class="clear"></div>
<div class="morelink"><a href="show.html" target="_blank">查看更多</a></div>
</div></div>
<div class="b_bbanner"><div class="xcn" style="position:relative; height:500px;">
<div class="ublinka"><a href="#small-dialog5" title="视频播放"></a></div>
<div class="video_embed" id="small-dialog5" class="mfp-hide">
<embed id="v_embed" src="demo.mp4" width="600" height="380" autostart="false"></embed>
<div class="close_vidoe" id="close_vidoe"></div>
</div>
<div class="ublinkb"><a href="6.16.10m.pdf" title="乐季册下? target="_blank"></a></div>
<div class="clear"></div>
</div></div>
<script>
//video
$(".ublinka a").click(function(){
$('.layer_opactice').css('display','block');
$('.video_embed').css('display','block');
});
$("#close_vidoe").click(function(){
$('.layer_opactice').css('display','none');
$('.video_embed').css('display','none');
$('#v_embed').stopplay();
});
</script>
<div class="c_ubg"><div class="xcn">
<ul class="cub_list">
<li><a href="group.html#g_zh" target="_blank"><img src="images/spic01.jpg" /></a><p>吕嘉</p></li>
<li><a href="group.html#g_zh2" target="_blank"><img src="images/spic02.jpg" /></a><p>陈佐?/p></li>
</ul>
<div class="clear"></div>
</div></div>
<div class="c_cbanner">
<div class="c_cbanner_w1200" onClick="javascript:window.open('artist.html');"><a href="artist.html" target="_blank">驻院艺术Ӟ王健</a></div>
</div>
<div class="d_ubg"><div class="xcn">
<div class="index_title">焦点乐谈<div class="it_bgline"></div></div>
<ul class="ed_list">
<li class="li_ed" style="margin-right:3px;">
<div class="lie_img"><img src="images/img_art11.jpg" /></div>
<div class="lie_bg"></div>
<div class="lie_text">
<p>相关音乐会：</p>
<p style="padding:10px 0 10px 0;">西贝x的北Ƨ音诗：赛格斯坦演绎西贝x</p>
<h3>2015.10.17/18</h3>
</div>
</li>
<li style="margin-right:3px;"><div class="edlist_wd">
<div class="eltwd_ina">声音的过M未来<p>2015.12.11</p></div>
<div class="eltwd_inb">主讲人：谭盾</div>
</div></li>
<li class="li_ed">
<div class="lie_img"><img src="images/img_show_gj24.jpg" /></div>
<div class="lie_bg"></div>
<div class="lie_text">
<p style="padding-top:10px;">相关音乐会：</p>
<p style="padding:0px 0 10px 0;">吕嘉与王健演l舒g贝多?/p>
<h3>2016.15.15</h3>
<p style="padding:10px 0 10px 0;">吕嘉与王健演l圣-桑与莫扎?/p>
<h3>2015.01.16</h3>
</div>
</li>
<li style="margin-right:3px;"><div class="edlist_wd">
<div class="eltwd_ina">西贝x与芬兰的大自?p>2015.10.16</p></div>
<div class="eltwd_inb">主讲人：列夫·赛格斯坦 柯辉</div>
</div>
</li>
<li class="li_ed" style="margin-right:3px;">
<div class="lie_img"><img src="images/img_show_gj21.jpg" /></div>
<div class="lie_bg"></div>
<div class="lie_text">
<p>相关音乐会：</p>
<p style="padding:10px 0 10px 0;">国家大剧院八周年庆典音乐会：声音地图 · 丝绸之\</p>
<h3>2015.12.12</h3>
</div>
</li>
<li><div class="edlist_wd">
<div class="eltwd_ina">大师课：王健与他的大提琴<p>2015.01.13</p></div>
<div class="eltwd_inb">主讲人：王健</div>
</div>
</li>
</ul>
<div class="clear"></div>
<div class="morelink"><a href="art.html" target="_blank">查看更多</a></div>
<div class="index_title">特别专题<div class="it_bgline"></div></div>
<div class="content_show_info01">
<dl style="margin-right:16px; height:320px;">
<dt style="height:320px;"><img src="images/img_show_sm001.jpg" width="522" height="320" /></dt>
<dd style="height:320px; line-height:320px;"><a href="http://www.robotic123.com/subsite/ncpao2014-2015/index.html" target="_blank">2014/15乐季 光明的旅E?/a></dd>
</dl>
<dl style="height:320px;">
<dt style="height:320px;"><img src="images/img_show_sm002.jpg" width="522" height="320" /></dt>
<dd style="height:320px; line-height:320px;"><a href="http://www.robotic123.com/subsite/NCPAO_2014_US_&_Canada_Tour/cnindex.html" target="_blank">2014 北美巡演</a></dd>
</dl>
<div class="clearfix"></div>
</div>
</div></div>
<!-- //内容-->
<script>
$(function(){
$(".li_ed .lie_bg").hide();
$(".ed_list .li_ed").hover(function(){
$(this).find(".lie_bg").stop().fadeTo(500,0.5)
$(this).find(".lie_text").stop().animate({left:'0'}, {duration: 500})
},
function(){
$(this).find(".lie_bg").stop().fadeTo(500,0)
$(this).find(".lie_text").stop().animate({left:'300'}, {duration: "fast"})
$(this).find(".lie_text").animate({left:'-300'}, {duration: 0})
});
});
$(document).ready(function(){
$(".content_show_info01 dl").hover(function(){
$(this).find('dd').stop().animate({top:'0px'},500);
},function(){
$(this).find('dd').stop().animate({top:'511px'},"fast");
});
});
</script>
<!-- foot -->
<div class="d_foot"></div>
<!-- ///foot -->
<!-- quick_link -->
<div class="quick_link">
<ul>
<a target="_blank"><li class="li_quick01">
<div class="layer_erweima">
<img src="images/erweima_wb.jpg" width="138" height="138" />
<p>扫一?查看微博x?/p>
</div>
</li>
</a>
<li class="li_quick02">
<div class="layer_erweima">
<img src="images/erweima_wx.jpg" width="138" height="138" />
<p>扫一?查看微信公众?/p>
</div>
</li>
</ul>
</div>
<div class="layer_opactice"></div>
<a href="http://www.robotic123.com/">ҸƵapp_ҸƵƽ_ҸƵappذװ</a>
<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>
</body>
</html>