@charset "utf-8";
@media screen and (max-width: 1920px) {
    .index_exhibition {
        float: left;
        position: relative;
        width: 100%;
        padding: 20px 0;
        background: #7bd5aa;
        top: 103px;
    }
    .index_exhibition_unit {
        color: #fff;
        position: absolute;
        z-index: 10;
        text-align: center;
        width: 14%;
        margin: 0 5.5%;
        top: -117px;
        font-size: 160%;
    }
    .bg_top {
        width: 9%;
        position: absolute;
        z-index: 1;
        left: -14px;
        bottom: 31px;
    }
    .bg_bottom {
        width: 9%;
        position: absolute;
        z-index: 1;
        right: 15px;
        bottom: 27px;
    }
    .news_list {
        width: 46%;
        margin: 0 auto;
        float: none;
        padding: 1% 2% 1% 5%;
        display: block;
    }
    .balloon_left,
    .balloon_right {
        top: 215px;
    }
    .balloon_left {
        width: 14%;
        position: absolute;
        left: 40px;
    }
    .balloon_right {
        width: 14%;
        position: absolute;
        right: 40px;
    }
}

@media screen and (max-width: 1851px) {
    .exbition_pic {
        width: 29%;
    }
}

@media screen and (max-width: 1600px) {
    .exhibition_intro .textWrap p {
        width: 60%;
    }
}

