body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 ,a{
	/*font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/
	font-family: "Lantinghei SC",  "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif, \5b8b\4f53;
}

body{
	background: #fafafa;
}

.main{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fafafa;
}

.main img{
	border-radius: 5px;
}

.area{
	width: 100%;
	height: auto;
	margin: 0 auto 120px;
}

.title{
	width: 100%;
	height: auto;
}

.title h1{
	width: 820px;
	height: 36px;
	margin: 0 auto 20px;
	text-align: center;
	font-size:36px;
	font-family:SourceHanSansSC-Light;
	font-weight:300;
	color:rgba(103,35,25,1);
	line-height:36px;
	position: relative;
}

.title h1:before{
	content: '';
	display: block;
	width: 300px;
	height: 1px;
	background: #ceb9b6;
	position: absolute;
	left: 0;
	top: 18px;
}

.title h1:after{
	content: '';
	display: block;
	width: 300px;
	height: 1px;
	background: #ceb9b6;
	position: absolute;
	right: 0;
	top: 18px;
}

.subNav{
	width: 100%;
	height: 105px;
	border-bottom: 1px solid #e0e0e0;
}

.subNavCon{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}

.subNavCon ul{
	height: inherit;
}

.subNavCon ul li{
	color: #666;
	font-size: 18px;
	min-width: 75px;
	text-align: center;
	margin: 20px 25px 0;
	position: relative;
}

.subNavCon ul li.active{
	color: #672319;
}

.subNavCon ul li.active:after{
    content: '';
    display: block;
    width: 72px;
    height: 10px;
    background: url(../images/snavOn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: calc(50% - 36px);
    bottom: -29px;
}

/*-------------------------------------------------   首页  ---------------------------------------------------------*/

.main_index{
	position: relative;
}

.indexBg1{
	width: 600px;
	height: 462px;
	background: url(../images/index/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 656px;
}

.indexBg2{
	width: 280px;
	height: 345px;
	background: url(../images/index/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 2035px;
}

.indexBg3{
	width: 450px;
	height: 318px;
	background: url(../images/index/bgCon3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 4125px;
}

.area{
	position: relative;
	z-index: 2;
}

.area .pubBox{
	/*width: 1520px;*/
	width: 1200px;
	height: auto;
	margin: 65px auto 0;
}


/*------------------------  area1 */

.area1{
	margin: 100px auto 120px;
}

.area1 .pubBox{
	margin: 110px auto 0
}

.area1Con{
	width: 100%;
	height: 560px;
	background: url(../images/index/bg_area1.png) no-repeat;
	background-position: right top;
	background-size: 1105px 560px;
}

.area1Con:after{
	content: '';
	display: block;
	clear: both; 
}

.area1Left{
	width: 994px;
	height: 560px;
	float: left;
	margin: -50px 0 0 0;
}

.area1Left>a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.area1Left>a dt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.area1Left>a dt img{
	display: block;
	width: 100%;
}

.area1Left>a dd{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
}

.area1Left>a dd:after{
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/iconPlay.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
}

.area1Right{
	width: calc(100% - 994px);
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 20px 0 0 0;
}

.area1Right dl{
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	text-align: center;
}

.area1Right dl dt{}

.area1Right dl dt img{
	width: 80px;
}

.area1Right dl.area1R_dl dt img{
	width: 110px;
}

.area1Right dl dd{
	margin: 10px 0 0 0;
	color: #333;
	font-size: 14px;
}

.area1Right dl dd>a{
	display: block;
	width:120px;
	height:40px;
	background:#672319;
	border-radius:2px;
	font-size:14px;
	font-family:SourceHanSansSC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:40px;
	margin: 18px auto 0;
}


/*------------------------  area2 */


.area2{}

.area2Con{
	width: 100%;
	height: auto;
}

.area2Con ul{
	width: 100%;
}

.area2Con ul li{
    width: 580px;
    height: 376px;
	position: relative;
	cursor: pointer;
}

.area2Con ul li dt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.area2Con ul li dt img{
	display: block;
	width: 100%;
}

.area2Con ul li dd{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
}

.area2Con ul li dd span{
	display: block;
	width: 190px;
	height: 52px;
	position: absolute;
	left: calc(50% - 95px);
	bottom: 25px;
}

.show1_text{
	background: url(../images/index/show1_text.png) no-repeat;
	background-size: 100% 100%;	
}

.show2_text{
	background: url(../images/index/show2_text.png) no-repeat;
	background-size: 100% 100%;	
}



/*------------------------  area3 */


.area3{}

.area3Con{
	width: 100%;
	height: auto;
}

.area3Con ul{}

.area3Con ul li{
	width: calc(50% - 20px);
	height: auto;
	position: relative;
}

.area3Con ul li img{
	display: block;
	width: 100%;
}


/*------------------------  area4 */


.area4{}

.area4Con{
	width: 100%;
	height: auto;
}

.area4Con ul{}

.area4Con ul li{
	width: auto;
	height: 508px;
}

.area4Con ul li.area4_li{
	width: 326px;
}

.area4Con ul li dl{
	width: 100%;
	height: 100%;
	position: relative;
}

.area4Con ul li dl dt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.area4Con ul li dl dd{
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    color: #fff;
    font-size: 20px;
}

.area4Con ul li dl dt img{
	display: block;
	width: 100%;
	border-radius: 0;	
}

.area4Con ul li.area4_li2{
	width: 538px;
}

.area4Con ul li.area4_li2 dl{
	width: 100%;
	height: 251px;
	position: relative;
}

.area4Con ul li.area4_li2 dl.area4_li2_dl{
	margin: 0 0 7px 0;
}

.area4Con ul li.area4_li2 dl img{
	display: block;
	width: 100%;
	height: 100%;
}



/*------------------------  area5 */


.area5{}

.area5Con{
	width: 100%;
	height: auto;
}

.area5Con ul{}

.area5Con ul li{
	width: 580px;
	height: auto;
	margin: 0 10px;
	position: relative;
}

.area5Con ul li img{
	display: block;
	width: 100%;
	border-radius: 0;
}


/*------------------------  area6 */

.area6{}

.area6Con{
	width: 100%;
	height: auto;
}

.area6Con a{
	display: block;
	width: 90%;
	margin: 0 auto;
}


.area6Con img{
	display: block;
	width: 100%;
	border-radius: 0;
}


/*------------------------  area3 */


.area7{}

.area7Con{
	width: 100%;
	height: auto;
}

.area7Con ul{}

.area7Con ul li{
	width: 280px;
	height: auto;
	background: #fff;
	position: relative;
	cursor: pointer;
	box-shadow: 0px 0px 8px 4px rgba(69,40,40,0.05);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.area7Con ul li dt{}

.area7Con ul li img{
	display: block;
	width: 100%;
	border-radius: 0;
}

.area7Con ul li dd{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 30px 28px 0;
}

.area7Con ul li dd h2{
	height: 32px;
	color: #333;
	font-size: 18px;
	text-align: center;
}

.area7Con ul li dd h3{
	height: 38px;
	color: #333;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}


.area7Con ul li dd p{
	height: 90px;
	color: #666;
	line-height: 1.5;
	font-size: 14px;
	text-align: left;
	margin: 20px 0 0 0;
}


.area7Con ul li dd label{
	display: block;
	width: 100px;
	height: 40px;
	line-height: 38px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 26px auto 43px;
}


.area7Con ul li:after{
	content: '';
	display: block;
	width: 100%;
	height: 6px;
	background: #672319;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
}

.area7Con ul li:hover{}
.area7Con ul li:hover h2{
	color: #672319;
}

.area7Con ul li:hover:after{
	opacity: 1;
}


/*------------------------  二级 */

.main .subCon{
	max-width: 1200px;
	height: auto;
	min-height: 2700px;
	margin: 40px auto;
	display: none;
}

.main .subCon.active{display: block;}
/*-------------------------------------------------   演出  ---------------------------------------------------------*/


.show{
	width: 100%;
	height: auto;
	position: relative;
}

.showBg1{
	width: 341px;
	height: 333px;
	background: url(../images/show/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.showBg2{
	width: 450px;
	height: 318px;
	background: url(../images/show/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 814px;
}

.showBg3{
	width: 600px;
	height: 457px;
	background: url(../images/show/bgCon3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 1610px;
}


.showBg4{
	width: 600px;
	height: 462px;
	background: url(../images/show/bgCon4.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 2253px;
}


.showCon{
/*	max-width: 1520px;
	height: auto;
	min-height: 2900px;
	margin: 60px auto;*/
}

.showUl{
	width: 100%;
	height: auto;
}

.showLi{
	width: 100%;
	height: auto;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	margin: 80px auto 0;
	overflow: hidden;
}

.showLi:before{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background: #fafafa;
	border-radius: 36px;
	border: 6px solid #f0f0f0;
	position: absolute;
	left: -36px;
	top: -36px;
	z-index: 2;
}

.showLi:after{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background: #fafafa;
	border-radius: 36px;
	border: 6px solid #f0f0f0;
	position: absolute;
	right: -36px;
	top: -36px;
}

.showLi>dl{
	width: 100%;
	height: auto;
	padding: 30px 40px;
	border: 6px solid #f0f0f0;
	position: relative;
}
	
.showLi>dl:before{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background: #fafafa;
	border-radius: 36px;
	border: 6px solid #f0f0f0;
	position: absolute;
	left: -36px;
	bottom: -36px;
}

.showLi>dl:after{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background: #fafafa;
	border-radius: 36px;
	border: 6px solid #f0f0f0;
	position: absolute;
	right: -36px;
	bottom: -36px;
}

.showLi>dl>dt{
	width: 720px;
}

.showLi>dl>dt img{
	display: block;
	width: 100%;
}

.showLi>dl>dd{
	width: auto;
	flex: 1;
	padding: 30px 0 0 0;
	box-sizing: border-box;
}

.showLi>dl>dd>*{
	width: 320px;
	margin: 0 auto;
}

.sLCon h1{
	/*height: 45px;*/
	height: auto;
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 1.5;
}

.sLCon h4{
	/*height: 50px;*/
	height: auto;
	padding: 10px 0;
	font-size: 14px;
	color: #999;
	text-align: center;
}

.sLCon h4 span{
	display: block;
	line-height: 2;
}

.sLInfo{
	width: 320px;
	height: 180px;
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 2;
	overflow: hidden;
}

.sLInfo ul{
	width: auto;
	height: 100px;
}

.sLInfo ul.h180{
	height: 180px;
}

.sLInfo ul li{
	width: 320px;
	height: 100px;
	float: left;
}

.sLIBtn{
	width: 100%;
	height: 30px;
	display: none;
}

.carousel .sLIBtn{
	display: flex;
}


.sLIBtn>a{
	width: 20px;
	height: 20px;
	position: relative;
	background: url(../images/show/left.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 10px;
}


.sLIBtn>a.sL_left{
	width: 20px;
	height: 20px;
	position: relative;
	background: url(../images/show/left.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 10px;
}

.sLIBtn>a.sL_right{
	width: 20px;
	height: 20px;
	position: relative;
	background: url(../images/show/right.png) no-repeat;
	background-size: 100% 100%;
}


.showLi>dl>dd>.sLbtn{
	margin: 10px auto 0;
}

.sLbtn a.sLA{
	display: block;
	width: 184px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	background: #fff;
	color: #672319;
	font-size: 16px;
	color: #672319;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #672319;
	border-radius: 5px;
	cursor: default;
}

.sLbtn a.sLAon{
	background: #672319;
	color: #fff;
	cursor: pointer;
}

.sLbtn a.sLAon:hover{
	background: #591b12;
}



/*-------------------------------------------------   乐季聚焦  ---------------------------------------------------------*/


.yueji{
	width: 100%;
	height: auto;
	position: relative;
	margin: 100px auto;
}

.yuejiBg1{
	width: 620px;
	height: 422px;
	background: url(../images/yueji/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 500px;
}

.yuejiBg2{
	width: 600px;
	height: 475px;
	background: url(../images/yueji/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 1600px;
}

.main .yueji .subCon{
	min-height: 2000px;
}

.yuejiCon{
	position: relative;
	z-index: 2;
	/*background: #fff;*/
}

.yjArea{margin:30px auto;}

.yjArea .artist3Con{
	background: #fff;
	border-radius: 5px;
	padding: 50px 30px;
}


.yj1{}

.yj1Con{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 30px;
}

.yj1Con .yj1Img{
	width: 370px;
	height: 440px;
	margin: 0 0 0 40px;
}


.yj1Con article{
	max-width: 1030px;
}

.yj1Con article p{
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 1.8;
	padding: 0 0 8px 0;
}


.yj2Con{
	width: 100%;
	height: auto;
	margin: 60px auto;
}


.yj2Con ul{}
.yj2Con ul li{
	width: 380px;
	height: 428px;
	position: relative;
	cursor: pointer;
}

.yj2Con ul li dt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.yj2Con ul li dt img{
	display: block;
	width: 100%;
	height: 100%;
}


.yj2Con ul li dd{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 20px;
}

.yj2Con ul li dd h1{
	height: 78px;
	font-size: 22px;
	color: #fff;
	line-height: 1.5;
}

.yj2Con ul li dd h4{
	height: 28px;
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
}

.yj2Con ul li dd h4 time{
	margin: 0 15px 0 0;
}

.yj2Con ul li dd p{
	height: 60px;
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
}

.yj2Con ul li dd p span{
	display: inline-block;
	margin: 0 15px 0 0;
}


.yj3Con{
	width: 100%;
	height: auto;
	margin: 60px auto;
}

.yj3Con ul{
	width: 100%;
	height: auto;
	/*margin: 0 -20px;*/
}

.yj3Con ul:after{
	content: '';
	display: block;
	clear: both;
}


.yj3Con ul li{
	width: calc(50% - 40px);
	height: 190px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0px 8px 12px 4px rgba(69,40,40,0.1);
	padding: 30px 30px; 
	float: left;
	margin: 20px;
}

.yj3Con ul li dt{
	height: 30px;
	margin: 0 0 30px 0;
}

.yj3Con ul li dt time{
	font-size: 30px;
	line-height: 30px;
	color: #672319;
	padding: 0 32px 0 0;
}

.yj3Con ul li dt p{
	color: #672319;
	/*line-height: 1.3;*/
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
	border-left: 1px solid #d1bdba;
}

.yj3Con ul li dt p span{
	display: block;
}

.yj3Con ul li dd{
	font-size: 16px;
	color: #666;
}

.yj3Con ul li dd span{
	color: #333;
	padding: 0 18px 0 0;
}

.yj3Con ul li dd em{
	font-style: normal;
}

.yj3Con ul li .aYj3More{
	display: block;
	font-size: 14px;
	padding: 10px 0 0 0;
	color: #666;
}

.yj3Info{
	display: none;
}

.yj3Info p{
	font-size: 16px;
	color: #666;	
}

.yj3Info p span{
	color: #333;
	padding: 0 18px 0 0;
/*	display: inline-block;
	width: 68px;*/
}



.yj3Con ul li.li_artist dt time{
	padding: 0 12px 0 0;
}

.yj3Con ul li.li_artist dt .li_artistP{
	width: auto;
	height: 50px;
	flex: 1;
}

.yj3Con ul li.li_artist dt .li_artistP p{
	display: inline-block;
	/*width: 48%;*/
	height: 15px;
	margin: 0 0 10px 0;
	/*padding: 0;*/
	text-align: center;
	line-height: 16px;
}


.yj1_3 .title h1{
	width: 980px;
}

.yj4{}
.yj4 .title h1{
	width: 100%;
}

.yj4 .title h1:before{
	width: 150px;
}

.yj4 .title h1:after{
	width: 150px;
}


.yj4Wrp{}

.yj4Nav{
	width: 100%;
	height: auto;
	margin: 50px auto;
}

.yj4Nav dl{}

.yj4Nav dl a.aYj4{
	width: 260px;
	height: 80px;
	background: url(../images/yueji/yj4Nav.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 20px;
	color: #666;
	font-size: 12px;
	text-align: center;
}

.yj4Nav dl a.aYj4 h4{
	color: #333;
	font-size: 18px;
	padding: 20px 0 8px;
}

.yj4Nav dl a.aYj4.active{
	width: 260px;
	height: 80px;
	background: url(../images/yueji/yj4Nav_on.png) no-repeat;
	background-size: 100% 100%;
	color: #672319;
}

.yj4Nav dl a.aYj4.active h4{
	color: #672319;
	font-size: 18px;
	padding: 20px 0 8px;
}


.yj4SubNav{
	width: 100%;
	height: auto;
	margin: 100px auto 50px;
}

.yj4SubNav dl{}
.yj4SubNav dl a{
	height: 30px;
	color: #333;
	font-size: 18px;
	position: relative;
	margin: 0 60px;
}

.yj4SubNav dl a.active{
	color: #672319;
}

.yj4SubNav dl a.active:after{
	content: '';
	display: block;
	width: 52px;
	height: 1px;
	background: #94655e;
	position: absolute;
	left: calc(50% - 26px);
	bottom: 0;
}


.yj4ConWrp{
	width: 100%;
	height: auto;
	margin: 50px auto;
}

.yj4Con{}
.yj4Con ul{}
.yj4Con ul:after{
	content: '';
	display: block;
	clear: both;
}
.yj4Con ul li.yj4_li{
	width: calc(50% - 40px);
	height: 60px;
	line-height: 58px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 10px 20px;
	padding: 0 15px;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	float: left;
}

.yj4_li span{
	width: 400px;
	height: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yj4_li em{
	width: auto;
	font-style: normal;
}

.yj4Con ul li.yj4_li:hover{
	border: 1px solid #672319;
	color: #672319;
}



.yuejiCon1 .yj4ConWrp{
	display: none;
}

.yuejiCon1 .yj4ConWrp1 .yj4Con{
	display: none;
}


/*-------------------------------------------------   艺术体验  ---------------------------------------------------------*/

.art{
	width: 100%;
	height: auto;
	position: relative;
	margin: 100px auto;
}

.art img{
	border-radius: 0;
}

.artBg1{
	width: 500px;
	height: 380px;
	background: url(../images/art/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 600px;
}

.artBg2{
	width: 550px;
	height: 377px;
	background: url(../images/art/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 1390px;
}

.artCon{
	position: relative;
	z-index: 2;
}

.art1{
	max-width: 1200px;
	margin: 50px auto 100px;
}

.art1 ul{}
.art1 ul li{
	width: 580px;
	height: auto;
	cursor: pointer;
}
.art1 ul li dt{
	width: 100%;
}

.art1 ul li dt img{
	display: block;
	width: 100%;
}


.art1 ul li dd{
	width: 100%;
	height: 141px;
	background: #672319;
	box-sizing: border-box;
	padding: 0 40px;
	color: #fff;
	font-size: 16px;
}

.art1 ul li dd h4{
	height: 76px;
	line-height: 76px;
	border-bottom: 1px dashed #99716b;
}

.art1 ul li dd h4 span{
	font-size: 24px;
	padding: 0 28px 0 0;
}

.art1 ul li dd h4 em{
	font-style: normal;
}

.art1 ul li dd p{
	height: 64px;
	line-height: 64px;
}

.art1 ul li dd p time{
	padding: 0 30px 0 0;
}	


.art2{
	max-width: 1200px;
	margin: 50px auto 80px;
}

.art2 ul{
	height: auto;
	margin: 0 -15px;
}

.art2 ul:after{
	content: '';
	display: block;
	clear: both;
}

.art2 ul li{
	width: 380px;
	height: auto;
	margin: 0 15px 35px;
	float: left;
	background: #fff;
	cursor: pointer;
	box-shadow: 0px 0px 8px 4px rgba(69,40,40,0.05);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.art2 ul li figure{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.art2 ul li figure img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.art2 ul li figcaption{
	width: 100%;
	height: 201px;
	text-align: center;
}


.art2 ul li figcaption h4{
	color: #672319;
	font-size: 18px;
	padding: 30px 0 30px 0;
}

.art2 ul li figcaption dl{
	margin: 0 0 15px 0;
	font-size: 14px;
}

.art2 ul li figcaption dl dt{
	color: #333;
	line-height: 1.8;
}

.art2 ul li figcaption dl dd{
	color: #666;
}


.art2 ul li:hover{}

.art2 ul li:hover figure img{
	transform: scale(1.1);
}



/*-------------------------------------------------   关于乐团  ---------------------------------------------------------*/

.main_about{
	position: relative;
}

.aboutBg1{
	width: 560px;
	height: 455px;
	background: url(../images/about/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 430px;
}

.aboutBg2{
	width: 280px;
	height: 350px;
	background: url(../images/about/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 1430px;
}

.about{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	margin: 100px auto;
}

.about1{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.about1Art{}
.about1Art h2{
	color: #672319;
	font-size: 36px;
	text-align: center;
}

.about1Art h4{
	font-size: 18px;
	color: #666;
	text-align: center;
	padding: 20px 0 20px;
	line-height: 1.8;
}

.about1Art h4 span{
	padding: 0 20px;
}


.about1Art p{
	font-size: 16px;
	color: #4a4a4a;
	line-height: 1.7;
	padding: 0 0 35px 0;
}

.about .about1Art p{
	text-indent: 2em;
}

.a1Art_more{
	display: none;
}

.a1Con_more{
	display: none;
}

.about1Con{
	width: 100%;
	height: 480px;
	background: #fff;
	box-shadow: 0px 0px 8px 4px rgba(69,40,40,0.05);
	margin: 80px 0 0 0;
}

.about1Con dl{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 40px;
}

.about1Con dl dt{
	width: 300px;
}

.a1Con_dt1{
	display: none;
}


.about1Con dl dt img{
	display: block;
	width: 100%;
	margin: 0;
}

.about1Con dl dd{
	width: calc(100% - 300px);
	margin: 0 40px 0 0;
}

.about1Con dl dd article{
	width: 100%;
	height: 310px;
	overflow: auto;
	color: #666;
	font-size: 16px;
	line-height: 1.7;
}

.about1Con dl dd article::-webkit-scrollbar{
	width: 4px;
	height: 1px;
}

.about1Con dl dd article::-webkit-scrollbar-thumb{
     border-radius: 2px;
     background: #e5e5e5;
}
.about1Con dl dd article::-webkit-scrollbar-track{}


.about1Con dl dd article p{
	padding: 0 10px 6px 0;
	text-indent: 2em;
}

.about1Con dl dd h2{
	height: 52px;
	font-size: 16px;
	color: #333;
}

.about1Con dl dd h2 span{
	font-size: 30px;
	color: #672319;
	padding: 0 30px 0 0;
}

.about1Con dl dd h2 em{
	font-style: normal;
}


.about1Con2{
	margin: 120px 0 0 0;
}

.about1Con2 dl dd{
	margin: 0 0 0 40px;
}


.about2{
	width: 1200px;
	height: auto;
	margin: 70px auto;
}

.about2Con{
	width: 100%;
	height: auto;
	margin: 70px auto;
}

.about2List{}

.ab2_title{
	width: 100px;
	height: 160px;
	background: url(../images/about/bg_title.png) no-repeat;
	/*background-size: 100% 100%;*/
	margin: 0 28px 0 0;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
} 

.ab2_con{
	width: calc(100% - 128px);
	height: auto;
}

.ab2_ul{
	margin: 0 -10px;
}

.ab2_ul:after{
	content: '';
	display: block;
	clear: both;
}

.ab2_ul li{
	width: 120px;
	height: 160px;
	position: relative;
	margin: 0 10px 40px;
	float: left;
}

.ab2_ul li img{
	display: block;
	width: 100%;
	height: 160px;
}

.ab2_ul li span{
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	position: absolute;
	left: 0;
	bottom: -28px;
	color: #333;
	text-align: center;
	font-size: 16px;
}

.ab2_ul li label{
	display: block;
	width: 62px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -5px;
}

.ab2_ul li label.ab2_label1{
	background: #0569a8;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;	
}

.ab2_ul li label.ab2_label2{
	background: #dc2021;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;	
}

.ab2_ul li label.ab2_label3{
	background: #f89f1f;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;	
}

.about3{
	margin: 70px auto;
}

.about3Con{
	width: 820px;
	height: 280px;
	margin: 70px auto;
	box-shadow: 0px 0px 8px 4px rgba(69,40,40,0.05);
	box-sizing: border-box;
	padding: 50px 60px;
}

.about3Con h2{
	height: 60px;
	font-size: 16px;
	color: #999;
}

.about3Con h2 em{
	font-style: normal;
}

.about3Con h2 span{
	font-size: 24px;
	color: #672319;
	padding: 0 20px 0 0;
}

.about3Con dl{
	font-size: 18px;
	height: 36px;
}

.about3Con dl dt{
	color: #333;
	width: 136px;
}

.about3Con dl dd{
	color: #666;
	width: auto;
}

.about3Con dl dd span{
	display: inline-block;
	width: 95px;
	padding: 0 35px 0 0;
}


/*-------------------------------------------------   驻院艺术家  ---------------------------------------------------------*/


.main_artist{
	position: relative;
}

.artistBg1{
	width: 560px;
	height: 455px;
	background: url(../images/artist/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 430px;
}

.artistBg2{
	width: 280px;
	height: 278px;
	background: url(../images/artist/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 1580px;
}

.artist{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	margin: 100px auto;
}

.artistNav{
	width: 1200px;
	height: 192px;
	margin: 0 auto 120px;
}

.artistNav dl{
	width: 100%;
}

.artistNav dl a{
	width: 585px;
	height: 192px;
	position: relative;
}

.artistNav dl a.aArtist1{
	background: url(../images/artist/nav1.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.8;
}

.artistNav dl a.aArtist2{
	background: url(../images/artist/nav2.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.8;
}

.artistNav dl a.aArtist1.active{
	opacity: 1;
	box-shadow: 0px 0px 30px 4px rgba(118,0,1,0.3);
}

.artistNav dl a.aArtist2.active{
	opacity: 1;
	box-shadow: 0px 0px 30px 4px rgba(103,117,134,0.3);	
}

.artistNav dl a span{
	display: block;
	color: #fff;
	font-size: 22px;
	padding: 80px 0 0 50px;
}


.main .artistCon{
	min-height: 1500px;
}

.artist2{
	margin: 120px auto;
}

/*.artist2 .yj3Con ul li dd span{
	display: block;
	height: 28px;
	padding: 0;
	font-size: 16px;
}
*/

.artist2 .yj3Con2 ul li dd span{
	display: block;
	height: 28px;
	padding: 0;
	font-size: 16px;
}



.artist3{
	margin: 100px auto;
}

.artist3Con{
	width: 100%;
	height: auto;
}

.artist3Con>h1{
	height: 60px;
	font-size: 36px;
	color: #672319;
	text-align: center;
}

.artist3Con>span{
	display: block;
	height: 50px;
	font-size: 18px;
	color: #666;
	text-align: center;
}

.artist3Con article{
	width: 100%;
	height: auto;
	margin: 15px auto;
}

.artist3Con article p{
	font-size: 16px;
	color: #4a4a4a;
	line-height: 2;
	text-indent: 2em;
}

.artist3Con article h4{
	font-size: 16px;
	color: #672319;
	line-height: 2;
	text-indent: 2em;
	padding: 25px 0 0 0;
}


.artist3Img{}

.artist3Img ul{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

.a3Img_li1_2{
	margin: 0 10px;
}

.a3Img_li2_1{
	margin: 0 10px 0 0;
}

.artist3Img img{
	display: block;
	width: 100%;
	border-radius: 0;
}


/**/

.main_painter{
	position: relative;
}

.painterBg1{
	width: 600px;
	height: 470px;
	background: url(../images/painter/bgCon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 300px;
}

.painterBg2{
	width: 500px;
	height: 375px;
	background: url(../images/painter/bgCon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 1200px;
}

.painterBg3{
	width: 620px;
	height: 408px;
	background: url(../images/painter/bgCon3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 2020px;
}

.painter{
	width: 1200px;
	height: auto;
	position: relative;
	z-index: 2;
	margin: 100px auto;
}

.painterArt{
/*	background: #fafafa;
	padding: 30px 0;
	border-radius: 5px;*/
}

.painterArt>h1{
	height: 60px;
	font-size: 36px;
	color: #672319;
	text-align: center;
}

.painterArt>span{
	display: block;
	height: 50px;
	font-size: 18px;
	color: #666;
	text-align: center;
}

.painterArt article{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.painterArt article p{
	font-size: 16px;
	color: #4a4a4a;
	line-height: 2;
	text-indent: 2em;
}

.painterArt article h4{
	font-size: 16px;
	color: #672319;
	line-height: 2;
	text-indent: 2em;
	padding: 25px 0 0 0;
}

.painter2{
	width: 100%;
	height: auto;
	margin: 80px auto 100px;
}

.painter2Con{
	width: 100%;
	height: auto;
	margin: 70px auto 0;
}

.painter2Con ul{
	margin: 0 -10px;
}

.painter2Con ul:after{
	content: '';
	display: block;
	clear: both;
}

.painter2Con ul li{
	width: 285px;
	height: auto;
	background: #4d3629;
	margin: 0 10px 20px;
	float: left;
}

.painter2Con ul li.painter_li1{background: #4d3629;}
.painter2Con ul li.painter_li2{background: #59542e;}
.painter2Con ul li.painter_li3{background: #452828;}
.painter2Con ul li.painter_li4{background: #4b3c2b;}
.painter2Con ul li.painter_li5{background: #272e41;}
.painter2Con ul li.painter_li6{background: #4b302a;}
.painter2Con ul li.painter_li7{background: #1e342e;}
.painter2Con ul li.painter_li8{background: #272e41;}


.painter2Con ul li dt{}
.painter2Con ul li dt img{
	display: block;
	width: 100%;
	border-radius: 0;
}

.painter2Con ul li dd{
	height: 160px;
	box-sizing: border-box;
	padding: 15px 15px;
	color: #fff;
}

.painter2Con ul li dd h2{
	height: 36px;
	font-size: 20px;
	color: #fff;
}

.painter2Con ul li dd p{
	height: 24px;
	font-size: 14px;
}

.painter2Con ul li dd span{
	display: inline-block;
	width: 40px;
	margin: 0 10px 0 0;
}

.painter2Con ul li dd p em{
	font-style: normal;
	opacity: 0.8;
}


.painter4{
	margin: 80px auto 0;
}

.painter4 .about1Con{
	margin: 70px auto 0;
}

.painter4 .about1Con dl dd article{
	height: 328px;
	overflow: hidden;
}

.painter4 .about1Con dl dd article h5{
	color: #333;
	line-height: 2.1;
	text-indent: 2em;
}

.painter4 .about1Con dl dd h2{
	text-indent: 2em;
}



/* 模态框 */

.modal{
	z-index: 10500;
}

.modal-body video{
	width: 100%;
}

.modal-dialog{
	width: 1000px;
}

.modal.in .modal-dialog{
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
}


/**/

.layerYj3{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9600;
	background: rgba(0,0,0,0.6);
	display: none;
}

.layerYj3 .aYj3More{
	display: none;
}

.layerYj3 .yj3Con{
	width: 720px;
	height: 300px;
	background: #fff;
	position: absolute;
	left: calc(50% - 360px);
	top: calc(50% - 150px);
	box-shadow: 0px 8px 12px 4px rgba(69,40,40,0.1);
	border-radius: 5px;
}

.layerYj3 .yj3Con ul li{
	width: 100%;
	height: 100%;
	margin: 0;
	box-shadow: 0px 0px 0px 0px;
}

.layerYj3 .yj3Info{
	display: block;
}

.layerYj3 .aYj3More{
	display: none !important;
}

a.yj3Close{
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 21px !important;
	color: #672319;
	opacity: 1;
}

a.yj3Close:hover{
	color: #672319;
	opacity: 1;
}