/*首页样式（音乐馆样式）*/
html,body,header,nav,footer,div,ul,ol,li,p,form,input,a,span,em,i,strong,b,font,img{
		margin:0; padding:0; list-style:none; border:none;}
body{font-family:"微软雅黑"; font-size:14px;}
a{text-align:center; text-decoration:none; outline:none;}
input{outline:none;}
em{font-style:normal;}

/*轮播图 开始*/
.main_banner{width:100%; margin-top:20px; }
.main_banner_wrap{
	width:100%; height:150px;  position:relative; 
	margin:0 auto; overflow:hidden;  
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:255px;  position:absolute; 
		display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
		left:110px; top:0px; opacity:0; transition:0.5s;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:50px; display:block;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:100%; height:280px; margin:0px auto 0; position:relative; z-index:0;
	/*-webkit-倒影样式*/
	-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{width:100%; height:280px; position:absolute; left:0; top:10px;
		background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.main_banner li{
		position:absolute; background:#000; overflow:hidden;
		box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:80%; height:50%;  z-index:5;
		left:10%; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:60%; height:40%;  z-index:1; 
		left:50%; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:60%; height:40%; z-index:1;
		left:0px; top:20px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:60%; height:40%;  z-index:1;
		left:0px; top:20px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:60%; height:40%;  z-index:2; 
		left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:25px;
}

/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
		width:15px; height:15px; display:inline-block; margin:15px 5px;
		background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}

/*轮播图 结束*/
/**/

footer {
    width: 100%;
    height: 15vw;
    position: fixed;
    bottom: 0;
    background-color: #404752;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 2.5vw;
    z-index: 100001;
}

.fnav-d {
    display: inline-block;
    width: 49vw;
    height: 11vw;
    text-align: center;
}

.fnav-img {
    width: 7vw;
}

.fnav-name {
    color: #ffffff;
    font-size: 3vw;
}

.n-h {
    color: #fd525a;
}
.d-feed {
    width: 90%;
    margin-top: 5vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-bottom: 15vw;
}

.d-feed p {
    font-size: 1.4rem;
    text-align: left;
    color: #b1b1b1;
    font-family: "微软雅黑";
    margin: 0;
    padding: 0;
}

.d-feed>input {
    width: 100%;
    margin: 3vw auto;
    height: 7vw;
    border: 1px dashed #d5d0d5;
    background-color: #eeeeee;
    padding: 0;
}

#iput {
    width: 30%;
    margin: 3vw auto;
    height: 7vw;
    border: 1px dashed #d5d0d5;
    background-color: #eeeeee;
    padding: 0;
    float: left;
}

#Contents {
    width: 100%;
    height: 40vw;
    border: 1px dashed #d5d0d5;
    background-color: #eeeeee;
    margin-top: 3vw;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto;
}

.bt-tj {
    width: 25%;
    height: 7vw;
    margin: 20vw auto;
    background-color: #d5a762;
    text-align: center;
    padding-top: 1vw;
    float: right;
}

.bt-tj a {
    font-size: 1.5rem;
    font-family: "微软雅黑";
}

.bt-tj2 {
    width: 25%;
    height: 7vw;
    margin: 14.5vw auto;
    background-color: #d5a762;
    text-align: center;
    padding-top: 1vw;
    float: right;
    margin-right: 5vw;
}

.bt-tj2 a {
    font-size: 1.5rem;
    font-family: "微软雅黑";
}
.bt-lxwm {
    color: #ffffff;
    width: 25vw;
    font-size: 1.4rem;
    height: 8vw;
    float: right;
    background-color: #d5a762;
    border: none;
    margin-top: 5vw;
    margin-bottom: 5vw;
    overflow: hidden;
}
/*  */
.d-newss {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-family: "微软雅黑";
    margin-top: 20vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.p-news1 {
    margin: 0;
    font-size: 1rem;
}

.p-news2 {
    margin: 0;
    font-size: 1rem;
}

.dx {
    margin-top: 1vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 15vw;
    height: 1vw;
    background-color: #a1814e;
}

.d-news2 {
    width: 90%;
    margin-top: 10vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: "微软雅黑";
    overflow: hidden;
}

.d-news2 p {
    text-align: left;
}

.d-newsi {
    width: 100%;
    margin: 10vw auto;
}

.d-news2 ul {
    margin: 0;
    padding: 0;
}

.d-news2 ul li {
    list-style: none;
    width: 100%;
    margin-bottom: 3vw;
    overflow: hidden;
}

.d-news2 ul li:last-of-type {
    padding-bottom: 10vw;
}

.img-news {
    float: left;
    width: 20vw;
    height: 16vw;
}

.d-news3 {
    float: right;
    width: 65vw;
    border-bottom: 0.2rem solid #eeeeee;
}

.d-news4 {
    float: right;
    width: 65vw;
    overflow: hidden;
    margin-top: 2vw;
    color:#8d8d8d;
}

.p-news3 {
    float: left;
    font-size: 1rem;
    color: #b0a493;
    margin: 0;
}

.p-news4 {
    float: right;
    font-size: 1rem;
    margin: 0;
    color:#bcbcbc;
}
.d-about {
    width: 100%;
    margin-top: 20vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow:hidden;
    font-family: "微软雅黑";
}
.p-pro2 {
    font-family: "微软雅黑";
    font-size: 1.2rem;
    text-align: center;
    color: #9e9e9e;
    text-align: center;
}

.d-proi {
    width: 90%;
    height: 0.2vw;
    background-color: #dadada;
    margin-top: 4vw;
    margin-bottom: 4vw;
    margin-right: auto;
    margin-left: auto;
}

.p-pro3 {
    font-family: "微软雅黑";
    font-size: 1.3rem;
    text-align: left;
    color: #9e9e9e;
    text-indent: 2rem;
    width: 90%;
}
 .p-newsi1 {
    font-family: "微软雅黑";
    font-size: 2rem;
    text-align: center;
    color: black;
}

.d-fy {
    width: 100%;
    margin-top: 20vw;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    font-family: "微软雅黑";
    font-size: 1.2rem;
    text-align: left;
    color: black;
}

.d-fy2 {
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 5vw;
    margin-right: auto;
    margin-left: auto;
    font-family: "微软雅黑";
    font-size: 1.2rem;
    text-align: left;
    color: black;
}