@media screen and (max-width: 1440px) {
    .index_exhibition {
        margin: 2% auto 60px auto;
        float: left;
        position: relative;
        width: 100%;
        padding: 20px 0;
        background: #7bd5aa;
        top: 70px;
    }
    .index_wrapper1 {
        margin: 0 auto;
        width: 100%;
        background: url(../images/index_bg.png) center top no-repeat;
        display: inline-block;
        /* margin-bottom: 39px; */
        padding-bottom: 176px;
        margin-top: 29px;
    }
    .exhibition_intro {
        float: left;
        width: 100%;
        padding: 0 3%;
    }
    .news,
    .news_ct {
        width: 56%;
        margin: 0 auto;
    }
    .exhibition_intro {
        padding: 0 2%;
    }
    .collection-photo-list {
        width: 59%;
        margin-left: 4%;
        border: 19px solid #f37847;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        float: left;
    }
    .collection-photo-list {
        width: 58%;
        border: 19px solid #f37847;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        float: none;
        margin: 0 auto;
    }
    .bg_left {
        position: absolute;
        width: 7%;
        left: 12%;
        z-index: 99;
        bottom: 324px;
    }
    .bg_left img {
        width: 100%;
    }
    .bg_right {
        position: absolute;
        width: 17%;
        right: 4%;
        z-index: 99;
        bottom: 277px;
    }
    .bg_right img {
        width: 100%;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -100px 752PX no-repeat;
        background-size: 1564px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 106px 0 30px 4px;
        margin-left: 1%;
        background-size: 42%;
    }
    .history_intr_infor {
        width: 50%;
        padding: 98px 36px 44px 36px;
        margin: 0 auto;
        display: block;
        font-size: 1rem;
        line-height: 20px;
    }
    .news_list {
        width: 61%;
        margin: 0 auto;
        float: none;
        padding: 1% 2% 1% 5%;
        display: block;
    }
    .part_list {
        display: block;
        width: 59%;
        margin: 0 auto;
    }
    .exhibition_info_page {
        float: left;
        width: 71%;
        font-size: 1.125rem;
        color: #9f5f2b;
        line-height: 1.2em;
        margin: 0 0 0 4%;
        font-weight: normal;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        border-bottom-width: 1px;
        padding-bottom: 17px;
    }
    .ex_place_page {
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 1366px) {
    .last-date {
    float: left;
    width: 88%;
    text-align: right;
    margin: 32px 6% 0 6%;
}
    .news,
    .news_ct {
        width: 61%;
        margin: 0 auto;
    }
    .index_wrapper2 {
        margin: 0 auto;
        max-width: 100%;
    }
    .index_exhibition_unit {
        font-size: 130%;
    }
    .index_exhibition {
        margin: 0 auto 60px auto;
    }
    .news_list {
        width: 66%;
        margin: 0px 14%;
        float: left;
    }
    .history_intr_infor {
        float: left;
        width: 55%;
        margin: 0 20%;
        margin-top: 50px;
        padding: 56px 36px;
    }
    .index_wrapper1 {
        margin: 0 auto;
        width: 100%;
        background: url(../images/index_bg.png) center top no-repeat;
        display: inline-block;
        /* margin-bottom: 39px; */
        padding-bottom: 148px;
        background-size: auto 1200px;
        margin-top: 29px;
    }
    .index_character_fornt {
        bottom: 24px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 105px 0 30px 4px;
        margin-left: -9%;
        background-size: 38%;
    }
    .bg_right {
        position: absolute;
        width: 20%;
        right: 0%;
        z-index: 99;
        bottom: 285px;
    }
    .bg_right img {
        width: 100%;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -75px 744PX no-repeat;
        background-size: 1444px;
    }
    .part_list {
        display: block;
        width: 62%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1280px) {
    .exhibition_intr_title {
        width: 100%;
        margin: 50px auto auto;
    }
    .bg_right {
        position: absolute;
        width: 18%;
        right: 1%;
        z-index: 99;
        bottom: 234px;
    }
    .collection-photo-list {
        width: 54%;
        margin: 0 23%;
    }
    .bg_top {
        width: 9%;
        position: absolute;
        z-index: 1;
        left: 4px;
        bottom: 31px;
    }
    .bg_bottom {
        width: 8%;
        position: absolute;
        z-index: 1;
        right: 20px;
        bottom: 27px;
    }
    .footer-info {
        float: left;
        width: 97%;
    }
    #sun {
        position: absolute;
        right: -22px;
        width: 12%;
        top: 189px;
    }
    h1.header-logo {
        float: left;
        padding-right: 20px;
        width: 23.5%;
        margin-top: 87px;
    }
    .index_wrapper1 {
        margin: 0 auto;
        width: 100%;
        background: url(../images/index_bg.png) center top no-repeat;
        display: inline-block;
        /* margin-bottom: 39px; */
        padding-bottom: 148px;
        background-size: auto 1182px;
        margin-top: 29px;
    }
    .news_list {
        width: 69%;
        margin: 0 13%;
        float: left;
    }
    .news,
    .news_ct {
        width: 63%;
        margin: 0 auto;
    }
    .collection-photo-list {
        width: 54%;
        float: none;
        margin: 0 auto;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -31px 712PX no-repeat;
        background-size: 1362px;
    }
    .bg_right {
        position: absolute;
        width: 18%;
        right: 2%;
        z-index: 99;
        bottom: 261px;
    }
    .bg_right img {
        width: 100%;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 8% 0 1.9% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 1.4375rem;
        font-weight: bold;
    }
    .black_pblock {
        background: rgba(0, 0, 0, 0.7);
        padding: 2%;
        margin-left: 2%;
        max-width: 280px;
        float: left;
        margin-top: 1px;
    }
    .news_list {
        width: 67%;
        margin: 0 auto;
        float: none;
    }
    .part_list {
        display: block;
        width: 66.5%;
        margin: 0 auto;
    }
    .balloon_left {
        width: 14%;
        position: absolute;
        left: 19px;
    }
}

@media screen and (max-width: 1180px) {
    .news,
    .news_ct {
        width: 71%;
        margin: 0 auto;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 8% 0 1.7% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -31px 668PX no-repeat;
        background-size: 1246px;
    }
    .bg_left {
        position: absolute;
        width: 7%;
        left: 12%;
        z-index: 99;
        bottom: 278px;
    }
    .bg_right {
        position: absolute;
        width: 18%;
        right: 2%;
        z-index: 99;
        bottom: 243px;
    }
       #nav-1 {
        background: url(../images/cloud_1.png) 13px 0 no-repeat;
        width: 182px;
        height: 55px;
        padding: 35px 0px 0 0px;
        margin-top: 40px;
        background-size: 82%;
    }
    #nav-2 {
        margin: 40px 0 0 -2%;
        background-size: 87%;
    }
    #nav-3 {
        margin: 3% 0 0 -2%;
    }
    #nav-4 {
        margin: 50px 0 0 -2%;
    }
    .nav-7 {
        padding: 32px 81px 23px 83px;
        background-size: 61%;
        margin-top: 6px;
        width: 83px;
    }
    .main-nav a {
        font-size: 1.1875rem;
    }
    .news_list {
        width: 66%;
        margin: 0 17%;
        float: left;
    }
    .map_exp {
        float: right;
        width: 81%;
        line-height: 20px;
    }
    .index_exhibition {
        margin: 0% auto 60px auto;
    }
    .footer-info {
        float: left;
        width: 94%;
    }
    .index_character_fornt {
        width: 91%;
        max-width: 1258px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 70px;
    }
    .family {
        float: left;
        width: 31%;
        max-width: 444px;
        margin-right: 2%;
        margin-top: 2%;
    }
    .postman {
        float: left;
        width: 31%;
        max-width: 410px;
        margin-right: 4%;
    }
    .partner {
        float: left;
        width: 31%;
        max-width: 415px;
    }
    #sun {
        position: absolute;
        right: 14px;
        width: 11%;
        top: 189px;
    }
    h1.header-logo {
        float: left;
        padding-right: 20px;
        width: 22%;
        margin-top: 73px;
        margin-left: 2%;
    }
    .index_wrapper1 {
        margin: 0 auto;
        width: 100%;
        background: url(../images/index_bg.png) center top no-repeat;
        display: inline-block;
        /* margin-bottom: 39px; */
        padding-bottom: 115px;
        background-size: auto 1134px;
        margin-top: 25px;
    }
    .index_character_fornt {
        margin-bottom: 51px;
    }
    .news_list {
        width: 72%;
        margin: 0 12%;
        float: left;
    }
    .balloon_left {
        width: 14%;
        position: absolute;
        left: 9px;
    }
    .balloon_right {
        width: 14%;
        position: absolute;
        right: 9px;
    }
    .exhibition_intr_title {
        width: 100%;
        margin: 50px auto 0px auto;
    }
    .index_wrapper2 {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }
    .part_list {
        display: block;
        width: 68%;
        margin: 0 auto;
    }
    .textWrap-ex {
        float: left;
        width: 65%;
        margin: 0 0 0 3%;
    }
    .textWrap-ex .ex_date {
        float: left;
        width: 100%;
        margin-bottom: 7px;
        margin-right: 1%;
    }
    .textWrap-ex .ex_place {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1100px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 8% 0 1.6% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -31px 640PX no-repeat;
        background-size: 1227px;
    }

    .history_intr_infor {
        float: left;
        width: 70%;
        margin: 0 11%;
        margin-top: 50px;
        padding: 56px 36px;
    }
    .index_wrapper1 {
        background-size: auto 1087;
    }
    .index_character_fornt {
        width: 95%;
        max-width: 1258px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 70px;
    }
    .family {
        float: left;
        width: 30%;
        max-width: 444px;
        margin-right: 3%;
        margin-top: 2%;
    }
    .postman {
        float: left;
        width: 30%;
        max-width: 410px;
        margin-right: 4%;
    }
    .partner {
        float: left;
        width: 30%;
        max-width: 415px;
    }
    .littledove {
        float: left;
        width: 9%;
        max-width: 120px;
        position: absolute;
        z-index: 9;
        bottom: 0;
        right: 27%;
    }
    .footer-info {
        float: left;
        width: 96%;
    }
    .index_exhibition {
        margin: 1.5% auto 60px auto;
    }
    .main-nav a {
        font-size: 1.125rem;
    }
    .history_intr_infor {
        float: none;
        width: 66%;
        margin: 0 auto;
        margin-top: 50px;
        padding: 61px 36px;
    }
    .news_list {
        width: 73%;
        margin: 0 auto;
        float: none;
    }
    .part_list {
        display: block;
        width: 66%;
        margin: 0 auto;
    }
    .textWrap-ex {
        float: left;
        width: 61%;
        margin: 0 0 0 3%;
    }
    .exhibition_info_page {
        float: left;
        width: 68%;
        font-size: 1.125rem;
        color: #9f5f2b;
        line-height: 1.2em;
        margin: 0 0 0 7%;
        font-weight: normal;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        border-bottom-width: 1px;
        padding-bottom: 17px;
    }
        #nav-1 {
        background: url(../images/cloud_1.png) 16px 0 no-repeat;
        width: 182px;
        height: 55px;
        padding: 35px 0px 0 0px;
        margin-top: 40px;
        background-size: 79%;
    }
    #nav-2 {
        margin: 36px 0 0 -2%;
        background-size: 86%;
    }
    #nav-3 {
        margin: 2% 0 0 -2%;
        background: url(../images/cloud_3.png) center 10px no-repeat;
        background-size: 100%;
        width: 91px;
    }
    #nav-4 {
        margin: 40px 0px 0 0;
        background: url(../images/cloud_4.png) 8px 7px no-repeat;
        background-size: 87%;
        width: 149px;
    }
    .nav-5 {
        background: url(../images/cloud_5.png) center 0 no-repeat;
        width: 73px;
        height: 20px;
        padding: 27px 48px 27px 40px;
        background-size: 93%;
    }
    .nav-6 {
        background-size: 86%;
    }
    .nav-7 {
        padding: 27px 47px 23px 54px;
        background-size: 82%;
        margin-top: 6px;
        width: 72px;
    }
}

