@charset "utf-8";
/* CSS Document */


body{
	padding:0;
	margin:0;
    font-family:Arial,SimSun,"Microsoft Yahei","STHeiti Light";
	font-family:"Microsoft Yahei" !important;
    font-size:12px;	
	}

p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:middle;
}

a:link{ color:#fff; font-size:14px;text-decoration:none;}
a:visited{ color:#fff; font-size:14px;text-decoration:none;}
a:hover{ color:#fff; font-size:14px;text-decoration:none;}
a:active{ color:#fff; font-size:14px;text-decoration:none;}


.myclear{
	width:0px;
	font-size:0;
	clear:both;	
	}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clearfix:before {
clear: both;
}


.container{
	width:100%;
	height:786px;
	background:url(../images/bg_index.jpg) no-repeat center;	
	}

.index{
	width:1200px;
	height:786px;
	margin:0 auto;
	position:relative;		
	}


.index_animation01{
	width:900px;
	height:260px;
	position:absolute;
	left:300px;
	top:92px;
	z-index:300;
	animation:transwbg 2s;
	-webkit-animation:transwbg 2s;
	-moz-animation:transwbg 2s;	
	-o-animation:transwbg 2s;	
	}

@keyframes transwbg{
	0%{ transform:translateY(0px); opacity:0;}
	100%{ transform:translateY(120px); opacity:1;}
	}


@-webkit-keyframes transwbg{
	0%{ transform:translateY(-120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}


@-moz-keyframes transwbg{
	0%{ transform:translateY(-120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}
	
@-o-keyframes transwbg{
	0%{ transform:translateY(-120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}	




.index_animation02{
	width:900px;
	height:260px;
	position:absolute;
	left:300px;
	top:360px;
	z-index:300;
	animation:translatewbg 2s;
	-webkit-animation:translatewbg 2s;
	-moz-animation:translatewbg 2s;
	-o-animation:translatewbg 2s;		
	}

@keyframes translatewbg{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}


@-webkit-keyframes translatewbg{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}

@-moz-keyframes translatewbg{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}
	
@-o-keyframes translatewbg{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}	



.time_place{
	width:160px;
	height:110px;
	position:absolute;
	left:36px;
	top:520px;
	z-index:300;	
	}


@keyframes translatetime{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}


@-webkit-keyframes translatetime{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}

@-moz-keyframes translatetime{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}
	
@-o-keyframes translatetime{
	0%{ transform:translateY(120px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}	


.time_place a{
	display:block;
	width:97px;
	height:29px;
	line-height:29px;
	text-align:center;
	background:#1832a4;
	color:#fff;
	border-style:solid;
	border-color:#1832a4;
	border-radius:8px;
	margin:0 0 12px 0;
	color:#fff;
	}


.time_place a:hover{
	background:#2f49b7;
	border-style:solid;
	border-color:#2f49b7;
	border-radius:8px;	
	color:#fff;
	}


.time_place img{
	display:block;	
	}


.btn_video{
	position:absolute;
	left:555px;
	top:695px;
	z-index:3000;
	display:block;	
	}


.btn_video a.video_a{
	display:block;
	width:113px;
	height:34px;
	background:url(../images/demo_13.png) no-repeat 0 0;
	}


.btn_video a.video_a:hover{
	display:block;
	width:113px;
	height:34px;
	background:url(../images/demo_13.png) no-repeat 0 -34px;
	}














.logo{
	float:left;
	padding:22px 0 0 0;	
	}


.text_music{
	float:right;
	padding:30px 38px 0 0;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	}
	

.music{
  width: 28px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 23px;
  z-index: 6000;
  margin: 0 0 0 570px;	
	}



.nav{
	width:100%;
	height:57px;
	background:#8b0000 url(../images/bg_nav.jpg) no-repeat;
	}

.nav ul{
	width:940px;
	height:57px;
	margin:0 auto;
	padding:0 0 0 40px;	
	}

.nav ul li{
	width:105px;
	height:31px;
	padding:26px 0 0 30px;
	float:left;
	margin:0 20px 0 0;
	}


.nav ul li.li_nav01{
	width:90px;
	height:31px;
	padding:26px 0 0 45px;
	float:left;
	margin:0 20px 0 0;	
	}



.nav ul li.li_nav_on{
	background:url(../images/bg_li_navon.png) no-repeat;		
	}



.nav ul li a:link{ color:#fff; font-size:16px;}
.nav ul li a:visited{ color:#fff; font-size:16px;}
.nav ul li a:hover{ color:#ddd; font-size:16px;}
.nav ul li a:active{ color:#fff; font-size:16px;}


.nav ul li.li_nav_on a:link{ color:#fff; font-size:16px;}
.nav ul li.li_nav_on a:visited{ color:#fff; font-size:16px;}
.nav ul li.li_nav_on a:hover{ color:#fff; font-size:16px;}
.nav ul li.li_nav_on a:active{ color:#fff; font-size:16px;}


.footer{
	width:100%;
	height:174px;
	background:#000 url(../images/bg_footer.jpg) no-repeat center;	
	}







.two_level{
	width:100%;
	height:466px;
	margin:0 auto;
	background:url(../images/bg_two_level.jpg) no-repeat center;	
	}


.two_level .logo2{
	width:800px;
	height:auto;
	margin:0 auto;
	padding:22px 0 0 0;
	}


.wrapper{
	width:100%;
	height:auto;
	background:url(../images/bg_main.jpg) no-repeat center fixed;
	padding:10px 0 20px 0;
	}


.main{
	width:980px;
	height:auto;
	min-height:350px;
	margin:0 auto;
	background:#fcf9f2 url(../images/bg_main_bottom.jpg) no-repeat bottom;
	padding:0 0 130px 0;
	position:relative;
	}

.main_title{
	width:122px;
	height:110px;
	padding:30px 0 0 28px;
	background:url(../images/bg_tl_title.jpg) no-repeat;
	font-size:22px;
	color:#fff;
	line-height:20px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	}


.main_nav{
	width:150px;
	height:auto;
	position:absolute;
	left:0;
	top:165px;
	z-index:100;		
	}


.main_nav li{
	width:130px;
	height:57px;
	padding:23px 0 0 20px;
	background:url(../images/bg_tl_nav.jpg) no-repeat;
	margin-bottom:10px;
	}


.main_nav li.li_mnav_on{
	background:url(../images/bg_tl_nav_on.jpg) no-repeat;
	}


.main h5{
	float:right;
	padding:30px 30px 0 0;
	font-size:14px;
	color:#b91009;	
	}
	
	
.plot_nav{
	width:730px;
	height:auto;
	margin:50px 0 0 220px;
	position:relative;
	}

.plot_nav ul{
	width:730px;
	height:50px;
	}


.plot_nav ul li{
	width:180px;
	height:40px;
	line-height:40px;
	text-align:center;
	float:left;
	cursor:pointer;
	color:#515152;
	font-size:16px;
	background:#cdcdcd;
	margin:0 2px 0 0;
	position:absolute;
	}

.plot_nav ul li.li_pn01{
	left:0;
	bottom:0;
	}

.plot_nav ul li.li_pn02{
	left:182px;
	bottom:0;
	}

.plot_nav ul li.li_pn03{
	left:364px;
	bottom:0;
	}
	
.plot_nav ul li.li_pn04{
	left:546px;
	bottom:0;
	}	



.plot_nav ul li.li_pn_on{
	width:180px;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	background:#a4a4a4;
	position:relative;
	}


.plot_nav ul li.li_pn_on span{
	display:block;
	position:absolute;
	z-index:50;
	width:180px;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;	
	}


.li_pn_on div.bar{
	background:#8b0000;
	width:0px;
	height:50px;
	position:absolute;
	top:0;
	z-index:30;	
	}	

.plot_wrapper{
	width:730px;
	height:auto;
	margin:50px 0 0 220px;	
	}


.plot_content{
	display:none;
	width:730px;
	height:auto;
	font-size:14px;
	color:#515152;
	line-height:24px;
	}
	

.plot_content h3{
	width:730px;
	height:32px;	
	font-size:15px;
	color:#515152;
	text-align:center;
	}

.plot_content h4{
	width:730px;
	height:auto;	
	font-size:15px;
	color:#515152;
	text-align:center;
	padding:0 0 15px 0;
	}


.plot_content p{
	width:712px;
	height:auto;
	padding:0 9px;
	margin-bottom:10px;
	text-indent:2em;	
	}

#melody_content p{
	text-indent:0;
	}

#melody_content .mc_info{
	text-align:center;
	}
	
	


.show_content{
	width:730px;
	height:auto;
	margin:50px 0 0 220px;
	font-size:14px;
	color:#515152;
	line-height:24px;
	}
	
.bg_video{
	width:722px;
	height:auto;
	margin:0 0 20px 0;
	position:relative;	
	}

.bg_video a{
	display:block;
	width:722px;
	height:auto;	
	}


.bg_video img{
	cursor:pointer;	
	}
	
.video_embed{
	width:600px;
	height:380px;
	background:#fff;
	position:fixed;
	left:50%;
	top:30%;
	z-index:3000;
	margin:0 0 0 -310px;
	display:none;
	border-style:solid;
	border-width:10px;
	border-color:#fbf2f1;
	border-radius:10px;	
	}

.close_vidoe{
	display:block;
	width:35px;
	height:35px;
	background:url(../images/close.png) no-repeat;
	position:absolute;
	right:10px;
	top:10px;
	z-index:5000;
	cursor:pointer;	
	}


/*弹出视频*/
.mydiv2{ 
z-index:5000; 
top:20%; width:100%;
position:fixed!important;/*FF IE7*/ 
position:absolute;/*IE6*/ 
} 

.tc_x{ margin:0px auto; text-align:center; background:#fff; width:720px; padding-bottom:20px;}
.tc_x span{ display:block; text-align:right; padding-right:15px; line-height:30px;}
.tc_x span a{ cursor:pointer; color:#333; font-size:14px;}
.tc_x span a:hover{ cursor:pointer; color:#333; font-size:14px;}
.bg { 
background-color:#000; 
width: 100%; 
height: 100%; 
left:0; 
top:0;/*FF IE7*/ 
filter:alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/ 
opacity:0.7;/*FF*/ 
z-index:-1000;
position:fixed!important;/*FF IE7*/ 
position:absolute;/*IE6*/ 
_top:       expression(eval(document.compatMode && 
            document.compatMode=='CSS1Compat') ? 
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ 
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ 
} 



.layer_opactice{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	display:none;
	}
	
	
	
		
	
	

.show_content p{
	width:712px;
	height:auto;
	padding:0 9px;
	margin-bottom:10px;
	text-indent:2em;	
	}

.show_content p img{
	text-indent:0;
	text-align:center;
	}



.star_wrapper{
	width:730px;
	height:auto;
	margin:50px 0 0 220px;
	font-size:14px;
	color:#515152;
	line-height:24px;	
	}


.star_content{
	width:730px;
	height:auto;	
	}


.star_content dl{
	width:190px;
	height:auto;
	float:left;
	margin-right:53px;	
	}


.star_content dl dt{
	width:190px;
	height:230px;	
	}

.star_content dl dt img{
	width:190px;
	height:230px;	
	}
	
	
.star_content dl dd{
	width:190px;
	height:14px;
	padding:17px 0 40px 0;
	line-height:14px;
	text-align:center;	
	}	
	
	
.star_content dl dd h3{
	font-weight:normal;
	color:#515152;
	font-size:14px;
	text-align:center;
	background:url(../images/bg_border.jpg) no-repeat 0px 0px;
	}	



.star_content dl dd.dd_star2{
	width:190px;
	height:auto;
	padding:12px 0 30px 0;
	line-height:14px;
	text-align:center;	
	}



.star_content dl dd.dd_star2 h4{
	font-weight:normal;
	color:#515152;
	font-size:14px;
	text-align:center;
	padding:0 0 5px 0;
	border-bottom:2px solid #b91009;
	}


.star_content dl dd.dd_star2 p{
	padding:5px 0 0 0;	
	}

	
	
.star_content .see_more{
	clear:both;	
	}	
	
.star_content .see_more a{
	display:block;
	width:676px;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#890000;
	color:#fff;	
	}

.star_content .see_more a:hover{
	background:#981111;	
	}



.medium_wrapper{
	width:600px;
	height:auto;
	margin:50px auto 0 auto;	
	}

.medium_wrapper ul{
	width:600px;
	height:auto;	
	}

.medium_wrapper ul li{
	width:600px;
	height:45px;
	color:#515152;
	font-size:14px;
	}


.medium_wrapper ul li span{
	float:right;	
	}

.medium_wrapper ul li a:link{ color:#515152; font-size:14px;}
.medium_wrapper ul li a:visited{ color:#515152; font-size:14px;}
.medium_wrapper ul li a:hover{ color:#a9160b; font-size:14px;}
.medium_wrapper ul li a:active{ color:#515152; font-size:14px;}


.melody_text{
	width:730px;
	height:auto;
	margin:20px auto 0 auto;
	color:#676767;
	line-height:32px;
	font-size:14px;	
	}

.melody_text p{
	text-indent:2em;	
	}



.works_wrapper{
	width:730px;
	height:auto;
	margin:50px 0 0 220px;
	font-size:14px;
	color:#515152;
	line-height:24px;	
	}


.works_wrapper img{
	display:block;
	float:left;
	margin-right:20px;	
	}

.works_wrapper h3{
	font-size:15px;
	color:#515152;
	height:39px;	
	}

.works_wrapper p{
	text-indent:2em;
	margin-bottom:10px;	
	}