@media (max-width: 767px) {
    .main .yueji .subCon {
        padding: 0;
    }
    .main_yueji .mainbox {
        margin-top: 35px;
        width: 90%;
        margin-bottom: 20px;
    }
    .xq .mainbox {
        width: 100%;
    }
    .yuejiCon h1 {
        font-size: 26px;
        text-align: center;
        font-weight: 500;
        color: #143CA5;
        line-height: 56px;
        margin-bottom: 0px;
        margin-top: 15px;
    }
    .xq h1 br {
        display: none;
    }
    .xq .mid .left.duo {
        justify-content: space-around;
        width: 100%;
        display: flex;
    }
    .xq .mid .left.duo dl dt {
        width: auto;
    }
    .xq .mid .left.duo dl {
        margin-right: 0;
        width: 100%;
    }
    .about1Con .nb {
        width: 20%;
    }
    .main .yueji .subCon {
        padding: 15px;
        margin: 0 15px;
    }
    .about1Con .nb {
        top: -37px;
        left: -7px;
    }
    .about1Con2 .nb {
        top: auto;
        left: auto;
        bottom: -25px;
        right: -7px;
    }
    .le {
        display: none;
    }
    .ri {
        display: none;
    }
    .al,
    .ar,
    .al1,
    .ar1 {
        display: none;
    }
    .main {
        width: 100%;
        height: auto;
        margin: .8rem auto;
        /* background: #5c5555; */
    }
    .artist .area .pubBox {

    }
    img {
        display: block;
        width: 100%;
    }
    .xq .mid .left.duo .box {
        width: 48%;
    }
    .xq .mid .left .box {
        width: 100%;
        margin-right: 0;
    }
    .ab2_ul li label.ab2_label4 {
        left: 0
    }
    .area {
        width: 100%;
        height: auto;
    }
    .xq .text h1 {
        line-height: 32px;
        font-size: 20px;
        padding: 0 15px;
    }
    .title {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 .3rem;
    }
    .xq .mid .left dl:nth-child(1) {
        margin-top: 0
    }
    .xq .mid .left dl:nth-child(2) {
        margin-top: 0
    }
    .aa.mainbox {
        margin: 0
    }
    .main .xq {
        padding: 0.8rem 0 0
    }
    .main .xq .subCon {
        padding: 40px 15px
    }
    .showUl h1 span {
        display: inline;
    }
    .showUl h1 br {
        display: none;
    }
    .subNavCon ul {
        justify-content: space-between;
        margin: 0 25px;
    }
    .xq .subNavCon ul li {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .xq .flex_pack_center {
        padding: 0;
        margin-top: 1.2rem;
    }
    .xq .aside .right {
        margin: 0.6rem auto 0.7rem;
        width: auto;
        height: auto;
    }
    .xq .aside.mainbox {
        padding-top: 0.7rem;
        display: flex;
        flex-direction: column;
    }
    .footer {
        background-size: cover;
    }
    .main.main1 {
        margin: 0
    }
    .mainbox {
        width: 100%;
        margin: 20px auto;
        box-sizing: border-box;
    }
    .xq .aside {
        padding: 0 15px
    }
    .xq .aside .left {
        width: 100%
    }
    .title h1 {
        width: 100%;
        height: .54rem;
        margin: 0 auto .2rem;
        text-align: center;
        font-size: .54rem;
        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%;
        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;
    }
    .main_yueji dl dt {
        flex-shrink: 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 {
        overflow: hidden;
    }
    .area5Con ul {
        display: block;
    }
    .area5Con ul li {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }
    .area7 {
        display: none;
    }
    /* 二级 */
    .headCon .logo img {
        height: 0.75rem;
        width: 1rem
    }
    .aLogo {
        padding: 0.2rem 0.3rem;
    }
    .subNav {
        height: 65px;
    }
    .headCon .logo .oo {
        margin-top: 0.15rem;
        margin-left: 2rem;
        width: 1.25rem;
        height: 0.5rem;
    }
    .subNavCon {
        width: 100%;
    }
    h1 em {
        display: block;
    }
    .subNavCon ul li {
        height: 100%;
        margin: 0;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .xq .subNavCon ul li.active:after {
        bottom: 0;
    }
    .xq p {
        font-size: 0.3rem;
        margin-bottom: 0.18rem;
    }
    .xq h2 {
        font-size: 0.34rem;
        line-height: 0.6rem;
    }
    .subNavCon ul li a {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.32rem;
    }
    .main_yueji .subNavCon ul {
        justify-content: center;
    }
    .main .subCon {
        width: auto;
        margin: 20px auto;
        box-sizing: border-box;
    }
    .main_yueji .subNavCon ul li {
        margin: 0 20px;
        font-size: 16px;
    }
    /* 演出 */
    .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;
    }
    .showLi>dl>dt {
        width: auto;
    }
    .showLi>dl>dd {
        padding: 20px;
    }
    .showLi>dl>dd>* {
        width: 100%;
    }
    .sLCon h1 {
        font-size: 22px;
    }
    .sLCon h4 {
        height: auto;
    }
    .showLi>dl>dd>.sLbtn {
        margin: 10px 0 0 0;
    }
    .sLbtn a.sLA {
        position: static;
        height: 42px;
        line-height: 40px;
    }
    .sLInfo {
        height: auto;
    }
    .sLInfo ul {
        height: auto;
    }
    .sLInfo ul li {
        width: 100%;
        height: auto;
    }
    .area6Con a {
        width: 100%;
    }
    /* 乐季 */
    .yuejiBg1,
    .yuejiBg2 {
        display: none;
    }
    .yjArea {
        margin: 10px auto;
    }
    .yueji {
        margin: 50px auto;
    }
    .yueji h2 {
        font-size: 18px;
    }
    .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: 70px;
        font-size: 22px;
    }
    .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: none;
    }
    .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;
    }
    .about1,
    .about2,
    .about3 {
        width: 100%;
    }
    .about .about1Art {
        height: 510px;
        overflow: hidden;
    }
    .about1Art h2 {
        font-size: 30px;
    }
    .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;
        width: 100%;
    }
    .about .about1Con dl dt.a1Con_dt1 {
        display: block;
        width: 100%;
    }
    .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;
        margin-bottom: 10px;
    }
    .ab2_title {
        display: block;
        width: 125px;
        background-color: #0757B6;
        height: 36px;
        background-repeat: repeat;
        line-height: 36px;
        text-align: center;
        font-size: 14px;
    }
    .ab2_title br {
        display: none;
    }
    .ab2_con {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .ab2_ul {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .ab2_ul li {
        width: 32%;
        height: auto;
        margin: 0 2% 10px 0;
    }
    .main.gxm .yueji .subCon {
        padding: 15px;
        margin: 0;
    }
    .ab2_ul li:nth-child(3n) {
        margin-right: 0;
    }
    .artist .about1Con .flex {
        flex-direction: column;
    }
    .artist .about1Con dl dt {
        display: block;
        margin-top: 20px;
        width: 100%;
    }
    .ab2_ul li img {
        height: auto;
    }
    .ab2_ul li label {
        left: 0px;
        bottom: 28px;
        font-size: 12px !important;
        height: 22px;
        line-height: 22px;
    }
    .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;
    }
    .artist3Con span {
        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: 28px !important;
        font-weight: 500;
        color: #143CA5;
        line-height: 40px !important;
        text-align: center;
    }
    .about1Con dl dd h2 span {
        font-size: 24px;
    }
    .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: 30px;
        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;
    }
    .xq .mid {
        padding: 30px 15px;
        width: 100%;
        flex-direction: column;
    }
    /* 模态框 */
    .modal-dialog {
        width: 100%;
        margin: 0;
    }
    .xq .mid .left dl {
        width: 33%
    }
    .xq .mid {
        margin-top: 0
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 200px);
        -ms-transform: translate(0, 200px);
        -o-transform: translate(0, 200px);
        transform: translate(0, 200px);
    }
    .bg {
        display: block !important;
    }
    .pc {
        display: none !important;
    }
    .xq .aside .right .rr a {
        font-size: 0.32rem;
    }
    .xq .aside .right .rr {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3.1rem;
        height: 0.8rem;
    }
    .xq .text p {
        text-indent: 0em;
        display: block;
        width: auto;
        font-size: 16px;
        text-align: center;
        font-family: Oswald;
        font-weight: 400;
        color: rgba(8, 87, 182, 1);
        line-height: 30px;
        position: relative;
        margin: auto;
    }
    .xq .text p::after {
        top: 15px;
        position: absolute;
        content: "";
        width: 50px;
        height: 1px;
        background-color: rgba(8, 87, 182, 0.3);
        right: 15px;
    }
    .xq .text p::before {
        top: 15px;
        left: 15px;
        position: absolute;
        content: "";
        width: 50px;
        height: 1px;
        background-color: rgba(8, 87, 182, 0.3);
    }
    .xq .mid .left dl dd {
        margin-top: 15px
    }
    .showLi>dl>dt .aside {
        top: 0.3rem;
        left: 0.3rem;
        width: 1.64rem;
    }
    .subNavCon ul li.active:after {
        bottom: 0;
    }
    .bai_newYue{
        width: 100%;
        padding: 0.3rem 0;
        margin: 0 auto 0.3rem auto;
    }
    .bai_newYue h5{
        margin: 0.3rem 0;
    }
    .bai_newYue h2{
        font-size: 30px;
    }
    .bai_newYue h4{
        font-size: 16px;
        margin: 0.2rem auto 0.3rem auto;
    }
    .bai_newYue p{
        font-size: 14px;
    }
    .bai_section_list{
        width: 100%;
        display: block;
        margin-bottom: 0.6rem;
    }
    .bai_section_list{
        margin-top: 0.6rem;
    }
    .bai_section_list .list{
        min-height: 208px;
        padding: 0.3rem;
        height: auto;
    }
    .bai_section_list .list .list_title{
        font-size: 18px;
        line-height: 30px;
    }
    .bai_section_list .list .list_time{
        font-size: 14px;
    }
    .bai_section_list .list .list_name{
        font-size: 14px;
    }
    .main{
        margin-top: 0.6rem;
    }
    .bai_show_title{
        width: 100%;
        justify-content: center;
        margin: 0.3rem 0;
    }
    .bai_show_title .item{
        margin-left: 0;
    }
    .bai_show_listBox{
        padding-top: 0.3rem;
    }
    .bai_show_listBox .bai_title .img{
        width: 280px;
        height: auto;
    }
    .bai_show_listBox .bai_title::after{
        width: 280px;
    }
    .bai_show_listBox .bai_title{
        width: 100%;
        padding: 0.3rem 0 0.8rem 0;
    }
    .bai_show_content{
        width: 100%;
        display: block;
    }
    .bai_show_content .list{
        display: block;
        height: auto;
        margin: 0 0 0.3rem 0;
    }
    .bai_show_content .list .img_box .img{
        width: 100%;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }
    .bai_show_content .list .right{
        padding: 0.3rem;
    }
    .bai_show_content .list .right .right_btn{
        position: unset;
        margin-top: 0.3rem;
    }
    .bai_show_content .list .right .right_title{
        font-size: 18px;
        line-height: 32px;
    }
    .hieght{
        height: 0 !important;
    }
    .area7{
        display: block;
    }
    .area7Con .flex_pack_justify{
        display: block;
    }
    .area7Con ul li{
        width: 100%;
        padding-bottom: 0.3rem;
        margin-bottom: 0.3rem;
    }
    .bai_painter2Con{
        justify-content: space-around;
    }
    
    .bai_painter2Con img{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .layerYj3 .yj3Con{
        width: 80%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }
    .bai_info{
        display: none;
    }
    .phoneBai{
        display: block;
    }
    .main{
        padding: 0 0.3rem;
    }
    .mains{
        padding: 0;
    }
}