@media screen and (max-width: 1048px) {
    .index_content {
        background-size: 140%;
    }
    .index_character_back {
        width: 90%;
        margin: 30px auto 23px auto;
    }
    .index_character_back .boy {
        width: 11%;
        top: 0;
        left: 17%;
    }
    .index_character_back .dog {
        width: 8%;
        top: 62%;
        left: 8%;
    }
    .index_character_back .postcar {
        width: 18%;
        float: right;
        margin-top: 2%;
        margin-right: 5%;
    }
    .index_character_fornt {
        width: 93%;
        max-width: 1258px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 18px;
    }
    .index_exhibition_unit {
        color: #fff;
        position: absolute;
        z-index: 10;
        text-align: center;
        width: 15%;
        margin: 0 7%;
        top: -98px;
        font-size: 110%;
    }
    .index_exhibition {
        width: 96%;
        margin: 5% 2% 60px 2%;
    }
    .bg_top,
    .bg_bottom {
        display: none;
    }
    .index_exhibition_list {
        width: 96%;
        margin: 0 2%;
        float: left;
    }
    .news_content {
        padding-top: 11%;
        background-size: 145%;
    }
    .balloon_left,
    .balloon_right {
        display: none;
    }
    .news_list {
        width: 81%;
        margin: 0 6%;
        float: left;
    }
    .map_infor_sec,
    .map_infor_pri {
        border: 3px solid #000;
        width: 90%;
        height: inherit;
        border-radius: 10px;
        float: left;
        padding: 20px;
        margin: 20px 1% 10px 1%;
    }
    .map_infor_pri {
        float: left;
    }
    .map_exp {
        float: left;
        width: 80%;
        line-height: 20px;
        margin-left: 3%;
    }
    .index_wrapper1 {
        margin: 0 auto;
        width: 100%;
        background: url(../images/index_bg.png) center top no-repeat;
        display: inline-block;
        /* margin-bottom: 39px; */
        padding-bottom: 62px;
        background-size: auto 1003px;
        margin-top: 33px;
    }
    .index_exhibition {
        width: 100%;
        margin: 2.5% 0 60px 0;
    }
    .family {
        float: left;
        width: 29%;
        max-width: 444px;
        margin-left: 3%;
        margin-top: 2%;
    }
    .postman {
        float: left;
        width: 29%;
        max-width: 410px;
        margin-left: 1%;
    }
    .partner {
        float: left;
        width: 29%;
        max-width: 415px;
    }
    .news,
    .news_ct {
        width: 73%;
        margin: 0 auto;
    }
    .collection-photo-list {
        width: 56%;
        margin: 0 auto;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -26px 640PX no-repeat;
        background-size: 1100px;
    }
    .bg_right {
        position: absolute;
        width: 18%;
        right: 1%;
        z-index: 99;
        bottom: 222px;
    }
    .bg_left {
        position: absolute;
        width: 8%;
        left: 10%;
        z-index: 99;
        bottom: 261px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 6% 0px 1% 12px;
        margin-left: 0%;
        background-size: 38%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 23px auto 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 1.3125rem;
        font-weight: bold;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -26px 652PX no-repeat;
        background-size: 1100px;
    }
    .part_list {
        display: block;
        width: 75%;
        margin: 0 auto;
    }
    .textWrap-ex {
        float: left;
        width: 63%;
        margin: 0 0 0 4%;
    }
}
@media screen and (max-width: 1002px) {
    #nav-4 {
        margin: -6px 0px 0 0;
        background: url(../images/cloud_4.png) 8px 7px no-repeat;
        background-size: 87%;
        width: 149px;
    }
}
@media screen and (max-width: 979px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 6% 0 1.2% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .bg_left {
        position: absolute;
        width: 8%;
        left: 8%;
        z-index: 99;
        bottom: 228px;
    }
    .bg_right {
        position: absolute;
        width: 18%;
        right: 1%;
        z-index: 99;
        bottom: 198px;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -24px 627PX no-repeat;
        background-size: 1026px;
    }
/*    #nav-4 {
        margin: 6% 0px 0 -1%;
        background: url(../images/cloud_4.png) 8px 3px no-repeat;
        background-size: 87%;
        width: 149px;
    }*/
/*    .nav-5 {
        float: left;
        background: url(../images/cloud_5.png) center 0 no-repeat;
        width: 73px;
        height: 20px;
        padding: 24px 70px 27px 65px;
        background-size: 70%;
    }*/
    .index_exhibition {
        width: 100%;
        margin: 4.5% 0 60px 0;
    }
    .history_intr_infor {
        float: none;
        width: 72%;
        margin: 0 auto;
        margin-top: 50px;
        padding: 42px 36px;
    }
    .news_content .news_list a {
        display: block;
        width: 98%;
        color: #666;
        text-decoration: none;
        border: 0;
    }
    .part_list {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .exhibition_intro .arti_title {
        margin: 0 0 25px 0;
    }
}

@media screen and (max-width: 966px) {
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center top no-repeat;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding-bottom: 6%;
        background-size: 1782px;
    }
    .news_list {
        width: 77%;
        margin: 0 auto;
        float: none;
    }
    .news_list .text {
        width: 87%;
        line-height: 1.5em;
        padding-left: 0;
        border: 0;
        float: left;
        margin: 0;
    }
}

