@media (max-width: 767px) {
	
.main {
    width: 100%;
    height: auto;
	margin: .8rem auto;
	background: #fff;    
}

img{
	display: block;
	width: 100%;
}


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

.title{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 .3rem;	
}

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

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

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


.area{
	margin: 0 auto 50px;
}

.area .pubBox{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 25px auto 0;
}



/* 首页 */

.indexBg1 ,.indexBg2 ,.indexBg3{
	display: none;
}


.area1Con{
	height: auto;
	background: #fafafa;
}

.area1Left{
	width: 100%;
	height: 200px;
	margin: 0;
}

.area1Left img{
	height: 100%;
}

.area1Left>a dd:after{
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
    top: calc(50% - 20px);	
}



.area1Right{
	display: none;
}

.area2Con ul{
	display: block;
}

.area2Con ul li{
	width: 100%;
	height: 245px;
	margin: 0 0 15px 0;
}

.area2Con ul li dd span {
    display: block;
    width: 120px;
    height: 33px;
    position: absolute;
    left: calc(50% - 60px);
    bottom: 30px;
}

.area3Con ul{
	display: block;
}

.area3Con ul li{
	width: 100%;
	margin: 0 0 15px 0;
}

.area4Con ul{
	display: block;
}

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

.area4Con ul li.area4_li{
	width: 100%;
}

.area4Con ul li.area4_li2{
	width: 100%;
	height: auto;
}

.area4Con ul li.area4_li2 dl{
	height: 162px;
	margin: 0 0 10px 0;
}

.area4Con ul li dl dt{
	position: static;
/*	  display: -webkit-box;
	  display: -webkit-flex;
	  display: box;
	  display: flex;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;*/
}

.area4Con ul li.area4_li dl dt{
	height: 280px;
	overflow: hidden;
}


.area5Con ul{
	display: block;
}

.area5Con ul li{
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.area7{
	display: none;
}


/* 二级 */


.subNav{
	height: auto;
}

.subNavCon{
	width: 100%;
}

.subNavCon ul li{
	height: 100%;
	margin: 0 25px 0;
	display: flex;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	text-align: center;
}

.subNavCon ul li.active:after{
	bottom: 0;
}

.subNavCon ul li a{
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
}

.main .subCon{
	width: 100%;
	margin: 20px auto;
	box-sizing: border-box;
	padding: 0 15px;
}


.main_yueji .subNavCon ul{
	flex-wrap: wrap;
}
.main_yueji .subNavCon ul li{
	margin: 0;
	font-size: 16px;
	width: 50%
}


/* 演出 */

.showBg1 ,.showBg2 ,.showBg3 ,.showBg4{
	display: none;
}

.showLi{
	margin: 30px auto 0;
}

.showLi:before{display: none;}
.showLi:after{display: none;}
.showLi>dl:before{ display: none; }
.showLi>dl:after{ display: none; }

.showLi>dl{
	display: block;
	padding: 30px 20px 15px;
	border: 4px solid #f0f0f0;	
}

.showLi>dl>dt{
	width: auto;
}

.showLi>dl>dd{
	padding: 20px 0 0 0;
}

.showLi>dl>dd>*{
	width: 100% !important;
}

.sLCon h1{font-size: 20px;}

.sLCon h4{
	height: auto;
}

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

.sLbtn a.sLA{
	width: 138px;
    height: 42px;
    line-height: 40px;
}
.about1Con dl dd h2{height: 44px;line-height: 44px;}
.about1Con dl dd h2 span{font-size: 22px;}
.sLInfo{
	height: auto;
}

.sLInfo ul{
	height: auto;
}

.sLInfo ul li{
	width: 100%;
	height: auto;
}


.area6Con a{
	width: 100%;
}


/* 乐季 */

.yuejiBg1 ,.yuejiBg2{ display: none; }

.yjArea{
	margin: 30px auto;
}

.yueji{
	margin: 50px auto;
}

.yj1Con{
	display: block;
	padding: 15px;
}

.yj1Con .yj1Img{
	width: 100%;
	height: auto;
	margin: 0;
}

.yj2Con{
	margin: 20px auto;
}

.yj2Con ul{
	display: block;
}

.yj2Con ul li{
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.yj2Con ul li dt{
	position: static;
}

.yj2Con ul li dd h1{
	height: auto;
	font-size: 20px;
}
.yj2Con ul li dd h4{
	padding: 10px 0;
	height: auto;
}
.yj2Con ul li dd p{
	font-size: 12px;
}

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

.yj3Con ul li{
	width: 100%;
	height: auto;
	min-height: 120px;
	float: none;
	margin: 10px 0;
	padding: 15px 20px;
}

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

.yj3Con ul li dt time{
	font-size: 24px;
}

.yj3Con ul li dd{
	font-size: 14px;
}


.yj3Con ul li .aYj3More{
	display: none;
}

.yj3Info{
	display: block;
}


.yj4Con ul li.yj4_li{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 5px 15px;
	margin: 10px 0;
	line-height: 1.6;
}

.yj4_li span{
	display: block;
	width: 100%;
	height: auto;
}

.yj4 .title h1{
	font-size: .4rem;
}

.yj4SubNav{
	margin: 40px auto 20px;
}

.yj4SubNav dl a{
	margin: 0 5px;
	font-size: 16px;
}

.yj4Nav dl{
	display: block;
}

.yj4Nav dl a.aYj4{
	display: block;
	margin: 8px auto;
}


.yjArea .artist3Con{
	padding: 30px 5px;
}


/* 艺术体验 */


.artBg1 ,.artBg2{ display: none; }

.art{
	margin: 50px auto;
	box-sizing: border-box;
	padding: 0 15px;
}

.art1{
	width: 100%;
	margin: 30px auto;
}

.art1 ul{
	display: block;
}

.art1 ul li{
	width: 100%;
	margin: 0 0 15px 0;
}

.art1 ul li dd{
	height: auto;
	padding: 0 20px 10px;
}

.art1 ul li dd h4{
	height: 60px;
	line-height: 60px;
}

.art1 ul li dd h4 span{
	font-size: 20px;
}

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

.art2{
	margin: 10px auto 50px;
}

.art2 ul{
	margin: 0;
}

.art2 ul li{
	width: 100%;
	margin: 15px 0;
}


/* 关于乐团 */

.aboutBg1 ,.aboutBg2{ display: none; }

.about{
	width: 100%;
	margin: 50px auto;
	box-sizing: border-box;
	padding: 0 15px;
}

.about1 ,.about2 ,.about3{
	width: 100%;
}

.about .about1Art{
	height: 510px;
	overflow: hidden;
}

.about1Art h2{
	font-size: 22px;
}

.about1Art h4{
	font-size: 16px;
	padding: 15px 0 15px;
}

.about1Art p{
	font-size: 15px;
	padding: 0 0 10px 0;
}


.a1Art_more{
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
}

.a1Art_more a{
	color: #672319;
}

.a1Con_more{
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
}

.a1Con_more a{
	color: #672319;
}


.about .about1Con dl dd article{
	overflow: hidden;
}

.about1Con dl dd article p{
	font-size: 15px;
}

.about .about1Con dl{
	display: block;
}

.about .about1Con dl dt{
	display: block;
	margin: 0 0 10px 0;
}

.about .about1Con dl dt.a1Con_dt1{
	display: block;
}

.about .about1Con dl dt.a1Con_dt2{
	display: none;
}

.about1Con{
	height: auto;
	margin: 30px auto 0;
}

.about1Con dl{
	/*display: block;*/
	padding: 15px;
}

.about1Con dl dd{
	width: 100%;
	margin: 0;
}

.about1Con dl dt{
	display: none;
}


.painter4 .about1Con dl{
	display: block;
}

.painter4 .about1Con dl dt{
	display: block;
	margin: 10px 0 0 0;
}


.about1Con2{
	margin: 40px auto 0;
}


.about2Con{
	margin: 30px auto;
}

.about2List{
	display: block;
}

.ab2_title{
	display: block;
	width: 94px;
	height: 36px;
	background-repeat: repeat;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	border-radius: 2px
}

.ab2_title br{display: none;}

.ab2_con{
	width: 100%;
	margin: 10px 0 0 0;
}

.ab2_ul{
	margin: 0 -5px;
}

.ab2_ul li{
	width: 75px;
	height: 100px;
	margin: 0 5px 35px;
}

.ab2_ul li img{
	height: 100px;
}

.ab2_ul li label{
	left: 0;
	font-size: 12px !important;
	height: 22px;
	line-height: 22px;
	width: 100%
}

.ab2_ul li span{
	font-size: 12px;
}


.about3Con{
	width: 100%;
	margin: 30px auto;
	padding: 25px 20px;
}

.about3Con h2 span{
	display: block;
	padding: 0 0 8px 0;
}

.about3Con dl{
	height: auto;
	font-size: 16px;
	margin: 10px 0;
}

.about3Con dl dt{
	width: 120px;
}

.about3Con dl dd{
	width: calc(100% - 120px);
}

.about3Con dl dd span{
	width: auto;
	padding: 0 10px 0 0;
}


/* 驻院艺术家 */

.artistBg1 ,.artistBg2{ display: none; }

.artist{
	margin: 50px auto 0;
}

.artistNav{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0 auto 40px;
}

.artistNav dl{
	display: block;
}

.artistNav dl a{
	display: block;
	width: 100%;
	height: 115px;
	margin: 0 0 15px 0; 
}

.artistNav dl a span{
	font-size: 20px;
	padding: 50px 0 0 30px;
}

.artist3Con>h1{
	font-size: 22px;
	height: auto;
	padding: 10px 0;
}

.artist3Con>span{
	height: 30px;
	font-size: 16px;
}

.yj3Con ul li dt{
	height: auto;
	display: block;
}

.yj3Con ul li dt time{
	font-size: 20px;
}

.yj3Con ul li dt p{
	border-left: 0;
	display: flex;
	padding: 0;
}

.yj3Con ul li dt p span{
	padding: 0 10px 0 0;	
}


.artist2 .yj3Con ul li dd span{
	height: auto;
}

.yj3Con{
	margin: 30px auto;
}

.artist2{
	margin: 40px auto;
}



/* 特邀画家 */

.painterBg1 ,.painterBg2 ,.painterBg3{ display: none; }

.painter{
	width: 100%;
	height: auto;
	margin: 50px auto;
	box-sizing: border-box;
	padding: 0 15px;
}

.painterArt>h1{
	font-size: 22px;
	line-height: 1.4;
	height: auto;
	padding: 10px 0;
}

.painterArt>span{
	height: 30px;
}

.painterArt article{
	margin: 10px auto;
}


.painter2{
	margin: 40px auto;
}

.painter2Con{
	margin: 30px auto 0;
}

.painter2Con ul{
	margin: 0;
}

.painter2Con ul li{
	width: 100%;
	margin: 0 0 20px 0;
}

.painter4{
	margin: 60px auto 0;
}

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



/* 模态框 */

.modal-dialog{
	width: 100%;
	margin: 0;
}

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

.yj3Con ul li.li_artist dt .li_artistP p{padding: 0 10px;    border-left: 1px solid #d1bdba;}
.yj3Con ul li.li_artist dt .li_artistP p span{padding: 0}

}
@media (max-width: 767px){
	.yj3Con ul li dt{overflow: hidden;}
	.yj3Con ul li dt time{display: block;padding-bottom: 7px;padding-left: 10px;}
	.yj3Con ul li.li_artist dt time{ padding-bottom: 7px;padding-left: 10px;}
	.yj3Con ul li dt p{float: left;padding: 0 10px;line-height: normal;margin-bottom: 10px;border-left: 1px solid #d1bdba;}
	.yj3Con ul li.li_artist dt .li_artistP{overflow: hidden;}
	.yj3Con ul li dt p span{padding: 0}
	.yj3Con ul li dt p label{display: none}
	.yj3Con ul li{padding: 15px 10px;}
	.yj3Con ul li dd{padding: 0 10px;}
	.yj3Info{padding: 0 10px;}
	.yj3Info p{font-size: 14px}
	.yj3Con ul li dt p.special{border-left: 1px solid #d1bdba !important}
	.yj3Con ul li dt p.nospecial{border-left:0 !important}
}
@media (max-width:1135px){
	.yj3Con ul li dt p.no1135{border-left:1px solid transparent !important}
	/*.yj3Con ul li dt p.no1135{border-left:0 !important}*/
}
@media (max-width:1130px){
	.yj3Con ul li dt p.no1135{border-left:0 !important}
}
@media (max-width:750px){
	.yj3Con ul li dt p.no1135{border-left:1px solid #d1bdba !important}
}
@media (max-width:750px){
	.yj3Con ul li dt p.no374{border-left:1px solid #d1bdba !important}
}
@media (max-width:372px){
	.yj3Con ul li dt p.no374{border-left:1px solid transparent !important}
}
@media (max-width:370px){
	.yj3Con ul li dt p.no374{border-left:none !important}
}
/*no374*/
@media (max-width:767px){
	.yj3Con ul li dt p.no767{border-left:1px solid #d1bdba !important}
}
@media (max-width:390px){
	.yj3Con ul li dt p.no767{border-left:1px solid transparent !important}
}
@media (max-width:380px){
	.yj3Con ul li dt p.no767{border-left:none !important}
}

@media (max-width:767px){
	.yj3Con ul li dt p.no391{border-left:1px solid #d1bdba !important}
}
@media (max-width:391px){
	.yj3Con ul li dt p.no391{border-left:1px solid transparent !important}
}
@media (max-width:380px){
	.yj3Con ul li dt p.no391{border-left:none !important}
}


@media (max-width:767px){
	.yj3Con ul li dt p.no459{border-left:1px solid #d1bdba !important}
}
@media (max-width:459px){
	.yj3Con ul li dt p.no459{border-left:1px solid transparent !important}
}
@media (max-width:454px){
	.yj3Con ul li dt p.no459{border-left:none !important}
}

@media (max-width:767px){
	.yj3Con ul li dt p.no624{border-left:1px solid #d1bdba !important}
}
@media (max-width:624px){
	.yj3Con ul li dt p.no624{border-left:1px solid transparent !important}
}
@media (max-width:619px){
	.yj3Con ul li dt p.no624{border-left:none !important}
}

@media (max-width:767px){
	.yj3Con ul li dt p.no495{border-left:1px solid #d1bdba !important}
}
@media (max-width:495px){
	.yj3Con ul li dt p.no495{border-left:1px solid transparent !important}
	.yj3Con ul li dt p.no624{border-left:1px solid #d1bdba !important}
}
@media (max-width:490px){
	.yj3Con ul li dt p.no495{border-left:none !important}
}

@media (max-width:767px){
	.yj3Con ul li dt p.no500{border-left:1px solid #d1bdba !important}
}
@media (max-width:500px){
	.yj3Con ul li dt p.no500{border-left:1px solid transparent !important}
}
@media (max-width:495px){
	.yj3Con ul li dt p.no500{border-left:none !important}
}

@media (max-width:767px){
	.yj3Con ul li dt p.no371{border-left:1px solid #d1bdba !important}
}
@media (max-width:371px){
	.yj3Con ul li dt p.no371{border-left:1px solid transparent !important}
	.yj3Con ul li dt p.no500{border-left:1px solid #d1bdba !important}
}
@media (max-width:366px){
	.yj3Con ul li dt p.no371{border-left:none !important}
}


@media (max-width:767px){
	.yj3Con ul li dt p.no448{border-left:1px solid #d1bdba !important}
}
@media (max-width:448px){
	.yj3Con ul li dt p.no448{border-left:1px solid transparent !important}
}
@media (max-width:443px){
	.yj3Con ul li dt p.no448{border-left:none !important}
}