@media screen and (max-width: 953px) {
    .main-nav {
        float: left;
        width: 68%;
        margin-left: 1%;
        position: relative;
    }
  
    .news_list li {
        width: 100%;
    }
    h1.header-logo {
        float: left;
        padding-right: 12px;
        width: 23%;
        margin-top: 31px;
        margin-left: 3%;
    }
    .main-nav {
        float: left;
        width: 530px;
        margin-left: 1%;
        position: relative;
        margin-top: -19px;
    }
    .index_exhibition {
        width: 100%;
        margin: 6.5% 0 60px 0;
    }
    .footer-info {
        float: left;
        width: 94%;
        margin: 0 0% 0 2%;
        line-height: 31px;
    }
    .index_character_fornt {
        width: 96%;
    }
    .news_list li {
        width: 88%;
        border-bottom: 2px dotted #ccc;
        padding: 0;
        margin-bottom: 3%;
    }
    .news,
    .news_ct {
        width: 77%;
        margin: 0 auto;
    }
    .bg_right {
        position: absolute;
        width: 17%;
        right: 2%;
        z-index: 99;
        bottom: 194px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 6% 0 1% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .news_list {
        width: 77%;
        margin: 0 auto;
        float: none;
    }
    .news_list .text {
        width: 91%;
        line-height: 1.5em;
        padding: 0;
        border: 0;
        float: left;
        margin: 0;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -24px 593PX no-repeat;
        background-size: 1001px;
    }
}

@media screen and (max-width: 911px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 5.5% 0 1% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .index_exhibition {
        width: 100%;
        margin: 8.5% 0 60px 0;
    }
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center top no-repeat;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding-bottom: 6%;
        background-size: 1698px;
    }
    .history_intr_infor {
        float: none;
        width: 72%;
        margin: 0 auto;
        margin-top: 45px;
        padding: 13px 36px;
    }
    .textWrap-ex {
        float: left;
        width: 61%;
        margin: 0 0 0 4%;
    }
}

@media screen and (max-width: 855px) {
    .txt-section .article .FloatRightImg {
        float: left;
        margin: 0;
        width: 45%;
    }
    .exhibition_intro .textWrap p {
        width: 96%;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -24px 553PX no-repeat;
        background-size: 921px;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 23px auto 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 5.3% 0 1% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .index_exhibition {
        width: 100%;
        margin: 10.5% 0 60px 0;
    }
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center top no-repeat;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding-bottom: 6%;
        background-size: 1598px;
    }
    .history_intr_infor {
        float: none;
        width: 72%;
        margin: 0 auto;
        margin-top: 45px;
        padding: 13px 36px;
        display: block;
    }
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center top no-repeat;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding-bottom: 6%;
        background-size: 1598px;
        margin-left: 1%;
    }
    .history_intr_infor p {
        width: 100%;
        float: left;
        font-size: 0.9375rem;
    }
    .intr_cont li span {
        float: left;
        line-height: 1.5;
        font-size: 0.9375rem;
    }
    #sun {
        position: absolute;
        right: 7px;
        width: 9%;
        top: 220px;
    }
    .textWrap-ex {
        float: left;
        width: 57.5%;
        margin: 0 0 0 4%;
    }
}

@media screen and (max-width: 790px) {
    .exhibition_intro .arti_title {
        margin: 0;
    }
    .txt-section .article .FloatRightImg {
        float: left;
        margin: 2% 0;
        width: 50%;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 5% 2% 1% 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 23px auto 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 1.125rem;
        font-weight: bold;
    }
    .exhibition_contact {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 16%;
        background: url(../images/exhi_bgdot.png) -24px 527PX no-repeat;
        background-size: 852px;
    }
    .nav-7 {
        padding: 26px 81px 23px 85px;
        background-size: 56%;
        margin-top: -13px;
        width: 74px;
        margin-left: -50px;
    }
    .index_exhibition {
        width: 100%;
        margin: 14.5% 0% 60px 0%;
    }
    .history_intr_infor {
        float: none;
        width: 72%;
        margin: 0 auto;
        margin-top: 45px;
        padding: 0 36px;
        display: block;
    }
    .history_intr_infor .intr_cont {
        float: left;
        margin-bottom: 21px;
    }
    .textWrap-ex {
        float: left;
        width: 55.5%;
        margin: 0 0 0 4%;
    }
    .exhibition_info_page {
        float: left;
        width: 63.5%;
        font-size: 1.125rem;
        color: #9f5f2b;
        line-height: 1.2em;
        margin: 0 0 0 11%;
        font-weight: normal;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        border-bottom-width: 1px;
        padding-bottom: 17px;
    }
}

@media screen and (max-width: 778px) {
    .ex_banner {
        float: left;
        width: 55%;
        margin: 0 2% 20px 0;
    }
    .exhibition_intro .textWrap p {
        width: 97%;
    }
    .PublishInfo {
        color: #333;
        overflow: hidden;
        font-size: 0.875rem;
        width: 100%;
    }
    .header {
        display: none;
    }
    .rwd-header {
        display: block;
    }
    .header-top-bg {
        background: url(../images/wavetop.png) center 0 no-repeat;
    }
    .header-inner {
        padding-top: 50px;
        padding-bottom: 15px;
    }
    h1.header-logo {
        float: left;
        width: 200px;
        margin-left: 20px;
        display: block;
    }
    .last-date {
    float: left;
    width: 92%;
    text-align: right;
    margin: 10px 4% 0 4%;
}
    .rwd-btn {
        position: absolute;
        right: 20px;
    }
    .index_content {
        float: left;
        position: relative;
        display: block;
        width: 100%;
        background: url(../images/rwd_index_bg.png) center top no-repeat;
        background-size: 130%;
        padding-top: 45%;
    }
    .index_character_back,
    .index_character_fornt {
        display: none;
    }
    .index_exhibition {
        margin: 0% 2% 60px 2%;
        background: transparent;
    }
    .index_content {
        padding-top: 40%;
    }
    .index_exhibition_list {
        padding: 0 5%;
        margin: 0 5%;
        width: 80%;
    }
    .index_exhibition_unit {
        display: none;
    }
    .rwd_index_exhibition_unit {
        display: block;
        background-size: 100%;
        font-size: 165%;
        height: 78px;
    }
    .index_exhibition_list .cont_infor {
        width: 100%;
        margin: 5% 0 8% 0;
    }
    .news_content {
        padding-top: 14%;
        background-size: 185%;
    }
    .history_intr_infor {
        float: left;
        width: 90%;
        margin: 0;
        margin-top: 50px;
        padding: 56px 36px;
    }
    .bg_left,
    .bg_right {
        display: none;
    }
    .collection-photo-list {
        width: 80%;
        margin: 0 10%;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center bottom no-repeat;
        background-size: contain;
    }
    .index_wrapper1 {
        background: none;
    }
    .footer-info {
        float: left;
        width: 68%;
        margin: 0 0% 0 14%;
        line-height: 31px;
    }
    .black_pblock {
        background: rgba(0, 0, 0, 0.7);
        padding: 2%;
        max-width: 559px;
        float: left;
        margin: 3% 0 5% 12%;
    }
    .black_pblock h4 {
        font-family: Arrière Garde;
        color: #FFF;
        font-size: 2.25rem;
        float: left;
        padding: 1% 0 0 0%;
        line-height: 40px;
    }
    .history_intr_infor {
        float: left;
        width: 79%;
        margin: 0;
        /* margin-top: 50px; */
        padding: 56px 77px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0 no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 9% 2% 2.2% 0px;
        margin-left: 0px;
        background-size: 57%;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center bottom no-repeat;
        background-size: 749px;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 23px auto 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 1.3125rem;
        font-weight: bold;
    }
    .part_list {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .textWrap-ex {
        float: left;
        width: 61%;
        margin: 0 0 0 4%;
    }
    .exhibition_info_page {
        float: left;
        width: 64%;
        font-size: 1.125rem;
        color: #9f5f2b;
        line-height: 1.2em;
        margin: 0 0 0 11%;
        font-weight: normal;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        border-bottom-width: 1px;
        padding-bottom: 17px;
    }
}

@media screen and (max-width: 740px) {
    .page-control .back-btn {
        width: 52%;
    }
    .page-control .back-btn a {
        padding: 21% 31%;
    }
    element.style {}
    .exhibition_info_page2 {
        width: 93%
    }
}

@media screen and (max-width: 737px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0 no-repeat;
        padding: 9% 2% 2% 0px;
        background-size: 57%;
    }
    .page-control .back-btn {
        width: 61%;
    }
    .page-control .back-btn a {
        padding: 20% 30%;
    }
}

@media screen and (max-width: 730px) {
    .page-control .back-btn a {
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 50%;
        padding: 20% 29%;
    }
    .page-control .back-btn {
        width: 53%;
    }
}

@media screen and (max-width: 703px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0 no-repeat;
        padding: 8% 2% 2% 0px;
        background-size: 57%;
    }
}

@media screen and (max-width: 670px) {
    .page-control .back-btn a {
        padding: 19% 27%;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 592px no-repeat;
        background-size: 773px;
    }
}

@media screen and (max-width: 640px) {
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 571px no-repeat;
        background-size: 773px;
    }
    .ex_banner {
        float: left;
        width: 64%;
        margin: 0 2% 20px 0;
    }
    .page-control .back-btn {
        width: 72%;
    }
    .page-control .back-btn a {
        padding: 17% 24%;
    }
    .map_list_cont {
        width: 100%;
        margin-bottom: 20px;
    }
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center top no-repeat;
        background-size: cover;
    }
    .footer-info {
        float: left;
        width: 82%;
        margin: 0px 0% 0 8%;
        line-height: 31px;
    }
    .collection-photo-list {
        width: 80%;
        margin: 0 7%;
    }
    .black_pblock {
        background: rgba(0, 0, 0, 0.7);
        padding: 2%;
        max-width: 505px;
        float: left;
        margin: 3% 0 5% 8%;
    }
    .black_pblock h4 {
        font-family: Arrière Garde;
        color: #FFF;
        font-size: 2.25rem;
        float: left;
        padding: 1.5% 0 0 0%;
        line-height: 40px;
    }
    .history_intr_infor {
        float: left;
        width: 79%;
        margin: 0;
        /* margin-top: 50px; */
        padding: 105px 77px 24PX 77PX;
    }
    .textWrap-ex {
        float: left;
        width: 52.5%;
        margin: 0 0 0 4%;
    }
    .exhibition_info_page {
        float: left;
        width: 100%;
        font-size: 1.125rem;
        color: #9f5f2b;
        line-height: 1.2em;
        margin: 0 0 15px 0;
        font-weight: normal;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        border-bottom-width: 1px;
        padding-bottom: 17px;
    }
    .exhibition_intro .textWrap .ex_banner {
        float: left;
        width: 39%;
        margin: 0 2% 18px 0;
    }
    .Topic_Style01 {
        color: #339966;
        font-weight: 600;
        background: url(../images/Topic_Style01.jpg) no-repeat left center;
        padding-left: 0;
        font-size: 1.125rem;
        margin: 0 0 25px 0;
        /* display: block; */
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 608px) {
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 557px no-repeat;
        background-size: 770px;
    }
    .page-control .back-btn {
        width: 46%;
    }
    .txt-section .article .FloatRightImg {
        width: auto;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0 no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 8.5% 2% 2.5% 0px;
        margin-left: 0px;
        background-size: 62%;
    }
    .page-control .back-btn {
        width: 84%;
    }
    .page-control .back-btn a {
        padding: 15% 22%;
    }
    .next img {
        padding-left: 100%;
        display: block;
    }
}

@media screen and (max-width: 584px) {
    .exhi_intr_tit_bg {
        padding: 8.5% 2% 2% 0px;
    }
    .page-control .prev {
        width: auto;
    }
    .page-control .next {
        width: auto;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 537px no-repeat;
        background-size: 733px;
    }
}

@media screen and (max-width: 540px) {
    .exhi_intr_tit_bg {
        padding: 8.2% 3% 2% 0px;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 512px no-repeat;
        background-size: 679px;
    }
}

@media screen and (max-width: 515px) {
    .exhi_intr_tit_bg {
        padding: 10% 3% 2% 0px;
        background: url(../images/dad.png) center 0 no-repeat;
        background-size: 72%;
    }
    .ex_banner {
        float: left;
        width: 92%;
        margin: 0 2% 20px 0;
    }
    .page-control .back-btn a {
        padding: 20% 22%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 63%;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 512px no-repeat;
        background-size: 637px;
    }
}

@media screen and (max-width: 480px) {
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 502px no-repeat;
        background-size: 687px;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 23px auto 0 auto;
        padding-left: 69px;
        text-align: center;
        font-size: 0.8125rem;
        font-weight: bold;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0 no-repeat;
        /* margin: 0 auto; */
        display: block;
        text-align: center;
        padding: 16px 34px 4px 0px;
        margin-left: 0px;
        background-size: 39%;
    }
    .header-inner {
        padding-bottom: 70px;
    }
    h1.header-logo {
        width: 40%;
        margin-left: 20px;
        display: block;
    }
    .rwd-btn {
        position: absolute;
        right: 20px;
        width: 92px;
    }
    .rwd-btn img {
        width: 100%;
    }
    .exhibition_cont a p {
        font-size: 1.125rem;
    }
    .footer-info {
        float: left;
        width: 90%;
        margin: 0 5%;
    }
    .footer-info span {
        float: left;
        width: 100%;
        display: block;
        margin: 2px 0;
    }
    .cont_tit {
        display: none;
    }
    .rwd_index_exhibition_unit {
        display: block;
        background-size: 100%;
        font-size: 145%;
        height: 58px;
    }
    .news_title {
        width: 100%;
        text-align: center;
        margin: 0 auto 65px auto;
    }
    .news_list {
        width: 90%;
        margin: 0 5%;
        float: left;
    }
    .news_content {
        padding-top: 24%;
        background: url(../images/rwd_frame.png) center top no-repeat;
        background-size: 300%;
    }
    .new_cont .pic {
        width: 80%;
        float: left;
        display: block;
        margin-right: 0;
    }
    .news_list li {
        height: inherit;
        margin-bottom: 30px;
        border-bottom: 2px dotted #ccc;
    }
    .new_cont .text {
        width: 81%;
        line-height: 30px;
        padding-left: 10px;
        border: 0;
        float: right;
    }
    .new_cont .text p {
        font-size: 1.5rem;
    }
    .new_cont .text .date {
        display: block;
        width: 100%;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1rem;
    }
    .map_infor {
        float: left;
        width: 90%;
        margin: 0 4%;
        display: block;
    }
    .map_infor_sec,
    .map_infor_pri {
        border: 3px solid #000;
        width: 87%;
        height: inherit;
        border-radius: 10px;
        float: left;
        padding: 20px;
        margin: 20px 0 10px 0;
    }
    .history_introduction_bg {
        float: left;
        background: url(../images/parchment.png) center -70px no-repeat;
        background-size: cover;
    }
    .history_intr_infor {
        padding: 105px 36px;
        margin-top: 0;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center top no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 19% 0 6% 0;
        background-size: 93%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 0 auto;
        padding-left: 58px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold;
    }
    .footer-info span {
        float: left;
        width: 100%;
        display: block;
        margin: 2px 0px 0 49px;
        text-align: left;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) 18px 32px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 10.5% 0 0% 0;
        background-size: 32%;
    }
    .collection-photo-list {
        /*width: 80%;
        margin: 0 6%;*/
        width: 96%;
        margin: 0 auto;
        border: 2px solid #f37847;
        border-radius: 0;
    }
    .black_pblock {
        background: rgba(0, 0, 0, 0.7);
        padding: 2%;
        max-width: 397px;
        float: left;
        margin: 3% 0 5% 7%;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 9.5% 0px 0% 52%;
        background-size: 75%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 6px 0 -6px -47px;
        padding-left: 5px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 59px;
    }
    .news_list li {
        height: inherit;
        border-bottom: 2px dotted #ccc;
        margin-bottom: 3%;
        padding-bottom: 6%;
    }
    .exbition_pic {
        display: block;
        height: auto;
        width: 250px;
        overflow: hidden;
        margin: 0 auto;
        float: none;
        padding: 0 0 25px 0;
    }
    .textWrap-ex {
        float: left;
        width: 94%;
        margin: 0 0 0 3%;
    }
}

@media screen and (max-width: 452px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 9% 0px 0% 53%;
        background-size: 75%;
    }
    .exhibition_contact {
        background: url(../images/exhi_bgdot.png) center 482px no-repeat;
        background-size: 687px;
    }
}

@media screen and (max-width: 432px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 10.5% 0px 0% 53%;
        background-size: 85%;
    }
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 472px no-repeat;
    background-size: 687px;
}
}

@media screen and (max-width: 419px) {
    .page-control .back-btn a {
        padding: 21% 22%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 63%;
    }
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 462px no-repeat;
    background-size: 687px;
}
}

@media screen and (max-width: 410px) {
    .page-control .back-btn a {
        padding: 26% 22%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 73%;
    }
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 456px no-repeat;
    background-size: 687px;
}
}

@media screen and (max-width: 400px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 447px no-repeat;
    background-size: 687px;
}
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 10% 0px 0% 55%;
        background-size: 85%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 6px 0 -6px -47px;
        padding-left: 5px;
        text-align: center;
        font-size: 1.1875rem;
        font-weight: bold;
        line-height: 59px;
    }
    .page-control .back-btn a {
        padding: 25% 22%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 73%;
    }
}

@media screen and (max-width: 378px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 434px no-repeat;
    background-size: 687px;
}
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 11% 0px 0% 57%;
        background-size: 90%;
    }
}

@media screen and (max-width: 365px) {
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 12% 0px 0% 57%;
        background-size: 97%;
    }
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 428px no-repeat;
    background-size: 687px;
}
}

@media screen and (max-width: 359px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 425px no-repeat;
    background-size: 687px;
}
    .page-control .back-btn {
        width: 75%;
    }
    .page-control .back-btn a {
        padding: 26% 21%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 73%;
    }
}

@media screen and (max-width: 353px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 417px no-repeat;
    background-size: 687px;
}
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        padding: 11% 0px 0% 55%;
        background-size: 97%;
    }
    .exhi_intr_tit_bg p {
        font-size: 1.0625rem;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) center 0px no-repeat;
        padding: 11% 0px 0% 57.5%;
        background-size: 97%;
    }
}

@media screen and (max-width: 346px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 411px no-repeat;
    background-size: 687px;
}
    .page-control .back-btn {
        width: 77%;
    }
    .page-control .back-btn a {
        padding: 24% 19%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 73%;
    }
}

@media screen and (max-width: 328px) {
    .exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 396px no-repeat;
    background-size: 687px;
}
    .page-control .back-btn {
        width: 88%;
    }
    .page-control .back-btn a {
        padding: 24% 18%;
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 73%;
    }
}

@media screen and (max-width: 320px) {
    .page-control .back-btn a {
        background: url(../images/page_but.png) center 0 no-repeat;
        background-size: 83%;
        padding: 25% 16%;
    }
    .page-control .back-btn {
        width: 92%;
    }
    .index_content {
        padding-top: 35%;
    }
.exhibition_contact {
    background: url(../images/exhi_bgdot.png) center 412px no-repeat;
    background-size: 687px;
}
    .rwd_index_exhibition_unit {
        display: block;
        background-size: 100%;
        font-size: 120%;
        height: 48px;
        padding-top: 5%;
    }
    .map_title {
        background-size: 90%;
    }
    .map_title h1,
    .map_title h2 {
        color: #4a2800;
        line-height: 2.8em;
        font-size: 1.375rem;
        font-weight: bolder;
        padding: 4px 0 10px 0;
    }
    .footer-info {
        float: left;
        width: 90%;
        margin: 0 -8%;
    }
    .txt-section .article p {
        margin: 0px 0 0px 0px;
        line-height: 32px;
        color: #666;
        width: 97%;
        word-wrap: break-word;
        word-break: break-all;
    }
    .PublishInfo ul li {
        margin-bottom: 15px;
    }
    /*  .collection-photo-list {
        width: 100%;
        margin: 0 auto;
        border: none;
    }*/
    .collection-photo-list {
        width: 99%;
        margin: 0 auto;
        border: 2px solid #f37847;
        border-radius: 0;
    }
    .exhibition_intr_title {
        width: 100%;
        margin-top: 50px;
    }
    .exhi_intr_tit_bg {
        background: url(../images/dad.png) 13px 18px no-repeat;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 16% 0px 2% 59%;
        background-size: 97%;
    }
    .exhi_intr_tit_bg p {
        width: 50%;
        margin: 7px 0px -14px -39px;
        padding-left: 5px;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        line-height: 59px;
    }
    .black_pblock {
        background: rgba(0, 0, 0, 0.7);
        padding: 2%;
        /* max-width: 397px; */
        float: left;
        margin: 3% 0 5% 0%;
    }
    .history_intr_infor {
        padding: 122px 36px 93px 36PX;
        margin-top: 0;
        margin: 0%;
    }
    .new_cont .list_style {
        font-size: 2.0625rem;
        color: #ef7b1b;
        float: left;
        display: block;
        margin-right: 3%;
        margin-bottom: 5%;
    }
    .arti_title {
        font-size: 1.875rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #434343;
        line-height: 141%;
        float: left;
        width: 100%;
    }
    .exhibition_info_page .ex_date_page {
        float: left;
        width: 100%;
        margin: 0 0 11px 0;
        line-height: 26px;
    }
    .exhibition_info_page .ex_place_page {
        float: left;
        width: 100%;
        line-height: 26px;
    }
    .next img {
        padding-left: 100%;
        display: block;
    }
    .page-control .prev {
        width: auto;
        padding: 0;
    }
}